@charset "UTF-8";
*{box-sizing:border-box}
body{font-family:'Gilroy',sans-serif;font-weight:400;margin:0;padding:0;color:#000}
ul,li{margin:0;padding:0}
.box{width:1140px;margin:0 auto;position:relative}
input:focus,input:active{outline:none}
.clr{clear:both}
.ttl{font-family:'Gilroy-SemiBold';font-size:35px;line-height:40px;text-transform:uppercase;text-align:center}
.hdr{height:799px;background:url(../images/bg-hdr.png) center -12px no-repeat}
.hdr .logo{width:290px;float:left;margin-top:15px;margin-bottom:12px}
.hdr .logo img{display:block;float:left;width:57px;margin-right:11px}
.hdr .logo .name{font-family:'Gilroy-Medium';line-height:16px;width:101px;float:left;border-bottom:1px solid #D1D1D1;padding-bottom:8px;margin-bottom:3px}
.hdr .logo .desc{width:220px;float:left;font-size:14px;font-family:'Gilroy-Light'}
.hdr .phone{width:258px;float:right;text-align:right}
.hdr .phone a{color:#000}
.hdr .phone a.tel{display:block;padding-top:8px;font-size:23px;font-family:'Gilroy-Bold';text-decoration:none}
.hdr .phone a.call{font-size:16px;line-height:23px}
.hdr .cntr{float:right;width:500px;margin-top:14px}
.hdr .cntr a.wh{display:block;width:37px;height:37px;float:right}
.hdr .cntr .txt{width:440px;float:right;margin-right:11px;text-align:right;font-family:'Gilroy-Light';font-size:14px;line-height:20px}
.hdr .bb{border-bottom:1px solid #e3e3e3}
.hdr .left{width:650px;float:left;margin-top:50px}
.hdr .left .ttl{font-family:'Gilroy-Bold';font-size:50px;line-height:60px;text-align:left}
.hdr .left .desc{padding-top:5px;font-size:30px;line-height:42px}
.hdr .left .itms{margin-top:22px}
.hdr .left .itms .itm{float:left;width:180px;height:173px;padding:64px 0 0;border-radius:10px;margin-right:28px;border:1px solid #D50909;text-align:center;font-size:18px;line-height:23px}
.hdr .left .itms .itm span{font-family:'Gilroy-SemiBold'}
.hdr .left .itms .i1{background:url(../images/icon-hdr-1.svg) center 12px no-repeat}
.hdr .left .itms .i2{background:url(../images/icon-hdr-2.svg) center 7px no-repeat}
.hdr .left .itms .i3{background:url(../images/icon-hdr-3.svg) center 8px no-repeat;margin-right:0}
.hdr .left .izb{margin:34px 0 7px 69px;font-size:16px;line-height:25px}
.hdr .left .izb span{font-size:20px;font-family:'Gilroy-SemiBold'}
.hdr .left .form{margin-left:69px}
.form .col{width:235px;float:left;margin-right:26px}
.form .col p{font-size:14px;padding-bottom:5px;margin-bottom:0;padding-left:15px}
.form .col .inp{display:block;width:100%;height:38px;border-radius:5px;border:1px solid #C6C6C6;padding-left:15px;font-family:'Gilroy';font-size:16px;color:#000}
.form .col .inp::placeholder{color:#A3A1A1;font-size:16px;font-family:'Gilroy'}
.form .col .error{border:1px solid #D50909}
.form .confirm{position:relative;margin-top:5px}
.form .confirm .border{position:absolute;top:4px;left:2px;width:17px;height:17px;border:1px solid #000301;border-radius:3px}
.form .confirm input[type='checkbox']{display:none}
.form .confirm label{position:relative;display:block;padding-left:27px}
.form .confirm label.rad{position:relative;padding-top:4px;font-size:13px;line-height:21px;color:#A3A1A1;text-decoration:underline}
.form .confirm label.rad:before{content:'';position:absolute;width:10px;height:10px;top:7px;left:5px;border-radius:50%}
.form .confirm input[type="checkbox"]:checked + label.rad:before{background:#D50909}
.form .btn{display:block;float:right;width:274px;height:42px;margin:9px 83px 0 0;padding-left:15px;background:url(../images/icon-btn.svg) 7px -16px no-repeat #D50909;border:0;border-radius:5px;font-size:18px;color:#fff;font-family:'Gilroy-SemiBold';cursor:pointer}
.topmenu{overflow:hidden;padding:20px 0 13px;background:#E1E1E1}
.topmenu ul{margin-left:35px;list-style:none}
.topmenu ul li{display:inline-block}
.topmenu ul li a{display:block;float:left;margin:0 16px 0 0;text-decoration:none;color:#000}
.topmenu ul li a:hover{text-decoration:none}
.topmenu.fixed{position:relative;z-index:20;width:100%;position:fixed;top:0;left:0}
.when{overflow:hidden}
.when .ttl{padding-top:47px}
.when .zad{margin-bottom:4px}
.when .kak{height:485px;background:url(../images/kak.png) center top no-repeat;position:relative;margin-top:22px}
.when .kak .left{width:300px;float:left;margin:57px 0 0 17px}
.when .kak .right{width:300px;float:right;margin:57px 42px 0 0}
.when .kak .itm{width:320px;height:135px;background:url(../images/icon-kak.svg) 0 0 no-repeat;padding-left:50px;font-size:18px;line-height:23px}
.when #help{padding-top:55px}
.zad{width:1005px;margin:30px auto 0;position:relative;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:space-between}
.zad .line{position:absolute;width:100%;height:1px;top:83px;left:0;background:#BABABA}
.zad .itm{width:290px;float:left;padding:10px 0;text-align:center}
.zad .itm .img{height:50px}
.zad .itm .txt{position:relative;margin-top:8px;padding-top:30px;font-size:20px;line-height:30px}
.zad .itm .txt span{font-family:'Gilroy-SemiBold'}
.zad .itm .txt:before{content:'';position:absolute;top:0;left:50%;z-index:9;width:11px;height:11px;margin:10px auto;border-radius:50%;background:#D50909}
.uzn{height:669px;background:url(../images/bg-uzn.png) center top no-repeat}
.uzn .txt{width:780px;font-size:20px;line-height:30px}
.uzn .txt span{font-size:30px;font-family:'Gilroy-SemiBold'}
.uzn .t1{padding-top:168px}
.uzn .t2{padding-top:66px}
.uzn form{width:525px;margin:32px 0 0 86px}
.uzn form .btn{margin:30px 25px 0 0}
.hot{overflow:hidden;padding:55px 0 32px}
.hot .ttl span{text-transform:none}
.hot .desc{position:relative;width:562px;margin:22px auto 0;padding-top:18px;text-align:center;font-size:18px;line-height:23px}
.hot .desc:before{content:'';position:absolute;width:165px;height:5px;top:0;left:50%;margin-left:-82.5px;background:url(../images/hot-line.svg) 0 0 no-repeat}
.hot .zad{margin-top:23px}
.hot .zad .itm .txt{font-size:18px;line-height:26px}
.hot .zad2{margin-top:15px}
.perv{height:534px;background:url(../images/bg-perv.png) center top no-repeat}
.perv .box{height:100%}
.perv .left{position:relative;z-index:9;float:left;width:754px;margin-top:131px}
.perv .left .ttl{text-align:left;font-size:60px;line-height:70px}
.perv .left .img{width:100%;max-width:754px;margin-top:33px}
.perv .left .desc{padding:10px 0 10px 16px;border-left:2px solid #D50909;font-size:30px;line-height:35px;font-family:'Gilroy-Bold'}
.perv .ebman{position:absolute;width:529px;height:536px;z-index:7;top:0;left:222px;background-image:url(../images/ebman-1.png);background-position:0 0;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover}
.perv .esli{position:absolute;top:36px;right:12px;z-index:10;width:440px;height:210px;font-size:18px;line-height:25px}
.perv .esli:before{content:'127-ФЗ';position:absolute;top:0;left:-40px;font-size:80px;opacity:.1;font-family:'Gilroy-Bold'}
.perv .ranka{position:absolute;right:0;bottom:85px;z-index:5;border:5px solid #d71313;width:540px;padding:35px 0 25px 175px;font-size:18px;line-height:25px;font-family:'Gilroy-SemiBold'}
.groz{overflow:hidden;padding-bottom:60px}
.groz .left{float:left;width:690px}
.groz .left .ttl{margin-top:59px;text-align:left;text-transform:none}
.groz .left .desc{margin-top:20px;font-size:18px}
.groz .left .desc span{font-family:'Gilroy-SemiBold'}
.groz .left .mi{margin-top:25px;font-size:25px;font-family:'Gilroy-SemiBold'}
.groz .left .items{margin-top:23px}
.groz .left .items .itm{width:49%;float:left;background:url(../images/icon-check.svg) 0 0 no-repeat;margin-bottom:17px;margin-right:1%;padding:0 10px 3px 44px;font-size:18px;line-height:25px}
.groz .right{float:right;width:360px;margin-top:62px}
.groz .right .pz{font-size:20px;line-height:26px}
.groz .right .pz span.phone{display:block;font-size:30px;line-height:34px;font-family:'Gilroy-Bold'}
.groz .right .pz span.b{font-family:'Gilroy-Bold'}
.groz .right form{width:274px;float:left;margin-top:6px}
.groz .right form .btn{margin:10px 0 0}
.osn{height:1055px;background:url(../images/bg-osn.png) center 42px no-repeat}
.osn .ttl{padding-top:55px}
.osn .desc{text-align:center;font-size:35px;line-height:40px;font-family:'Gilroy-SemiBold'}
.osn .left{width:400px;float:left;margin:84px 0 0 27px}
.osn .left .itm{background:url(../images/icon-check.svg) 0 0 no-repeat;padding-left:44px;padding-bottom:22px;font-size:18px;line-height:25px}
.osn .right{position:relative;float:right;width:400px;margin-top:84px;font-size:18px;line-height:25px}
.osn .right .bold{font-family:'Gilroy-SemiBold';font-size:20px}
.osn .right p{padding:0 0 10px;margin:0}
.osn .right .corp{position:absolute;top:124px;left:-109px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg);font-family:'Gilroy-Bold';font-size:18px;line-height:20px;color:#D50909}
.osn .right:before{content:'';position:absolute;top:-27px;left:-26px;width:2px;height:66px;background:#D50909}
.rez{margin-top:108px}
.rez .rleft{float:left;width:420px;margin-top:50px;padding:17px 25px;border:10px solid #D50909;font-size:20px;line-height:30px}
.rez .rleft p{padding:0;margin:0 0 10px}
.rez .rleft span{font-family:'Gilroy-SemiBold'}
.rez .rright{width:525px;float:right;margin:44px 127px 0 0}
.rez .rright .stl{margin-bottom:33px;font-size:25px;line-height:25px;font-family:'Gilroy-Medium'}
.rez .rright .itm{background:url(../images/icon-check-2.svg) 0 0 no-repeat;padding-left:32px;padding-bottom:5px;margin-bottom:24px;font-size:18px}
.rez .rright .stl2{margin-top:56px}
.poch{overflow:hidden;padding:55px 0 80px}
.poch .left{float:left;width:540px}
.poch .left .ttl{text-align:left;text-transform:none}
.poch .left .itm{position:relative;font-size:18px;line-height:25px;padding:20px 0 0;margin-top:30px}
.poch .left .itm:before{content:'';display:block;position:absolute;top:0;left:0;width:98px;height:3px;background:#D50909}
.poch .right{float:right;width:390px}
.poch .right .pz{font-size:20px;line-height:26px}
.poch .right .pz span.phone{display:block;font-size:30px;line-height:34px;font-family:'Gilroy-Bold'}
.poch .right .pz span.b{font-family:'Gilroy-Bold'}
.poch .right form{width:274px;float:left;margin-top:6px}
.poch .right form .btn{margin:10px 0 0}
.kaks{position:relative;height:616px}
.kaks .box{overflow:hidden;padding:20px 0 13px 67px;background:#fff;-webkit-box-shadow:1.5px 2.6px 10px 0 rgba(30,15,0,0.35);-moz-box-shadow:1.5px 2.6px 10px 0 rgba(30,15,0,0.35);box-shadow:1.5px 2.6px 10px 0 rgba(30,15,0,0.35);z-index:9}
.kaks .ttl{text-align:left;text-transform:none}
.kaks .left{float:left;width:616px;border-right:1px solid}
.kaks .left p{font-size:20px}
.kaks .right{width:397px;float:right}
.kaks .right a.call{display:inline-block;margin-top:12px;font-family:'Gilroy-Bold';font-size:20px;line-height:30px;color:#D50909}
.kaks #map{position:absolute;width:100%;height:616px;top:0;left:0;z-index:8}
.ftr{overflow:hidden;padding:26px 0}
.ftr .left{float:left;width:50%}
.ftr .left .adr{font-size:16px;line-height:24px}
.ftr .left .an{margin-top:10px;font-size:14px;line-height:20px}
.ftr .left .polic, .ftr .right .polic{display:inline-block;margin-top:40px;font-size:14px;line-height:20px;color:#000}
.ftr .right .polic{margin-top:20px}
.ftr .right{width:50%;float:right;text-align:right}
.ftr .right .tel{font-size:23px;line-height:26px;font-family:'Gilroy-Bold'}
.ftr .right .call{display:inline-block;margin-top:4px;color:#000}
.ftr .right a.wh{display:block;width:37px;height:37px;float:right}
.ftr .right .cntr{margin-top:30px}
.ftr .right .txt{width:440px;float:right;margin-right:10px;text-align:right;font-family:'Gilroy-Light';font-size:14px;line-height:16px}
.hide{display:none}
#modal,#sucessfull{width:440px;padding:50px 60px;background:#fff}
#modal .sttl,#sucessfull .sttl{font-family:'Gilroy-Bold';font-size:30px}
#modal .form,#sucessfull .form{margin-top:25px}
#modal .form .col,#sucessfull .form .col{width:100%;float:none;margin-right:0}
#modal .form .btn,#sucessfull .form .btn{width:100%;float:none;background:#D50909;margin:15px 0 0;padding-left:0}
#modal .sucessfull,#sucessfull .sucessfull{margin:30px auto;text-align:center}
#modal .sucessfull .thank,#sucessfull .sucessfull .thank{padding:20px 0 0;font-size:25px}
@media screen and (max-width: 1140px) {
.box{width:90%}
.ttl{font-size:30px;line-height:34px}
.hdr .left .ttl{font-size:40px;line-height:50px}
.hdr .left{margin-top:20px}
.topmenu{display:none;position:relative}
.zad{width:100%}
.perv{height:auto;overflow:hidden;background-color:#d9d8d8;padding-bottom:30px}
.perv .left{margin-top:55px}
.perv .ebman{width:300px;height:300px;top:0;right:0;left:auto}
.perv .esli{top:30px;left:20px;position:relative}
.perv .ranka{top:30px;left:0;position:relative;padding:20px}
.groz .left{width:65%}
.groz .right{width:35%}
.osn .left,.osn .right{width:50%;margin-right:0;margin-left:0}
.osn{height:auto;overflow:hidden;padding-bottom:30px;background:url(../images/bg-osn.png) center 0 no-repeat #d9d8d8}
.rez .rleft{width:35%}
.rez .rright{width:60%;margin-right:0}
.poch .left,.poch .right{width:49%;margin-right:0;margin-left:0}
.kaks .left{width:100%;float:none;border-right:0}
.kaks .right{width:100%;float:none}
}
@media screen and (max-width: 800px) {
.ttl{font-size:24px;line-height:26px}
.hdr{height:auto;overflow:hidden;padding-bottom:30px;background:url(../images/bg-hdr.png) center bottom no-repeat #f7f7f7}
.hdr .logo{overflow:hidden;float:none;margin:15px auto}
.hdr .phone,.hdr .cntr{width:100%;float:none;text-align:center}
.hdr .cntr a.wh{margin:15px auto;float:none}
.hdr .cntr .txt{width:100%;float:none;padding-bottom:8px;text-align:center}
.hdr .left{width:100%;float:none}
.hdr .left .ttl{font-size:26px;line-height:28px}
.hdr .left .desc{font-size:24px}
.hdr .left .itms .itm{width:100%;float:none;max-width:200px;margin:0 auto 20px;height:auto;padding-bottom:10px;font-size:14px;line-height:18px}
.hdr .left .izb{margin:20px 0}
.hdr .left .form{margin-left:0}
.form .col{width:100%;float:none;margin-right:0}
.form .btn{width:100%;float:none;margin:20px 0;background:#D50909}
.zad{flex-wrap:wrap}
.zad .line{display:none}
.zad .itm{width:100%;min-width:320px;float:none;margin:20px 0;padding:10px 25px}
.zad .itm .txt{margin-top:0;padding-top:20px}
.zad .itm .txt:before{display:none}
.when .kak{height:auto;background:none}
.when .kak .left,.when .kak .right{width:100%;float:none;margin:20px 0}
.when .kak .itm{width:100%;height:auto;margin-top:20px;padding-bottom:20px}
.uzn{height:auto;overflow:hidden;padding:30px 0}
.uzn .txt{width:100%;float:none}
.uzn .txt span{font-size:24px}
.uzn .t1,.uzn .t2{padding-top:30px}
.uzn .form{width:100%;float:none;margin:20px 0}
.hot .desc{width:100%;float:none}
.perv .ebman{display:none}
.perv .esli{width:100%;height:auto}
.perv .ranka{width:100%;margin-top:20px}
.perv .left{width:100%;float:none}
.perv .left .ttl,.perv .left .desc{font-size:24px;line-height:26px}
.groz .left{width:100%;float:none}
.groz .right{width:100%;float:none;margin-top:30px}
.groz .right .pz{font-size:16px}
.groz .right .pz span.phone{font-size:24px}
.groz .right .form{width:100%;float:none}
.groz .left .desc{font-size:16px}
.groz .left .items{overflow:hidden}
.groz .left .items .itm{width:100%;float:none;padding-bottom:10px;font-size:16px;line-height:20px}
.osn .desc{font-size:22px;line-height:24px}
.osn .left{width:100%;float:none;margin:20px 0}
.osn .right{margin-left:10%;width:90%;float:none;margin-top:30px}
.rez{margin-top:10px}
.rez .rleft,.rez .rright{width:100%;float:none;font-size:16px;line-height:20px}
.rez .rright .stl{font-size:20px}
.poch{padding:40px 0}
.poch .left,.poch .right{width:100%;float:none}
.poch .left .itm{font-size:16px;line-height:20px}
.poch .right .form{width:100%;float:none}
.poch .right .pz{font-size:16px}
.poch .right .pz span.phone{font-size:24px}
.kaks{height:450px}
.kaks #map{height:450px}
.kaks .box{padding:20px}
.kaks .left p{font-size:16px}
.kaks .right a.call{font-size:16px}
.ftr{text-align:center}
.ftr .left{width:100%;float:none}
.ftr .left .polic{margin-top:10px}
.ftr .right{width:100%;float:none;text-align:center;margin-top:20px}
.ftr .right .cntr a.wh{margin:15px auto;float:none}
.ftr .right .cntr .txt{width:100%;float:none;padding-bottom:8px;text-align:center}
#modal,#sucessfull{width:380px;padding:40px}
#modal .sttl,#sucessfull .sttl{font-size:24px}
#sucessfull .thank{font-size:18px}
}
@media screen and (max-width: 480px) {
#modal,#sucessfull{width:320px;padding:20px 10px}
#modal .sttl,#sucessfull .sttl{font-size:18px}
#sucessfull .thank{font-size:16px}
}