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;}input:focus,select:focus,textarea:focus{outline: none;}
body{
font-family: 'Lato', sans-serif;
background: #fff;
font-size: 14px;
color: #000;
}
.inner{width: 1140px; margin: 0 auto; box-sizing: border-box;}
header{position: absolute; top: 0; left: 0; width: 100%;}
header .inner{position: relative;}
header .logo{position: absolute; top: -12px; left: 0;}
header .sitename{float: left; margin: 35px 0 0 155px; text-transform: uppercase; font-family: 'futureExBold'; font-size: 20px; color: #132847;}
header .sitename br{display: none;}
header .contacts{float: right; margin: 17px 0 0;}
header .contacts .data{float: left;}
header .contacts .data .social{float: left;}
header .contacts .data .social a{float: left; display: block; margin: 0 11px 0 0;}
header .contacts .data .phone{float: right;}
header .contacts .data .phone a{font-size: 26px; font-weight: 900; color: #132847}
header .contacts .timerwork{float: right; padding: 2px 0 2px 20px; background: url("../img/timework.png") 0 50% no-repeat; color: #132847; font-size: 13px; position: relative; top: -2px;}
header .contacts .callback{float: right; margin: 0 0 0 25px;}
header .contacts .callback .btn{font-size: 15px; font-weight: 700; padding: 17px 27px; border: none;}
header nav{background: #fff; margin: 13px 0 0; padding: 26px 0 26px 178px; box-sizing: border-box;}
header nav .pull{display: none;}
header nav li{float: left; margin-right: 56px;}
header nav li:last-child{margin: 0;}
header nav li a{font-size: 16px; font-weight: 700; color: #000; border-bottom: 1px solid transparent}
header nav li a:hover{border-color: #000;}
#promo{padding: 210px 0 140px; background: url("../img/bg_promo.jpg") 50% 0 no-repeat;}
#promo .info{max-width: 730px;}
#promo .info h1{font-weight: normal; font-family: 'futureExBold'; text-transform: uppercase; color: #132847; font-size: 50px; line-height: 1.2;}
#promo .info h1 span{display: block; color: #d9262c; font-size: 30px;}
#promo .info p{max-width: 410px; font-size: 17px; line-height: 1.5; margin: 10px 0 20px;}
#promo ul{margin-top: 60px;}
#promo li{width: 25%; float: left; box-sizing: border-box; color: #fff; font-size: 17px; line-height: 1.5; position: relative; padding: 7px 0 7px 83px; font-weight: 700;}
#promo li img{position: absolute; top: 0; left: 0;}
#promo li:nth-child(2){padding-left: 65px;}
#promo li:nth-child(3){padding-left: 80px;}
#promo li:nth-child(4){padding-left: 68px;}
#video{background: url("../img/bg_video.png") 50% 0 no-repeat; padding: 165px 0 195px; position: relative; margin: -85px 0 0; z-index: 2;}
#video .bt{font-size: 45px; max-width: 380px;}
#video .info{float: left; max-width: 465px; padding: 15px 0 0;}
#video .info p{font-size: 16px; line-height: 1.5; margin: 17px 0;}
#video .video{float: right; position: relative;}
#video .video a{position: absolute; top: 50%; left: 50%; margin: -76px 0 0 -76px; display: block; width: 152px; height: 152px; background: url("../img/btn_play.png") 50% 50% no-repeat; border-radius: 50%;}
#master{height: 1620px; background: url("../img/bg_sm.jpg") 50% 0 no-repeat; position: relative; z-index: 1; box-sizing: border-box; margin: -75px 0 0;}
#master .inner{padding-left: 495px; position: relative;}
#master .master{position: absolute; top: -80px; left: -30px;}
#master .master .note{width: 490px; box-sizing: border-box; border: 22px solid #fff; padding: 38px 48px; font-size: 17px; font-weight: 700; color: #132847; line-height: 1.5;}
#master .master .note p{margin-bottom: 42px;}
#master .info{padding: 112px 0 0;}
#master .info .bt{margin-bottom: 40px;}
#master .info p{font-size: 18px; line-height: 1.5; margin-bottom: 32px;}
#master .info h2{text-transform: uppercase; font-weight: normal; font-size: 25px; color: #132847; font-family: 'futureExBold'; margin-bottom: 30px;}
#master .info ul{float: left; width: 50%; box-sizing: border-box; margin-bottom: 20px;}
#master .info ul li{padding: 8px 0 8px 44px; background: url("../img/ls.png") 0 0 no-repeat; font-size: 17px; color: #132847; line-height: 1.5; margin-bottom: 5px;}
#result{padding: 0 0 100px; text-align: center; position: relative; margin-top: -40px; z-index: 2; background: url("../img/bg_result.png") 50% -140px no-repeat;}
#result .bt{margin-bottom: 25px;}
#result li{float: left; width: calc(100%/3); box-sizing: border-box; font-size: 16px; line-height: 1.3; padding: 0 50px;}
#result li img{margin: 0 auto;}
#result li .title{text-transform: uppercase; font-size: 24px; color: #132847; font-family: 'futureExBold'; margin: 10px 0;}
#result .note{margin: 35px 0; font-size: 16px; line-height: 1.5; padding: 0 110px;}
#portfolio{background: url("../img/bg_portfolio.png") 0 0 no-repeat; position: relative; box-sizing: border-box; padding-bottom: 100px; min-height: 800px; margin: -175px 0 0;}
#portfolio .bt{font-size: 96px; line-height: 0.9;}
#portfolio .bt span{position: relative; top: -10px;}
#portfolio .wr{position: absolute; top: 290px; left: 0; width: 100%;}
#portfolio .left{width: 50%; float: left; margin: 550px 0 0;}
#portfolio .right{width: 50%; float: right; margin: 164px 0 0;}
#portfolio .item{float: left; padding: 0 7px 0 0; box-sizing: border-box;}
#portfolio .item img{border-radius: 7px; margin-bottom: 7px; max-width: 100%; height: auto;}
#portfolio .item.item1 img{border-radius: 0 7px 7px 0;}
#portfolio .item.item7 img{border-radius: 7px 0 0 7px;}
#portfolio .item.item3{text-align: right; width: 40%;}
#portfolio .item.item3 img.dib{display: inline-block; width: auto;}
#portfolio .right .item{padding: 0 0 0 7px; float: right;}
#portfolio .left .item{width: 20%;}
#portfolio .item img{width: 100%;}
#portfolio .left .item.item3{width: 40%;}
#portfolio .right .item{width: 20%;}
#portfolio .right .item.item5{width: 60%; padding-left: 0;}
#coupon{background: url("../img/bg_coupon.jpg") 50% 0 no-repeat; padding: 130px 0 90px;}
#coupon .inner{position: relative;}
#coupon img{position: absolute; top: -120px; left: 0;}
#coupon .info{float: right; width: 540px;}
#coupon .bt{margin-bottom: 20px;}
#coupon .info p{font-size: 16px; line-height: 1.5; margin-bottom: 20px;}
#coupon .info span{font-size: 22px; text-transform: uppercase; color: #132847; font-family: 'futureExBold'; display: inline-block; margin-left: 20px;}
#coupon .info span i{font-style: normal;}
#coupon .info .get{margin-top: 30px;}
#services{text-align: center; padding: 90px 0 0;}
#services .bt{margin-bottom: 40px;}
#services li{float: left; width: 25%; min-height: 200px; box-sizing: border-box; padding: 0 15px; font-size: 18px; line-height: 1.5; font-weight: 500;}
#services li img{margin: 0 auto 18px;}
#etaps{padding: 110px 0; text-align: center; background: url("../img/bg_etaps.jpg") 50% 0 no-repeat;}
#etaps .inner{position: relative;}
#etaps img{position: absolute; bottom: -65px; left: 10px; z-index: 1;}
#etaps .bt{margin-bottom: 50px;}
#etaps ul{position: relative; z-index: 2; display: inline-block; width: 100%; background: url("../img/kr.png") 80px 17px no-repeat;}
#etaps li{float: left; width: 25%; box-sizing: border-box; text-align: left; line-height: 1.5; font-size: 17px; margin-bottom: 50px;}
#etaps li:last-child{width: 50%; float: right;}
#etaps li p{margin-bottom: 20px;}
#etaps li .bt{margin-bottom: 15px;}
#etaps li i{display: inline-block; width: 108px; height: 35px; margin-bottom: 19px; line-height: 35px; font-style: normal; padding-left: 20px; background: url("../img/etaps.png") 50% 50% no-repeat; color: #fff; font-size: 18px; text-transform: uppercase; font-family: 'futureExBold'; box-sizing: border-box;}
#etaps li:last-child i{background: url("../img/etaps_l.png") 50% 50% no-repeat; padding-left: 25px;}
#etaps li .btn{padding: 15px 34px 13px;}
#reviews{background: url("../img/bg_reviews.png") 50% 0 no-repeat; position: relative; margin-top: -90px; padding: 90px 0 60px;}
#reviews .bt{text-align: center;}
#reviews .slider-reviews{margin-bottom: 30px;}
#reviews .inn{position: relative; min-height: 400px;}
#reviews .inn .image{position: absolute; top: 0; left: 0; max-width: 535px; z-index: 2;}
#reviews .inn .image img{width: 100%; height: auto; border-radius: 5px;}
#reviews .inn .author{position: absolute; top: 58px; left: 435px; border-radius: 5px; z-index: 3; width: 135px; box-shadow: 0px 13px 16px 0px rgba(0, 0, 0, 0.26);}
#reviews .inn .comment{box-sizing: border-box; padding: 35px 45px 0 595px; min-height: 305px; position: relative; border: 2px solid #ebebeb; z-index: 1; top: 47px;}
#reviews .inn .comment .user{line-height: 1.3; font-size: 19px; font-weight: 700; color: #132847; margin-bottom: 15px;}
#reviews .inn .comment .user span{display: block; font-size: 16px;}
#reviews .inn .comment p{font-size: 16px; line-height: 1.5;}
#why{background: url("../img/bg_why.png") 50% 0 no-repeat; padding: 135px 0; position: relative; z-index: 2;}
#why .bt{text-align: center;}
#why .ls_why{display: block; width: 100%; max-width: 710px; margin: 40px auto;}
#why .ls_why li{width: calc(100%/3); float: left; box-sizing: border-box; padding: 20px 0 20px 100px; position: relative; line-height: 1.5; font-size: 18px;}
#why .ls_why li img{position: absolute; top: 0; left: 0;}
#why .list_adv{margin: 40px 0 0;}
#why .list_adv li{position: relative; display: table; width: 100%; font-size: 16px; line-height: 1.7; min-height: 345px; margin-bottom: 20px; box-sizing: border-box;}
#why .list_adv li img{position: absolute; top: 0; z-index: 2;}
#why .list_adv li:nth-child(2n+1) img{left: 70px; top: 30px}
#why .list_adv li:nth-child(2n) img{right: 160px; top: 30px;}
#why .list_adv li:nth-child(4) img{right: 180px; top: -30px;}
#why .list_adv li:nth-child(6) img{right: 280px; top: -30px}
#why .list_adv li:nth-child(2n+1){padding: 0 150px 0 520px;}
#why .list_adv li:nth-child(2n){padding: 0 660px 0 150px;}
#why .list_adv li span{width: 345px; height: 345px; display: block; border-radius: 50%; background: #fff4ee; position: absolute; top: 0; z-index: 1;}
#why .list_adv li:nth-child(2n+1) span{left: 230px;}
#why .list_adv li:nth-child(2n) span{left: 405px;}
#why .list_adv li:nth-child(4) span{left: 480px;}
#why .list_adv li:nth-child(6) span{left: 455px;}
#why .list_adv li p{position: relative; z-index: 3; display: table-cell; height: 345px; width: 100%; vertical-align: middle;]}
#callback{color: #fff; text-align: center; background: url("../img/bg_callback.png") 50% 0 no-repeat; position: relative; z-index: 1; margin-top: -120px; padding: 153px 0 130px;}
#callback .bt{color: #fff;}
#callback .bt span{position: relative; line-height: 1.7; top: -10px;}
#callback .inn input{float: left; max-width: 310px; margin-right: 20px;}
#callback .inn input.time{max-width: 150px; margin: 0;}
#callback .pp{margin: 24px 0; font-weight: 300;}
#callback .pp a{color: #fff; border-bottom: 1px solid #fff;}
#callback .pp a:hover{border-color: transparent;}
#documents{background: url("../img/bg_docs.png") 50% 0 no-repeat; text-align: center; padding: 15px 0 30px;}
#documents .bt{margin-bottom: 55px;}
#documents li{display: inline-block; width: 335px; height: 375px; background: url("../img/bg_ld.png") 50% 0 no-repeat; font-size: 16px; color: #132847;}
#documents li img{margin: 25px auto 20px;}
#faq{background: url("../img/bg_faq.png") 50% 0 no-repeat; text-align: center; padding: 110px 0; position: relative; z-index: 2;}
#faq .bt.bt-small{margin: 35px 0 20px;}
#accordion{text-align: left; margin-top: 60px;}
#accordion h3{text-transform: uppercase; cursor: pointer; box-shadow: 0px 9px 13px 0px rgba(0, 0, 0, 0.1); background: #fff url("../img/acc.png") 25px 25px no-repeat; margin-bottom: 20px; font-weight: normal; font-family: 'futureExBold'; font-size: 26px; display: block; box-sizing: border-box; padding: 30px 20px 30px 85px;}
#accordion div{background: #fff; position: relative; top: -20px; padding: 0 20px 30px 85px; font-size: 16px; line-height: 1.5; margin-bottom: 22px; box-shadow: 0px 9px 13px 0px rgba(0, 0, 0, 0.1);}
#accordion h3.ui-state-active{background: #fff url("../img/acc_a.png") 25px 25px no-repeat;}
footer{position: relative; z-index: 1; margin-top: -25px; padding: 0 0 35px;}
footer .logo{float: left;}
footer .info{float: left; font-size: 13px; font-weight: 700; color: #132847; line-height: 1.3; padding: 30px 0 0 30px;}
footer .info .row{margin-top: 15px;}
footer .info .row p{margin-bottom: 4px; max-width: 250px;}
footer .info h4{text-transform: uppercase; font-weight: normal; color: #132847; font-size: 25px; font-family: 'futureExBold';}
footer .contacts{float: right; padding: 30px 0 0;}
footer .contacts nav{margin-bottom: 30px;}
footer .contacts nav li{float: left; margin-right: 15px;}
footer .contacts nav li:last-child{margin-right: 0;}
footer .contacts nav li a{font-size: 15px; color: #000; border-bottom: 1px solid #d3d3d3; display: inline-block; padding-bottom: 5px;}
footer .contacts nav li a:hover{border-color: #fff;}
footer .contacts .social{float: left;}
footer .contacts .data{float: right;}
footer .contacts .social span{float: left; font-size: 15px; position: relative; top: 10px;}
footer .contacts .social ul{float: left;}
footer .contacts .social li{float: left; margin-left: 12px;}
footer .contacts .data .phone a{color: #132847; font-size: 26px; font-weight: 900;}
footer .contacts .data .timework{color: #132847; padding: 5px 0 5px 20px; background: url("../img/timework_o.png") 0 50% no-repeat; margin: 5px 0 10px;}
footer .contacts .data .btn{font-size: 15px; font-weight: 700; padding: 17px 27px; border: none;}
.form input[type="text"],.form input[type="email"],.form input[type="tel"]{
width: 100%; border: none; height: 76px; border-radius: 4px; font-size: 18px; font-weight: 300; padding: 0 25px; border-bottom: 10px solid #c4282d;
}
input[type="checkbox"],input[type="radio"]{display:none;}
input[type="checkbox"] + label, input[type="radio"] + label {cursor: pointer;}
input[type="checkbox"] + label::before,input[type="radio"] + label::before {content: ""; display: inline-block; position: absolute; top: -4px; left: 0; height: 23px; width: 23px; margin: 0 10px 0 0; background-image: url("../img/sprite.png"); background-repeat: no-repeat;}
input[type="checkbox"] + label::before {background-position: -23px 0px;}
input[type="checkbox"]:checked + label::before {background-position: 0px 0px;}
input[type="checkbox"] + label{position: relative; box-sizing: border-box; padding-left: 35px;}
#top{bottom: 20px; cursor: pointer; display: none; position: fixed; right: 15px; z-index: 999; width: 30px; height: 30px; background: url("../img/top.png") 50% 50% no-repeat; background-size: 100% 100%;}
.bt{text-transform: uppercase; font-weight: normal; font-family: 'futureExBold'; font-size: 48px; line-height: 1.2; color: #132847;}
.bt span{display: block; text-transform: none; font-size: 16px; font-family: 'Lato', sans-serif; margin: 20px 0 25px;}
.bt.bt-small{font-size: 34px;}
/* Slider */
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-loading .slick-list{background: none;}
.slick-prev,.slick-next{border: none; font-size: 0; line-height: 0; position: absolute; bottom: 15px; display: block; width: 79px; height: 79px; padding: 0; cursor: pointer; opacity: 1;}
.slick-prev,.slick-next{display: block!important; z-index: 10;}
.slick-prev{background: url("../img/arr_l.png") 50% 50% no-repeat; left: 595px;}
.slick-next{background: url("../img/arr_r.png") 50% 50% no-repeat; right: 365px;}
.slider-partners .slick-prev,.slider-partners .slick-next{display: block!important; z-index: 10; width: 60px; height: 60px; margin-top: -30px; box-sizing: border-box;}
.slider-partners .slick-prev{background: #fff url("../img/arr_l.png") 50% 50% no-repeat; left: -18px;}
.slider-partners .slick-next{background: #fff url("../img/arr_r.png") 50% 50% no-repeat; right: -18px;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color: transparent; outline: none; opacity: 1;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity: .25;}
.slick-prev:before, .slick-next:before{display: none;}
.slick-prev{display: none;}
.slick-next{display: none;}
.slick-dots{position: absolute; bottom: 0; display: block; width: 100%; padding: 0; margin: 0 0 0 -45px; list-style: none; text-align: center;}
.slick-dots li{position: relative; display: inline-block; margin: 0 7px; cursor: pointer;}
.slick-dots li button{font-size: 0; line-height: 0; display: block; box-sizing: border-box; cursor: pointer; color: transparent; border: none; outline: none; background: #fff; border-radius: 50%; padding: 0; width: 20px; height: 20px;}
.slick-dots li button{width: 20px; height: 20px; background: #f3faff; border: 2px solid #ffa200; box-sizing: border-box;}
.slick-dots li.slick-active button{background: #ffa200}
.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999999999; }
.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.5!important; background: #000!important; z-index: 99999999!important
}
.box-modal{width: 505px; text-align: center; padding: 45px 40px 50px; box-sizing: border-box; display: block; border-radius: 5px; margin: 0 auto; margin-top: 200px; margin-bottom: 75px; position: relative; background: #fff; text-align: center;}
.arcticmodal-close{font-size: 0; width: 71px; height: 71px; cursor: pointer; background: url("../img/close.png") 50% 50% no-repeat; background-size: 100%; position: absolute; top: -110px; right: -110px;}
.box-modal .bt{font-size: 35px; color: #132847; margin-bottom: 25px;}
.box-modal .bt span{font-size: 16px; color: #132847; display: block; margin: 10px 0 0; line-height: 1.4;}
.box-modal .bt i{font-style: normal;}
.box-modal .btn{width: 100%; padding-left: 0; padding-right: 0;}
#window-thanks p{font-size: 18px; line-height: 1.5; margin-top: 20px; font-weight: 100;}
.label_file{display: block; box-sizing: border-box; cursor: pointer; padding: 3px 0 3px 50px; background: url("../img/file.png") 20px 50% no-repeat; text-align: left; margin-bottom: 30px}
.label_file span{font-size: 18px; display: inline-block; padding-bottom: 5px; border-bottom: 1px dashed #e5e5e5}
.label_file span:hover{border-color: transparent;}
.box-modal .form input[type="text"],.box-modal .form input[type="tel"],.box-modal .form input[type="email"],.box-modal .form textarea{
width: 100%; height: 85px; margin-bottom: 30px; border: 1px solid #d8d8d8; border-radius: 5px; font-family: 'Lato', sans-serif; font-size: 18px;
}
.box-modal .form textarea{height: 220px; padding: 30px; resize: none;}
.box-modal .form a{font-weight: 700; color: #000;}
.box-modal .form .pp{margin: 20px 0;}
#window-video{height: 450px; padding: 0;}
#window-video iframe{display: block; width: 100%; height: 450px;}
#window-pp .bt{line-height: 1.2; text-align: center; margin-bottom: 20px;}
#window-pp{line-height: 1.5; font-size: 15px; text-align: left;}
#window-pp p{text-indent: 15px; margin-bottom: 15px;}
#window-ps .bt{line-height: 1.2; text-align: center; margin-bottom: 20px;}
#window-ps{line-height: 1.5; font-size: 15px; text-align: left;}
#window-ps p{text-indent: 15px; margin-bottom: 15px;}
#window-coupon{width: 1050px; padding-left: 580px; text-align: left;}
#window-coupon img{position: absolute; top: -100px; left: 0; width: 600px;}
.clearfix{clear: both;}
.center{display: inline-block; width: 100%; text-align: center;}
a{text-decoration: none; transition: all 0.5s ease-out;}
a:hover{transition: all 0.5s ease-out;}
a:focus{outline: none;}
img{display: block;}
.btn{display: inline-block; text-align: center; cursor: pointer; border: none; transition: all 0.5s ease-out; box-sizing: border-box;}
.btn:hover{transition: all 0.5s ease-out;}
/*.btn-red{font-size: 18px; color: #fff; padding: 27px 34px 25px; border-radius: 3px; background: #ed3e42; border-bottom: 9px solid #b74c51}
.btn-red:hover{background: #b74c51; border-color: #ed3e42}*/
.btn-red{font-size: 18px; color: #fff; padding: 27px 34px 27px; border-radius: 3px; background: #b74c51;}
.btn-red:hover{background: #ed3e42; border-color: #ed3e42}
.btn-yellow{font-size: 18px; color: #000; padding: 27px 34px 25px; border-radius: 3px; background: #eced10; border-bottom: 9px solid #d59220; font-weight: 700;}
.btn-yellow:hover{background: #d59220; border-color: #eced10}
.slider-portfolio{display: none;}
input,textarea,select{-webkit-appearance: none; box-sizing: border-box;}
/*responsive*/
@media screen and (max-width: 1910px){
#portfolio .left .item.item1,#portfolio .right .item.item7{display: none;}
#portfolio .left .item.item2,#portfolio .left .item.item4{width: 25%;}
#portfolio .left .item.item3{width: 50%;}
#portfolio .right .item.item5{width: 75%;}
#portfolio .right .item.item5{width: 75%;}
#portfolio .right .item.item6{width: 25%;}
}
@media screen and (max-width: 1300px){
#window-coupon .arcticmodal-close{
right: 0; width: 30px; height: 30px; top: -45px;
}
}
@media screen and (max-width: 1200px){
.inner{width: 980px;}
#window-coupon{padding-left: 40px; text-align: center; width: 505px;}
#window-coupon img{display: none;}
.bt{font-size: 45px;}
header .sitename{margin-top: 20px;}
header .sitename br{display: block;}
header nav li{margin-right: 35px;}
header nav{padding-left: 158px;}
#video .info{max-width: 435px;}
#video .video{max-width: 545px;}
#video .video img{max-width: 100%;}
#video .info p{margin: 13px 0;}
#master{height: 1530px;}
#master .info .bt{font-size: 43px;}
#master .master{top: 70px;}
#master .master img{width: 100%; max-width: 380px;}
#master .master .note{max-width: 420px; font-size: 15px; padding: 25px;}
#master .info h2{font-size: 23px;}
#master .inner{padding-left: 425px;}
#master .info p{font-size: 16px;}
#master .info ul li{font-size: 15.5px;}
#result li{padding: 0 20px;}
#result .note{padding: 0; font-size: 16px;}
#portfolio{padding-bottom: 50px;}
#portfolio .bt{font-size: 90px;}
#coupon img{width: 580px; top: -65px; left: -20px;}
#coupon .info{max-width: 490px;}
#etaps img{left: -150px;}
#etaps ul{background-size: 90% auto;}
#etaps li:last-child{margin-top: -27px;}
#reviews{padding: 120px 0 0;}
#reviews .center{position: relative; top: -20px;}
#reviews .inn .image{max-width: 460px;}
#reviews .inn .comment .user{font-size: 16px;}
#reviews .inn .comment p{font-size: 14px;}
#reviews .inn .author{left: 365px;}
#reviews .inn .comment{padding-left: 520px; padding-top: 25px; min-height: 265px; top: 40px;}
#reviews .slider-reviews{margin: 0;}
.slick-prev, .slick-next{width: 65px; height: 65px; background-size: 100% 100%; top: 270px;}
.slick-prev{left: 525px;}
.slick-next{right: 305px;}
#why .list_adv li:nth-child(2n+1){padding-right: 0;}
#why .list_adv li:nth-child(2n){padding-left: 100px; padding-right: 600px;}
#why .list_adv li{font-size: 15px}
#why .list_adv li:nth-child(6) img{right: 150px;}
#why .list_adv li:nth-child(4) img{right: 90px;}
#why .list_adv li:nth-child(2n) img{right: 50px;}
#callback .inn input{max-width: 256px;}
footer{margin-top: -40px}
footer .contacts{width: 540px;}
footer .contacts nav{float: left; width: 50%; margin-bottom: 0;}
footer .contacts nav li{margin: 0 0 30px 0; float: none;}
footer .contacts .inn-data{width: 50%; float: right; position: relative;}
footer .contacts .inn-data .social{position: absolute; top: 130px; right: 0; width: 252px;}
footer .contacts .social span{top: 0; margin-bottom: 15px; display: block;}
footer .contacts .social li{margin: 0 15px 15px 0;}
}
@media screen and (max-width: 1000px){
.inner{width: 730px;}
.bt{font-size: 40px;}
.bt br{display: none;}
header .sitename{display: none;}
header nav{padding-left: 145px;}
header nav li{margin-right: 15px;}
header nav li a{font-size: 13px;}
#promo{padding-top: 190px;}
#promo .info{text-align: center;}
#promo .info p{margin: 0 auto 20px;}
#promo ul{margin-top: 35px;}
#promo li{padding: 0!important; text-align: center;}
#promo li img{position: relative; margin: 0 auto 2px;}
#video{position: relative; padding-top: 90px;}
#video .info{max-width: 320px; margin-top: -20px;}
#video .info p{font-size: 15px;}
#video .bt{max-width: 320px; font-size: 38px;}
#video .video{max-width: 378px;}
#video .video a{width: 90px; height: 90px; background-size: 100% auto; margin: -45px 0 0 -45px;}
#video .btn{position: absolute; bottom: 100px; left: 50%; font-size: 15px; padding: 25px; margin: 0 0 0 -154px;}
#master .master .note{max-width: 310px;}
#master .master img{width: 295px;}
#master .info .bt{font-size: 35px;}
#master .inner{padding-left: 320px;}
#master .info p{font-size: 15px;}
#master .info ul li{font-size: 13.5px;}
#result .bt{margin-bottom: 45px;}
#result li .title{font-size: 17px;}
#result li {font-size: 14px; padding: 0;}
#result .note{font-size: 15px;}
#portfolio{padding-bottom: 50px;}
#portfolio .bt{font-size: 67px;}
#portfolio .bt br{display: block;}
#portfolio .bt span{font-size: 12px;}
#portfolio{background-size: 200% auto; background-position: 50% 0;}
#coupon{margin-top: -85px; position: relative; z-index: 3; background: url("../img/bg_coupon.png") 50% 0 no-repeat; background-size: cover;}
#coupon img{top: 0px; width: 400px;}
#coupon .info{width: 365px;}
#coupon .bt{font-size: 35px;}
#coupon .btn-red{width: 100%; float: none;}
#coupon .info span{display: block; float: none; margin: 0; text-align: center; position: relative; top: 20px;}
#services{padding: 20px 0 0;}
#services li{font-size: 13px; padding: 0;}
#etaps ul{background: url(../img/kr_m.png) 55px 17px no-repeat;}
#etaps li p{font-size: 15px;}
#etaps li .bt{font-size: 35px;}
#etaps img{width: 500px; left: -100px; bottom: 0;}
#etaps li:last-child{margin-top: 8px;}
#reviews .bt{font-size: 35px;}
#reviews .inn .image{max-width: 335px;}
#reviews .inn .author{max-width: 95px; left: 265px}
#reviews .inn .comment{padding-left: 380px; font-size: 14px; top: 10px; min-height: 230px;}
#reviews .inn .comment p{font-size: 12.5px;}
.slick-prev{left: 380px; top: 225px;}
.slick-next{right: 200px; top: 225px;}
#reviews .center{top: -40px; margin-top: -150px;}
#reviews{padding-bottom: 0;}
#why .list_adv li img{max-width: 350px;}
#why .list_adv li:nth-child(2n+1) img{left: 0;}
#why .list_adv li:nth-child(2n) img{right: 0;}
#why .list_adv li:nth-child(2n+1){padding-left: 55%;}
#why .list_adv li:nth-child(2n){padding: 0 50% 0 0;}
#why .list_adv li:nth-child(2n+1) span{left: 100px;}
#why .list_adv li:nth-child(2n) span{left: 300px;}
#callback .inn input{max-width: 173px;}
#accordion h3{font-size: 18px;}
footer{margin: 40px 0 0;}
footer .logo{display: none;}
footer .info{padding: 0; width: 55%; float: left;}
footer .info .row{float: left; width: 50%; height: 50px;}
footer .contacts{padding: 0; width: 34%;}
footer .contacts nav{width: 100%; float: none;}
footer .contacts nav li{margin-bottom: 19px;}
footer .contacts .inn-data{width: 100%; float: none;}
footer .contacts .inn-data .social{top: 0; left: -482px; width: 370px}
footer .contacts .data .btn{padding-left: 0; padding-right: 0; width: 100%;}
footer .contacts .data{float: none;}
}
@media screen and (max-width: 768px){
.inner{width: 290px;}
.btn-red{font-size: 15px; width: 100%; padding: 20px 0!important;}
.bt{font-size: 28px;}
.box-modal,#window-coupon{width: 90%; margin-top: 100px; padding: 30px 20px;}
.box-modal .bt{font-size: 18px;}
#window-thanks p{font-size: 16px;}
.box-modal .form input[type="text"],.box-modal .form input[type="tel"],.box-modal .form input[type="email"],.box-modal .form textarea{height: 50px; padding: 0 20px; font-size: 16px;}
.box-modal .form textarea{height: 100px; padding: 20px;}
.arcticmodal-close{right: 0; width: 30px; height: 30px; top: -45px;}
header .inner{position: relative;}
header .logo{position: relative; top: 0; float: left; margin: 30px 0 0; background: url("../img/logo_m.png") 0 0 no-repeat;}
header .logo img{width: 66px; height: 89px; opacity: 0;}
header nav{padding: 0; background: none;}
header nav ul{display: none; position: absolute; top: 85px; left: 0; border-top: 1px solid #eee; width: 100%; z-index: 10;}
header nav ul li{float: none; margin: 0!important;}
header nav ul li a{display: block; box-sizing: border-box; background: #fff; border-bottom: 1px solid #eee; padding: 12px;}
header nav .pull{display: inline-block; position: absolute; top: 46px; right: 0; font-size: 16px; font-weight: 700; color: #132847; padding: 5px 0 5px 22px; background: url("../img/pull.png") 0 50% no-repeat;}
header .contacts .callback,header .contacts .timerwork{display: none;}
header .contacts .data .social{float: none; margin: 25px 0 12px;}
header .contacts .data .social img{width: 32px; height: auto;}
header .contacts .data .phone a{position: relative; top: 15px;}
#promo{background: url("../img/bg_promo_m.jpg") 50% 0 no-repeat; /*background-size: cover;*/}
#promo .info h1,#promo .info h1 span{font-size: 19px; margin-bottom: 10px;}
#promo .info h1 br{display: none;}
#promo .info p{font-size: 14px;}
#promo li{width: 50%; font-size: 14px; margin-bottom: 20px; padding: 0 2px!important;}
#video{padding-top: 50px; text-align: center;}
#video .bt{font-size: 28px; text-align: center;}
#video .video,#video .info{float: none; max-width: 100%; width: 100%;}
#video .btn{width: 290px; margin-left: -145px; left: 50%; font-size: 14px;}
#master{background: url("../img/bg_master.jpg") 50% 0 no-repeat; height: 2800px;}
#master .master{display: none1; max-width: 100%; width: 100%; left: 0; top: 720px;}
#master .master img{width: 260px; margin: 0 auto;}
#master .master .note{box-sizing: border-box; width: 100%; line-height: 1.8; padding-bottom: 0;}
#master .inner{padding: 0; text-align: center;}
#master .info{padding-top: 70px;}
#master .info .bt{font-size: 28px; margin-bottom: 25px;}
#master .info p{margin-bottom: 15px;}
#master .info h2{font-size: 21px; margin-top: 1200px;}
#master .info ul{float: none; width: 100%; text-align: left; margin-bottom: 0;}
#master .info ul li{padding-top: 5px; font-size: 13px; min-height: 46px; box-sizing: border-box;}
#master .info ul li br{display: none;}
#result{padding: 0;}
#result .bt{font-size: 26px;}
#result li{float: none; width: 100%; margin-bottom: 35px;}
#result li p{line-height: 1.5; font-size: 14px;}
#result .note{font-size: 14px;}
#portfolio{padding: 0 0 40px; text-align: center; background: none; margin: 45px 0 0; min-height: 0;}
#portfolio .bt span{font-size: 15px;}
#portfolio .bt br{display: none;}
#portfolio .bt{line-height: normal; font-size: 28px;}
#portfolio .left,#portfolio .right{display: none;}
#portfolio .wr{position: relative; top: 0;}
.slider-portfolio{display: block;}
.slider-portfolio img{max-width: 100%; border-radius: 10px; margin: 0 auto; height: auto; padding: 10px; box-sizing: border-box;}
#coupon img{position: relative; top: 0; left: 0; width: 100%;}
#coupon .info{text-align: center; float: none; width: 100%;}
#coupon .bt{font-size: 28px; margin-top: 20px;}
#services li{width: 100%; float: none; min-height: 0; margin-bottom: 15px; padding: 0 20px; font-size: 15px;}
#etaps{background-size: cover; padding-bottom: 130px}
#etaps img{display: none;}
#etaps ul{background: none}
#etaps li{width: 100%!important; float: none!important; height: 106px; font-size: 15px; box-sizing: border-box; padding: 0 0 0 52px; background: url("../img/ls_m.png") 0 0 no-repeat; margin: 0 0 6px 0!important;}
#etaps li:last-child{background: url("../img/ls_ml.png") 0 0 no-repeat;}
#etaps li br{display: none;}
#etaps li i{color: #000; background: none!important; padding: 0!important; margin-bottom: 0!important;}
#etaps li .bt{font-size: 25px}
#reviews .bt{font-size: 28px;}
#reviews .inn .image{position: relative; top: 0; left: 0;}
#reviews .inn .comment{top: 0; padding: 60px 20px 45px; width: 90%; margin: 0 auto; box-sizing: border-box; height: auto; min-height: 0;}
#reviews .center{top: 0; margin: 53px 0 0;}
.slick-prev, .slick-next{top: 100%; margin-top: -32px;}
.slick-prev{left: 70px;}
.slick-next{right: 70px;}
#reviews .inn .author{left: 50%; top: 100%; margin: -60px 0 0 -45px;}
#why{background-size: cover;}
#why .ls_why li{padding: 0; text-align: center; font-size: 14px;}
#why .ls_why li img{position: relative; margin: 0 auto 15px; max-width: 60px}
#why .list_adv li{padding: 0!important; height: auto;}
#why .list_adv li img{position: relative; margin: 0 auto; top: 40px!important; left: 0!important; right: 0!important; width: 290px;}
#why .list_adv li span{width: 290px; height: 290px; left: 0!important;}
#why .list_adv li p{height: auto; display: block; margin-top: 80px; text-align: center;}
#callback{background-size: cover;}
#callback .inn input{max-width: 100%!important; float: none; margin-bottom: 15px;}
.btn-yellow{font-size: 16px; padding: 20px 0; width: 100%;}
#documents li{float: left; width: 50%; height: auto; background-size: 100% auto;}
#documents li img{width: 100%;}
#faq{background-size: cover;}
#faq .bt.bt-small{font-size: 24px;}
#accordion h3{font-size: 15px;}
#accordion div{font-size: 14px; line-height: 1.3;}
footer{margin: -65px 0 0;}
footer .logo{display: block; margin: 0 auto; float: none;}
footer .logo img{margin: 0 auto;}
footer .info,footer .contacts,footer .contacts nav,footer .contacts .inn-data,footer .info .row{float: none; width: 100%; text-align: center; margin: 0;}
footer .contacts nav{margin: 25px 0}
footer .contacts .data .timework{display: inline-block;}
footer .contacts .inn-data .social{width: 100%; position: relative; left: 0; top: 0; margin-bottom: 15px;}
footer .contacts .social li{margin: 0 2px;}
footer .contacts .social span{text-align: center; font-weight: 700; width: 100%; float: none;}
}
/*responsive*/