label[for=email].error{
  display: none !important;
}


.modalWindow input[type=text]::-webkit-input-placeholder, text-area::-webkit-input-placeholder{ color:#667279 !important;}
.modalWindow input[type=text]::-moz-placeholder, text-area::-webkit-input-placeholder{ color:#667279 !important;}
.modalWindow input[type=text]:-moz-placeholder, text-area::-webkit-input-placeholder{ color:#667279 !important;}
.modalWindow input[type=text]:-ms-input-placeholder, text-area::-webkit-input-placeholder{ color:#667279 !important;}



input[type=text]::-webkit-input-placeholder, text-area::-webkit-input-placeholder{ color:#fff}
input[type=text]::-moz-placeholder, text-area::-webkit-input-placeholder{ color:#fff}
input[type=text]:-moz-placeholder, text-area::-webkit-input-placeholder{ color:#fff}
input[type=text]:-ms-input-placeholder, text-area::-webkit-input-placeholder{ color:#fff}

textarea::-webkit-input-placeholder, text-area::-webkit-input-placeholder{ color:#fff}
textarea::-moz-placeholder, text-area::-webkit-input-placeholder{ color:#fff}
textarea:-moz-placeholder, text-area::-webkit-input-placeholder{ color:#fff}
textarea:-ms-input-placeholder, text-area::-webkit-input-placeholder{ color:#fff}
input::-webkit-input-placeholder{  color:#fff}
/*input::-moz-placeholder{  color:#fff}
input:-moz-placeholder{  color:#fff}
input:-ms-input-placeholder{  color:#fff}*/
input:focus::-webkit-input-placeholder{  color:transparent}
input:focus::-moz-placeholder{  color:transparent}
input:focus:-moz-placeholder{  color:transparent}
input:focus:-ms-input-placeholder{  color:transparent}
form input[type=text].error{ border-bottom: 1px solid #dd2a1b}
.modalWindow form input[type=text].error{ border: 2px solid #dd2a1b}


.wrapper{
  width: 960px;
  margin: 0 auto;
}

h1,h2,h3,h4,h5,p{
  line-height: 1;
  margin: 0;
  padding: 0;
}

.body{
}

.clear{
  clear: both;
}

.bold{
    font-family: 'pantonbold';
}

.light{
    font-family: 'pantonlight';
}

.reg{
    font-family: 'pantonregular';
}

.ital{
    font-family: 'pantonregular_italic';
}


.separator-type, .title-type{
  position: relative;
}


.parallax{
  background-attachment: fixed!important;
  background-position: center;
  background-repeat: repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: -10;
}

header{
  width: 100%;
  height: 170px;
}

.headerTop{
  background: #fff;
  width: 100%;
  height: 90px;
  padding-top: 10px;
}

.headerTop img{
  display: block;
  float: left;
  margin-right: 20px;
}

.headerTop h1{
  color: #728993;
  text-align: left;
  font-size: 30px;
  display: block;
  float: left;
}

.headerSoc{
  display: block;
  float: right;
  width: 20%;
}

.headerSoc ul{

}

.headerSoc ul li{
  float: right;
  display: block;
  width: 100%;
  text-align: right;
}

.headerSoc a{
  color: #7b97a4;
  font-size: 14px;
  text-decoration: underline;
}

.headerBot{
  width: 100%;
  height: 70px;
  background: rgba(16,23,34,0.6);
  position: relative;
  z-index: 1000;
}

.fixed{
  position: fixed;  
  top: 0;
  z-index: 1001; 
  background: rgba(16,23,34,0.8);
}

.headerBot ul{
  text-align: center;
  height: 70px;
}

.headerBot ul li{
  display: inline-block;
  height: 70px;
  padding-left: 20px;
  padding-right: 20px;
}

.headerBot ul li a{
  color: #596976;
  font-size: 18px;
  text-decoration: none;
  line-height: 70px;
  cursor: pointer;
}

.headerBot ul li a:hover{
  color: #fff;
}


.block1{
  width: 100%;
  height: 660px;
  position: relative;
  margin-top: -80px;
}

.block1 h2{
  padding-top: 210px;
  text-align: left;
  color: #fff;
  margin-bottom: 60px;
  font-size: 40px;
  line-height: 1.3;
}

.block1 a{
  display: block;
  float: left;
  width: 310px;
  height: 50px;
  border:2px solid #287cdb;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  font-size: 24px;
}

.block1 a:hover{
  background: #287cdb;
  color: #fff;
}



.block2{
  height: 515px;
  width: 100%;
  background: #fff;
}

.label{
  font-size: 72px;
  text-align: left;
  padding-top: 75px;
  margin-bottom: 30px;
  line-height: 52px;
}

.block2 .label{
  color: #e1e8f2;
}

.block2 p{
  display: block;
  width: 720px;
  margin-bottom: 30px;
  color: #677b8a;
  font-size: 18px;
  line-height: 1.1;
}

.block2 p.bold{
  color: #425668;
}


.block3{
  height: 690px;
  width: 100%;
  background: #e6edf7;
}

.block3 .label{
  color: #434c59;
  margin-bottom: 50px;
}

.blue{
  color: #287cdb;
}

.block3 ul{
  text-align: center;
}

.block3 ul li{
  display: inline-block;
  width: 275px;
  position: relative;
}

.block3 ul li:nth-child(2){
  margin-left: 63px;
  margin-right: 63px;
}

/*.block3 ul li:nth-child(1){
-webkit-animation-delay: 0.5s; 
    animation-delay: 0.5s;
}

.block3 ul li:nth-child(2){
-webkit-animation-delay: 1s; 
    animation-delay: 1s;
}

.block3 ul li:nth-child(3){
  -webkit-animation-delay: 1.5s; 
    animation-delay: 1.5s;
}
*/











.block3 ul li h2{
  text-align: left;
  margin-bottom: 40px;
}

.howCircle{
  width: 173px;
  height: 173px;
  background: #fff;
  position: relative;
  display: block;
  float: left;
  -moz-border-radius: 86px;
  -ms-border-radius: 86px;
  border-radius: 86px;
  margin-bottom: 40px;
  line-height: 173px;
}

.block3 ul li:nth-child(3) img{
    margin-top: -10px;
}

.howCircle img{
  display: inline-block;
}

.block3 ul li p{
  text-align: left;
  font-size: 18px;
  color: #434c59;
  display: block;
  float: left;
  margin-bottom: 40px;
  width: 235px;
}

.block3 ul li a{
  display: block;
  float: left;
  height: 31px;
  width: 172px;
  border: 2px solid #287cdb;
  line-height: 28px;
  text-align: center;
  color: #287cdb;
  font-size: 14px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}

.block3 ul li a:hover{
  background: #287cdb;
  color: #fff;
}


.block4{
  height: 742px;
  width: 100%;
  background: #fff;
}

.block4 .label{
  color: #e1e8f2;
}

.serviceWrap{
  width: 100%;
  height: 476px;
  position: relative;
}

.serviceBlock{
  height: 236px;
  width: 478px;
  position: relative;
  float: left;
  margin-bottom: 4px;
  margin-right: 4px;

}

.serviceBlock h2{
  font-size: 34px;
  text-align: center;
  line-height: 236px;
  color: #fff;
}

.hiddenService{
  height: 236px;
  width: 478px;
  text-align: center;
  display: none;
  background-color: rgba(40,124,219,0.7);
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 0;
}

.hiddenService h3{
  color: #fff;
  font-size: 34px;
  margin-bottom: 21px;

}

span.line{
  display: block;
  height: 3px;
  width: 66px;
  background: #fff;
  margin: 0 auto;
  margin-bottom: 20px;
}

.hiddenService p{
  font-size: 18px;
  color: #fff;
  margin: 0;
  margin-bottom: 5px;
}

.serviceWrap .serviceBlock:first-child .hiddenService h3{
  padding-top: 23px;
}

.serviceWrap .serviceBlock:nth-child(2) .hiddenService h3{
  padding-top: 73px;
}

.serviceWrap .serviceBlock:nth-child(3) .hiddenService h3{
  padding-top: 67px;
}

.serviceWrap .serviceBlock:nth-child(4) .hiddenService h3{
  padding-top: 37px;
}

.serviceWrap .serviceBlock:nth-child(4) .hiddenService span.bold{
  padding-top: 20px;
}


.serviceBlock:hover .hiddenService{
  display: block;
}

.serviceBlock:hover h2{
  display: none;
}

.serviceWrap .serviceBlock:first-child{
  /*left: 0;*/
  /*top: 0;*/
  background: url('../img/serv1.jpg') top center no-repeat;
}

.serviceWrap .serviceBlock:nth-child(2){
  /*right: 0;*/
  /*top: 0;*/
  background: url('../img/serv2.jpg') top center no-repeat;
  margin-right: 0;
}

.serviceWrap .serviceBlock:nth-child(3){
  /*left: 0;*/
  /*bottom: 0;*/
  background: url('../img/serv3.jpg') top center no-repeat;
}

.serviceWrap .serviceBlock:nth-child(4){
  /*right: 0;*/
  /*bottom: 0;*/
  background: url('../img/serv4.jpg') top center no-repeat;
  margin-right: 0;
}

.block5{
  height: 545px;
  width: 100%;
  background: #e6edf7;
}

.block5 .label{
  color: #434c59;
}

.block5 ul{
  text-align: center;
}

.block5 ul li{
  display: inline-block;
  width: 236px;
  margin-left: 2px;
  margin-right: 2px;
  float: left;
}

.rateTop{
  width: 236px;
  height: 79px;
  margin-bottom: 1px;
  background: #fff;
  text-align: center;
}

.rateTop h3{
  line-height: 79px;
  color: #287cdb;
  font-size: 30px;
}


.rateBot{
  height: 200px;
  width: 236px;
  background: #fff;
  text-align: center;
}

.rateBot h2{
  font-size: 72px;
  color: #434c59;
  padding-top: 30px;
  margin-bottom: 30px;
}

.rateBot h2 span{
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
}

.rateBot p{
  color: #e6edf7;
  font-size: 18px;
  margin-bottom: 10px;
}

.rateBot a{
  display: block;
  margin: 0 auto;
  width: 172px;
  height: 31px;
  line-height: 28px;
  color: #287cdb;
  border: 2px solid #287cdb;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
}

.rateBot a:hover{
  background: #287cdb;
  color: #fff;
}


.block7{
  height: 1795px;
  width: 100%;
  background: #fff;
}

.block7 .label{
  color: #e1e8f2;
}

.gearBox{
  width: 100%;
  height: 585px;
  border-bottom: 1px solid #d8e0ec;
}

.gearImg{
  display: block;
  float: left;
  width: 587px;
}

.gearImg img{
  margin-right: 6px;
  margin-bottom: 10px;
}

.gearImg img:nth-child(3), .gearImg img:nth-child(4),.gearImg img:nth-child(7){
  margin-right: 0;
}

.gearTxt{
  text-align: left;
  width: 373px;
  float: left;
  padding-left: 20px;
}

.gearTxt ul{
  list-style: none;
}

.gearTxt ul li{
  display: block;
  float: left;
  width: 100%;
  color: #434c59;
  font-size: 18px;
  text-align: left;
}


.gearTxt li:nth-child(5), .gearTxt li:nth-child(18), .gearTxt li:nth-child(20){
  margin-bottom: 19px;
}


.comment{
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.comment img{
  display: block;
  float: left;
  margin-right: 20px;
}

.comment p{
  display: block;
  float: left;
  text-align: left;
  color: #8d99aa;
  font-size: 18px;
  width: 70%;
  padding-top: 35px;
}

.comment p span{
  color: #434c59;
}

.comment:last-child p{
  padding-top: 10px;
}

footer{
  height: 395px;
  width: 100%;
  background: url('../img/footBg.jpg') top center no-repeat;
 }

.leftFoot{
  float: left;
  width: 50%;
}

.leftFoot ul {
  list-style: none;
  display: block;
  float: left;
}

.leftFoot ul li{
  color: #fff;
  display: block;
  width: 100%;
  margin-bottom: 3px;
}

.leftFoot ul li a{
  text-decoration: underline;
  font-size: 14px;
  color: #fff;
}

.leftFoot ul li a:hover{
  text-decoration: none;
}


.leftFoot h3{
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
}

 footer img{
  padding-top: 60px;
  display: block;
  float: left;
  margin-bottom: 80px;
  margin-right: 200px;
 }


.g-recaptcha {
    transform:scale(0.77);
    transform-origin:0 0;
}

.g-small {
    transform:scale(0.66);
    transform-origin:0 0;
}

.rightFoot{
  float: left;
  width: 50%;
}

.contactForm {
  display: block;
  float: left;
  padding-top: 80px;
  padding-left: 100px;
}

.contactForm input[type=text]{
  display: block;
  float: left;
  width: 385px; 
  height: 32px;
  font-size: 14px;
  line-height: 30px;
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
  text-indent: 30px;
  outline: none;
  padding: 0;
  color: #fff;
}

.contactForm textarea{
  display: block;
  float: left;
  width: 385px; 
  max-width: 385px; 
  min-width: 385px; 
  height: 32px;
  min-height: 32px;
  max-height: 32px;
  font-size: 14px;
  line-height: 30px;
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  margin-bottom: 20px;
  text-indent: 30px;
  outline: none;
  padding: 0;
  color: #fff;
}

.contactForm button{
  display: block;
  margin: 0 auto;
  width: 172px;
  height: 31px;
  line-height: 28px;
  color: #fff;
  border: 2px solid #287cdb;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  float: right;
  background: none;
}

.contactForm button:hover{
  background: #287cdb;
  color: #fff;
}



.modalWindow{
  position:relative;  
  /*background: url('../img/modal.jpg') top center no-repeat; */
  width:362px;  
  height:501px;
}

.modalWindow form{
 display: block;
 margin: 0 auto;
 padding: 30px;
}

.modalWindow h2{
  text-align: center;
  color: #000;
  font-size: 20px;
  margin-bottom: 30px;
  line-height: 1.1;
}

.modalWindow p{
  text-align: center;
  color: #000;
  font-size: 16px;
  line-height: 1.1;
  margin-bottom: 30px;
}

.modalWindow form input[type=text]{
 width:319px;  
 height:31px;  
 border:2px solid #e9eef1;  
 margin-bottom:6px;  
 outline:none;  
 font-size:14px;
 color: #667279;  
 text-indent:15px;  
 line-height:29px; 
 margin: 0 auto; 
 -moz-border-radius:15px;  
 -ms-border-radius:15px;  
 border-radius:15px;
 margin-bottom: 15px;
}

.modalWindow form input[type=submit]{  
     color:#fff;  
     font-size:13px;  
     background:#287cdb;
     border: 2px solid #287cdb;  
     text-align:center;  
     line-height:31px; 
     /*text-transform: uppercase; */
     width:145px;  
     height:31px;  
     text-decoration:none;  
     display:block;  
     /*margin: 0 auto;*/
     /*text-indent: 40px;*/
     margin-top: 10px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    float: left;
    margin-right: 10px;
}

.modalWindow form input[type=submit]:hover{  
  background: none;
  color: #287cdb;
}

.cancel{
  color:#fff;  
     font-size:13px;  
     background:#e9eef1;
     border: 2px solid #e9eef1;  
     text-align:center;  
     line-height:31px; 
     color: #bbc3c8;
     /*text-transform: uppercase; */
     width:145px;  
     height:31px;  
     text-decoration:none;  
     display:block;  
     /*margin: 0 auto;*/
     /*text-indent: 40px;*/
     margin-top: 10px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    border-radius: 15px;
    float: left;
    /*margin-right: 10px;*/
    cursor: pointer;
}

.cancel:hover{
  background: none;
}

/*.modalWindow form input[type=submit]:hover{
  background-position: 0px -50px;
}
*/

.playMusic{
  width: 680px;
  height: 380px;
  background: #fff;
  padding: 20px;
}

.leftMusic{
  border-right: 1px solid #d0d8e2;
  width: 50%; 
  display: block;
  float: left;
  height: 440px;
}

.topBefore{
  border-bottom: 1px solid #d0d8e2;
  width: 100%;
  height: 85px;
  line-height: 85px;
  text-align: center;
  color: #287cdb;
  font-size: 36px;
  margin-bottom: 20px;
}

.topAfter{
  border-bottom: 1px solid #d0d8e2;
  width: 100%;
  height: 85px;
  line-height: 85px;
  text-align: center;
  color: #287cdb;
  font-size: 36px;
  margin-bottom: 20px;
}

.rightMusic audio{
  margin-left: 20px;
}

audio{
  width: 300px;
  height: 30px;
  display: block;
  float: left;
  margin-bottom: 30px;
  /*width: 100%;*/
}

#popupThanks p{
  font-size: 20px;

}