@charset "utf-8";

/* CSS Document */





/* Typography 

-----------------------------------------------------------*/

* {

  margin: 0;

  padding: 0;



  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}



body {

  background: #fff;

  font: 13px/18px Tahoma, sans-serif;

  color: #536069;

  margin: 0;

  padding: 0;

  width: 100%;

}



a {

  color: #536069;

  text-decoration: underline;

}



a:hover {

  color: #bb2a2c;

}



img {

  vertical-align: middle;

  max-width: 100%;

}



button,

input,

textarea{

  outline: none;

}





.container{

  width: 1140px;

  position: relative;

  margin: 0 auto;

  padding: 0 10px;

}



p{

  margin-bottom: 20px;

}



ul{

  list-style: none;

}












/* lang

-----------------------------------------------------------*/

.lang{
  display: inline-block;
  vertical-align: top;
  margin-left: 20px;
}


.lang li{
  display: inline-block;
  vertical-align: top;
}


.lang li a{
  display: block;
}









/* Button style 

-----------------------------------------------------------*/

.btn {

  border-radius: 6px;

  -webkit-border-radius:6px;

  -moz-border-radius:6px;

  display: inline-block;

  cursor: pointer;

  text-decoration: none;

  color: #fff;

  position: relative;

  font:24px/78px Tahoma, sans-serif;

  margin: 0 auto;

  display: block;

  text-align: center;

  max-width: 490px;

background: #c93335;

background: -moz-linear-gradient(top,  #c93335 0%, #c32e30 24%, #c42f31 27%, #c02e2f 30%, #bd2b2e 48%, #ba292c 49%, #bb2a2d 52%, #b9282b 54%, #ba292c 57%, #b7282a 58%, #b22325 82%, #ae2225 97%, #921616 99%, #921618 100%);

background: -webkit-linear-gradient(top,  #c93335 0%,#c32e30 24%,#c42f31 27%,#c02e2f 30%,#bd2b2e 48%,#ba292c 49%,#bb2a2d 52%,#b9282b 54%,#ba292c 57%,#b7282a 58%,#b22325 82%,#ae2225 97%,#921616 99%,#921618 100%);

background: linear-gradient(to bottom,  #c93335 0%,#c32e30 24%,#c42f31 27%,#c02e2f 30%,#bd2b2e 48%,#ba292c 49%,#bb2a2d 52%,#b9282b 54%,#ba292c 57%,#b7282a 58%,#b22325 82%,#ae2225 97%,#921616 99%,#921618 100%);

filter: none;

  box-shadow: none;

  border: none;

}



.btn:hover {

background: #e44b50;

background: -moz-linear-gradient(top,  #e44b50 0%, #e2474b 25%, #d9383d 70%, #db383b 76%, #d73236 97%, #ca2124 99%, #cb2124 100%);

background: -webkit-linear-gradient(top,  #e44b50 0%,#e2474b 25%,#d9383d 70%,#db383b 76%,#d73236 97%,#ca2124 99%,#cb2124 100%);

background: linear-gradient(to bottom,  #e44b50 0%,#e2474b 25%,#d9383d 70%,#db383b 76%,#d73236 97%,#ca2124 99%,#cb2124 100%);

filter: none;

  color: #fff;

}





.btn:active{

background: #8f1718;

background: -moz-linear-gradient(top,  #8f1718 0%, #951516 1%, #aa2224 3%, #b12224 4%, #ad2323 7%, #b22325 15%, #b12526 25%, #b52628 28%, #ba292c 46%, #b92929 48%, #bb2b2b 49%, #ba2a2a 52%, #bc2c2c 54%, #c02e2f 70%, #c32e30 72%, #c83234 100%);

background: -webkit-linear-gradient(top,  #8f1718 0%,#951516 1%,#aa2224 3%,#b12224 4%,#ad2323 7%,#b22325 15%,#b12526 25%,#b52628 28%,#ba292c 46%,#b92929 48%,#bb2b2b 49%,#ba2a2a 52%,#bc2c2c 54%,#c02e2f 70%,#c32e30 72%,#c83234 100%);

background: linear-gradient(to bottom,  #8f1718 0%,#951516 1%,#aa2224 3%,#b12224 4%,#ad2323 7%,#b22325 15%,#b12526 25%,#b52628 28%,#ba292c 46%,#b92929 48%,#bb2b2b 49%,#ba2a2a 52%,#bc2c2c 54%,#c02e2f 70%,#c32e30 72%,#c83234 100%);

filter: none;



  color: #fff;

}



.btn-call {
    display: inline-block;
    width: 147px;
    padding: 19px 18px 12px 72px;
    font: 13px/15px Tahoma, sans-serif;
    margin: 0;
    text-align: left;
    min-height: 68px;
}






.btn-call:before{

  content: ' ';

  position: absolute;

  left: 19px;

  top: 50%;

  width: 38px;

  height: 38px;

  margin-top: -19px;

  background: url('../img/sprite.png') -67px -7px no-repeat;

}









/* Header 

-----------------------------------------------------------*/

.header{

  overflow: hidden;

  padding: 15px 0;

}





.logo{

  float: left;

  vertical-align: top;

  margin-top: 8px;

}



.head-contact{

  float: right;

  vertical-align: top;

}



.phone-number{

  display: inline-block;

  margin-right: 29px;

  text-align: right;

}



.phone-number span{

  font:bold 24px/24px Tahoma, sans-serif;

  display: block;

}



.navbar-header{

  display: none;

}





/* Content

-----------------------------------------------------------*/

.nav{

  background: rgba(255, 255, 255, 0.5);

  border-top: 1px solid #e0e0df;

  border-bottom: 1px solid #e0e0df;

  padding: 17px 0 17px;

  margin-bottom: 30px;

}





.sticky .nav{

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 1000;

  background: #fff;

}



.nav ul{

  margin-right: 0;

  text-align: center;

}



.nav li{

  display: inline-block;

  margin: 0 12px;

  word-spacing: -0.36em;

  position: relative;

}



.nav li:before{

  content: ' ';

  position: absolute;

  left: -16px;

  top: 8px;

  width: 4px;

  height: 4px;

  background: #9aa8af;

  border-radius: 50%;

}





.nav li:last-child:after{

  content: ' ';

  position: absolute;

  right: -16px;

  top: 8px;

  width: 4px;

  height: 4px;

  background: #9aa8af;

  border-radius: 50%;

}





.nav li a{

  word-spacing: normal;

}





.analit-top{

  background: url('../img/bg-top.jpg') 50% 0 no-repeat;

  min-height: 783px;

}





h1{

  display: block;

  text-align: center;

  color: #bb2a2c;

  font:bold 32px/43px 'PT Sans', sans-serif;

  margin-bottom: 28px;

  letter-spacing: 0.5px;

}



h1 span{

  display: block;

  font:bold 48px/53px 'PT Sans', sans-serif;

}





.list-analit-top{

  text-align: center;

}



.list-analit-top li{

  display: inline-block;

  width: 360px;

  margin: 0 5px 20px;

  vertical-align: top;

}



.list-analit-top li span{

  display: inline-block;

  font:30px/29px 'PT Sans', sans-serif;

  color: #222d35;

  padding-left: 79px;

  position: relative;

  margin-bottom: 25px;

  text-align: left;

}



.list-analit-top li span:before{

  content: ' ';

  position: absolute;

  left: 0px;

  top: 50%;

  width: 64px;

  height: 64px;

}



.title-analit-top1:before{

  background: url('../img/sprite.png') no-repeat -119px -7px;

  margin-top: -35px;

}



.title-analit-top2:before{

  background: url('../img/sprite.png') no-repeat -379px -7px;

  margin-top: -29px;

}



.title-analit-top3:before{

  background: url('../img/sprite.png') no-repeat -452px -7px;

  margin-top: -29px;

}



.list-analit-top li{

  font:18px/22px 'PT Sans', sans-serif;

}





.how-work{

  padding: 10px 0 0;

  margin-bottom: 57px;

}



.title-how-work{

  display: block;

  color: #bb2a2c;

  text-align: center;

  font: 24px/48px 'PT Sans', sans-serif;

  border-top: 1px dashed #c7d0d6;

  padding-top: 38px;

  margin-bottom: 53px;

}





.title-how-work span{

  display: block;

  font:bold 30px/30px 'PT Sans', sans-serif;

}



.title-work-bl{

  display: block;

  border-top: 1px dashed #9aa8af;

  position: relative;

  height: 1px;

  margin-bottom: 37px;

}



.title-work-bl span{

  position: absolute;

  top: -19px;

  left: 124px;

  display: inline-block;

  padding: 0 36px;

  background: #fff;

  font:bold 30px/30px 'PT Sans', sans-serif;

}




.video-bl{

  text-align: center;

  padding: 10px 0;

  max-width: 640px;

  margin: 0 auto;

}



.video-bl .mejs-layer {

  background: url(../img/video-img.jpg) 0 0 no-repeat;

  background-size: cover;

}



.how-work-bl{

  margin-bottom: 54px;

}







.list-work-bl{

  margin-top: 42px;

}



.list-work-bl2{

  margin-top: 50px;

}



.list-work-bl li{

  overflow: hidden;

  margin-bottom: 15px;

}



.list-work-bl>li>span{

  float: left;

  width: 129px;

  height: 129px;

  background: #b52628;

  border-radius: 6px;

  -webkit-border-radius:6px;

  -moz-border-radius:6px;

  vertical-align: top;

  position: relative;

}



.list-work-bl2>li>span{

  background: #717e88;

}



.list-work-bl>li>span:before{

  content: ' ';

  position: absolute;

  left: 50%;

  top: 50%;

  width: 64px;

  height: 67px;

  margin-top: -32px;

}



.ic-list-work1:before{

  background: url('../img/sprite.png') no-repeat -530px -7px;

  margin-left: -30px;

}





.ic-list-work2:before{

  background: url('../img/sprite.png') no-repeat -608px -7px;

  margin-left: -30px;

}



.ic-list-work3:before{

  background: url('../img/sprite.png') no-repeat -686px -7px;

  margin-left: -30px;

}



.ic-list-work4:before{

  background: url('../img/sprite.png') no-repeat -764px -7px;

  margin-left: -30px;

}





.ic-list-work5:before{

  background: url('../img/sprite.png') no-repeat -842px -7px;

  margin-left: -30px;

}



.ic-list-work6:before{

  background: url('../img/sprite.png') no-repeat -920px -7px;

  margin-left: -30px;

}



.ic-list-work7:before{

  background: url('../img/sprite.png') no-repeat -999px -7px;

  margin-left: -30px;

}



.ic-list-work8:before{

  background: url('../img/sprite.png') no-repeat -1078px -7px;

  margin-left: -30px;

}









.list-work-bl>li>div{

  margin-left: 158px;

  vertical-align: top;

  margin-top: 3px;

}



.list-work-bl>li>div>span{

  display: block;

  color: #bb2a2c;

  font:bold 24px/24px 'PT Sans', sans-serif;

  margin-bottom: 10px;

}



.list-work-bl>li>div p{

  margin-bottom: 10px;

}



.list-work-bl>li>div p b{

  color: #536069;

  font:bold 16px/16px 'PT Sans', sans-serif;

  margin-bottom: 15px;

}





.list-competitors{

  display: inline-block;

  width: 250px;

  margin-left: 10px;

  color: #bb2a2c;

}



.list-competitors li{

  margin-bottom: 10px;

}





.list-competitors li span{

  display: inline-block;

  margin-right: 10px;

}





.list-work-bl>li>div p span{

  color: #bb2a2c;

}





.evaluation-work{

  display: inline-block;

  width: 415px;

  font: 13px/18px Tahoma, sans-serif;
}



.evaluation-work li{

  margin-bottom: 10px;

}





.evaluation-work li span{

  color: #bb2a2c;

}





.interface{

  background: #f4f6f9;

  padding: 10px 0 60px;

}



.title-interface{

  display: block;

  text-align: center;

  font:bold 24px/24px 'PT Sans', sans-serif;

  color: #536069;

  margin-bottom: 35px;

  padding-top: 30px;

  border-top: 1px dashed #c7d0d6;

}



.cta-bl{

  background: url('../img/bg-cont1.jpg') no-repeat 50% 0;

  font:18px/22px 'PT Sans', sans-serif;

}



.title-cta{

  display: block;

  font:bold 32px/48px 'PT Sans', sans-serif;

  color: #bb2a2c;

  padding: 34px 0 0;

  margin-bottom: 11px;

}





.title-cta span{

  display: block;

  font:bold 48px/48px 'PT Sans', sans-serif;

}



.newbie{

  display: inline-block;

  width: 465px;

  vertical-align: top;

}



.pro-bl{

  display: inline-block;

  vertical-align: top;

  width: 650px;

}







.cta-list-bl>div>span{

  position: relative;

  color: #bb2a2c;

  padding-left: 97px;

  font:30px/30px 'PT Sans', sans-serif;

  display: block;

  margin-bottom: 23px;

}





.cta-list-bl>div>span:before{

  content: ' ';

  position: absolute;

  left: 0px;

  top: 50%;

  width: 64px;

  height: 64px;

  margin-top: -34px;

}





.newbie>span:before{

  background: url('../img/sprite.png') -1216px -7px no-repeat;

}



.pro-bl>span:before{

  background: url('../img/sprite.png') -1294px -7px no-repeat;

}



.cta-list-bl>div>ul>li{

  margin-bottom: 12px;

}





.cta-list-bl>div>ul>li>span{

  display: inline-block;

  margin-right: 10px;

}



.cta-list-bl{

  margin: 35px 0 12px;

}



.cta-demo{

  background: rgba(255, 255, 255, 0.5);

  padding: 40px 0 50px;

}



.title-cta-demo{

  display: block;

  font:bold 28px/28px 'PT Sans', sans-serif;

  color: #bb2a2c;

  margin-bottom: 17px;

}





.cta-demo .container div{

  padding-top: 5px;

}



.cta-demo div ul{

  display: inline-block;

  width: 311px;

  vertical-align: top;

  margin-top: 5px;

}



.cta-demo div ul li{

  position: relative;

  font: 13px/18px Tahoma, sans-serif;

  padding-left: 21px;

  margin-bottom: 5px;

}



.cta-demo div ul li:before{

  content: ' ';

  position: absolute;

  left: 0px;

  top: 5px;

  width: 12px;

  height: 9px;

  background: url('../img/sprite.png') -7px -7px no-repeat;

}



.cta-demo div .btn{

  display: inline-block;

  margin: 0;

  width: 490px;

  vertical-align: top;

}



.cta-demo div .btn:before{

  content: ' ';

  position: absolute;

  right: -218px;

  top: -43px;

  width: 131px;

  height: 92px;

  background: url('../img/arrow.png') 0px 0px no-repeat;

}







.our-best{

  padding: 10px 0 10px;

  margin-bottom: 34px;

}



.title-our-best{

  display: block;

  border-top: 1px dashed #c7d0d6;

  color: #536069;

  font:24px/38px 'PT Sans', sans-serif;

  padding-top: 39px;

  text-align: center;

  margin-bottom: 30px;

}





.title-our-best span{

  display: block;

  font:bold 30px/32px 'PT Sans', sans-serif;

  margin-bottom: 2px;

}







.our-best-list{

  margin-left: -55px;

  margin-bottom: 25px;

}





.our-best-list li{

  display: inline-block;

  margin-left: 55px;

  word-spacing: -.36em;

  width: 330px;

  vertical-align: top;

  margin-bottom: 5px;

}





.our-best-list li div{

  word-spacing: normal;

  position: relative;

  color: #bb2a2c;

  font:bold 18px/30px 'PT Sans', sans-serif;

  margin-bottom: 20px;

  overflow: hidden;

  padding-top: 5px;

}







.our-best-list li div span{

  width: 96px;

  height: 96px;

  border-radius: 6px;

  -webkit-border-radius:6px;

  -moz-border-radius:6px;

  vertical-align: top;

  float: left;

 background: #b62729;

 margin-right: 24px;

 position: relative;

 margin-top: -5px;

}



.our-best-list li div span:before{

  content: ' ';

  position: absolute;

  left: 50%;

  top: 50%;

  width: 64px;

  height: 66px;

  margin-top: -33px;

  margin-left: -32px;

}



.our-best-ic1 span:before{

  background: url('../img/sprite.png') no-repeat -1372px -7px;

}



.our-best-ic2 span:before{

  background: url('../img/sprite.png') no-repeat -1450px -7px;

}



.our-best-ic3 span:before{

  background: url('../img/sprite.png') no-repeat -1528px -7px;

}



.our-best-ic4 span:before{

  background: url('../img/sprite.png') no-repeat -1606px -7px;

}



.our-best-ic5 span:before{

  background: url('../img/sprite.png') no-repeat -1684px -7px;

}



.our-best-ic6 span:before{

  background: url('../img/sprite.png') no-repeat -1762px -7px;

}





.our-best-list li p{

  word-spacing: normal;

}





.title-analit-system{

  position: relative;

  height: 1px;

  border: 1px dashed #c7d0d6;

  display: block;

  margin-bottom: 48px;

}





.title-analit-system span{

  position: absolute;

  font:bold 24px/26px 'PT Sans', sans-serif;

  top: -13px;

  left: 50%;

  padding: 0 17px;

  background: #fff;

  margin-left: -374px;

  display: block;

}





.analit-system div{

margin-left: -37px;

}



.analit-system ul{

  display: inline-block;

  width: 535px;

  word-spacing: -.36em;

  margin-left: 37px;

}



.analit-system ul li{

  word-spacing: normal;

  position: relative;

  padding-left: 41px;

  margin-bottom: 12px;

  font:18px/23px 'PT Sans', sans-serif;

}



.analit-system ul li:before{

  content: ' ';

  position: absolute;

  left: 0px;

  top: 4px;

  width: 20px;

  height: 15px;

  background: url('../img/sprite.png') -33px -7px no-repeat;

}





.reviews{

  padding: 10px 0 10px;

  background: #f4f4f4;

}



.reviews .title-interface{

  padding-top: 35px;

  margin-bottom: 47px;



}





.stats{

  padding: 52px 0 0;

  margin-bottom: 39px;

}





.stats-title{

  display: block;

  text-align: center;

  font:24px/26px 'PT Sans', sans-serif;

  margin-bottom: 35px;

}





.stats-title span{

  display: block;

  font:bold 30px/30px 'PT Sans', sans-serif;

  margin-bottom: 10px;

}





.stats-bl-img{

  overflow: hidden;

  margin-bottom: 15px;

}





.stats-bl-img p:last-of-type{

  font:18px/6px 'PT Sans', sans-serif;

}





.stats-img:first-of-type{

  float: left;

  vertical-align: top;

}



.stats-img:last-of-type{

  float: right;

  vertical-align: top;

}





.stats-bl-cont{

  width: 325px;

  margin: 0 auto;

  vertical-align: top;

  margin-top: -10px;

}



.hotel-logo{

  display: block;

  margin-left: -16px;

  margin-bottom: 10px;

}



.title-stats-bl-cont{

  color: #bb2a2c;

  font:24px/24px 'PT Sans', sans-serif;

  display: block;

  margin-bottom: 10px;

}





.situat-stats{

  margin-bottom: 28px;

}





.situat-stats span{

  color: #bb2a2c;

  font:24px/24px 'PT Sans', sans-serif;

  display: block;

  margin-bottom: 10px;

}





.list-stats{

  display: inline-block;

  width: 310px;

  margin-right: 60px;

  vertical-align: top;

}



.list-stats-title{

  color: #bb2a2c;

  font:24px/24px 'PT Sans', sans-serif;

  display: block;

  margin-bottom: 10px;

}



.list-stats li{

  margin-bottom: 10px;

}



.list-stats li span{

  color: #bb2a2c;

  display: inline-block;

  margin-right: 3px;

}



.table-bl{

  border-bottom: 1px dashed #d2d2d3;

  padding-bottom: 10px;

  margin-bottom: 9px;

}



.table-bl:last-child{

  border-bottom: none;

}



.table-bl span{

  display: inline-block;

  vertical-align: top;

}



.table-stats{

  display: inline-block;

  width: 730px;

  vertical-align: top;

}



.table-td1{

  width: 150px;

}





.table-td2{

  width: 100px;

  color: #56b12a;

  font-weight: bold;

}





.table-td3{

  width: 445px;

}



.sentence{

  background: url('../img/bg-cont2.jpg') no-repeat 50% 0;

  padding: 39px 0 38px;

  margin-bottom: 10px;

  text-align: center;

}





.sentence p{

  max-width: 780px;

  margin: 0 auto 12px;

  font:18px/24px 'PT Sans', sans-serif;

}



.title-sentence{

  display: block;

  font:bold 30px/30px 'PT Sans', sans-serif;

  color: #bb2a2c;

  margin-bottom: 15px;

}



.title-sentence span{

  display: inline-block;

  margin-left: 10px;

  text-transform: uppercase;

}



.sentence .btn{

  margin-top: 22px;

}







/* Footer 

-----------------------------------------------------------*/

.footer .footer-bl{

  border-top: 1px dashed #c7d0d6;

  overflow: hidden;

  padding: 40px 0 30px;

}





.footer-logo-bl{

  float: left;

  width: 315px;

  vertical-align: top;

}





.footer-form{

  float: right;

  width: 330px;

  vertical-align: top;

}





.footer-logo{

  margin-bottom: 27px;

}







.footer-form button{

  width: 100%;

  height: 68px;

  font:18px/18px 'PT Sans', sans-serif;

  margin-top: 3px;

}



.footer-form input{

    width: 100%;

    height: 34px;

    padding: 0 10px;

    margin-bottom: 15px;

    font-size: 13px;

    vertical-align: top;

    box-shadow: none;

    border: none;

    color: #536069;

    -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.25);

    -moz-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.25);

    box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.25);

}



.contact-footer{

  display: block;

  margin: 0 auto;

  vertical-align: top;

  width: 220px;

  text-align: center;

  padding-top: 10px;

}



.contact-footer span{

  display: block;

  font:bold 24px/24px 'PT Sans', sans-serif;

  margin-bottom: 10px;

}





.contact-footer div{

  margin-top: 24px;

}



.contact-footer div a{

  display: inline-block;

  margin: 0 3px;

}





/* clock 

-----------------------------------------------------------*/

.fr-text {

    color: #344048;

      font:bold 18px/22px 'PT Sans', sans-serif;

    width: auto;

    margin-top: 0;

}



    .cl-counter {

    vertical-align: -150%;

    width: 80px;

    margin: 0 20px 0 3px;

    height: 94px;

    display: inline-block;

}



.flip-clock-wrapper {

    -webkit-user-select: none;

    text-align: center;

    position: relative;

    width: 100%;

    margin: 1em;

}



.flip-clock-wrapper .flip {

    box-shadow: 0 2px 5px rgba(0,0,0,.7);

}

.flip-clock-wrapper ul {

    list-style: none;

    position: relative;

    float: left;

    margin: 5px;

    width: 50px;

    height: 76px;

    font-size: 80px;

    font-weight: 700;

    line-height: 87px;

    border-radius: 6px;

    background: #000;

}



.flip-clock-wrapper * {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -o-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -o-backface-visibility: hidden;

  backface-visibility: hidden

}



.flip-clock-wrapper {



  -webkit-user-select: none;

  text-align: center;

  position: relative;

  width: 100%;

  margin: 1em

}



.flip-clock-wrapper a {

  line-height: 1.5

}



.flip-clock-wrapper:after,

.flip-clock-wrapper:before {

  content: " ";

  display: table

}



.flip-clock-wrapper ul {

  list-style: none;

  position: relative;

  float: left;

  margin: 5px;

  width: 50px;

  height: 76px;

  font-size: 36px;

  font-weight: 700;

  line-height: 76px;

  border-radius: 6px;

  background: #000

}



.flip-clock-wrapper ul li {

  z-index: 1;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  line-height: 87px;

  text-decoration: none!important

}



.flip-clock-wrapper ul li:first-child {

  z-index: 2

}



.flip-clock-wrapper ul li a {

  display: block;

  height: 100%;

  -webkit-perspective: 200px;

  -moz-perspective: 200px;

  perspective: 200px;

  margin: 0!important;

  overflow: visible!important;

  cursor: default!important

}



.flip-clock-wrapper ul li a div {

  z-index: 1;

  position: absolute;

  left: 0;

  width: 100%;

  height: 50%;

  font-size: 36px;

  overflow: hidden;

  outline: transparent solid 1px

}



.flip-clock-wrapper ul li a div .shadow {

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 2

}



.flip-clock-wrapper ul li a div.up {

  -webkit-transform-origin: 50% 100%;

  -moz-transform-origin: 50% 100%;

  -ms-transform-origin: 50% 100%;

  -o-transform-origin: 50% 100%;

  transform-origin: 50% 100%;

  top: 0

}



.flip-clock-wrapper ul li a div.up:after {

  content: "";

  position: absolute;

  top: 44px;

  left: 0;

  z-index: 5;

  width: 100%;

  height: 3px;

  background-color: #000;

  background-color: rgba(0, 0, 0, .4)

}



.flip-clock-wrapper ul li a div.down {

  -webkit-transform-origin: 50% 0;

  -moz-transform-origin: 50% 0;

  -ms-transform-origin: 50% 0;

  -o-transform-origin: 50% 0;

  transform-origin: 50% 0;

  bottom: 0;

  border-bottom-left-radius: 6px;

  border-bottom-right-radius: 6px

}



.flip-clock-wrapper ul li a div div.inn {

  position: absolute;

  left: 0;

  z-index: 1;

  width: 100%;

  height: 200%;

  color: #ccc;

  font-family: Tacoma;

  text-shadow: 0 1px 2px #000;

  text-align: center;

  background-color: #333;

  border-radius: 6px;

  font-size: 50px

}



.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow,

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {

  background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, #000))

}



.flip-clock-wrapper ul li a div.up div.inn {

  top: 0

}



.flip-clock-wrapper ul li a div.down div.inn {

  bottom: 0

}



.flip-clock-wrapper ul.play li.flip-clock-before {

  z-index: 3

}



.flip-clock-wrapper .flip {

  box-shadow: 0 2px 5px rgba(0, 0, 0, .7)

}



.flip-clock-wrapper ul.play li.flip-clock-active {

  -webkit-animation: asd .5s .5s linear both;

  -moz-animation: asd .5s .5s linear both;

  animation: asd .5s .5s linear both;

  z-index: 5

}



@-webkit-keyframes asd {

  0% {

    z-index: 2

  }

  100%,

  20% {

    z-index: 4

  }

}



@-moz-keyframes asd {

  0% {

    z-index: 2

  }

  100%,

  20% {

    z-index: 4

  }

}



@-o-keyframes asd {

  0% {

    z-index: 2

  }

  100%,

  20% {

    z-index: 4

  }

}



@keyframes asd {

  0% {

    z-index: 2

  }

  100%,

  20% {

    z-index: 4

  }

}



.flip-clock-wrapper ul.play li.flip-clock-active .down {

  z-index: 2;

  -webkit-animation: turn .5s .5s linear both;

  -moz-animation: turn .5s .5s linear both;

  animation: turn .5s .5s linear both

}



@-webkit-keyframes turn {

  0% {

    -webkit-transform: rotateX(90deg)

  }

  100% {

    -webkit-transform: rotateX(0)

  }

}



@-moz-keyframes turn {

  0% {

    -moz-transform: rotateX(90deg)

  }

  100% {

    -moz-transform: rotateX(0)

  }

}



@-o-keyframes turn {

  0% {

    -o-transform: rotateX(90deg)

  }

  100% {

    -o-transform: rotateX(0)

  }

}



@keyframes turn {

  0% {

    transform: rotateX(90deg)

  }

  100% {

    transform: rotateX(0)

  }

}



.flip-clock-wrapper ul.play li.flip-clock-before .up {

  z-index: 2;

  -webkit-animation: turn2 .5s linear both;

  -moz-animation: turn2 .5s linear both;

  animation: turn2 .5s linear both

}



@-webkit-keyframes turn2 {

  0% {

    -webkit-transform: rotateX(0)

  }

  100% {

    -webkit-transform: rotateX(-90deg)

  }

}



@-moz-keyframes turn2 {

  0% {

    -moz-transform: rotateX(0)

  }

  100% {

    -moz-transform: rotateX(-90deg)

  }

}



@-o-keyframes turn2 {

  0% {

    -o-transform: rotateX(0)

  }

  100% {

    -o-transform: rotateX(-90deg)

  }

}



@keyframes turn2 {

  0% {

    transform: rotateX(0)

  }

  100% {

    transform: rotateX(-90deg)

  }

}



.flip-clock-wrapper ul li.flip-clock-active {

  z-index: 3

}



.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {

  background: 0 0, top, 0, 100% #000;

  background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);

  background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);

  background: 0 0, bottom, 0, 100% #000;

  -webkit-animation: show .5s linear both;

  -moz-animation: show .5s linear both;

  animation: show .5s linear both

}



.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {

  background: 0 0, top, 0, 100% #000;

  background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);

  background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, #000 100%);

  background: 0 0, bottom, 0, 100% #000;

  -webkit-animation: hide .5s .3s linear both;

  -moz-animation: hide .5s .3s linear both;

  animation: hide .5s .3s linear both

}



.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow,

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {

  background: -moz-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(100%, rgba(0, 0, 0, .1)))

}



.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {

  background: 0 0, top, 0, 100% rgba(0, 0, 0, .1);

  background: -o-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);

  background: -ms-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);

  background: 0 0, bottom, 0, 100% rgba(0, 0, 0, .1);

  -webkit-animation: show .5s linear both;

  -moz-animation: show .5s linear both;

  animation: show .5s linear both

}



.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {

  background: 0 0, top, 0, 100% rgba(0, 0, 0, .1);

  background: -o-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);

  background: -ms-linear-gradient(top, #000 0, rgba(0, 0, 0, .1) 100%);

  background: 0 0, bottom, 0, 100% rgba(0, 0, 0, .1);

  -webkit-animation: hide .5s .3s linear both;

  -moz-animation: hide .5s .3s linear both;

  animation: hide .5s .2s linear both

}



@-webkit-keyframes show {

  0% {

    opacity: 0

  }

  100% {

    opacity: 1

  }

}



@-moz-keyframes show {

  0% {

    opacity: 0

  }

  100% {

    opacity: 1

  }

}



@-o-keyframes show {

  0% {

    opacity: 0

  }

  100% {

    opacity: 1

  }

}



@keyframes show {

  0% {

    opacity: 0

  }

  100% {

    opacity: 1

  }

}



@-webkit-keyframes hide {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0

  }

}



@-moz-keyframes hide {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0

  }

}



@-o-keyframes hide {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0

  }

}



@keyframes hide {

  0% {

    opacity: 1

  }

  100% {

    opacity: 0

  }

}







/* Flexslider

-----------------------------------------------------------*/

/* Browser Resets */

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;}

.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flex-pauseplay span{text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after{content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

html[xmlns] .slides {display: block;}

* html .slides {height: 1%;}

.no-js .slides > li:first-child{display: block;}

.flexslider {margin: 0; padding: 0;}



.slides > li {

  -webkit-backface-visibility: hidden;

  position: relative;

}



.main-slider {

  position: relative;

  margin-bottom: 20px;

  zoom: 1;

}



.card-slider {

  position: relative;

  margin-bottom: 20px;

  zoom: 1;

}



.interface-carousel,

.reviews-slide{

  position: relative;

  zoom: 1;

}



.interface-carousel .slides > li,

.reviews-slide .slides > li{

  padding: 0 10px;

}



.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport {max-height: 300px;}

.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px;}



.flex-direction-nav,

.flex-control-nav,

.flex-control-thumbs {

  display: none;

}





.interface-carousel .flex-direction-nav,

.reviews-slide .flex-direction-nav{

  display: block;

}



/* Direction Nav */

.flex-direction-nav {

  *height: 0;

}



.flex-direction-nav a {

  text-decoration:none;

  display: block;

  width: 20px;

  height: 35px;

  margin: -14px 0 0;

  position: absolute;

  top: 50%;

  z-index: 10;

  overflow: hidden;

  cursor: pointer;

  text-indent: -9999px;

}



.reviews-slide .flex-direction-nav a{

  margin-top: -195px;

}





.flex-direction-nav .flex-prev {

  left: -70px;

  background: url('../img/sprite.png') no-repeat -1148px -7px;

}



.flex-direction-nav .flex-next {

  right: -70px;

  background: url('../img/sprite.png') no-repeat -1182px -7px;

}





.flex-direction-nav .flex-prev:hover{

  background: url('../img/sprite.png') no-repeat -217px -7px;

}



.flex-direction-nav .flex-next:hover{

  background: url('../img/sprite.png') no-repeat -251px -7px;

}





.flex-direction-nav .flex-prev:active{

  background: url('../img/sprite.png') no-repeat -311px -7px;

}



.flex-direction-nav .flex-next:active{

  background: url('../img/sprite.png') no-repeat -345px -7px;

}





.reviews-slide .slides > li div{

  width: 330px;

  margin: 0 auto;

}



.reviews-img{

  display: block;

  margin-bottom: 23px;

}



.name-reviews{

  display: block;

  color: #bb2a2c;

  font:18px/22px 'PT Sans', sans-serif;

  margin-bottom: 10px;

}



.name-reviews span{

  font:bold 24px/24px 'PT Sans', sans-serif;

  display: block;

  margin-bottom: 2px;

}



/* popup

-----------------------------------------------------------*/





.popup__content{

  max-width: 740px;

  margin: 10% auto 0;

  cursor: default;

}







.call-title{

  display: inline-block;

  margin-bottom: 20px;

  color: #bb2a2c;

  font:bold 28px/28px 'PT Sans', sans-serif;

}





.back-call-bl{

  position: relative;

  width: 740px;

  display: inline-block;

  background: #fff;

  padding: 50px;

}







.back-call-bl form{

  margin: 0px auto 0;

  vertical-align: top;

  width:100%;

  margin-left: -29px;

}



.back-call-bl form input{

  width: 285px;

  height: 44px;

  padding: 0 10px;

  margin-bottom: 15px;

  font-size: 14px;

  vertical-align: top;

  box-shadow: none;

  border: none;

  color: #536069;

  margin-left: 29px;

  -webkit-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.25);

-moz-box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.25);

box-shadow: inset 0px 2px 3px 0px rgba(0,0,0,0.25);

}





.popup__content p span{

  color: #73818a;

}



.popup__content p{

    font: 13px/19px Tahoma, sans-serif;

    color: #344048;

}







.back-call-bl .btn{

  border:none;

  box-shadow: none;

  margin: 0;

  display: block;

  margin-left: 29px;

  width: 285px;

  font: 18px/58px Tahoma, sans-serif;

}



#test-popup2 form{

  width: 285px;

  display: inline-block;

  vertical-align: top;

  margin-left: 0;

}



#test-popup2 form input{

  margin-left: 0;

}



#test-popup2 .back-call-bl .btn{

  margin-left: 0;

}



.comment-form{

  display: inline-block;

  vertical-align: top;

  color: #73818a;

    font: 13px/19px Tahoma, sans-serif;

    max-width: 195px;

    margin-left: 30px;

}



.comment-form span{

  margin-left: -12px;

}





.mfp-close-btn-in .mfp-close:before:hover{

  background: url('../img/sprite.png') no-repeat -285px -7px;

}





/* Fancybox

-----------------------------------------------------------*/





.f-gallery {

  margin: 0px 0 10px;

  text-align: center;

}



.f-gallery .fancybox{

  display: inline-block;



  width: 332px;

  position: relative;




}





.fancybox-wrap,

.fancybox-skin,

.fancybox-outer,

.fancybox-inner,

.fancybox-image,

.fancybox-wrap iframe,

.fancybox-wrap object,

.fancybox-nav,

.fancybox-nav span,

.fancybox-tmp {

  padding: 0;

  margin: 0;

  border: 0;

  outline: none;

  vertical-align: top;

}



.fancybox-wrap {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 8020;

}



.fancybox-skin {

  position: relative;

  background: #f9f9f9;

  color: #444;

  text-shadow: none;

  -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

          border-radius: 4px;

}



.fancybox-opened {z-index: 8030;}



.fancybox-opened .fancybox-skin {

  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);

}



.fancybox-outer, .fancybox-inner {position: relative;}

.fancybox-inner {overflow: hidden;}

.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}







.fancybox-image, .fancybox-iframe {

  display: block;

  width: 100%;

  height: 100%;

}



.fancybox-image {

  max-width: 100%;

  max-height: 100%;

}









.fancybox-close {

  position: absolute;

  top: 3px;

  right: 3px;

  width: 12px;

    height: 12px;;

  cursor: pointer;

  z-index: 8040;

    background: url('../img/sprite.png') -191px -7px no-repeat;

}



.fancybox-close:hover{

    background: url('../img/sprite.png') -285px -7px no-repeat;

}



/* Overlay helper */

.fancybox-lock {overflow: hidden !important; width: auto;}

.fancybox-lock body {overflow: hidden !important;}

.fancybox-lock-test {overflow-y: hidden !important;}



.fancybox-overlay {

  position: absolute;

  top: 0;

  left: 0;

  overflow: hidden;

  display: none;

  z-index: 8010;

  background: rgba(230, 230, 230, 0.8);

}



.fancybox-overlay-fixed {

  position: fixed;

  bottom: 0;

  right: 0;

}



.fancybox-lock .fancybox-overlay {

  overflow: auto;

  overflow-y: scroll;

}



.link-flex .slides a{

  margin: 0 auto;

}

.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}

.fancybox-nav span {
    text-decoration: none;
    display: block;
    width: 20px;
    height: 35px;
    margin: -14px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    text-indent: -9999px;
}

.fancybox-prev span {
    left: -70px;
    background: url('../img/sprite.png') no-repeat -1148px -7px;
}

.fancybox-next span {
    right: -70px;
    background: url('../img/sprite.png') no-repeat -1182px -7px;
}


.fancybox-prev span:hover{
  background: url('../img/sprite.png') no-repeat -217px -7px;
}

.fancybox-next span:hover{
  background: url('../img/sprite.png') no-repeat -251px -7px;
}


.fancybox-prev span:active{
  background: url('../img/sprite.png') no-repeat -311px -7px;
}

.fancybox-next span:active{
  background: url('../img/sprite.png') no-repeat -345px -7px;
}

/* Magnific popup plugin

-----------------------------------------------------------*/

.mfp-bg {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1042;

  overflow: hidden;

  position: fixed;

  background: #0b0b0b;

  opacity: 0.8;

  filter: alpha(opacity=80); }



.mfp-wrap {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1043;

  position: fixed;

  outline: none !important;

  -webkit-backface-visibility: hidden; }



.mfp-container {

  text-align: center;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  padding: 0 8px;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box; }



.mfp-container:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle; }



.mfp-align-top .mfp-container:before {

  display: none; }



.mfp-content {

  position: relative;

  display: inline-block;

  vertical-align: middle;

  margin: 0 auto;

  text-align: left;

  z-index: 1045; }



.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {

  width: 100%;

  cursor: auto; }



.mfp-ajax-cur {

  cursor: progress; }



.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

  cursor: -moz-zoom-out;

  cursor: -webkit-zoom-out;

  cursor: zoom-out; }



.mfp-zoom {

  cursor: pointer;

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in; }



.mfp-auto-cursor .mfp-content {

  cursor: auto; }



.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {

  -webkit-user-select: none;

  -moz-user-select: none;

  user-select: none; }



.mfp-loading.mfp-figure {

  display: none; }



.mfp-hide {

  display: none !important; }



.mfp-preloader {

  color: #CCC;

  position: absolute;

  top: 50%;

  width: auto;

  text-align: center;

  margin-top: -0.8em;

  left: 8px;

  right: 8px;

  z-index: 1044; }

  .mfp-preloader a {

    color: #CCC; }

    .mfp-preloader a:hover {

      color: #FFF; }



.mfp-s-ready .mfp-preloader {

  display: none; }



.mfp-s-error .mfp-content {

  display: none; }



button.mfp-close, button.mfp-arrow {

  overflow: visible;

  cursor: pointer;

  background: transparent;

  border: 0;

  -webkit-appearance: none;

  display: block;

  outline: none;

  padding: 0;

  z-index: 1046;

  -webkit-box-shadow: none;

  box-shadow: none; }

button::-moz-focus-inner {

  padding: 0;

  border: 0; }



.mfp-close {

  width: 44px;

  height: 44px;

  line-height: 44px;

  position: absolute;

  right: 0;

  top: 0;

  text-decoration: none;

  text-align: center;

  opacity: 0.65;

  filter: alpha(opacity=65);

  padding: 0 0 18px 10px;

  color: #FFF;

  font-style: normal;

  font-size: 28px;

  font-family: Arial, Baskerville, monospace; }

  .mfp-close:hover, .mfp-close:focus {

    opacity: 1;

    filter: alpha(opacity=100); }

  .mfp-close:active {

    top: 1px; }



.mfp-close-btn-in .mfp-close {

  position: absolute;

  content: " ";

  width: 12px;

  height: 12px;

  background: url('../img/sprite.png') no-repeat -191px -7px;

  top: 10px;

  right:10px; }



  .white-popup{

    position: relative;

    max-width: 740px;

    margin: 0 auto;

  }



.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {

  color: #FFF;

  right: -6px;

  text-align: right;

  padding-right: 6px;

  width: 100%; }



.mfp-counter {

  position: absolute;

  top: 0;

  right: 0;

  color: #CCC;

  font-size: 12px;

  line-height: 18px;

  white-space: nowrap; }



.mfp-arrow {

  position: absolute;

  opacity: 0.65;

  filter: alpha(opacity=65);

  margin: 0;

  top: 50%;

  margin-top: -55px;

  padding: 0;

  width: 90px;

  height: 110px;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

  .mfp-arrow:active {

    margin-top: -54px; }

  .mfp-arrow:hover, .mfp-arrow:focus {

    opacity: 1;

    filter: alpha(opacity=100); }

  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {

    content: '';

    display: block;

    width: 0;

    height: 0;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: 35px;

    margin-left: 35px;

    border: medium inset transparent; }

  .mfp-arrow:after, .mfp-arrow .mfp-a {

    border-top-width: 13px;

    border-bottom-width: 13px;

    top: 8px; }

  .mfp-arrow:before, .mfp-arrow .mfp-b {

    border-top-width: 21px;

    border-bottom-width: 21px;

    opacity: 0.7; }



.mfp-arrow-left {

  left: 0; }

  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {

    border-right: 17px solid #FFF;

    margin-left: 31px; }

  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {

    margin-left: 25px;

    border-right: 27px solid #3F3F3F; }



.mfp-arrow-right {

  right: 0; }

  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {

    border-left: 17px solid #FFF;

    margin-left: 39px; }

  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {

    border-left: 27px solid #3F3F3F; }



.mfp-iframe-holder {

  padding-top: 40px;

  padding-bottom: 40px; }

  .mfp-iframe-holder .mfp-content {

    line-height: 0;

    width: 100%;

    max-width: 900px; }

  .mfp-iframe-holder .mfp-close {

    top: -40px; }



.mfp-iframe-scaler {

  width: 100%;

  height: 0;

  overflow: hidden;

  padding-top: 56.25%; }

  .mfp-iframe-scaler iframe {

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #000; }



/* Main image in popup */

img.mfp-img {

  width: auto;

  max-width: 100%;

  height: auto;

  display: block;

  line-height: 0;

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  padding: 40px 0 40px;

  margin: 0 auto; }



/* The shadow behind the image */

.mfp-figure {

  line-height: 0; }

  .mfp-figure:after {

    content: '';

    position: absolute;

    left: 0;

    top: 40px;

    bottom: 40px;

    display: block;

    right: 0;

    width: auto;

    height: auto;

    z-index: -1;

    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

    background: #444; }

  .mfp-figure small {

    color: #BDBDBD;

    display: block;

    font-size: 12px;

    line-height: 14px; }

  .mfp-figure figure {

    margin: 0; }



.mfp-bottom-bar {

  margin-top: -36px;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  cursor: auto; }



.mfp-title {

  text-align: left;

  line-height: 18px;

  color: #F3F3F3;

  word-wrap: break-word;

  padding-right: 36px; }



.mfp-image-holder .mfp-content {

  max-width: 100%; }



.mfp-gallery .mfp-image-holder .mfp-figure {

  cursor: pointer; }



@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

  /**

       * Remove all paddings around the image on small screen

       */

  .mfp-img-mobile .mfp-image-holder {

    padding-left: 0;

    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {

    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {

    top: 0;

    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {

    display: inline;

    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {

    background: rgba(0, 0, 0, 0.6);

    bottom: 0;

    margin: 0;

    top: auto;

    padding: 3px 5px;

    position: fixed;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box; }

    .mfp-img-mobile .mfp-bottom-bar:empty {

      padding: 0; }

  .mfp-img-mobile .mfp-counter {

    right: 5px;

    top: 3px; }

  .mfp-img-mobile .mfp-close {

    top: 0;

    right: 0;

    width: 35px;

    height: 35px;

    line-height: 35px;

    background: rgba(0, 0, 0, 0.6);

    position: fixed;

    text-align: center;

    padding: 0; }

 }



@media all and (max-width: 900px) {

  .mfp-arrow {

    -webkit-transform: scale(0.75);

    transform: scale(0.75); }



  .mfp-arrow-left {

    -webkit-transform-origin: 0;

    transform-origin: 0; }



  .mfp-arrow-right {

    -webkit-transform-origin: 100%;

    transform-origin: 100%; }



  .mfp-container {

    padding-left: 6px;

    padding-right: 6px; }

 }



.mfp-ie7 .mfp-img {

  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {

  width: 600px;

  left: 50%;

  margin-left: -300px;

  margin-top: 5px;

  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {

  padding: 0; }

.mfp-ie7 .mfp-content {

  padding-top: 44px; }

.mfp-ie7 .mfp-close {

  top: 0;

  right: 0;

  padding-top: 0; }





/* meadia style 

-----------------------------------------------------------*/

@media only screen and (max-width: 1198px) {



.container{

  width: 970px;

}



.nav ul{

  margin-left: -35px;

  text-align: center;

}



.nav ul li{

  margin-left: 35px;

  margin-bottom: 10px;

}





.list-analit-top li{

  width: 300px;

}





.nav{

  margin-bottom: 20px;

}



h1{

  font: bold 28px/28px 'PT Sans', sans-serif;

}





.list-analit-top li span{

  font-size: 27px;

  margin-bottom: 20px;

}





.btn{

  max-width: 460px;

  font: 21px/70px Tahoma, sans-serif;

}



.btn-call{

  font: 13px/15px Tahoma, sans-serif;

}



.title-work-bl span{

  font-size: 26px;

}



.list-work-bl>li>div>span{

  font-size: 22px;

}





.flex-direction-nav .flex-next{

  right: 10px;

}



.flex-direction-nav .flex-prev{

  left: 10px;

}





.cta-demo div .btn:before{

  right: -160px;

}



.interface-carousel .slides > li{

  text-align: center;

}





.title-cta{

  font: bold 26px/30px 'PT Sans', sans-serif;

  padding-top: 10px;

}



.title-cta span {

    font: bold 32px/36px 'PT Sans', sans-serif;

}



.cta-bl{

  font: 14px/18px 'PT Sans', sans-serif;

}





.newbie{

  width: 370px;

  margin-right: 30px;

}





.pro-bl{

  width: 480px;

}





.cta-list-bl>div>span{

  font: 26px/26px 'PT Sans', sans-serif;

}



.title-cta-demo{

  font-size: 24px;

  margin-bottom: 10px;

}



.cta-demo div .btn{

  width: 400px;

}





.title-our-best{

  padding-top: 15px;

  font: 20px/30px 'PT Sans', sans-serif;

}



.title-our-best span {

    font: bold 26px/26px 'PT Sans', sans-serif;

}





.our-best-list li{

  width: 275px;

}





.our-best-list li div{

  font: bold 15px/26px 'PT Sans', sans-serif;

}





.analit-system ul{

  width: 445px;

}





.our-best{

  margin-bottom: 20px;

}







.reviews .title-interface {

    padding-top: 16px;

    margin-bottom: 25px;

}





.name-reviews span {

    font: bold 22px/22px 'PT Sans', sans-serif;

}



.name-reviews {

    font: 16px/20px 'PT Sans', sans-serif;

}



.reviews-img{

  width: 300px;

}





.stats{

  padding-top: 20px;

}





.stats-title {

    font: 20px/20px 'PT Sans', sans-serif;

    margin-bottom: 20px;

}









.stats-title span {

    font: bold 26px/26px 'PT Sans', sans-serif;

    margin-bottom: 5px;

}





.stats-img{

  width: 250px;

}





.title-stats-bl-cont {

    font: 20px/20px 'PT Sans', sans-serif;

}



.list-stats {

    width: 300px;

    margin-right: 20px;

}



.table-stats{

  width: 620px;

}





.table-td1 {

    width: 115px;

}







.table-td2 {

    width: 80px;

}





.table-td3 {

    width: 410px;

}





.sentence{

  padding: 20px 0;

}



.title-sentence {

    font: bold 26px/26px 'PT Sans', sans-serif;

}





.sentence p{

  font: 16px/20px 'PT Sans', sans-serif;

}





.footer-form{

  width: 300px;

}







}



@media only screen and (max-width: 990px) { 



.container{

  width: 760px;

}



.cta-demo div .btn:before{

  display: none;

}



.nav{

  padding: 10px 0;

  margin-bottom: 10px;

}





h1 {

    font: bold 20px/22px 'PT Sans', sans-serif;

}





h1 span {

    font: bold 40px/40px 'PT Sans', sans-serif;

}





.list-analit-top li {

    width: 220px;

    font: 15px/19px 'PT Sans', sans-serif;

}



.list-analit-top li span{

  font: 22px/24px 'PT Sans', sans-serif;

}



.btn {

    max-width: 380px;

    font: 17px/53px Tahoma, sans-serif;

}



.btn-call {

    font: 13px/14px Tahoma, sans-serif;

}



.analit-top{

  min-height: 440px;

}





.title-how-work {

    font: 20px/28px 'PT Sans', sans-serif;

    padding-top: 15px;

    margin-bottom: 40px;

}



.title-how-work span {

    font: bold 26px/26px 'PT Sans', sans-serif;

}



.title-work-bl span{

  font: bold 18px/18px 'PT Sans', sans-serif;

  top: -10px;

  padding: 0 10px;

}



.title-work-bl{

  margin-bottom: 25px;

}





.how-work-bl {

    margin-bottom: 35px;

}





.list-competitors li {

    margin-bottom: 5px;

}





.list-competitors{

  width: 190px;

  vertical-align: top;

  font-size: 12px;

  margin-left: 0;

}



.list-work-bl>li>div>span {

    font-size: 20px;

    margin-bottom: 5px;

}



.pro-bl {

    width: 100%;

}





.newbie{

  width: 100%;

  margin-bottom: 15px;

}





.cta-list-bl>div>span br{

  display: none;

}





.cta-list-bl>div>span{

  margin-bottom: 30px;

  font: 22px/26px 'PT Sans', sans-serif;

  padding-left: 80px;

}



.cta-bl{

  background-size: cover;

}





.title-cta-demo {

    font-size: 19px;

}





.cta-demo{

  padding: 15px 0;

}



.cta-demo div ul{

  width: 250px;

}





.cta-demo div .btn {

    width: 320px;

}





.title-our-best span {

    font: bold 22px/22px 'PT Sans', sans-serif;

}





.title-our-best {

    font: 18px/25px 'PT Sans', sans-serif;

}







.title-analit-system span{

  font: bold 20px/20px 'PT Sans', sans-serif;

  margin-left: -315px;

}





.analit-system div{

  margin-left: 0;

}





.analit-system ul{

  width: 100%;

  margin-left: 0;

}





.analit-system ul li{

  font: 15px/19px 'PT Sans', sans-serif;

}





.reviews .title-interface {

    padding-top: 10px;

    margin-bottom: 20px;

    font: bold 20px/20px 'PT Sans', sans-serif;

}





.reviews-slide .slides > li div {

    width: 290px;

    margin: 0 auto;

}





.reviews-img {

    width: 250px;

    margin: 0 auto 15px;

}



.our-best-list{

  margin-left: -30px;

}



.our-best-list li{

  margin-left: 30px;

  width: 350px;

}



.interface-carousel .slides > li a{

  display: block;

  width: 290px;

  margin: 0 auto;

}



.name-reviews {

    font: 14px/16px 'PT Sans', sans-serif;

}





.name-reviews span {

    font: bold 18px/20px 'PT Sans', sans-serif;

}





.stats-title {

    font: 15px/18px 'PT Sans', sans-serif;

}



.stats-title span {

    font: bold 22px/22px 'PT Sans', sans-serif;

}







#wrapper{

  overflow: hidden;

}





.stats-img {

    width: 180px;

}





.list-stats{

  width: 100%;

  margin-bottom: 15px;

  margin-right: 0;

}



.list-stats li br{

  display: none;

}



.table-stats{

  width: 100%;

}





.table-td1 {

    width: 125px;

}





.table-td3 {

    width: 450px;

}



.footer-logo-bl{

  width: 300px;

  display: block;

  margin: 0 auto 15px;

  float: none;

  text-align: center;

  font-size: 12px;

}





.footer .footer-bl{

  padding: 20px 0;

}







.footer-form{

  float: none;

  width: 300px;

  margin: 0 auto 15px;

  display: block;

}









}



@media only screen and (max-width: 767px) {



.container{

  width: 100%;



}





.logo{

  margin:0 auto 15px;

  float: none;

  width: 200px;

  display: block;

}



.head-contact{

  display: block;

  float: none;

  text-align: center;

}



.btn-call:before{

  display: none;

}



.container .btn-call{

  padding: 11px;

  width: 190px;

  text-align: center;

  vertical-align: top;

    font: 13px/14px Tahoma, sans-serif;

}



.phone-number{

  display: block;

  text-align: center;

  margin: 0 0 10px;

}



.nav ul{

  margin-left: 0;

  display: none;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

}





.nav ul li{

  margin:0 0 10px;

  display: block;

  text-align: center;

}



.nav li:before,

.nav li:after{

  display: none;

}





.navbar-header{

  display: block;

  height: 40px;

}



.navbar-toggle{

  float: right;

  cursor: pointer;

  box-shadow: none;

  border: none;

  background: none;

  width: 30px;

  height: 40px;

}





.icon-bar {

  width: 100%;

  display: block;

  height: 4px;

  background: #000;

  margin-bottom: 2px;

}



.nav .open-menu ul{

  display: block;

  background: #f4f6f9;

  z-index: 100;

  padding: 10px 0;

}





.nav{

  padding: 0;

}





.analit-top{

  background: #f4f6f9;

  min-height: 100%;

  padding-bottom: 15px;

}



h1{

  margin-bottom: 35px;

  font: bold 18px/20px 'PT Sans', sans-serif;

}



h1 span {

    font: bold 30px/36px 'PT Sans', sans-serif;

}



.list-analit-top li{

  width: 400px;

  display: block;

  margin: 0 auto 10px;

}





.list-analit-top li span br{

  display: none;

}





.list-analit-top li span{

  padding: 80px 0 0;

}



.list-analit-top li span:before{

  top: 0;

  left: 50%;

  margin: 0 0 0 -32px;

}





.btn {

    max-width: 280px;

    font: 14px/40px Tahoma, sans-serif;

}



.back-call-bl{

  width: 100%;

  margin: 0 auto;

  display: block;

  text-align: center;



}





.comment-form{

  display: none;

}







#test-popup2 form{

  display: block;

  margin: 0 auto;

}



.call-title{

  font: bold 19px/20px 'PT Sans', sans-serif;

}



.white-popup{

  max-width: 90%;

  width: 90%;

}





.title-how-work span {

    font: bold 20px/20px 'PT Sans', sans-serif;

}





.title-how-work {

    font: 16px/20px 'PT Sans', sans-serif;

    margin-bottom: 30px;

}



.video-bl{

  width: 90%;

  display: block;

  margin: 0 auto 15px;

}





.list-work-bl>li>span {

    width: 110px;

    height: 110px;

}





.list-work-bl>li>div {

    margin-left: 130px;

}





.title-work-bl span{

  left: 0;

  margin-left: 0;

  position: static;



}





.title-work-bl{

  height: auto;

  border-top: none;

  margin-bottom: 20px;

}





.list-work-bl{

  margin-top: 0;

}





.how-work-bl {

    margin-bottom: 15px;

}





.how-work{

  margin-bottom: 25px;

}





.title-interface {

    font: bold 20px/20px 'PT Sans', sans-serif;

    margin-bottom: 25px;

    padding-top: 15px;

}





.interface{

  padding-bottom: 25px;

}





.title-cta {

    font: bold 20px/20px 'PT Sans', sans-serif;

    padding-top: 10px;

}







.title-cta span {

    font: bold 24px/24px 'PT Sans', sans-serif;

}





.cta-list-bl>div>ul>li {

    margin-bottom: 7px;

}





.newbie {

    margin-bottom: 30px;

}



.title-cta-demo {

    font-size: 15px;

}



.our-best-list li{

  margin-left: 0;

  width: 100%;

  text-align: left;

}





.our-best-list{

  margin-left: 0;

}



.our-best-list li div span{

  float: none;

  display: block;

  margin: 0 0 10px;

}



.our-best-list li div br{

  display: none;

}



.title-analit-system span{

  left:auto;

  position: static;

  margin-left: 0;

  font: bold 17px/17px 'PT Sans', sans-serif;



}



.title-analit-system{

  height: auto;

  border: none;

  margin-bottom: 20px;

}



.stats-img{

  display: none;

}





.stats-bl-cont{

  width: 100%;

  margin-bottom: 15px;

}





.hotel-logo {

    display: block;

    margin-left: -10px;

    margin-bottom: 0px;

}





.table-td3{

  width: 60%;

}



.table-td1{

  width: 20%;

}



.table-td2{

  width: 15%;

}


.lang{
  display: block;
  margin: 15px auto 5px;
}


.btn-call{
  min-height: auto;
}


}



@media only screen and (max-width: 600px) { 

.lang {
    display: block;
    margin: 10px auto 0px;
}

h1 span {

    font: bold 24px/30px 'PT Sans', sans-serif;

}





h1 {

    margin-bottom: 25px;

    font: bold 14px/16px 'PT Sans', sans-serif;

}







.title-how-work span {

    font: bold 18px/18px 'PT Sans', sans-serif;

}







.title-how-work {

    font: 14px/20px 'PT Sans', sans-serif;

    margin-bottom: 25px;

}







.list-work-bl>li>span {

    width: 95px;

    height: 95px;

}





.list-work-bl>li>div {

    margin-left: 110px;

}



.title-cta-demo{

  line-height: 19px;

}





.title-our-best span {

    font: bold 18px/18px 'PT Sans', sans-serif;

}





.title-our-best {

    font: 15px/20px 'PT Sans', sans-serif;

    margin-bottom: 20px;

}





.title-sentence {

    font: bold 20px/22px 'PT Sans', sans-serif;

}





.fr-text {

    color: #344048;

    font: bold 14px/22px 'PT Sans', sans-serif;

}




.video-bl{

   display:none;

}


.fancybox-prev span{
  left:-13px;
}


.fancybox-next span{
  right:-13px;
}




}



@media only screen and (max-width: 479px) {


.evaluation-work{
  width:100%;
  font:13px/18px Tahoma, sans-serif;
}


.phone-number span{

  font-size: 20px;

}



.back-call-bl{

  padding: 15px;

}





.back-call-bl form input{

  width: 100%;

}



.back-call-bl .btn{

  width: 100%;

  line-height: 30px;

  font-size: 14px;

}





.mfp-close-btn-in .mfp-close{

  top: 5px;

  right: 5px;

}



h1 span {

    font: bold 18px/25px 'PT Sans', sans-serif;

}







.list-analit-top li{

  width: 100%;

  max-width: 400px;

}





.list-work-bl>li>span{

  display: block;
  float:none;
  margin:0 0 15px;

}





.list-work-bl>li>div{

  margin-left: 0;

}





.list-work-bl>li>div>span {

    font-size: 18px;

    line-height: 20px;

}





.list-work-bl>li>div p b{

  font-size: 15px;

}





.interface-carousel .slides > li a{

  width: 240px;

}



.flex-direction-nav .flex-prev{

  left: 5px;

}





.flex-direction-nav .flex-next{

  right: 5px;

}





.title-cta span {

    font: bold 18px/20px 'PT Sans', sans-serif;

}





.title-cta {

    font: bold 16px/20px 'PT Sans', sans-serif;

    padding-top: 5px;

}



.newbie{

  margin-right: 0;

  font-size: 13px;

}





.cta-list-bl>div>span {

    font: 18px/20px 'PT Sans', sans-serif;

}





.cta-demo div ul{

  margin-bottom: 15px;

}



.our-best-list li div {

    font: bold 13px/18px 'PT Sans', sans-serif;

    margin-bottom: 15px;

}





.analit-system ul li {

    font: 14px/18px 'PT Sans', sans-serif;

}







.reviews .title-interface {

    font: bold 16px/18px 'PT Sans', sans-serif;

}





.reviews-img{

  width: 200px;

}



.name-reviews span {

    font: bold 16px/17px 'PT Sans', sans-serif;

}







.stats-title {

    font: 14px/18px 'PT Sans', sans-serif;

}





.stats-title span {

    font: bold 18px/18px 'PT Sans', sans-serif;

}





.title-stats-bl-cont {

    font: 18px/18px 'PT Sans', sans-serif;

}





.situat-stats span {

    font: 20px/20px 'PT Sans', sans-serif;

}









.list-stats-title {

    font: 20px/20px 'PT Sans', sans-serif;

}







.table-bl span{

  font-size: 11px;

}





.table-bl  .table-td2{

  font-size: 9px;

}



.table-td2 {

    width: 17%;

}





.title-sentence {

    font: bold 16px/19px 'PT Sans', sans-serif;

}





.sentence p {

    font: 14px/18px 'PT Sans', sans-serif;

}





.cl-counter{

  margin-right: 7px;

}



.cl-counter{

  width: 50px;

}



.blue-box-form{

  display: none;

}



.back-call-bl form input {

    width: 100%;

    max-width: 250px;

}



#test-popup2 form{

  width: 100%;

}



.back-call-bl .btn{

  line-height: 35px;

}



.footer-logo-bl{

  width: 270px;

  font-size: 11px;

}



.footer-logo{

  margin-bottom: 20px;

}





.footer .container .btn-call{

  width: 100%;

  max-width: 300px;

  line-height: 35px;

  height: 35px;

  padding: 0;

}



.contact-footer span {

    display: block;

    font: bold 20px/20px 'PT Sans', sans-serif;

    margin-bottom: 5px;

}



}