@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans.eot?) format("eot"),url(../fonts/OpenSans.woff) format("woff"),url(../fonts/OpenSans.ttf) format("truetype"),url(../fonts/OpenSans.svg#OpenSans) format("svg");font-weight:400;}
@font-face{font-family:'Open Sans';src:url(../fonts/OpenSans-Bold.eot?) format("eot"),url(../fonts/OpenSans-Bold.woff) format("woff"),url(../fonts/OpenSans-Bold.ttf) format("truetype"),url(../fonts/OpenSans-Bold.svg#OpenSans-Bold) format("svg");
font-weight:700;}
html *{max-height:1000000px}
html{-moz-text-size-adjust::none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none}
*{-moz-text-size-adjust::none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none}
body{font:100%;font-family:'Open Sans',sans-serif;margin:0;min-width:0;padding:0;width:100%;font-weight:400;font-style:normal;background-color:#fff}
/* === Responsive base helpers (added) === */
:root{--container:1170px;--gutter:15px;}
*,*::before,*::after{box-sizing:border-box;}
img{max-width:100%;height:auto;}
body{overflow-x:hidden;}

.clear{clear:both}
form ul li.button-row{position:relative}
input{position:relative;z-index:80}
span.error{text-transform:uppercase;position:absolute;padding:8px 8px 8px 6px;background-image:url(../images/er.png);background-repeat:no-repeat;background-position:left center;margin-top:3px;left:233px;z-index:100;top:8px;text-align:left;font-size:13px!important;width:10px}
.popup span.error{left:60%;top:3px}
table{border-collapse:collapse;padding:0}
input,textarea{outline:none;
font-family:'Open Sans';font-size:15px}
a{text-decoration:none}
input:active,textarea:active{outline:none}
:focus{outline:none}
img{border:none}
input::-webkit-input-placeholder{color:#000}
textarea::-webkit-input-placeholder{color:#000}
input::-moz-placeholder{color:#000}
input:-moz-placeholder{color:#000}
input:-ms-input-placeholder{color:#000}
h1,h2,h3,h4,h5,h6{font-weight:400}
img{border:none}
b{font-weight:bold;}
.header{width:1170px;margin:0 auto;padding:10px 0;position:relative;z-index:160;background:#fff;font-size: 0;display: flex;align-items: center;justify-content: space-between;}
.headerbg{background:#fff;top:0;position:fixed;width:100%;z-index:200;box-shadow:0 0 5px rgba(0,0,0,0.12)}
.lheader{width:130px;display: inline-block;vertical-align: middle;text-align: center;margin-right: 85px;}
.lheader h3 {
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
}
.mheader{width: 368px;display: inline-block;vertical-align: middle;}
.mheader a:hover span{border-bottom: 1px solid #44b789}
.mheader2{display: inline-block;vertical-align: middle;}
.logo{height: 128px;margin-right:10px;margin-top: -26px;vertical-align: middle;display: inline-block;margin-bottom: -20px;}
a.logotop {
    display: inline-block;
    vertical-align: middle;
    width: 260px;
}
.logo2{max-width: 225px;}
.rheader{width: 300px;padding-top:6px;display: inline-block;vertical-align: middle;text-align: right;}
.lheader h1{text-align:center;margin:0;font-size: 40px;text-transform:uppercase;font-weight:bold;line-height: 40px;}
.lheader h2{text-align:center;text-transform:uppercase;font-size: 26px;color:#44b759;font-weight:bold;margin: -3px 0 0;line-height: 27px;}
.mheader h1{text-align:left;margin:0;font-size:18px;line-height:18px;margin:3px 0}
.mheader h2{text-align:left;margin:0;font-size:18px;color:#44b759;line-height:16px;font-weight:bold;margin:3px 0}
.mheader h3{text-align:left;font-size:18px;font-weight:bold;color:#44b759;background:url(../images/i5.jpg) no-repeat left 6px;padding-left:15px;margin:3px 0}
.mheader .h32{text-align:left;font-size:18px;color:#0072bc;background:url(../images/i52.jpg) no-repeat left 6px;padding-left:15px;margin:3px 0}
.h32 a span{color: #565656;text-decoration:none;font-size: 15px;font-weight: normal;}
span.h32span {font-size: 16px;}
.mheader2 h1{text-align:left;font-size:16px;font-weight:bold;margin:0;line-height:16px;margin:3px 0}
.mheader2 h2{text-align:left;margin:0;font-size:16px;line-height:17px;margin:4px 0;position: relative;}
.mheader2 h3{text-align:left;margin:0;font-size:16px;color:#0072bc;line-height:17px;margin:4px 0}
.rheaderh1{text-align:right;margin:0;font-weight:bold;font-size:29px;line-height:30px}
.rheadera{float:right;text-decoration:none;color:#fff;font-weight:bold;background:#f34841;border-radius:4px;border-bottom:4px solid #950602;display:block;text-align:center;font-size:13px;min-width:176px;padding:6px 5px;text-transform:uppercase;margin-top:5px}
.rheadera:hover{margin-top:9px;border-bottom:0}
.rheadera:active{opacity:.8}
.rheader .btn_red:hover {
    margin: 13px 0 0!important;
}
.btn_red {box-sizing:border-box}
.rasrochka{display:none;position:absolute;font-weight:bold;color:#fff;background:url(../images/bgras.png) no-repeat center top;min-height:134px;top:30px;right:45px;background-size:200% 100%;box-sizing:border-box;text-transform:uppercase;padding:40px 10px 21px;width:200px;text-align:center;font-size:16px;text-decoration:none;opacity:.7;transition:.5s ease all;-ms-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8)}
.rasrochka:hover{opacity:1;background:url(../images/bgras3.png) no-repeat center top;background-size:200% 100%;transition:.5s ease all;-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.rasrochka a{color:#fff;width:100%;height:100%;display:block;text-align:center;text-decoration:none}
.rasrochka b{font-size:30px;line-height:30px;display:block}
.rasrochka span{display:block;font-size:22px}
.bg1{background:url(../images/bg1.jpg) no-repeat center;background-size:cover;position:relative;z-index:10;margin-top: 77px;}
.block1{width:1170px;margin:0 auto;position:relative;padding: 80px 0 39px;}
.buttonblock .buttonred {
    width: 60%!important;
}
.info{padding:15px 0;margin:0 auto}
.info h1{text-align:left;margin:0;color:#fff;font-weight:bold;font-size: 55px;letter-spacing: -1px;text-transform: uppercase;}
.info h2{color:#fff;font-size:34px;text-align:left;margin:0;background:#0371B9;display:inline-block;padding:5px 12px}
.buttonblock .bh1{color:#fff;font-size:25px;margin:50px 0 10px;position:relative;display:inline-block}
.buttonblock .bh2{color:#fff;font-size:20px;margin:10px 0;position:relative;display:inline-block}
.buttonblock{width: 540px;text-align:left;}
.h2.bluebg{background:#197dc8;font-size:26px;color:#fff;display:inline-block;padding:4px 10px;position:relative;margin:20px 0 0}
.infob{display:block;width:20px;height:20px;font-size:14px;font-weight:bold;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#197dc8;color:#fff;position:absolute;right: -25px;top: 11px;border-radius:50%;line-height:23px;cursor:pointer;text-decoration:none;overflow:hidden;text-align:center;}
.infob:hover{background:#44b759;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}
.ben{width:1170px;margin:32px auto 20px;font-size:0;text-align:left;}
.bens{text-align:left;width:24%;padding:10px 10px 10px 65px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:inline-block;vertical-align:top;color:#fff}
.benbg{position:relative;z-index:10;background:rgba(25,25,29,0.5);padding:20px 0;text-align:center}
.benline {
    display: inline-block;
    width: 20%;
    vertical-align: top;
    color: white;
    text-align: left;
}

.bentext {
    font-size: 15px;
    width: 90%;
}

.bentext span {
    display: block;
    font-size: 14px;
}

.benicon {
    width: 80px;
    height: 80px;
    display: inline-block;
    margin-bottom: 20px;
}
#ben1 .benicon {background:url(../images/ben1.png) no-repeat center}
#ben2 .benicon {background:url(../images/ben2.png) no-repeat center}
#ben3 .benicon {background:url(../images/ben3.png) no-repeat center}
#ben4 .benicon {background:url(../images/ben4.png) no-repeat center}
#ben5 .benicon {background:url(../images/ben5.png) no-repeat center}
.ben table{width:100%}
.ben td{font-size:17px;text-align:center;vertical-align:top;color:#fff;text-transform:uppercase;width:20%}
b.bluebg{background:#197DC8;padding:4px;display:inline-block;font-weight:bold}
.fontbigben{font-size:22px!important}
.leftblock1{float:left;position:relative;background-color:#0072bc;padding:15px 0;margin-left:20px;width:392px;margin-top:15px}
.form1{float:left;background-color:#fff;padding:20px;width:354px;position:relative}
.cof{right:-164px;top:50px;position:absolute}
.timer{top:215px;left:159px;width:320px;height:73px;margin-left:32px;margin-top:14px}
.leftblock1 p{text-align:center;color:#fff;margin:0;font-size:20px}
.leftblock1 h5{text-align:center;color:#fff;margin:0;font-size:20px;padding:4px 0 0}
.leftblock1 h1{color:#fff;font-weight:bold;font-size:25px;margin:0;text-transform:uppercase;text-align:center}
.leftblock1 h3{text-align:center;margin:0;font-size:29px;font-weight:bold;text-decoration:underline;color:#fff;background-color:#44b759;padding:2px 20px 5px}
.form1{float:left;background-color:#fff;padding:20px;width:354px;position:relative}
.videoreg{position:absolute;right:-293px;top:-8px}
.cof{right:-164px;top:50px;position:absolute}
.form1 h1{text-align:center;font-size:34px;line-height:35px;text-transform:uppercase;font-weight:bold;margin:14px 0 0}
.form1 h2{text-align:center;margin:10px;font-size:20px}
.posrel{position:relative;font-weight:bold}
.posrel .infob{line-height:20px}
h1 font {
    color: #ff5a4e;
}
.form1 p{text-align:center;margin:10px 0 0;font-size:14px}
.form1 ul{list-style:none;text-align:center;padding:0;margin:0}
#invisible {display: none;}
.form1 form input[type="text"],.form1 form input[type="email"]{height:40px;text-align:left;background-color:#white;width:332px;border:0;color:#222;margin:6px 0;-webkit-transition-property:background-color;-webkit-transition-duration:.5s;-webkit-transition-timing-function:ease;-webkit-appearance:none;font-size:17px;border:2px solid #e6e6e6;padding-left:17px}
.form1 form input[type="submit"]{width:352px;font-weight:bold;margin:5px auto 0;font-size:20px;border:none;cursor:pointer;color:#fff;text-align:center;text-decoration:none;-webkit-appearance:none;display:block;text-transform:uppercase;text-shadow:1px 0 1px #950602;box-shadow:0 5px 10px rgba(0,0,0,0.3);padding:14px 30px 14px 0;background-position:95% center!important;background-repeat:no-repeat!important;border-radius:4px;border-bottom:4px solid #950602;border-top:none;border-left:none;border-right:none;background:#f34841;background:url(../images/giftb.png),-moz-linear-gradient(top,#f34841 0%,#cb332d 96%,#e47c78 100%);background:url(../images/giftb.png),-webkit-linear-gradient(top,#f34841 0%,#cb332d 96%,#e47c78 100%);background:url(../images/giftb.png),linear-gradient(to bottom,#f34841 0%,#cb332d 96%,#e47c78 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f34841',endColorstr='#e47c78',GradientType=0)}
.buttonblock .buttonred{width:90%;margin:0;font-weight:bold;font-size:20px;border:none;cursor:pointer;color:#fff;text-align:center;text-decoration:none;-webkit-appearance:none;display:block;text-transform:uppercase;text-shadow:1px 0 1px #950602;box-shadow:0 5px 10px rgba(0,0,0,0.3);padding:14px 0;background-position:95% center!important;background-repeat:no-repeat!important;border-radius:4px;border-bottom:4px solid #950602;border-top:none;border-left:none;border-right:none;background:#f34841;background:-moz-linear-gradient(top,#f34841 0%,#cb332d 96%,#e47c78 100%);background:-webkit-linear-gradient(top,#f34841 0%,#cb332d 96%,#e47c78 100%);background:linear-gradient(to bottom,#f34841 0%,#cb332d 96%,#e47c78 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f34841',endColorstr='#e47c78',GradientType=0)}
.row2 {text-align:center;}
.btn_red{vertical-align:top;margin: 0;font-weight:bold;font-size: 14px;border: none;cursor: pointer;color: #fff;text-align: center;text-decoration: none;-webkit-appearance: none;display: inline-block;text-transform: uppercase;text-shadow: 1px 0 1px #950602;box-shadow: 0 5px 10px rgba(0,0,0,0.3);padding: 15px 25px;border-radius: 4px;border-bottom: 4px solid #950602;border-top: none;border-left: none;border-right: none;background: #f34841;background: -moz-linear-gradient(top,#f34841 0%,#cb332d 96%,#e47c78 100%);background: -webkit-linear-gradient(top,#f34841 0%,#cb332d 96%,#e47c78 100%);background: linear-gradient(to bottom,#f34841 0%,#cb332d 96%,#e47c78 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f34841',endColorstr='#e47c78',GradientType=0);}
.btn_blue{vertical-align:top;margin: 0 25px;font-weight:bold;font-size: 14px;border: none;cursor: pointer;
color: #fff;text-align: center;text-decoration: none;-webkit-appearance: none;display: inline-block;text-transform: uppercase;text-shadow: 1px 0 1px #0e5e96;box-shadow: 0 5px 10px rgba(0,0,0,0.3);padding: 15px 25px;border-radius: 4px;border-bottom: 4px solid #0e5e96;border-top: none;border-left: none;border-right: none;background: #0e6aaa;background: -moz-linear-gradient(top,#0f7fcc 0%,#0e6aaa 100%);background: -webkit-linear-gradient(top,#0f7fcc 0%,#0e6aaa 100%);background: linear-gradient(to bottom,#0f7fcc 0%,#0e6aaa 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f7fcc',endColorstr='#0e6aaa',GradientType=0);}
.btn_red:hover {border-bottom:0!important;margin-top:4px!important}
.btn_blue:hover {border-bottom:0!important;margin-top:4px!important;}
.form1 form input[type="submit"]:hover,.buttonblock .buttonred:hover{margin-top:4px;border-bottom:0}
.why{width:1170px;margin:0 auto;padding:80px 0;position:relative}
.col2 {width:50%;position:relative;vertical-align:top;display:inline-block;zoom:1;*display:inline}
.why_text .moreblock span {color: #fff;}
.moreblock {font-weight: bold;cursor:pointer;display: inline-block;position: relative;}
.moreinfo {position: absolute;font-weight: normal;visibility:hidden;text-align:center;font-size: 13px;width: 300px;background: white;border-radius: 15px;padding: 12px 8px;color: #222;left: 50%;margin: 0 0 0 -150px;z-index: 10;opacity:0;top:50px;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out}
.moreblock:hover .moreinfo {opacity:1;top:27px;visibility:visible}
.why .bh1 {
    text-align: left;
    font-weight: bold;
    font-size: 45px;
    margin-bottom: 20px;
    letter-spacing: -1px;
    }
.why_notwe .whyh1 {
    margin-bottom: 25px;
}
.why_notwe {padding:35px 25px 35px 0;margin: 5px 0 0;z-index:2;position:relative;}
.why_notwe:before {content:'';background:url(../images/overlay1.png) no-repeat center bottom;width: 700px;height: 700px;top: -290px;left: -120%;position: absolute;background-size: contain;}
.why_we:before {content:'';background:url(../images/overlay2.png) no-repeat center bottom;width: 700px;height: 700px;top: -50px;right: -110%;position: absolute;background-size: contain;}
.why_we {padding: 40px 35px;border-radius: 5px;background: #096aab;z-index:2;position:relative;color: #fff;}
.whyh1 {font-size: 36px;letter-spacing: -1px;font-weight:bold;margin: 0 0 5px;}
.why_line {margin: 15px 0;font-size:0;display:table;width:100%;}
.why_img {width:14%;margin:0 2% 0 0;vertical-align:middle;display:inline-block;zoom:1;*display:inline;height: 80px;}
#why_no {background:url(../images/why_no.svg) no-repeat left center;height:60px;margin:10px 0}
#why_time {background:url(../images/why_time.svg) no-repeat left center}
#why_time2 {background:url(../images/why_time2.svg) no-repeat left center;background-size:contain!Important}

#why_team {background:url(../images/why_team.svg) no-repeat left center}
#why_bus {background:url(../images/why_bus.svg) no-repeat left center}
#why_shield {background:url(../images/why_shield.svg) no-repeat left center}
#why_garanty {background:url(../images/why_garanty.svg) no-repeat left center}
.why_text {width:84%;vertical-align:middle;display:inline-block;zoom:1;*display:inline}
.why_notwe .why_text {}
.why_text b {font-weight:bold;margin-bottom: 8px;display:block;font-size: 20px;}
.why_text span {font-size: 15px;}
.wd12 {width:1170px;margin:0 auto;padding:20px 0}
.row {font-size:0;display:table;width:100%}
.serviceblock .h1 {
    text-align: left;
    font-weight: bold;
    font-size: 49px;
    margin-bottom:40px;
    letter-spacing: -1px;
    }
#serviceblock {
    padding: 40px 0 0;
}
.serviceblock a.btn_red {
    padding: 15px 5px;
    width: 100%;
}
.service.wd12 {
}
.service_price span {
    display: inline-block;
    background: #096aab;
    font-weight: bold;
    font-size: 18px;
    padding: 10px;
    vertical-align: middle;
}
.moreinfoblock div {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: white;
    color: black;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    border-radius: 50%;
    font-weight: bold;
    cursor: pointer;
    vertical-align: middle;
}

.moreinfoblock {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 0 0 0 8px;
    font-size: 0;
}

.moreinfoblock span {
    position: absolute;
    background: white;
    border-radius: 3px;
    color: #222;
    font-size: 15px;
    font-weight: normal;
    top: 50%;
    margin-top: -15px;
    width: 100px;
    padding: 5px;
    text-align: center;
    opacity: 0;
    margin: 0!important;
    transform: translate(0,-50%);
    min-width: 130px;
    box-shadow: 0px 5px 20px rgba(0,0,0,.1);
}

.moreinfoblock:hover span {
    opacity: 1;
}

.moreinfoblock span:before {width: 10px;height: 10px;background: white;-moz-transform: rotate(45deg); /* Для Firefox */-ms-transform: rotate(45deg); /* Для IE */-webkit-transform: rotate(45deg); /* Для Safari, Chrome, iOS */-o-transform: rotate(45deg); /* Для Opera */transform: rotate(45deg);position: absolute;left: -4px;top: 50%;margin-top: -5px;}
.col4:first-child .service_price span {
    margin: -10px 0 -5px;
}
.col4 {width:25%;display:inline-block;vertical-align:top;zoom:1;*display:inline}
.service_block {box-sizing:border-box;width:95%;margin:0 auto 5%;text-align:left;padding: 140px 25px 25px;border-radius: 9px;/* overflow:hidden; */background-position: center 0px!important;background-size: contain!important;position: relative;}
.service_block .btn_yellow {font-size:16px;width:100%;padding:25px 0}
#service1 {background:url(../images/service1.jpg) no-repeat center top #636469}
#service2 {background:url(../images/service2.jpg) no-repeat center top #636469;}
#service3 {background:url(../images/service3.jpg) no-repeat center top #636469}
#service4 {background:url(../images/service4.jpg) no-repeat center top #636469}
#service5 {background:url(../images/service5.jpg) no-repeat center top #636469}
#service6 {background:url(../images/service6.jpg) no-repeat center top #636469}
#service7 {background:url(../images/service7.jpg) no-repeat center top #636469}
#service8 {background:url(../images/service8.jpg) no-repeat center top #636469}
#service9 {background:url(../images/service9.jpg) no-repeat center top #636469}
#service10 {background:url(../images/service110.jpg) no-repeat center top #636469}
#service10:before {
    content: 'NEW';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    font-size: 14px;
    font-weight: bold;
    color: white;
    background: #4CAF50;
    padding: 10px;
    border-bottom-right-radius: 10px;
}
.service_name {font-weight:bold;color:white;font-size: 17px;margin:0 0 15px;min-height: 70px;}
.service_name span {text-decoration:underline}
.service_price {font-size: 16px;color:white;margin: 0 0 15px;}

.bg2{background-size:cover;background:url(../images/bg22.jpg) no-repeat center;margin:10px auto 30px;width:100%;padding:40px 0;}
.rheader .btn_red {
    font-size: 12px;
    padding: 9px 30px;
    margin: 9px 0 0;
}

div#block3 {
    text-align: left;
}
.video{cursor:pointer;width:640px;height:360px;margin:0 auto;background:url(../images/video2.jpg) no-repeat center}
.video1{display:none;width:640px;height:360px;margin:0 auto}
.block2{width:1170px;margin:0 auto;padding:20px 0}
.block2 h1{font-size: 39px;text-align: left;font-weight:bold;margin:0;letter-spacing: -1px;}
.block2 img{display:block;margin: 50px 0 0;}
.wwd{width:1170px;margin:0 auto;padding:40px 0}
.wwd h1{text-align:left;margin:10px 0 0;font-size:40px;font-weight:bold}
.wwd img{display:block;margin:0 auto}
.hww{width:1170px;margin:0 auto;padding:40px 0}
.hww h1{text-align:left;font-weight:bold;font-size:49px;margin:10px 0 30px}
.hww td{text-align:left;font-size:18px;vertical-align:top}
.hww td b{font-weight:bold}
.hww table{margin-top:10px}
.bg3{background:url(../images/bg3.jpg) no-repeat center;background-size:cover;padding: 30px 0;}
.block3{width:1170px;margin:0 auto;padding:30px 0}
.block3 h1{text-align:left;margin:10px 0;font-size:49px;font-weight:bold}
.block3 p{text-align:left;font-size:24px;margin:0}
.comments{width:1170px;margin:0 auto;padding:40px 0}
.comments h1{font-weight: bold;font-size: 42px;margin: 10px 0 40px;text-align: left;letter-spacing: -1px;}
.comment{margin:30px 0}
.comment a{color:#222}
.lc{float:left;width:145px}
.rc{float:left;width: 1005px;margin-left:19px;}
.rc h4{float:left;margin:0;display:block;background-color:#44b759;padding:2px 20px 2px 5px;font-size:18px;color:#fff;font-weight:bold}
.rc a{float:left;font-size:18px;background:url(../images/vk.jpg) no-repeat left;padding-left:25px;margin-left:12px;padding-top:2px}
.rc h2{font-weight:bold;font-size:18px;margin:0;margin-top:7px}
.rc p{font-size:18px;margin:0}
.bg4{background:url(../images/bg4.jpg) no-repeat center;background-size:cover;padding-top:50px}
.block4{width:1170px;margin:0 auto;padding:20px 0 71px}
.bg4 .leftblock1{margin-left:70px}
.coco{display:block;float:right;color:#fff;font-weight:bold;text-decoration:none;padding:5px;font-size:18px;background-color:#0072bc;width:250px;text-transform:uppercase;text-align:center}
.maph1{text-align:left;font-size:49px;font-weight:bold;width:1170px;margin: 20px auto 5px;display:block;position:relative;padding: 40px 0 0;}
.mapbg{width:100%;height: 490px;overflow:hidden}
.map1h,.map2h{width:960px;margin:0 auto;min-height:392px;color:#505050;position:relative}
.map1h div{position:absolute;font-weight:700;font-size:18px;right:162px;top:133px}
.map2h div{position:absolute;font-weight:700;font-size:18px;left:295px;top:142px}
.mapp{text-align:left;font-size:26px;width:1170px;margin: 5px auto 38px;display:block;}
.map{text-align:center;position:relative;margin:0 auto;height: 100%;}
.yanmap{position:relative;z-index:1}
.map img{width:1350px;margin:0 auto;text-align:center;position:absolute;left:50%;margin-left:-675px}
.adress{height:115px;padding-top:10px;border-radius:4px;border:2px solid #0068b8;text-align:left;background-color:#fff;z-index:10!important}
.adre1{position:absolute;top:60px;left:0}
.adre3{position:absolute;top:200px;left:0}
.adre2{position:absolute;top:125px;left:0}
.adress td{font-size:23px;vertical-align:top;padding:0 15px}
.footer{width:1170px;margin:0 auto;padding: 10px 0 40px;}
.footer .mheader{width: 468px;margin-left:30px;}
.footer .mheader a{color:#0371b9}
.footer .logotop {width: 372px;}

.footer .logotop img {
    max-width: 300px;
}
a.linkblue {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    border-bottom: 1px dashed;
    padding-bottom: 1px;
    margin-bottom: 5px;
}
.linkwhite {
    color: white;
    font-weight: normal;
    margin: 10px 0 0;
    display: inline-block;
    border-bottom: 1px solid rgba(255,255,255,.3);
    transition: 0.3 ease all;
}

.linkwhite:hover {
    border-bottom: none;
    opacity: 0.7;
}
.link_yellow {
    font-size: 14px;
    border-bottom: 1px dashed;
    padding-bottom: 1px;
    margin: 5px 0 0;
    display: inline-block;
}
.mheader p{font-size:18px;margin:0}
#scrollup {width: 50px;height: 50px;position: fixed;opacity: .8;padding: 5px;background: #0371b9;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;left: 15px;bottom: 10px;display: none;cursor: pointer;z-index: 162;}
#scrollup img {width: 100%;height: 100%;}
.ff1{float:left;width:364px;position:relative;padding:5px 0 0 20px}
.ff2{float:left;width:260px;padding:0 20px}
.popup .row{text-align:center}
.popup h2 {
    text-align: center;
    font-size: 50px;
    margin: 10px 10px 20px;
    font-weight: bold!important;
	font-family:'Open Sans'!important;
    line-height: 31px;
}
.grodno,.minsk{width:200px;height:200px;border-radius:50%;border:3px solid transparent;position:relative;display:inline-block;vertical-align:top;margin:15px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}
.grodno div,.minsk div{width:120px;height:120px;border-radius:50%;position:absolute;left:50%;top:50%;margin-left:-60px;margin-top:-60px;font-size:16px;text-transform:uppercase;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding-top:32px}
.atext span{font-size:16px!important;font-weight:400;text-transform:initial;text-decoration:underline}
.grodno .atext{background:#0b6bab}
.minsk .atext{background:#44b759}
.atext b{font-weight:700;font-size:20px;margin-bottom:5px;display:block;text-decoration:none!important}
.grodno:hover .atext,.minsk:hover .atext{width:100%;height:100%;margin-left:0;margin-top:0;top:0;left:0;padding-top:72px}
.fixed{max-width:1170px;width:100%;z-index:150;position:relative;background-color:#44b759;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;margin:0 auto;text-align: center;}
.navi{margin:0 auto}
.naviblock{margin:0 auto;text-align:center;background:#44b759;-webkit-border-bottom-right-radius:10px;-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomright:10px;-moz-border-radius-bottomleft:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;display: inline-block;font-size: 0;}
.navi a{color:#fff;text-decoration:none}
.naviblock span{/* height:24px; */padding: 12px 30px;text-align:center;display:inline-block;font-size: 18px;}
#why {overflow:hidden;padding: 40px 0;}
.naviblock span:hover{background-color: #0071bb;}
.f-nav{z-index:100;position:fixed!important;width:1170px;margin:0 auto;top: 100px!important;visibility:visible!important;}
.menu{width:100%;margin:0 auto;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;z-index:120;position:absolute;top: 6px;}
#video-container{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;background:#191C21}
video{position:absolute;z-index:0;opacity:.4}
video.fillWidth{min-height:100%;min-width:100%}
.greybg {background:#eceef0;}
.glasssale .bh1 {font-weight:bold;font-size: 42px;margin: 10px 0 40px;text-align: left;letter-spacing: -1px;}
.glasssale .bh2 {text-align: center;font-weight:bold;font-size:22px;margin: 30px 0 0;color:#44b759;}
.wd96 {width:1170px;margin:0 auto;padding: 30px 0;} 
.bluef {color:#197dc8;}
.greenf {color:#44b759;}
.glasssale {text-align:center;}
.glasssale .row {width:100%;display:table;font-size:0;margin: 20px 0 50px;}
.glasssale .col5 {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:20%;display:inline-block;vertical-align:top;//display:inline;zoom:1;padding:0 5px;}
.glassname {font-size: 16px;font-weight:bold;margin:0 0 5px;}
.glassdate {font-size:14px;opacity:0.7;margin:0 0 15px;}
.glassimg {width:100%;height: 155px;display:inline-block;margin:0 0 15px;background-size: cover!important;}
#glass1 {background:url(../images/glass1.jpg)no-repeat center;}
#glass2 {background:url(../images/glass2.jpg)no-repeat center;}
#glass3 {background:url(../images/glass3.jpg)no-repeat center;}
#glass4 {background:url(../images/glass4.jpg)no-repeat center;}
#glass5 {background:url(../images/glass5.jpg)no-repeat center;}
#glass6 {background:url(../images/glass6.jpg)no-repeat center;}
#glass7 {background:url(../images/glass7.jpg)no-repeat center;}
#glass8 {background:url(../images/glass8.jpg)no-repeat center;}
#glass9 {background:url(../images/glass9.jpg)no-repeat center;}
#glass10 {background:url(../images/glass10.jpg)no-repeat center;}
.moretext .glassinfo {min-height: 80px;}
.glassinfo {font-size:14px;margin:0 0 15px;min-height:36px;}
.glassprice {font-size:18px;font-weight:bold;margin:0 0 15px;}
.glassprice b {color:#197dc8;font-size:22px;}
.glasssale .btn_red {vertical-align: top;margin: 0;font-weight:bold;font-size: 12px;border: none;cursor: pointer;color: #fff;text-align: center;text-decoration: none;-webkit-appearance: none;display: inline-block;text-transform: uppercase;text-shadow: 1px 0 1px #950602;box-shadow: 0 5px 10px rgba(0,0,0,0.3);padding: 15px 14px;border-radius: 4px;border-bottom: 4px solid #950602; border-top: none;border-left: none;border-right: none;background: #f34841;background: -moz-linear-gradient(top,#f34841 0%,#cb332d 96%,#e47c78 100%);background: -webkit-linear-gradient(top,#f34841 0%,#cb332d 96%,#e47c78 100%);background: linear-gradient(to bottom,#f34841 0%,#cb332d 96%,#e47c78 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f34841',endColorstr='#e47c78',GradientType=0);}
#rasrochka_block {background:url(../images/rasrochka.jpg) no-repeat center top;padding:20px 0;margin-bottom:-10px;font-size:0;position:relative;}
.rasrochka_block {position:relative;}
.rasrochka_textblock {width: 36.5%;display: inline-block;vertical-align: middle;zoom: 1;margin-right: -3%;}
.rasrochka_block .bh1 {font-size: 28px;font-weight:bold;letter-spacing: -1px;}
.rasrochka_block .bh2 {font-size: 16px;margin: 20px 0 0;background: #44b759;color: white;font-weight:bold;padding: 10px;}
.rasrochka_cards {height: 320px;width: 54%;margin: 0 0 0 10%;display: inline-block;vertical-align: middle;zoom: 1;background: url(../images/cards.png) no-repeat center;background-size: contain;}
.rasrochka_mintext {font-size:14px;opacity:0.8;margin:20px 0 0;}
.modal_text p {padding: 0 30px;}
.mappoph1 {font-size:28px;font-weight: bold;text-align: center;margin: 30px 30px 0;color: #0b181c;}

.buttontext span {
    position: relative;
}
div#review-lab-simple {
    padding: 5px!important;
    background: #f6f6f6!important;
    box-shadow: none!important;
    border-radius: 2px!important;
    width: 100%!important;
    min-width: auto!important;
    margin: 0!important;
    max-width: auto!important;
}

ul.review-lab-simple__list {
    margin: 0!important;
    padding: 0!important;
}

#review-lab-simple .review-lab-simple__item {
    margin: 0!important;
}

#review-lab-simple .review-lab-simple__icon {
    width: 20px!important;
    height: 20px!important;
}

.review-lab-simple__number {
    font-size: 16px!important;
    min-width: 18px!important;
    width: 18px!important;
}

#review-lab-simple .review-lab-simple__star {
    width: 18px!important;
    height: 18px!important;
}

.review-lab-simple__stars {
    display: flex!important;
}

#review-lab-simple .review-lab-simple__source-wr {
    text-align: left!important;
    font-size: 13px!important;
}

review-lab-simple {
    /* width: 180px!important; */
}

.seolink.googlelink {
    overflow: hidden;
    width: 285px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 90px;
    margin: -12px 0 10px 0;
}

.adress-block:last-child {width: auto;}

.adress-block:nth-child(4) {
    width: auto!important;
}

a.review-lab-simple__source {
    color: black;
    font-size: 12px!important;
}
.mapsblock {
    margin: 0 auto 30px;
    gap: 10px;
}
.soc {
    width: 35px;
    height: 35px;
    border: 1px solid #dadada;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.adress-block:nth-child(3) {
    display: flex;
    gap: 10px;
}

.soc:before {
    content: '';
    width: 60%;
    height: 60%;
    background: black;
    z-index: 1;
    display: block;
    background-size:contain!important
}
.soc.viber:before {background:url(../images/soc-viber.svg) no-repeat center}
.soc.whatsapp:before {background:url(../images/soc-wa.svg) no-repeat center}
.soc.telegram:before {background:url(../images/soc-tel.svg) no-repeat center}
.soc.inst:before {background:url(../images/soc-inst.svg) no-repeat center}

.soc:hover {
    box-shadow: 0px 5px 20px rgba(0,0,0,.1);
}
.wrap {
    max-width: 1170px;
    margin: 0 auto;
}

.rower {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin: 20px auto;
}
.adress-block label {
    font-size: 15px;
    opacity: 0.6;
    display: block;
}

.adress-title {
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    color: #222;
}

.adress-block {
    /* width: 100%; */
    text-align: left;
}

.adress-title br {
    display: none;
}
#review-lab-simple .review-lab-simple__footer {
    display: none;
}
.yanmap {
    height: 100%;
    width: 100%;
}
.widget {
    position: fixed;
    z-index: 170;
    bottom: 15px;
    background: white;
    padding: 10px;
    box-shadow: 0px 5px 20px rgba(0,0,0,.3);
    border-radius: 5px;
    display: flex;
    gap: 10px;
    align-items: center;
    overflow: hidden;
    flex-direction: column;
    right: 15px;
}

.widget .adress-block {
    flex-direction: row;
    display: flex;
    gap: 5px;
}
.widget label {
    font-size: 14px;
}
.bh1 span {
    position: relative;
}

.btn__block.bottomrow {
    margin: 40px 0 0;
}

.last {
    padding: 10px 0 0;
}

#service2 .service_price, #service3 .service_price, #service4 .service_price {
    min-height: 90px;
    padding-bottom: 30px;
}

#service2 .service_name, #service3 .service_name, #service4 .service_name {
}

#service8 .service_price br {
    display: none;
}

.badge {
    background: red;
    position: absolute;
    z-index: 35;
    left: 0;
    top: 0;
    font-size: 14px;
    display: block;
    color: white;
    padding: 10px;
}

.opacity .btn_red {
    border-bottom-color: transparent;
    background: grey;
    opacity: 0.3;
    pointer-events: none;
}

.h32 a {
    color: #44b759;
}

.hoverdiv {
    position: absolute;
    background: white;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0px 5px 20px rgba(0,0,0,.15);
    left: -15px;
    top: -33px;
    opacity: 0;
    visibility: hidden;
    cursor: default;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

h2:hover .hoverdiv {
    opacity: 1;
    visibility: visible;
}

.price-table {
  max-width: 960px;
  margin: 0;
  padding: 16px;
  border-radius: 16px;
}

.price-table__inner {
  overflow-x: auto;
}

/* Скрыть нижний скроллбар на большинстве браузеров (по желанию можно убрать) */
.price-table__inner::-webkit-scrollbar {
  height: 6px;
}
.price-table__inner::-webkit-scrollbar-track {
  background: transparent;
}
.price-table__inner::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.6);
  border-radius: 999px;
}

.price-table table {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #2f2f2f;
  font-size: 14px;
}

.price-table thead {
}

.price-table thead th {
  padding: 14px 16px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 11px;
  white-space: nowrap;
}

.price-table thead th:first-child {
  text-align: left;
}

.price-table tbody tr {
  transition: background-color 0.18s ease, transform 0.12s ease;
}

.price-table tbody tr:nth-child(odd) {
  background-color: rgba(15, 23, 42, 0.05);
}

.price-table tbody tr:nth-child(even) {
}

.price-table td {
  padding: 10px 16px;
  border-top: 1px solid rgb(212 218 225 / 80%);
  text-align: center;
}

.price-table td:first-child {
  text-align: left;
  font-weight: 500;
}

.popzag {
    padding: 20px 20px 0;
    display: flex;
    text-align: left;
    gap: 10px;
}

.popzag .mappoph1 {
    margin: 0;
    min-width: 320px;
}
table tr:hover {
	
  background-color: rgba(37, 99, 235, 0.16)!important;
}
table:has(:is(th, td):nth-child(1):hover) :is(th, td):nth-child(1),
table:has(:is(th, td):nth-child(2):hover) :is(th, td):nth-child(2),
table:has(:is(th, td):nth-child(3):hover) :is(th, td):nth-child(3),
table:has(:is(th, td):nth-child(4):hover) :is(th, td):nth-child(4),
table:has(:is(th, td):nth-child(5):hover) :is(th, td):nth-child(5),
table:has(:is(th, td):nth-child(6):hover) :is(th, td):nth-child(6),
table:has(:is(th, td):nth-child(7):hover) :is(th, td):nth-child(7) {
 
  background-color: rgba(37, 99, 235, 0.16);
}


/* Числа выравниваем аккуратно по сетке, можно добавить ₽ */
.price-table .num {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

/* Если нужен знак рубля автоматически — раскомментируй:
.price-table .num::after {
  content: " ₽";
  opacity: 0.8;
  font-size: 0.9em;
}
*/

/* Адаптив: на очень узких экранах уменьшаем паддинги и шрифт */
@media (max-width: 600px) {
  .price-table {
    margin: 24px 12px;
    padding: 12px;
  }

  .price-table table {
    font-size: 13px;
    min-width: 520px;
  }

  .price-table thead th,
  .price-table td {
    padding: 8px 10px;
  }
}


/* === Layout becomes fluid (added overrides) === */
.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter);}

.header,.block1,.ben,.why,.wd12,.wd96,.block3,.block4,.comments,.footer,.maph1,.mapp{
  width:100%;
  max-width:var(--container);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--gutter);
  padding-right:var(--gutter);
  box-sizing:border-box;
}

/* Fixed menu: stretch full width and keep inner .fixed centered */
.f-nav{width:100%!important;left:0;right:0;margin:0!important;}
.menu{left:0;right:0;}


/* === Responsive breakpoints (added) === */

/* Large tablets / small desktops */
@media (max-width: 1024px){
  /* Header */
  .header{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding-top:10px;
    padding-bottom:10px;
  }
  a.logotop{width:auto;flex:0 0 auto;}
  .mheader,.mheader2,.rheader{width:auto;flex:1 1 260px;}
  .rheader{text-align:left;}
  .rheaderh1{text-align:left;}
  .hoverdiv{left:0;}

  /* Top hero spacing (header is fixed and may become taller) */
  .bg1{margin-top:170px;}

  /* Navigation */
  .naviblock{display:flex;flex-wrap:wrap;justify-content:center;}
  .naviblock span{padding:10px 14px;font-size:16px;}

  /* Hero content */
  .buttonblock{width:100%;max-width:680px;}
  .form1{float:none;width:100%;max-width:420px;margin:24px 0 0;}
  .leftblock1{float:none;width:100%;max-width:520px;margin-left:0;}
  .videoreg,.cof{display:none;}

  /* 2-column blocks */
  .col2{width:100%;}
  .why_notwe,.why_we{padding-left:20px;padding-right:20px;}
  .why_img{width:18%;}

  /* Service cards: 2 per row */
  .col4{width:50%;}
  .service_block{width:96%;}

  /* "Glass" grid: 3 per row */
  .glasssale .col5{width:33.333%;}
}

/* Tablets / phones */
@media (max-width: 768px){
  /* Make the header occupy space on small screens */
  .headerbg{position:sticky!important;top:0!important;}

  /* Make the menu part of the header */
  .menu{position:relative!important;top:0!important;}
  .menu.f-nav{position:relative!important;top:0!important;}
  .bg1{margin-top:0;} /* headerbg stays fixed, but menu no longer adds extra fixed layer */

  /* Typography scale */
  .info h1{font-size:38px;line-height:1.05;}
  .info h2{font-size:24px;}
  .serviceblock .h1{font-size:38px;}
  .why .bh1{font-size:34px;}
  .block3 h1{font-size:38px;}
  .comments h1{font-size:34px;}
  .maph1{font-size:38px;}
  .mapp{font-size:20px;}

  /* Ben icons */
  .ben{margin-top:18px;}
  .benline{width:50%;margin-bottom:18px;}
  .benicon{width:64px;height:64px;}
  .bentext{width:100%;}

  /* Service cards: 1 per row */
  .col4{width:100%;}
  .service_block{width:100%;}

  /* "Glass" grid: 2 per row */
  .glasssale .col5{width:50%;}

  /* Comments layout */
  .lc,.rc{float:none;width:100%;margin:0;}
  .rc{margin-top:12px;}
  .rc h4,.rc a{float:none;display:inline-block;margin:0 12px 8px 0;}

  /* Map */
  .mapbg{height:360px;}
  .map img{display:none;}
  .adress{position:static!important;width:100%;height:auto;padding:12px;margin:10px 0;}
  .adress td{font-size:18px;padding:0 10px;}
  .adre1,.adre2,.adre3{position:static!important;top:auto;left:auto;}
  .rower{flex-wrap:wrap;gap:12px;}
  .adress-title br{display:inline;}
}

/* Small phones */
@media (max-width: 480px){
  .header{gap:8px;}
  .mheader,.mheader2,.rheader{flex:1 1 100%;}
  .rheader .btn_red{margin-top:10px;}
  .naviblock span{padding:9px 10px;font-size:15px;}

  .info{padding:10px 0;}
  .info h1{font-size:30px;}
  .info h2{font-size:20px;}
  .buttonblock .bh1{font-size:20px;margin-top:28px;}
  .buttonblock .bh2{font-size:16px;}

  .benline{width:100%;}
  .glasssale .col5{width:100%;}
  .mapbg{height:300px;}

  /* Floating widget: keep it smaller */
  .widget{right:10px;bottom:10px;padding:8px;}
  .widget label{font-size:13px;}
  .soc{width:32px;height:32px;}
}

/* Popups / forms - keep within screen (added) */
@media (max-width: 600px){
  .popup{width:92vw!important;max-width:420px!important;left:50%!important;margin-left:0!important;transform:translateX(-50%)!important;}
  .popup h2{font-size:34px!important;line-height:1.05!important;margin:10px 10px 16px!important;}
  .popup input[type="text"], .popup input[type="email"], .popup textarea{width:100%!important;max-width:354px!important;}
  .popupform input[type="submit"], .popupform .asub{width:100%!important;max-width:354px!important;}
  .ff1,.ff2{float:none!important;width:100%!important;padding:0!important;}
}