* {margin:0;padding:0;outline:none;border:none;}

@font-face {
    font-family: 'bebas_regular';
    src: url('fonts/bebasneue_regular.eot');
    src: url('fonts/bebasneue_regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/bebasneue_regular.woff2') format('woff2'),
        url('fonts/bebasneue_regular.woff') format('woff'),
        url('fonts/bebasneue_regular.ttf') format('truetype'),
        url('fonts/bebasneue_regular.svg#bebas_neue_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebas_bold';
    src: url('fonts/bebasneue_bold.eot');
    src: url('fonts/bebasneue_bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/bebasneue_bold.woff2') format('woff2'),
        url('fonts/bebasneue_bold.woff') format('woff'),
        url('fonts/bebasneue_bold.ttf') format('truetype'),
        url('fonts/bebasneue_bold.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{font-family:Arial;}

.ff{width:100%;overflow:hidden;}
.wp{margin:0 auto;width:98%; max-width:1000px;}

.contacts{width:250px;float:right;text-align:center;font-family:'Open Sans Condensed';color:#000;font-size:18px;font-style:italic;font-weight:bold;
  margin-top:15px;}
.contacts span{font-size:38px;color:#035a8c;font-family:'bebas_bold';}
.logo{margin:30px 0 0 30px;}
.firstscreen{background:url("img/bg_main_1.jpg") center top no-repeat;height:637px;margin-top:10px;}
.firstscreen h1{color:#fff;font-family:'bebas_bold';font-size:80px;line-height:56px;margin:0 0 0 35px;padding-top:55px;}
.firstscreen h1 span{font-size:56px;font-family:'bebas_regular';font-weight:normal;}
.firstscreen h2{color:#ff9b04;font-size:30px;font-family:'Open Sans Condensed';text-transform:uppercase;margin:15px 0 260px 35px;}
.firstscreen h2 span{font-weight:normal;color:#fff;}

.service{width:172px;background:url("img/white.png");border:solid 1px #f0da14;color:#f0da14;font-size:20px;font-family:'Open Sans Condensed';
  font-weight:bold;text-transform:uppercase;height:120px;padding:0 0 0 10px;line-height:24px;display:inline-block; margin-right:5px;
  display: inline-block; vertical-align:top;text-align:left;}
.service span {text-transform:none;font-weight:normal;}
.s1 {padding:10px 5px 0 5px;height:110px;}
.s2 {padding:25px 0 0 20px;width:162px;height:95px;}
.s3 {padding:25px 0 0 17px;width:165px;height:95px;}
.s4 {padding:35px 0 0 30px;width:152px;height:85px;}
.s5 {margin-right:0;padding:35px 0 0 30px;width:152px;height:85px;}

.hdr2{color:#035a8c;font-weight:normal;font-family:'bebas_regular';font-size:44px;white-space:pre-wrap;margin:40px 0 0 35px;line-height:54px;}
.hdr2 span{font-size:60px;font-weight:bold;font-weight:'bebas_bold';}
.hdr3 {font-size:36px;line-height:38px;}.hdr3 span{font-size:42px;}
.dots{background:url("img/dots.jpg") right top no-repeat;height:75px;display:inline-block;min-width:400px;font-size:36px;font-family:'bebas_bold';
  color:#035a8c;font-style:italic;line-height:20px;padding-top:35px;margin:30px 35px 0 35px;}
.dots img{margin:-35px 25px 0 0;float:left;}
.dots span{color:#000;font-family:Arial;font-size:20px;font-style:normal;}

.lane{height:140px;font-size:50px;color:#035a8c;font-family:'bebas_bold';cursor:pointer;-webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;-o-transition: all .6s ease; -ms-transition: all .6s ease; transition: all .6s ease;margin-bottom:1px;}
.lanediv{color:#000;font-family:Arial;font-size:20px;font-weight:bold;}
.lanes{max-width:965px;padding-left:35px;padding-top:20px;}

.uspehi{display:inline-block;border-bottom:double 3px #035a8c;font-family:'bebas_regular';font-size:34px;padding:0 1% 8px 1%;
  vertical-align:top;margin:30px 1% 0 1%;text-align:left;}
.u1{width:33%;}.u2{width:28%;}.u3{width:23%;}

.us{width:190px;height:132px;font-size:50px;color:#035a8c;font-family:'bebas_bold';text-align:center;line-height:36px;padding-top:45px;
  display:inline-block;vertical-align:top;}
.us span{color:#fff;font-size:32px;}
.us1{background:url("img/us1.jpg") center top no-repeat;}.us2{background:url("img/us2.jpg") center top no-repeat;}
.us3{background:url("img/us3.jpg") center top no-repeat;}.us4{background:url("img/us4.jpg") center top no-repeat;}
.us5{background:url("img/us5.jpg") center top no-repeat;}.us6{background:url("img/us6.jpg") center top no-repeat;}
.us1,.us2,.us3{margin-right:115px;}.us3{margin-right:0;}
.us4,.us5,.us6{margin-left:140px;}

.btn{display:block;float:right;font-family:'bebas_bold';background:#fbac08;font-size:24px;color:#035a8c;margin-right:20px;text-decoration:none;
  margin-top:35px;padding:7px 18px;}
.btn:hover{color:#fff;}
#popup{display:none;text-align:center;padding:20px;width:330px;}
#popup h4{font-family:'bebas_bold';color:#035a8c;font-size:30px;margin-bottom:5px;}
#popup span{color:#035a8c;font-size:18px;}
#popup input[type='text']{width:96%;border:solid 1px #035a8c;padding:8px 2%;margin-top:10px;font-family:'Arial';font-size:18px;
  text-align:center;}
#popup button{background:#fbac08;font-size:24px;color:#035a8c;font-family:'bebas_bold';padding:10px 30px;margin-top:20px;cursor:pointer;}
#popup button:hover{color:#fff;}

/***************************************************************************************************************/
@media screen and (max-width: 980px) {

}

@media screen and (max-width: 640px) {
  .btn{display:none;}
  .wp{padding:0 1%;width:97%;text-align:center;}
  .contacts{float:none;width:100%;padding:0;}
  .logo{display:block;margin:0 auto;}
  .firstscreen h1, .firstscreen h2{margin-left:0;}
  .firstscreen h2{margin-bottom:15px;}
  .service, .s1, .s2, .s3, .s4, .s5 {display:inline-block;width:47%;margin:5px 0;padding:0 1%;height:96px;
    background:url("img/white2.png");overflow:hidden;}
  .s1{padding-top:10px;height:86px;}
  .s2{height:72px;width:45%;padding:24px 2% 0 2%;}
  .s3{height:72px;width:45%;padding:24px 2% 0 2%;}
  .s4{height:59px;width:45%;padding:35px 2% 0 2%;}
  .s5{height:59px;width:45%;padding:35px 2% 0 2%;}
  .hdr2{text-align:left;margin:40px 0 0 35px;}
  .dots{text-align:left;}
  .lanes{padding-right:0;text-align:left;}
  .lane{background-size:cover;padding-top:15px;color:#fff;}
  .u1, .u2, .u3{width:28%;text-align:center;}
  .uspehi{margin-bottom:10px;}
  h3.hdr2{margin-top:10px;text-align:left;}

  .us {width:30%;background-size:100% auto;padding-top:30px;}
  .us1, .us2, .us3, .us4, .us5, .us6{margin:0;}
}

@media screen and (max-width: 480px) {
  .wp{padding:0 1%;width:97%;text-align:center;}
  .contacts{float:none;width:100%;padding:0;}
  .logo{display:block;margin:15px auto 0 auto;}
  .firstscreen{background-size:250% auto;height:auto;}
  .firstscreen h1{margin-left:0;font-size:65px;}
  .firstscreen h1 span{font-size:50px;}
  .firstscreen h2{margin-left:0;white-space:pre-wrap;font-size:26px;margin-bottom:120px;}
  .service, .s1, .s2, .s3, .s4, .s5 {display:block;width:90%;padding:10px 4%;height:auto;margin-bottom:10px;color:#035a8c;border-color:#035a8c;
    text-align:center;min-height:0;background:#fff;}
  .hdr2{margin:30px 0 0 0;text-align:center;}
  .dots{display:block;margin:15px 10px 15px auto;max-width:98%;min-width:80%;text-align:left;}
  .dots img{margin-right:15px;}
  .lane{background-size:cover;padding-top:15px;color:#fff;}
  .lanes{padding-right:0;text-align:left;}
  .u1, .u2, .u3{width:90%;text-align:left;}
  .uspehi{margin-bottom:10px;}
  h3.hdr2{margin-top:10px;text-align:left;}
  .us{padding-top:18px;font-size:40px;}
  .us span {font-size:26px;}
  .us1, .us2, .us3, .us4, .us5, .us6{margin:0;width:45%;background-size:100% auto;}
  .us2{margin-top:50px;}.us3, .us5{margin-top:-50px;}
}