@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700;900&display=swap');
*{margin: 0;padding: 0;box-sizing: border-box;font-family:'Roboto', sans-serif;}
html{scroll-behavior: smooth;}
#main-wrap{width:100%;overflow: hidden;position: relative;}
.logo{margin-left: 128px;}
.logo img{transition:.5s;height:109px;}
.top-bar{display: flex;/*position: fixed;*/width: 100%;z-index: 10;}
.top-bar .contacts{height: 52px;background:linear-gradient(270deg,#4A5B74 64.24%,rgba(255,255,255,0) 96.36%);
    opacity:0.9;width: 100%;display: flex;align-items: center;color:#fff;column-gap: 25px;padding-right: 128px;
    justify-content: flex-end;position: fixed;}
.contacts a{text-decoration: none;color: #fff;}
.contacts img{margin-right: 6px;}
.head{background: url(img/headbg.jpg);background-size: cover;background-repeat: no-repeat;position: relative;}
.head:after{content: "";position: absolute;width: 72%;height: 10px;background: #0066ff;left: 0;bottom: -5px;}
.time,.phone,.email{display: flex;align-items: center;font-size: 14px;}
.order{text-transform: uppercase;text-transform: uppercase;font-size: 13px;font-weight: 700;height: 34px;line-height: 34px;
width: 160px;text-align: center;cursor: pointer;border:1px solid #fff;border-radius: 17px;}
.us5m{display: block;background:#ff0000;color: #fff;font-size: 13px;height: 34px;line-height: 34px;cursor: pointer;border-radius: 37px;text-align: center;padding:0 10px;font-weight: 600;animation: zoom ease-in-out 1.5s infinite;}
@keyframes zoom {
  0% { transform: scale(1) }
  50% { transform: scale(1.1) }
  100% { transform: scale(1) }
}
.phone a:last-of-type,.phone a.ps{margin-left:15px;}
.blbl:after{position:absolute;content:"";left:0;bottom:-8px;width:45px;height:5px;background:#0066ff}
h1{font-size: 40px;font-weight: 900;color: #07234f;line-height: 1.1;max-width: 595px;position: relative;margin-bottom: 30px;}
h2{position: relative;color:#353739;font-weight: 900;font-size: 37px;line-height: 1.16;}
.head-info{padding:203px 0 190px 128px}
.head-info p{color:#1c4788;font-size: 16px;line-height: 1.44;max-width: 535px;}
.btn-order{text-transform: uppercase;color: #fff;font-size: 13px;height: 34px;line-height: 34px;cursor: pointer;
    width: 162px;background: linear-gradient(270.16deg, #FF6636 0.14%, #FF0000 98.45%);font-weight: 700;
    box-shadow: 0px 12px 15px -8px rgba(6, 25, 197, 0.45);border-radius: 37px;text-align: center;margin-top: 20px;
    display: block;text-decoration: none;}
.btn-order:hover{background: linear-gradient(90.16deg, #FF6636 0.14%, #FF0000 98.45%)}
.container{max-width: 1110px;margin: 0 auto;}
.prefs{display: flex;column-gap: 30px;}
.pref-item{width: 32%;}
.pref{padding: 60px 0 50px;}
.pi-img{width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;border-radius: 50%;
    background: #fff;box-shadow: 0px 15px 35px -8px rgba(0, 0, 0, 0.15);margin-bottom: 27px;}
.pi-title{color:#353739;font-weight: 700;font-size: 20px;line-height: 1.15}
.pi-text,.fh-info p,.fo-info p{color:#838383;font-size: 16px;line-height: 1.44;margin-top: 8px;}
.for-home{background: #fafafa;padding: 65px 0;}
.for-home h2{margin-bottom: 39px;}
.fh-flex{display: flex;align-items: center;column-gap: 40px;}
.fh-img img,.mount-img img{display: block;box-shadow: 10px 10px 0 #0066ff;}
.for-other{padding:43px 0 63px}
.fo-img img,.fb-img img{display: block;box-shadow: -10px 10px 0 #0066ff;}
.fo-flex{display: flex;column-gap: 25px;}
.fo-title{width: 33.33%;font-size: 22px;line-height: 2;border-bottom: 2px solid #c4c4c4;color: #353739;
    font-weight: 700;text-align: center;margin-bottom: 25px;cursor: pointer;}
.fo-title.active{border-bottom: 4px solid #ff6636;}
.fo-titles{display: flex}
.fo-text p:not(.active){display: none;}
.bath{background: #4891d1;padding: 60px 0;color:#fff}
.fb-flex{display: flex;column-gap: 50px;}
h2.blwl{color:#fff;margin-bottom: 45px;}
.blwl:after{position:absolute;content:"";left:0;bottom:-15px;width:45px;height:5px;background:#fff}
.fb-info p{font-size: 16px;line-height: 1.44;margin:15px 0}
.boiler{padding:63px 0 70px;background: url(img/forboiler.jpg) no-repeat;background-size: cover;color:#fff}
h2.blwc{color:#fff;text-align: center;margin-bottom: 38px;}
.blwc:after{position:absolute;content:"";left:calc(50% - 22.5px);bottom:-15px;width:45px;height:5px;background:#fff}
.boiler p,.prod p{max-width: 490px;font-size: 16px;line-height: 1.44;text-align: center;margin: 20px auto 0;}
.btn-order.center{margin-left: auto;margin-right: auto}
.prod{padding:68px 0 52px;background: url(img/prod.jpg) no-repeat;background-size: cover;color:#444343}
h2.blbc{text-align: center;margin-bottom: 44px;}
.blbc:after{position:absolute;content:"";left:calc(50% - 22.5px);bottom:-15px;width:45px;height:5px;background:#0066ff}
.mount{padding:59px 0 10px}
.mount p{color: #838383;font-size: 16px;line-height: 1.44;margin: 20px 0;max-width: 445px;}
.mount-flex{display: flex;align-items: center;column-gap: 30px;margin-top: 46px;}
.mount-text,.mount-img{width: 50%;}
.cost{position: relative;height: 540px;}
.cost-bg{display: flex}
.cost-form{position:absolute;background:#FFF;border:3px solid #0066FF;box-shadow:0px 15px 35px -8px rgba(0,102,255,.25);
    border-radius:55px;left: 270px;right: 270px;top: 60px;bottom: 40px;padding:40px 50px;max-width: 1110px;margin: 0 auto;}
.blue-bar{height: 145px;background: #0066ff;}
.cbg-right{width: 100%;}
.c-question{color:#353739;font-size: 23px;font-weight: 700;text-align: center;margin:70px 0 35px}
.c-answers{display: flex;justify-content: center;column-gap: 22px;flex-wrap: wrap;row-gap: 15px;}
.c-answers>div{cursor: pointer;color:#353739;font-size: 20px;line-height: 1.15;font-weight: 700;}
.c-progress{display: flex;align-items: center;margin:30px 0 20px;column-gap: 25px;}
.steps{display:flex;width: 100%;column-gap: 25px;}
.step{width: 20%;height: 4px;background: #b0b7bd;}
.step.active{background:#ff6636}
.c-step-counter{font-weight: 900;color:#353739;opacity:.5;font-size: 49px;line-height: 1.16;}
.c-step-counter span{font-size: 26px;line-height: 1.08;}
.btn-next,.btn-prev{width: 130px;height: 34px;line-height: 34px;text-align: center;color:#ff6636;cursor: pointer;
    border: 1px solid #ff6636;border-radius:17px;text-transform: uppercase;font-size: 13px;font-weight: 700;}
.step-buttons{display: flex;column-gap: 15px;justify-content: center;}
.btn-prev{display: none;}
.order-calc{padding:46px 0 49px;position: relative;background: url(img/ordercalc.jpg) no-repeat;background-size: cover;}
.oc-inner{max-width: 480px;}
.oc-inner h2{color:#fff;margin-bottom: 20px;}
.oc-inner p{color:#fff;text-align: center;font-size: 16px;line-height: 1.44;margin-bottom: 6px;}
.oc-form{background:#fff;box-shadow:0px 15px 35px -8px rgba(0,102,255,0.5);border-radius:22px;
    padding:35px 25px}
.oc-inputs{display: flex;column-gap: 5px;}
.oc-inputs>div{width: 50%;position: relative;}
.oc-form input,.cost-form input[type="text"],.cost-form input[type="number"]{width:100%;height: 34px;line-height: 34px;padding:0 15px;font-size: 15px;
    color: #353739;border: 1px solid #cad1db;border-radius: 17px;outline:none;}
.oc-form input:placeholder,.oc-form textarea:placeholder{opacity:.55;}
.oc-form input:focus,.oc-form textarea:focus{border:1px solid #0066ff}
.oc-form textarea{width: 100%;height: 90px;margin: 17px 0 8px;resize: none;border-radius: 17px;
    padding:5px 15px;border:1px solid #cad1db;color: #353739;outline: none;font-size: 15px;}
.oc-form input[type="checkbox"]{width:auto;}
.agr{font-size: 14px;color:#737373;display: flex;align-items: center;column-gap: 5px;cursor: pointer;position: relative;}
footer{height: 145px;background: #1a1a1a;padding:26px 128px 24px;display: flex;column-gap: 87px;justify-content: space-between;}
.f-info{width: 100%;}
.f-top{display: flex;column-gap: 15px;justify-content:center}
label.error{position: absolute;font-size: 12px;color: #ff6636;left: 5px;top: -15px;}
.agr label.error{top:-5px;left: 0;}
#postmessage h2,#postmessage p,#pmessage h2,#pmessage p{color:#353739}
#postmessage h2,#pmessage h2{font-size: 22px;text-align: center;}
footer .order{box-shadow:0px 12px 15px -10px rgba(8,28,87,.5);background:#fff;font-size: 13px;
    color:#ff6636;text-transform: uppercase;font-weight: 700;max-width:100%}
.f-copy{color:#fff;opacity:.55;font-size: 13px;line-height: 1.77;text-align:center;margin-top: 22px;}
.popup-bg{display: none;position: fixed;top: 0;left: 0;width:100%;height: 100%;background:rgba(0,0,0,.8);z-index: 11;}
.popup-form{position: absolute;width:530px;top:50%;left:50%;transform:translate(-50%,-50%);padding:25px;border-radius:20px;background:#e4e4e4}
.popup-form p{text-align: center;margin-bottom: 10px;}
.popup-form h2{font-size: 26px;margin-bottom: 30px;}
.popup-close{position: absolute;right:15px;top:15px;cursor:pointer;color:#0066ff;font-weight: 700;}
section{max-width:100%}
img{max-width:100%}
.f-copy.mobile{display:none;}
.fh-info,.fo-info,.fb-info{width: 50%;}
.cost .btn-order.center{margin-top: 0;}
.serror,.citylist{display: none;color:#ff6636;font-size: 12px;}

.advantages2{max-width: 1110px;margin: 0 auto;padding:50px 0;}
.advantages2 h2{margin-bottom: 60px;}
.adv2f{display: flex;flex-wrap: wrap;column-gap: 30px;row-gap: 70px;justify-content: space-between;}
.adv2item{width: 30%;border-radius:22px;box-shadow:0px 6px 24px -8px rgba(0,102,255,.24);padding:50px 15px 23px;position: relative;font-size: 16px;line-height: 1.375;}
.adv2item h3{color:#0066ff;margin-bottom: 9px;font-size: 20px;line-height: 1.15;}
.adv2item img{position: absolute;left: 16px;top: -20px;}

.promo{height: 298px;background: url(../images/promo.jpg);background-size: cover;color:#fff;display: flex;align-items: center;background-position-x: 15%;display:none;}
.promo__container{margin-left: 26%;}
.promo__title{font-size: 103px;font-weight: 700;line-height: 1;text-shadow: 3px 3px 10px #fff;}
.promo__text{font-size: 58px;font-weight: 700;line-height: 1}
.promo__btn{cursor: pointer;padding: 11px 24px;border:1px solid #fff;background: rgba(255, 255, 255, 0.13);font-size: 18px;font-weight: 700;transition: .2s;margin-top: 12px;border-radius: 80px;width: max-content;}
.promo__btn:hover{background: none;box-shadow: 0 0 20px 0 #fff;}
.promo__btn svg{margin-right: 7px;}
.promo__popup{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.78);display: none;align-items: center;justify-content: center;z-index: 10;}
.promo__div{position: relative;background: #fff;border-radius: 22px;display: flex;padding-bottom: 40px;}
.percent{position: absolute;right: -59px;bottom: -122px;pointer-events: none;}
.promo__close{position: absolute;top: -45px;right: -10px;cursor: pointer;}
.promo__close rect{transition: .3s;}
.promo__close:hover rect{fill:#fff}
.promo__div-img img{display: block;border-top-right-radius: 22px;border-bottom-right-radius: 22px;}
.promo__div-title{color:#FF6636;font-size: 53px;font-weight: 700;margin-top:30px;line-height: 1;}
.promo__div-title span{font-size: 28px;}
.promo__div-txt{color:#464646;font-size: 34px;font-weight: 700;margin-bottom:11px}
.promo__div-text{max-width: 372px;padding:0 30px 0 34px;}
.promo__div-btn{color:#464646;font-size:11px;line-height:1.27;font-weight:700;border:1px solid #464646;border-radius:48px;background:rgba(255,255,255,.13);padding: 6px 14px;width: max-content;}
.promo__div-btn span{margin-left: 4px;}
.promo__div-bar{width: 45px;height: 5px;margin: 20px 0;background:#06F;}
.promo__div-cat{display: block;color:#fff;background: #FF6636;border-radius: 37px;box-shadow:0px 9px 15px -5px rgba(78,115,223,.35);padding: 10px 20px;text-transform: uppercase;font-size: 14px;font-weight: 700;text-decoration: none;width: max-content;transition: .3s;}
.promo__div-cat:hover{filter: saturate(3);}
.promo__input{border: 1px solid #CAD1D8;border-radius: 22px;width: 100%;height: 34px;margin-bottom: 15px;padding: 0 15px;font-size: 14px;outline: none;}
.promo__input:focus{border: 1px solid #0066ff;}
.promo-wrapper>div{position: relative;}
.promo__popup .agr label.error{top: -10px;}
.tbn{height: 93px;background: url(/images/tb.jpg);background-size: cover;color:#fff;margin-bottom: -1px;}
.tbn__content{display:flex;margin: 0 auto;width: 765px;height: 100%;align-items: center;justify-content: center;column-gap:40px}
.tbn__txt{display: flex;column-gap: 14px;align-items: center}
.tbn__p10{font-size: 56px;font-weight: 700;line-height: 1;}
.tbn__p10 span{font-size: 40px;}
.tbn__text{text-transform: uppercase;font-size: 26px;font-weight: 700;max-width: 170px;line-height: 1;}
.tbn__btn{cursor: pointer;padding: 10px 24px;border:1px solid #fff;background: #FF6636;font-size: 16px;font-weight: 700;transition: .2s;margin-top: 12px;border-radius: 80px;width: max-content;}
.tbn__btn:hover{background: none;box-shadow: 0 0 20px 0 #fff;}
.tbn__btn svg{margin-right: 7px;}

@media(max-width:1700px){
    .promo{background-position-x: 32%;}
    .promo__container{margin-left: 20%;}
    .tbn{background-position: 50%}
}
@media(max-width:1500px){
    .promo{background-position-x: 45%;}
    .promo__container{margin-left: 10%;}
}
@media(max-width:1365px){
    .cost-form{left:50%;right: unset;transform: translateX(-50%);width: max-content;}
    .promo{background-position-x: 70%;height: 250px;}
    .promo__container{margin-left: 15px;}
    .promo__title{font-size: 70px;}
    .promo__text{font-size: 50px;}
}
@media(max-width:1279px){
    .logo{margin-left: 20px;}
    .top-bar .contacts{padding-right: 20px;}
    .head-info{padding:140px 0 90px 120px;}
    h1{text-shadow:0 0 5px #fff;}
    .head-info p{background: linear-gradient(90deg,transparent,#fff);}
    .container{padding-left: 20px;padding-right: 20px;}
    .for-home{padding-top: 30px;}
    .fh-flex{column-gap: 30px;}
    .fh-info,.fh-img{width: 50%;}
    .fo-info,.fo-img{width: 50%;}
    .fb-info,.fb-img{width: 50%;}
    h2.blwl{margin-bottom: 30px;}
    .fb-info p{line-height: 1.2;}
    footer{padding:26px 20px 24px}
    .fo-text{height: auto;}
    .promo{height: 220px;}
    .promo__title{font-size: 60px;}
    .promo__text{font-size: 40px;}
    .top-bar .phone,.f-top .phone{flex-wrap: wrap;column-gap: 10px;justify-content: right}
    .phone a:last-of-type{margin-left: 0}
}
@media(max-width:992px){
    .promo{height: 170px;}
    .promo__title{font-size: 50px;}
    .promo__text{font-size: 35px;}
    .promo__btn{font-size: 16px;padding: 10px 20px;}
}
@media(max-width:960px){
    .top-bar .contacts{column-gap:14px}
}
@media(max-width:920px){
    .logo img{height: 90px;}
    .top-bar .contacts{column-gap: 15px;}
    .phone a:last-of-type{margin-left: 10px;}
    .order{width: 150px;}
    .cost-form{max-width: 95%;}
    .top-bar .contacts{padding-right: 10px;}
    .logo{margin-left: 10px;}
    .head-info{padding:130px 0 70px 80px;}
    .pref{padding:40px 0 20px;}
    .for-home h2{margin-bottom: 20px;}
    h2{font-size: 30px;}
    .fo-title{font-size: 18px;margin-bottom: 10px;}
    .for-other{padding: 10px 0 50px;}
    .mount-flex{margin-top: 0;}
    h2.blbc{margin-bottom: 30px;}
    .mount{padding-bottom: 0;}
    .cost,.order-calc{margin-top: 30px;}
    .f-copy{line-height: 1.3}
    footer{column-gap:40px;}
    .c-question{margin:50px 0 30px;}
    .cost-form{top: 30px;padding:30px 20px;}
    .cost{height: 430px;}
    .c-answers{column-gap: 18px;}
    .time{display:none}
    .percent{width: 70%;}
}
@media(max-width:768px){
    .phone{width: 160px;}
    .head-info{padding:110px 0 50px 50px;}
    h1{font-size: 36px;}
    .prefs,.fh-flex,.fo-flex,.fb-flex,.mount-flex{flex-wrap: wrap;row-gap: 30px;}
    .pref-item{width: 47%;}
    .fh-img{display: none;}
    .fo-img img,.fb-img img,.mount-img img{width: 90%;margin: 0 auto;}
    .fo-info,.fo-img,.fh-info,.fb-info,.fb-img,.mount-text,.mount-img{width: 100%;}
    .for-home{padding-bottom: 50px;}
    .bath{padding: 40px 0;}
    .mount{padding-top: 50px;}
    .mount p{max-width: 100%;margin: 10px 0;}
    .cost h2.blbc{font-size: 26px;}
    .c-question{font-size: 22px;margin: 40px 0 20px;}
    .adv2item{width: 47%;}
    .c-answers{flex-wrap: wrap;row-gap:5px;}
    .promo{height: 130px;}
    .promo__title{font-size: 35px;}
    .promo__text{font-size: 25px;}
    .promo__btn{font-size: 14px;padding: 7px 10px;}
    .promo__div-title{font-size: 38px;margin-top: 10px;}
    .promo__div-txt{font-size: 28px;margin-bottom: 5px;}
    .promo__div-bar{display: none;}
    .percent{width: 70%;right: 0;}
    .promo__div-text{padding:0 20px 0 30px;}
    .promo__div-btn{margin-bottom: 15px;}
    .promo__form .agr{font-size: 12px;}
    .tbn__content{width: 100%;}
    .tbn__p10{font-size: 45px;}
    .tbn__txt{column-gap: 10px;}
    .tbn__content{column-gap: 15px;}
    .tbh{height: 90px;}
    .tbn__text{font-size: 23px;}
}
@media(max-width:600px){
    .f-top,.top-bar .contacts{flex-wrap:wrap}
    .pref-item{width: 100%;}
    h2{font-size: 28px;}
    /*.c-answers{flex-wrap: wrap;justify-content: flex-start;}*/
    .c-question{margin: 30px 0 10px;font-size: 18px;}
    .c-progress{margin-top: 10px;}
    .popup-form{width: 90%;}
    .adv2item{width: 46%;}
    .promo{height:200px;background-color:#FF6636;background-size:contain;background-repeat:no-repeat;background-position:center bottom;align-items:flex-start;justify-content:center;text-align:center;padding-top: 20px;}
    .promo__div-text{padding: 0 15px;}
    .promo__div-title{font-size: 34px;margin-top: 20px;}
    .promo__div-txt{font-size: 28px;}
    .promo__div-bar{margin: 10px 0 15px;}
    .tbn__content{flex-wrap: wrap;}
    .tbn{padding: 15px;height: auto;}
}
@media(max-width:588px){
    .top-bar .contacts{height: 90px;width: calc(100% - 92px);right: 0;}
    .promo__form .btn-order{margin-bottom: 20px;}    
}
@media(max-width:440px){
    .top-bar .contacts{height:100px;}
    h1{font-size: 26px;}
    .head-info{padding: 120px 10px 50px 20px;}
    h2{font-size: 24px;}
    .for-home{padding-bottom: 40px;}
    .fo-img img, .fb-img img, .mount-img img{width: 100%;}
    .boiler,.prod{padding: 40px 0;}
    .boiler p, .prod p{line-height: 1.3;}
    .cost h2.blbc{font-size: 22px;}
    .cost-form{width: 96%;border:2px solid #0066FF;padding: 20px 15px;}
    .c-question{font-size: 16px;}
    .c-answers>div{font-size: 14px;max-width:100%;}
    .c-answers select{max-width: 100%;}
    .c-progress{column-gap: 20px;}
    .steps{column-gap: 10px;}
    .c-step-counter{font-size: 34px;}
    .c-step-counter span{font-size: 22px;}
    .cost{height: 410px;}
    .oc-form{padding: 25px 15px;}
    footer .order{margin-top: 5px;}
    .f-copy{display: none;}
    .f-copy.mobile{display: block;text-align: center;}
    footer{flex-wrap: wrap;height: auto;}
    .flogo{width: 25%;}
    .f-info{width: 60%;}
    .popup-form{width: 94%;padding: 20px 5px;}
    .adv2item{width: 100%;}
    .promo__container{margin-left: 0;}
    .promo{height: 190px;}
    .promo__div-cat{margin-bottom: 15px;}
    .promo__div{position: relative}
    .promo__div-img{position:absolute;right:0;top:0;width: 20%;}
    .tbn__text{font-size: 24px;}
    .tbn__btn{text-align: center;}
}

.policy{background: #1a1a1a;display: flex;flex-wrap: wrap; gap:15px;justify-content: center;}
.policy a{color:#fff;opacity:.55;font-size:13px;}

.cookie-notice{display: none}
.cookie-notice.show{display:block;font-family: FuturaPT, Arial, sans-serif;}
.cookie-notice__wrapper{background-color: rgba(0,0,0,.8);bottom: 0;color: #fff;left: 0;position: fixed;width: 100%;z-index: 9999999999}
.cookie-notice__content{align-items: center;display: flex;gap: 20px;margin: 0 200px;padding: 20px;justify-content: flex-start;}
@media(max-width: 1023px) {
    .cookie-notice__content{margin: 0 100px;}
}
@media(max-width: 767px) {
    .cookie-notice__content {
        flex-direction:column;margin: 0 40px;
    }
}
@media(max-width:430px) {
    .cookie-notice__content {
        margin: 0 15px;padding: 20px 0;
    }
}
.cookie-notice__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 36px
}
@media(max-width: 1023px) {
    .cookie-notice__title {
        font-size:16px;
        line-height: 26px
    }
}
.cookie-notice__text {
    font-size: 16px;
    line-height: 26px
}
@media(max-width: 767px) {
    .cookie-notice__text {
        font-size:14px;
        line-height: 22px
    }
}
.cookie-notice__text a {
    font-weight: 700;color:#fff;
}
.cookie-notice__right .button.button--transparent {
    color: #fff;height: 50px;line-height: 50px;background: transparent;border-radius: 50px;padding: 0 15px;border:1px solid #fff;cursor: pointer;
}