html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}header,footer,section,aside,nav,article{display: inline-block; width: 100%;}input:focus,select:focus,textarea:focus{outline: none;}
body{
font-family: 'Open Sans', sans-serif;
background: #fff;
font-size: 14px;
color: #021832;
}
.inner{width: 1200px; margin: 0 auto;}
header{background: #011124; display: block;}
header .logo{float: left; margin: 35px 0;}
header nav{width: auto; float: left; margin: 58px 0 0 115px;}
header nav .pull{display: none;}
header nav li{float: left; margin: 0 0 0 23px;}
header nav li:first-child{margin: 0;}
header nav li a{color: #fff; font-size: 18px;}
header nav li a:hover{color: #ffc80a}
header .phones{float: right; text-align: center; margin: 48px 0 0;}
header .phones a{font-size: 28px; color: #fff; font-weight: 700;}
header .phones a.btn{font-size: 16px; color: #021832; background: #ffc80a url("../img/btn_phone.png") 20px 50% no-repeat; padding: 10px 22px 10px 40px; margin: 18px 0 0;}
header .phones a.btn:hover{background: #ed9f1a url("../img/btn_phone.png") 20px 50% no-repeat;}
#promo{height: 620px; background: url("../img/bg_promo.jpg") 50% 0 no-repeat; display: block; color: #fff;}
#promo .inner{position: relative;}
#promo img.car{position: absolute; top: 65px; right: -250px;}
#promo h1{font-size: 36px; font-weight: 700; line-height: 1.3; padding: 100px 0 55px;}
#promo h1 span{color: #ffc80a}
#promo h2{font-size: 22px; font-weight: 700; line-height: 1.2;}
#promo p.ad{font-size: 18px; color: #ffc80a; line-height: 1.3; padding: 50px 0 38px; position: relative; display: inline-block;}
#promo p.ad span{color: #ed1c24; font-weight: 700;}
#promo p.ad i{position: absolute; top: 80px; right: -20px; display: inline-block; background: url("../img/arr_ad.png") 50% 50% no-repeat; width: 92px; height: 44px;}
#promo p.ad img{position: absolute; bottom: -100px; right: -190px;}
#promo .btn{padding: 28px 74px; font-size: 22px;}
#promo p.other{color: #1b7aa0; font-size: 16px; padding: 35px 0 0;}
#promo p.other a{color: #fff; border-bottom: 1px solid #fff;}
#promo p.other a:hover{border-color: transparent;}
#promo p.other span{display: inline-block; width: 11px; height: 18px; background: url("../img/s_other.png") 50% 50% no-repeat; position: relative; top: 12px; left: 5px;}
#about-adapter{height: 775px; margin: 85px 0 0; background: url("../img/bg_block_adapter.jpg") 50% 0 no-repeat; display: block;}
#about-adapter .info{float: right; max-width: 660px; padding: 90px 0 0;}
#about-adapter p{font-size: 22px; color: #021832; line-height: 1.3; margin-bottom: 30px;}
#about-adapter img{display: block;}
#about-adapter .btn{font-size: 22px; padding: 22px 40px; margin-top: 20px;}
#connection{padding: 25px 0 270px; position: relative;}
#connection .video{position: absolute; top: -55px; left: 0; width: 100%; height: 100%; /*background: url("../img/bg_video.jpg") 100% 0 no-repeat;*/ z-index: 1;}
#connection .video img{width: auto; float: right;}
#connection .info{margin: 0 0 0 125px; max-width: 520px; position: relative; z-index: 2;}
#connection h3{font-size: 36px; color: #021832; font-weight: 700; margin-bottom: 40px;}
#connection p{font-size: 21px; line-height: 1.3;}
#why{background: url("../img/bg_why.png") 0 0 repeat; padding: 50px 0 115px;}
#why ul{display: inline-block; width: 100%;}
#why ul li{float: left; width: 50%; box-sizing: border-box; padding: 28px 0 0 135px; margin: 0 0 22px; font-size: 16px; color: #5a5a5a; line-height: 1.7;}
#why ul li p.title{color: #021832; font-weight: 700; margin-bottom: 10px;}
#why ul li:nth-child(1){background: url("../img/why_1.png") 0 0 no-repeat;}
#why ul li:nth-child(2){background: url("../img/why_2.png") 0 0 no-repeat;}
#why ul li:nth-child(3){background: url("../img/why_3.png") 0 0 no-repeat;}
#why ul li:nth-child(4){background: url("../img/why_4.png") 0 0 no-repeat;}
#why .center{height: 1px; position: relative; top: -25px;}
#products{padding: 10px 0 50px;}
#products .block-title{padding-bottom: 25px;}
#products ul{display: inline-block; width: 100%; text-align: center;}
#products ul li{width: 350px; float: left; position: relative; background: url("../img/bg_p_back.jpg") 50% 0 no-repeat; background-size: 100% 100%; box-sizing: border-box; border-radius: 5px; margin-bottom: 50px; border: 1px solid #f3f3f3; padding-bottom: 30px;}
#products ul li .order-now{cursor: pointer;}
#products ul li.hit{border-color: #021832}
#products ul li:nth-child(2),#products ul li:nth-child(5),#products ul li:nth-child(8),#products ul li:nth-child(11){margin: 0 75px 50px;}
#products ul li span.hit{position: absolute; top: 6px; left: 6px; color: #ffc80a;}
#products .title{font-size: 22px; font-weight: 700; color: #fff; width: 100%; height: 70px; display: table;}
#products .title span{display: table-cell; vertical-align: middle; width: 100%; height: 70px;}
#products img{border-radius: 7px; margin-bottom: 5px; max-width: 60%;}
#products .tth{font-size: 16px; border-bottom: 1px solid #b4b4b4; margin-bottom: 15px;}
#products li.hit .tth{border-color: #021832}
#products .tth p{margin-bottom: 0px; font-size: 13px;}
#products .tth span{display: inline-block; padding-left: 32px; line-height: 26px;}
#products .tth span.tr{background: url("../img/tr.png") 0 50% no-repeat;}
#products .tth span.fr{background: url("../img/fr.png") 0 50% no-repeat; color: #a9a9a9; text-decoration: line-through;}
#products p.detail a{color: #021832; font-weight: 700; border-bottom: 1px solid #d4d6d8; font-size: 16px;}
#products p.detail a:hover{border-color: transparent;}
#products p.price{font-size: 30px; font-weight: 700; margin: 15px 0;}
#products a.btn{padding: 13px 40px; font-size: 20px;}
#advantages{background: url("../img/bg_why.png") 0 0 repeat; padding: 50px 0 115px;}
#advantages ul{display: inline-block; width: 100%;}
#advantages ul li{float: left; width: 33%; min-height: 230px; box-sizing: border-box; padding: 28px 0 0 135px; margin: 0 0 22px; font-size: 16px; color: #5a5a5a; line-height: 1.7;}
#advantages ul li p.title{color: #021832; font-weight: 700; margin-bottom: 10px;}
#advantages ul li:nth-child(1){background: url("../img/advantages_1.png") 0 0 no-repeat;}
#advantages ul li:nth-child(2){background: url("../img/advantages_2.png") 0 0 no-repeat;}
#advantages ul li:nth-child(3){background: url("../img/advantages_3.png") 0 0 no-repeat;}
#advantages ul li:nth-child(4){background: url("../img/advantages_4.png") 0 0 no-repeat;}
#advantages ul li:nth-child(5){background: url("../img/advantages_5.png") 0 0 no-repeat;}
#advantages ul li:nth-child(6){background: url("../img/advantages_6.png") 0 0 no-repeat;}
#consultation{background: #021832; border-bottom: 10px solid #ffc80a; padding: 105px 0 80px;}
#consultation .block-title{color: #fff; float: left; width: auto; text-align: left;}
#consultation .form{float: right; position: relative; top: -15px;}
#consultation .form input[type="text"]{float: left; border: none; background: #446ea0; color: #fff; font-size: 22px; font-weight: 300; text-align: center; font-family: 'Open Sans', sans-serif; height: 72px; width: 220px; margin-right: 20px; border-radius: 5px;}
#consultation .form input[type="submit"]{width: 220px; height: 72px; font-size: 22px;}
::-webkit-input-placeholder {color:#021832;}
::-moz-placeholder {color:#021832;}
:-moz-placeholder {color:#021832;}
:-ms-input-placeholder {color:#021832;}
#compatibility{padding: 50px 0; background: url("../img/bg_why.png") 50% 0 repeat;}
#compatibility .left,#compatibility .right{width: 50%; float: left; box-sizing: border-box; padding: 0 0 0 100px;}
#compatibility h4{font-size: 22px; margin-bottom: 20px;}
#compatibility ul li{width: 100%; font-size: 18px; margin: 0 0 15px; box-sizing: border-box; padding-left: 40px; line-height: 1.3;}
#compatibility p.info{display: inline-block; width: 100%; text-align: center; margin-top: 25px; line-height: 1.4; font-weight: bold;}
#compatibility .right ul li{background: url("../img/tr.png") 0 50% no-repeat;}
#compatibility ul li.f1{background: url("../img/f1.png") 0 50% no-repeat; background-size: 32px;}
#compatibility ul li.f2{background: url("../img/f2.png") 0 50% no-repeat; background-size: 32px;}
#compatibility ul li.f3{background: url("../img/f3.png") 0 50% no-repeat; background-size: 32px;}
#compatibility ul li.f4{background: url("../img/f4.png") 0 50% no-repeat; background-size: 32px;}
#compatibility ul li.f5{background: url("../img/f5.png") 0 50% no-repeat; background-size: 32px;}
#compatibility ul li.f6{background: url("../img/f6.png") 0 50% no-repeat; background-size: 32px;}
#etaps{padding: 50px 0; background: url("../img/bg_e.png") 50% 250px no-repeat;}
#etaps .inner{box-sizing: border-box; padding-left: 100px;}
.etaps li{width: 20%; float: left;}
.etaps li p{font-size: 16px; color: #021832; font-weight: 700; line-height: 1.7; box-sizing: border-box;}
.etaps li span{width: 100%; height: 40px; display: inline-block; background: url("../img/bg_e.png") 0 50% no-repeat; margin: 15px 0 20px;}
.etaps li span i{display: inline-block; width: 50px; height: 50px; border-radius: 50%; background: #ffc80a; text-align: center; line-height: 50px; font-style: normal; color: #021832; font-size: 16px; font-weight: 700; border: 10px solid #fff; position: relative; top: -10px; left: -35px;}
#delivery{background: url("../img/bg_delivery.jpg") 50% 0 no-repeat; padding: 45px 0;}
#delivery .block-title{text-align: left; width: auto;}
#delivery .info{margin: 0 0 0 100px; max-width: 745px;}
#delivery p{font-size: 21px; line-height: 1.2; margin-bottom: 20px;}
#payment{background: url("../img/bg_payment.jpg") 50% 0 no-repeat; padding: 50px 0 90px;}
#payment .block-title{text-align: left; width: auto;}
#payment .info{margin: 0 0 0 400px; max-width: 780px;}
#payment p{font-size: 21px; line-height: 1.2; margin-bottom: 20px;}
#warranty{background: url("../img/bg_warranty.jpg") 50% 0 no-repeat; padding: 40px 0 100px;}
#warranty .block-title{text-align: left; width: auto;}
#warranty .info{margin: 0 0 0 100px; max-width: 745px;}
#warranty p{font-size: 21px; line-height: 1.2; margin-bottom: 20px;}
#reviews{background: url("../img/bg_why.png") 0 0 repeat; padding: 50px 0; position: relative;}
#reviews img.bg{position: absolute; bottom: -160px; right: 0;}
#reviews li{width: 100%; display: inline-block; margin-bottom: 90px;}
#reviews li:nth-child(3),#reviews li:nth-child(4),#reviews li:nth-child(5),#reviews li:nth-child(6),#reviews li:nth-child(7){display: none;}
#reviews li .user{float: left; width: 430px; box-sizing: border-box; padding-left: 95px; background: url("../img/bg_comm.png") 15px 0 no-repeat; padding-top: 55px;}
#reviews li .user img{display: block; width: 150px; height: 150px; border-radius: 50%; margin-bottom: 20px;}
#reviews li p.title{font-size: 22px; font-weight: 700;}
#reviews li span{display: block; color: #a5a5a5; font-size: 16px; margin: 8px 0;}
#reviews li p.auto{font-size: 18px; font-weight: 700;}
#reviews .comment p{font-size: 22px; line-height: 1.4; margin-bottom: 20px; padding-top: 38px;}
#reviews .btn{font-size: 22px; padding: 30px 20px;}
#faq{padding: 90px 0 0;}
#faq ul{margin: 0 80px;}
#faq ul li{font-size: 16px; line-height: 1.8; position: relative; padding: 15px 0 0 65px; margin-bottom: 20px;}
#faq ul li span{display: block; position: absolute; top: 0; left: 0; font-weight: 700; text-align: center; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; background: #ffc80a;}
#faq ul li p.title{font-weight: 700;}
#faq ul li .text{color: #5a5a5a;}
#faq ul li a{color: #002afd; border-bottom: 1px solid #002afd;}
#faq ul li a:hover{border-color: transparent;}
#contacts{padding: 50px 0 0;}
#contacts .form{width: 850px; margin: 0 auto}
#contacts .form .left{float: left; width: 270px;}
#contacts .form .left input{width: 100%; box-sizing: border-box; text-align: center; height: 70px; font-size: 22px; font-weight: 300; color: #000; border: 1px solid #b7b7b7; border-radius: 4px; margin-bottom: 18px;}
#contacts .form .right{float: right; width: 560px;}
#contacts .form .right textarea{text-align: center; font-size: 22px; font-weight: 300; color: #000; border: 1px solid #b7b7b7; border-radius: 4px; resize: none; padding: 20px 0; width: 100%; box-sizing: border-box; height: 247px; margin-bottom: 18px;}
#contacts .btn{padding: 25px 65px; font-size: 22px; margin-bottom: 100px;}
footer{background: #011124; display: block; border-top: 10px solid #ffc80a; padding: 40px 0 20px;}
footer .logo{float: left; margin: 35px 0;}
footer nav{width: auto; float: left; margin: 58px 0 0 115px;}
footer nav .pull{display: none;}
footer nav li{float: left; margin: 0 0 0 23px;}
footer nav li:first-child{margin: 0;}
footer nav li a{color: #fff; font-size: 18px;}
footer nav li a:hover{color: #ffc80a}
footer .phones{float: right; text-align: center; margin: 48px 0 0;}
footer .phones a{font-size: 28px; color: #fff; font-weight: 700;}
footer .phones a.btn{font-size: 16px; color: #021832; background: #ffc80a url("../img/btn_phone.png") 20px 50% no-repeat; padding: 10px 22px 10px 40px; margin: 18px 0 0;}
footer .phones a.btn:hover{background: #ed9f1a url("../img/btn_phone.png") 20px 50% no-repeat;}
footer .social{color: #fff; font-size: 18px; text-align: center; display: inline-block; width: 100%;}
footer .social img{position: relative; top: 6px; margin-left: 10px;}
footer .social a{color: #69aaf7}
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; width: 100%;}
.arcticmodal-container_i2 {
width: 100%; height: 300px;
}
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #fff; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background-size: 100% 100%; display: block; margin: 0 auto; margin-top: 200px;}
.arcticmodal-overlay{
opacity: 0.9!important; background: #fff!important
}
.box-modal{width: 1200px; padding: 60px 80px 30px; box-sizing: border-box; display: block; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; position: relative; background: url("../img/bg_why.png") 0 0 repeat; border-radius: 5px; border: 1px solid #021832;}
.arcticmodal-close{font-size: 0; width: 21px; height: 21px; cursor: pointer; background: url("../img/fr.png") 50% 50% no-repeat; position: absolute; top: 15px; right: 15px;}
#window-order{padding: 10px 30px 0px;}
#window-order .block-title{padding-bottom: 20px;}
#window-video{padding: 0; border-radius: 0; border: none; width: 80%; height: 70%; min-height: 500px}
#window-video iframe{width: 100%!important; height: 100%!important}
#window-terms{font-size: 18px; line-height: 1.4; margin-top: 1%; margin-bottom: 1%; padding: 2%; height: 96%; position: relative;}
#window-terms p{margin-bottom: 20px;}
#window-terms .block-title{height: 10%; padding: 0; margin-top: 0;}
.block-terms{overflow-y: auto; height: 90%; box-sizing: border-box; position: absolute; top: 0; left: 0; padding: 30px; margin-top: 7%;}
#window-order{text-align: center;}
#window-order .info{font-size: 16px;}
#window-order .info input[type="text"]{position: relative; top: -0px;}
#window-order .info span.title{font-weight: 700; text-transform: uppercase;}
#window-order .info p span{font-weight: 800; font-size: 36px; color: #021832}
#window-order .info p{color: #5a5a5a; display: inline-block;}
#window-order label{display: inline-block; width: 100%; font-weight: 700; box-sizing: border-box; text-align: left; padding-left: 30px; font-size: 16px; margin: 10px 0;}
#window-order input[type="text"],#window-order input[type="email"],#window-callback input[type="text"],#window-callback input[type="email"],#window-order select{box-sizing: border-box; height: 43px; box-sizing: border-box; border: 1px solid #aaa; border-radius: 5px; font-size: 18px; font-weight: 300; padding: 0 30px; margin-bottom: 10px;}
a.plus,a.minus{display: inline-block; width: 30px; height: 30px; border-radius: 5px; text-align: center; line-height: 30px; background: #a9a9a9; color: #021832; font-weight: 700; margin: 0 18px;}
.price-info{float: right; display: inline-block;}
.price-info p{text-align: left; display: block!important; margin-bottom: 5px;}
.price-info p i{font-style: normal; display: inline-block; width: 175px; text-align: left;}
.price-info p.total i{color: #ed1c24;}
.full{width: 100%;}
.small{width: 110px; text-align: center; padding: 0}
.i-left{float: left; width: 48%;}
.i-right{float: right; width: 48%;}
#window-order .small{position: relative; top: 10px;}
#window-order .form{width: 760px; margin: 0 auto;}
#window-order .btn,#window-callback .btn{padding: 15px 90px; margin-top: 20px; font-size: 22px;}
select{background: #fff url("../img/bg_sel.png") 98% 50% no-repeat;}
#window-order p.info{font-size: 16px; font-weight: 300; color: #5a5a5a; margin-top: 20px;}
#window-order p.info a{color: #002afd; border-bottom: 1px solid #002afd;}
#window-order p.info a:hover{border-color: transparent;}
.i-total-s{text-align: left; font-weight: 700; color: #021832; font-size: 16px; line-height: 1.5;}
.total_sale{font-weight: normal; display: none;}
.total_sale span{font-size: 36px; font-weight: 700;}
.i-total-s i{font-weight: normal; color: #ed1c24; font-style: normal; display: inline-block; width: 100%; margin-top: 15px;}
#window-info{padding: 25px 30px;}
#window-info .left{float: left; width: 30%; box-sizing: border-box; text-align: center;}
#window-info .left p{font-size: 16px; margin: 30px 0;}
#window-info .left p span{font-weight: 700; font-size: 36px;}
#window-info .gallery{display: inline-block; width: 100%;}
#window-info .gallery img{max-width: 100%; height: auto; border: 1px solid #021832; display: block; box-sizing: border-box; border-radius: 5px;}
#window-info .gallery .thumbnails{margin-top: 10px;}
#window-info .gallery .thumbnails img{float: left; margin-left: 4px; width: 82px; height: auto;}
#window-info .gallery .thumbnails a:first-child img{margin-left: 0;}
#window-info .right{float: right; width: 70%; box-sizing: border-box; padding-left: 45px;}
#window-info .right .content{font-size: 16px; line-height: 1.6; max-height: 550px; overflow-y: auto;}
#window-info .right .content p{margin-bottom: 8px;}
#window-info .block-title{text-transform: uppercase; text-align: left; padding: 0; margin: 0 0 20px;}
#window-info .btn{width: 100%; padding: 25px 0; font-size: 22px;}
#window-callback,#window-thanks{width: 500px;}
#window-callback .btn{width: 100%; padding: 25px 0;}
#window-thanks{padding: 40px 30px 30px;}
#window-thanks .block-title{font-size: 22px; line-height: 1.5; margin-bottom: 0; padding-bottom: 0;}
.block-title{text-align: center; display: inline-block; width: 100%; padding-bottom: 45px; color: #021832; font-size: 36px; font-weight: 700; letter-spacing: -1px;}
.center{text-align: center;}
b,strong{font-weight: 700;}
.clearfix{display: inline-block; width: 100%; height: 0px;}
a{text-decoration: none; transition: all 0.5s ease-out;}
a:hover{transition: all 0.5s ease-out;}
.btn{display: inline-block; text-align: center; cursor: pointer; border: none; transition: all 0.5s ease-out;}
.btn:hover{transition: all 0.5s ease-out;}
.btn-orange{background: #ffc80a; border-radius: 5px; color: #021832; font-size: 16px; font-weight: 700;}
.btn-orange:hover{background: #ed9f1a;}
input,textarea,select{-webkit-appearance: none; -moz-appearance: none; font-family: 'Open Sans', sans-serif;}
/*responsive*/
@media screen and (max-width: 1750px){
#promo img.car{width: 700px; right: 0; top: 200px;}
#connection .info{margin: 0}
#reviews img.bg{max-width: 35%;}
}
@media screen and (max-width: 1500px){
#connection .video{top: 0;}
#connection .video img{width: 750px;}
}
@media screen and (max-width: 1240px){
.inner{width: 98%; padding: 0 1%;}
header nav,footer nav{margin-left: 45px;}
#promo img.car{width: 550px; right: 0; top: 150px;}
#products ul li{width: 32%;}
#products ul li:nth-child(2), #products ul li:nth-child(5), #products ul li:nth-child(8), #products ul li:nth-child(11){margin: 0 2% 50px;}
#products img{max-width: 94%;}
#consultation{padding: 40px 0 20px;}
#consultation .block-title{width: 100%; text-align: center;}
#consultation .form{margin: 0 auto; float: none; display: block; text-align: center;}
#consultation .form input[type="text"]{float: none;}
#delivery .info,#warranty .info{margin: 0}
#reviews li .user{width: 30%; float: left; padding: 20px;}
#reviews li .comment{width: 70%; float: left;}
#reviews .comment p{font-size: 16px; margin-bottom: 20px;}
#reviews li p.title,#reviews li p.auto{font-size: 16px;}
#reviews img.bg{display: none;}
#connection{padding: 0; top: -50px;}
#connection .info{width: 100%; text-align: center; max-width: 100%; margin-bottom: 30px;}
#connection .video{width: 100%; position: relative; text-align: center;}
#connection .video img{float: none; width: auto; max-width: 90%;}
.box-modal,#window-order .form{width: 90%;}
#window-info .gallery .thumbnails a:first-child img,#window-info .gallery .thumbnails a img{float: none; margin: 0 0 5px; display: inline-block;}
}
@media screen and (max-width: 1100px){
header nav,footer nav{float: right; margin: 40px 0 0;}
header .logo,footer .logo{margin: 15px 0;}
header .logo img,footer .logo img{width: 150px;}
header .phones,footer .phones{width: 100%; margin: 0 0 15px;}
#about-adapter .info{max-width: 540px;}
#etaps{height: auto; background: none;}
#etaps .inner{padding: 0 0 0 1%; width: 100%;}
.etaps{display: block;}
.etaps li p{font-size: 14px; line-height: 1.3;}
.etaps li span i{left: -10px;}
.price-info{width: 100%; display: inline-block;}
.price-info p{display: inline-block!important; width: 100%; text-align: center;}
.price-info p i{width: auto;}
#window-order .info p span,.total_sale span{font-size: 24px;}
}
@media screen and (max-width: 960px){
header nav ul li a,footer nav ul li a{font-size: 16px;}
#promo{height: auto; background-size: cover; text-align: center; padding-bottom: 50px;}
#promo img.car{position: relative; top: 0; width: auto; max-width: 70%; display: block; margin: 0 auto; padding-top: 20px;}
#promo h1{padding: 0 0 20px; font-size: 26px;}
#promo h2{font-size: 18px;}
#promo p.ad{padding: 15px 0;}
#promo .btn{font-size: 18px; padding: 15px;}
#promo p.ad i,#promo p.ad img{display: none;}
#compatibility ul li{font-size: 16px;}
#compatibility h4{font-size: 18px;}
.etaps li p{font-size: 14px; line-height: 1.3; font-weight: normal; padding-right: 20px;}
.etaps li p br{display: none;}
.block-title{font-size: 26px;}
#why,#advantages{padding: 50px 0;}
#why ul li{background-position: -20px 0!important; padding-left: 100px; font-size: 14px; line-height: 1.4;}
#why .center img{max-width: 80%;}
#advantages ul li{width: 50%; background-position: -20px 0!important; padding-left: 100px; font-size: 14px; line-height: 1.4; min-height: 145px;}
#products .title{font-size: 18px;}
#products .tth,#products p.detail a{font-size: 14px;}
#products a.btn{padding: 10px 0; width: 90%;}
#products p.price{font-size: 26px;}
#delivery,#payment,#warranty{background: none; padding: 0 0 10px;}
#delivery .info,#payment .info,#warranty .info{width: 100%; max-width: 100%; margin: 0}
#delivery p,#payment p,#warranty p{font-size: 18px;}
#delivery .inner,#payment .inner,#warranty .inner{padding: 0; width: 100%;}
#delivery .block-title,#payment .block-title,#warranty .block-title{background: #ed9f1a; color: #fff; text-align: center; width: 100%; padding: 0; line-height: 2; margin-bottom: 15px; box-sizing: border-box; padding: 0 2%;}
#delivery p, #payment p, #warranty p{padding: 0 2%;}
#reviews{padding: 50px 0;}
#contacts .form .left,#contacts .form .right{width: 100%; text-align: center;}
#contacts .form .left input,#contacts .form .right textarea{font-size: 16px; height: 45px;}
#contacts .form .right textarea{height: 90px;}
#contacts .btn{padding: 15px; font-size: 18px;}
#contacts .form{width: 100%;}
#window-info .right .content{font-size: 14px; line-height: 1.3;}
#compatibility .left, #compatibility .right{padding: 0 30px;}
}
@media screen and (max-width: 768px){
header nav{margin: 25px 0 0;}
header nav ul{display: none; width: 100%; position: absolute; top: 95px; left: 0; background: #011124; border-top: 1px solid #0f4483; z-index: 99;}
header nav ul li{display: inline-block; width: 100%; margin: 0!important; border-bottom: 1px solid #0f4483;}
header nav ul li a{display: block; height: 35px; line-height: 35px; box-sizing: border-box; padding: 0 2%;}
header nav .pull{display: block; font-size: 0; background: url("../img/pull.png") 50% 50% no-repeat; background-size: 25px 25px; width: 40px; height: 40px;}
header .phones a{font-size: 22px;}
header .phones a.btn,#reviews .btn{font-size: 14px;}
#promo{padding: 30px 0;}
#promo img.car{display: none;}
#about-adapter{background: none; height: auto; padding: 0 0 20px; margin: 0; text-align: center; display: inline-block; position: relative; top: -30px;}
#about-adapter p{font-size: 18px;}
#about-adapter img{max-width: 100%; margin: 0 auto;}
#about-adapter .btn{font-size: 18px; padding: 15px;}
#about-adapter .info{max-width: 100%; box-sizing: border-box;}
#why ul li{width: 100%; background-position: -35px 0!important; padding: 10px 0 0 80px}
#advantages ul li{width: 100%; background-position: -35px 0!important; padding: 10px 0 0 80px; min-height: 80px;}
#products ul li{width: 48%; margin: 0 1% 30px!important}
#consultation .form input[type="text"],#consultation .form input[type="submit"]{width: 30%; margin: 0 1%; height: 50px; font-size: 18px;}
#compatibility .left, #compatibility .right{width: 100%; margin-bottom: 20px;}
#delivery,#payment,#warranty{padding: 0;}
#delivery p,#payment p,#warranty p{font-size: 14px;}
#reviews li{margin-bottom: 30px;}
#reviews li .user{width: 100%; float: left; padding: 20px; text-align: center;}
#reviews li .user img{margin: 0 auto; margin-bottom: 20px;}
#reviews li .comment{width: 100%; float: left;}
#reviews .comment p{font-size: 16px; margin-bottom: 10px; text-align: center; padding: 0; font-size: 14px;}
#reviews .btn{padding: 15px;}
#faq ul{margin: 0}
#faq ul li{font-size: 14px; padding: 0}
#faq ul li span{display: none;}
#contacts .btn{padding: 15px; font-size: 16px;}
#connection{padding: 0 0 30px; top: 0px;}
#connection h3{font-size: 26px;}
#connection p{font-size: 16px;}
#delivery .block-title,#payment .block-title,#warranty .block-title{font-size: 18px;}
#etaps{background: none; padding: 30px 0 20px;}
.etaps li{width: 100%; text-align: center; display: inline-block; position: relative; margin-bottom: 30px;}
.etaps li .thumbnail{float: left; width: 110px; text-align: left;}
.etaps li p{padding: 20px 0 0; font-weight: 700; font-size: 16px; position: relative; top: 0px; float: left; width: 180px; text-align: left;}
.etaps li span{background: none; height: 0px; position: absolute; left: 0; bottom: 20px;}
.etaps li span i{left: 0px; top: 0px; float: left;}
#etaps ul.inner{display: block; width: 300px; margin: 0 auto;}
#contacts{padding: 10px 0 0;}
#faq{padding: 30px 0 0;}
#products{padding-bottom: 0;}
#window-callback, #window-thanks{width: 90%;}
#window-info,#window-callback, #window-thanks{padding: 25px;}
#window-order{padding: 20px 0;}
#window-info .left,#window-info .right{width: 100%; padding: 0}
#window-info .left{text-align: center; margin-bottom: 20px;}
#window-info .gallery img{display: inline-block;}
#window-info .btn{width: auto; padding: 15px 25px; font-size: 16px;}
#window-order .info span.title{display: block; width: 100%; margin-bottom: 20px;}
#window-order input[type="text"], #window-order input[type="email"], #window-callback input[type="text"], #window-callback input[type="email"], #window-order select{height: 42px; font-size: 16px; width: 100%!important}
#window-order input[type="text"].small{width: 65px!important; padding: 0!important}
select{background-size: 20px 20px;}
#window-order .btn, #window-callback .btn{font-size: 16px; padding: 15px 25px;}
.i-total-s{width: 100%; text-align: center;}
.i-total-s br{display: none;}
footer .logo,footer nav{width: 100%; text-align: center;}
footer nav{margin: 0 0 20px;}
footer nav ul li{display: inline-block; float: none; margin: 0 5px 7px!important}
}
@media screen and (max-width: 560px){
#products ul li{width: 98%;}
#consultation .form input[type="text"],#consultation .form input[type="submit"]{width: 98%; margin: 0 1% 15px;}
#compatibility ul li{font-size: 14px;}
#compatibility h4{font-size: 16px;}
}
/*responsive*/