:root{--blue:#009FE3;--navy:#124D9A;--green:#58C336;--red:#E32636;--gray:#587281;--white:#fff;--black:#000;--button-radius:20px;--light:#b4b4b4}
@font-face{font-family:'Gogh';src:local('Gogh Bold'),local(Gogh-Bold),url(../fonts/Gogh-Bold.woff2) format("woff2"),url(../fonts/Gogh-Bold.woff) format("woff"),url(../fonts/Gogh-Bold.ttf) format("truetype");font-weight:700;font-style:normal}
@font-face{font-family:'Gogh';src:local('Gogh Medium'),local(Gogh-Medium),url(../fonts/Gogh-Medium.woff2) format("woff2"),url(../fonts/Gogh-Medium.woff) format("woff"),url(../fonts/Gogh-Medium.ttf) format("truetype");font-weight:500;font-style:normal}
@font-face{font-family:'Gogh';src:local('Gogh Regular'),local(Gogh-Regular),url(../fonts/Gogh-Regular.woff2) format("woff2"),url(../fonts/Gogh-Regular.woff) format("woff"),url(../fonts/Gogh-Regular.ttf) format("truetype");font-weight:400;font-style:normal}
@font-face{font-family:'Gogh';src:local('Gogh Italic'),local(Gogh-Italic),url(../fonts/Gogh-RegularItalic.woff2) format("woff2"),url(../fonts/Gogh-RegularItalic.woff) format("woff"),url(../fonts/Gogh-RegularItalic.ttf) format("truetype");font-weight:400;font-style:italic}
body{font-size:16px;line-height:1.5;font-family:'Gogh';font-weight:400;margin:0;position:relative;color:var(--white)}
*{position:relative}
input:not([type="submit"]),textarea{border:1px solid transparent;outline:none;border-radius:25px;background:#F2F2F2;padding:10px 15px;width:100%}
input:not([type="submit"]):hover,textarea:hover,input:not([type="submit"]):focus,textarea:focus{border:1px solid #E6E6E6}
input[type=radio]{border:1px solid transparent;outline:none;border-radius:50%;background:#F2F2F2;appearance:none;width:28px;height:28px;padding:0;cursor:pointer}
input[type=checkbox]{cursor:pointer}
input[type=radio]:checked:before{content:'';width:18px;height:18px;background:var(--red);border-radius:50%;position:absolute;top:4px;left:4px;right:5px;bottom:5px}
button{border:none;outline:none}
.blue{color:var(--blue)}
.red{color:var(--red)}
.navy{color:var(--navy)}
.gray{color:var(--gray)}
.white{color:var(--white)}
.black{color:var(--black)}
.green{color:var(--green)}
.light{color:var(--light)}
body .fw-400{font-weight:400}
body .fw-500{font-weight:500}
body .fw-700{font-weight:700}
body .fs-12{font-size:12px}
body .fs-14{font-size:14px}
body .fs-16{font-size:16px}
body .fs-18{font-size:18px}
body .fs-20{font-size:20px}
body .fs-23{font-size:23px}
body .fs-36{font-size:36px}
body .fs-48{font-size:48px}
body .fs-54{font-size:54px}
body .fs-60{font-size:60px}
body .fs-64{font-size:64px}
body .fs-96{font-size:96px}
.section{display:block;clear:both}
img{max-width:100%}
a{text-decoration:none;color:var(--graphite)}
a:hover{color:var(--blue)}
ul{padding:0;margin:0;list-style:none}
.section{padding:80px 0}
.button{padding:20px 45px;display:inline-block;font-size:12px;font-weight:700;color:var(--white);border-radius:44px;box-shadow:0 14px 18px 0 rgba(12,53,19,0.55);background:var(--green);cursor:pointer}
.button:hover{background:var(--blue);color:var(--white)}
.button.red{background:var(--white);border:1px solid var(--red);color:var(--red)}
.button.red:hover{background:var(--red);color:var(--white)}
body.scrolled header{background:var(--white);position:fixed;top:0;left:0;right:0;width:100%;z-index:7;box-shadow:1px 1px 10px #383838;padding:5px 0}
.flex-block{display:flex;align-items:center;float:right}
.flex-block > *{margin-left:15px}
.flex-block > a:hover{opacity:.6}
.logo img{z-index:10}
#un{background:url(../images/unFon.jpg) no-repeat top left / 85%;padding:40px 0 150px}
#un:after{width:40%;content:'';position:absolute;bottom:0;right:0;background:url(../images/unAfter.png) no-repeat center right / 100%;z-index:0;display:inline-block;height:100%}
#un .main-title span{color:var(--blue)}
#un .main-title{line-height:1.2;margin-bottom:20px}
#un .button{z-index:1}
.fon-wrap{margin-top:-160px;padding:260px 0 0;background:url(../images/allfon.png) no-repeat top center / cover}
#doi .sub-title span{color:var(--blue)}
#doi .doi-quote{font-style:italic}
#doi .doi-quote-script span{font-size:19px}
#katalog-trub{z-index:1}
#un div{text-shadow:1px 1px 5px var(--white),-1px -1px 5px var(--white)}
#un a{text-shadow:none}
#patru .bx-yandex-view-layout{border-radius:45px;box-shadow:0 23px 20px 0 rgba(0,0,0,0.4);width:100%;overflow:hidden}
#sase .bx-yandex-view-layout{border-radius:25px;width:100%;overflow:hidden}
#patru div#BX_YMAP_map1{height:620px!important}
#cinci .sect-text p:first-child{font-size:22px;font-weight:700;color:#AFAFAF}
#sase .blue-wrap{background:#033145;padding:35px;border-radius:25px}
#sase .contact-item.phone1,#sase .contact-item.phone2{width:50%;float:left}
.truba{content:'';width:45px;position:absolute;top:500px;bottom:93px;background:url(../images/top-right.png) no-repeat top center / 45px,url(../images/center-right.png) no-repeat center 50px / 22px,url(../images/center-right.png) no-repeat 50% 100% / 22px;height:calc(100% - 593px)}
.truba:before{content:'';width:45px;position:absolute;bottom:-55px;height:55px;background:url(../images/bottom-right.png) no-repeat bottom center / 30px;z-index:10}
.desktopcart{position:fixed;top:470px;z-index:11;cursor:pointer}
.desktopcart.disabled{pointer-events:none}
.desktopcart .counter{position:absolute;top:6px;right:6px;background:var(--red);line-height:1;width:22px;height:22px;border-radius:50%;line-height:22px;text-align:center;font-size:12px}
.mobile-cart .counter{position:absolute;top:-4px;right:-4px;background:var(--red);line-height:1;width:16px;height:16px;border-radius:50%;line-height:17px;text-align:center;font-size:10px;color:var(--white)}
.modal-header{padding:25px 25px 0;border:none}
.modal-body{padding:25px 25px 40px}
.openform{padding:11px 25px}
.mobile-cart.disabled{pointer-events:none}
.modal-content {
    border-radius: 20px;
}
@media(min-width:768px){
    .modal-body form{
        padding: 10px 20px 20px;
    }
}
@media(min-width:992px) {
header{padding:30px 0}
.map-container{order:-1}
}
@media(min-width:1200px) {
body.scrolled{padding-top:68px}
}
@media(min-width:1500px) {
#un{background-size:1600px}
header div.logo{flex:0 0 auto;width:13%}
header div.menu{flex:0 0 auto;width:64%}
header div.contact{flex:0 0 auto;width:23%}
#doi .doi-quote{font-size:35px}
}
@media(min-width:1530px) {
.truba{top:370px;height:calc(100% - 463px)}
}
@media(min-width:1200px) and (max-width:1529px) {
.truba{width:40px;top:320px;bottom:93px;background:url(../images/top-right.png) no-repeat top center / 40px,url(../images/center-right.png) no-repeat 50% 70px / 17px,url(../images/center-right.png) no-repeat 50% 100% / 17px;height:calc(100% - 413px)}
.truba:before{content:'';width:40px;position:absolute;bottom:-45px;height:55px;background:url(../images/bottom-right.png) no-repeat bottom center / 25px}
.desktopcart{top:410px}
.desktopcart svg{width:60px;height:60px}
}
@media(min-width:1200px) and (max-width:1499px) {
.section{padding:70px 0}
div.logo{flex:0 0 auto;width:13%}
div.menu{width:61%}
body .fs-36{font-size:26px}
body .fs-48{font-size:44px}
body .fs-54{font-size:44px}
body .fs-60{font-size:42px}
body .fs-64{font-size:48px}
body .fs-96{font-size:70px}
.button{padding:15px 30px}
.fon-wrap{margin-top:-85px;padding:120px 0 0}
#un:after{width:50%}
#un{background:url(../images/unFon.jpg) no-repeat top left / 108%;padding:35px 0 13vw}
.benefits-grid{grid-gap:30px 40px;padding:30px}
#doi .doi-quote-script span{font-size:16px}
}
@media(max-width:1199px) {
.truba,.truba:before,.desktopcart{content:none;display:none}
}
@media(min-width:992px) and (max-width:1529px) {
.section{padding:60px 0}
body .fs-14{font-size:13px}
body .fs-16{font-size:15px}
body .fs-18{font-size:16px}
body .fs-20{font-size:18px}
body .fs-48{font-size:40px}
body .fs-64{font-size:44px}
body .fs-23{font-size:18px}
body .fs-36{font-size:24px}
body .fs-96{font-size:62px}
body .fs-54{font-size:38px}
body .fs-60{font-size:36px}
div.logo{display:flex;align-items:center}
header{padding:11px 0}
.burger{margin-right:8px}
.fon-wrap{margin-top:-85px;padding:170px 0 0}
#un:after{width:50%}
#un{background:url(../images/unFon.jpg) no-repeat top left / 108%;padding:35px 0 150px}
#doi .doi-quote-script span{font-size:14px}
.benefits-grid{margin-top:20px;grid-gap:15px;padding:20px}
#doi .bitem-title{font-size:13px}
#patru div#BX_YMAP_map1{height:520px!important}
}
@media(max-width:991px) {
.section{padding:45px 0}
.flex-block > *{margin-left:10px}
div.logo{display:flex;align-items:center}
.phone-block{order:-1}
header{padding:11px 0}
.burger{margin-right:8px}
body .fs-14{font-size:13px}
body .fs-16{font-size:15px}
body .fs-18{font-size:16px}
body .fs-20{font-size:18px}
body .fs-48{font-size:40px}
body .fs-64{font-size:32px}
body .fs-23{font-size:18px}
body .fs-36{font-size:19px}
body .fs-96{font-size:56px}
body .fs-54{font-size:38px}
body .fs-60{font-size:36px}
}
@media(min-width:768px) and (max-width:991px) {
.benefits-grid{margin-top:20px;grid-gap:15px;padding:20px}
#doi .bitem-title{font-size:13px}
.button{padding:10px 25px}
.fon-wrap{margin-top:-85px;padding:120px 0 0}
#un:after{width:50%}
#un{background:url(../images/unFon.jpg) no-repeat top left / 108%;padding:35px 0 15vw}
#doi .doi-quote-script span{font-size:13px}
#patru .bx-yandex-view-layout{border-radius:0}
#patru .map-container{padding:0!important;width:calc(100% + 30px)!important}
}
@media(max-width:767px) {
.section{padding:30px 0}
body .fs-14{font-size:13px}
body .fs-16{font-size:15px}
body .fs-18{font-size:16px}
body .fs-20{font-size:18px}
body .fs-48{font-size:40px}
body .fs-64{font-size:36px}
body .fs-23{font-size:18px}
body .fs-36{font-size:30px}
body .fs-96{font-size:62px}
body .fs-54{font-size:38px}
body .fs-60{font-size:36px}
#un:after{content:none}
.subtitle{margin-bottom:20px}
#un{background:none;padding:10px 0 15vw}
#un:before{content:'';background:url(../images/mobile.jpeg) no-repeat bottom center / cover;width:100%;height:63vw;display:inline-block;position:absolute;right:0}
.fon-wrap{margin-top:-70px;padding:110px 0 0;background:url(../images/allfon.png) no-repeat top center / cover}
.sect-text{font-size:14px}
.benefits-grid{margin-top:30px}
#doi .doi-quote-script span{font-size:17px}
#doi{max-width:565px;margin:0 auto}
#patru div#BX_YMAP_map1{height:90vw!important}
#patru .bx-yandex-view-layout{border-radius:0}
#patru .map-container{padding:0!important;width:calc(100% + 30px)!important}
#sase .blue-wrap{padding:35px 20px;border-radius:20px}
}
@media(max-width:575px) {
body .fs-64{font-size:32px}
body .fs-23{font-size:16px}
body .fs-36{font-size:16px}
body .fs-96{font-size:38px}
body .fs-54{font-size:34px}
body .fs-60{font-size:30px}
#doi .doi-quote-script span{font-size:11px}
.benefits-grid{margin-top:20px;grid-gap:15px;padding:20px}
#doi .bitem-title{font-size:14px}
.button{padding:10px 25px}
.fon-wrap{margin-top:-10px;padding:110px 0 0}
#un:before{bottom:-80px}
#sase .contact-item.phone1,#sase .contact-item.phone2{width:100%}
.modal-body tfoot tr {
    display: flex;
    flex-direction: column-reverse;
}
.modal-body [name="web_form_submit"]{
margin-bottom:20px;
}
.form-consent [type=checkbox], .form-consent [type=checkbox]:hover {
    width: 21px;
    height: 20px;
}
}
@media(max-width:479px) {
.sect-image img{max-width:100%}
}
@media(max-width:459px) {
.flex-block > a{display:none}
}
@media(max-width:399px) {
#doi .bitem-title{font-size:10px}
}