* {-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;-webkit-box-sizing: border-box;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
ul{list-style:none}button,input,select{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*::before,*::after{-webkit-box-sizing:inherit;box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
input,button,textarea{
  font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "GRAD" 0;
}
ul {display: block; padding: 0;margin: 0;}
:root{
    --main:#1F1F1F;
    --second:#1FBA6D;
    --red: #E02727;
    --gray: #f0f2f5;
    --white: #fff;
}

html {scroll-behavior: smooth;}
body {
    margin: 0;
    padding: 0;
    font-family: "Google Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    font-variation-settings:"GRAD" 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    position: relative;
    z-index: 1;
    color: var(--main);
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    cursor: default;
    overflow: auto;
    background-color: #FEFEFE;

}

.hidden {display: none !important;}
.main-page-wrapper {max-width: 1920px; overflow: hidden; width: 100%; position: relative; margin: 0 auto; z-index: 1;}
a {-webkit-transition: color .3s ease-in-out;-o-transition: color .3s ease-in-out;transition: color .3s ease-in-out; text-decoration: none; outline: none;color:var(--main);}
a:focus{outline:none;}
/* a:visited {color: inherit;} */
a:hover{text-decoration: none; color: var(--second);}
.white {color:var(--white)}
input.wrong {border-color: var(--red) !important;}
svg path {-webkit-transition: fill .3s ease-in-out;-o-transition: fill .3s ease-in-out;transition: fill .3s ease-in-out;}
p {margin: 0 0 8px;}
input, textarea {color: var(--main); outline: none; -webkit-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out;}
.content {width: 1280px; position: relative; margin: 0 auto; padding: 0 16px; z-index: 1; }
.center {text-align: center;}
.no-scroll-y {overflow-y: hidden;}
.no-scroll {overflow: hidden;}
input, select {
  color: var(--main);
    font-family: "Google Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
  -webkit-transition: border-color .3s ease-in-out;-o-transition: border-color .3s ease-in-out;transition: border-color .3s ease-in-out;}
.d-flex {display: flex !important;}
.f-wrap {flex-wrap: wrap;}
.f-center {align-items: center;}
.f-sb {justify-content: space-between;}

.btn {display: inline-block; padding: 18px 64px 22px; line-height: 1; text-transform: none; transition: all .3s ease-in-out; border-radius: 34px; cursor: pointer; color: #fff;position: relative;font-weight: 600;box-shadow: 4px 4px 45.8px 0px #01996459;}
.btn:hover {background-color: #1C7A49;}

.site-header {position: relative;box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);}
.site-header .top-row {background-color: #F0F2F5; padding: 32px 0;}
.site-header .top-row .logo-w {}
.site-header .top-row .logo-w .logo-icon {display: block; width: 150px;}
.site-header .top-row .logo-w .logo-icon img {display: block; width: 100%;}
.site-header .top-row .logo-w .logo-desc {width: 232px; font-size: 14px; letter-spacing: 0; margin-left: 24px; padding-left: 24px; border-left: 1px solid #c6c8ca;}

.site-header .top-row .logo-w .sep {margin: 0 24px; border-left: 1px solid #c6c8ca; height: 100%; width: 1px;}
.site-header .top-row .s-phone-desc {column-gap: 24px;}
.site-header .top-row .s-phone-desc .s-phone {column-gap: 6px;}
.site-header .top-row .s-phone-desc .s-phone a {font-weight: 700; font-size: 16px; line-height: 1;}
.site-header .top-row .s-phone-desc .s-desc {text-align: right; font-size: 12px; color: #737475;}
.blinking {transition: all .3s ease-in-out; animation: blinking 2s infinite;}
.site-header .phones-w {column-gap: 24px;} 
.color-socials-w a .hover-link-w {position: absolute;z-index: 2;transition: opacity .3s ease-in-out;opacity: 1;left: 0;right: 0;top: 0;bottom: 0;}
.color-socials-w a {position: relative; display: block;width: 40px;height: 40px;background-color: transparent !important;}
.color-socials-w a img {display: block;width: 100%;  height: 100%;}
.color-socials-w a:hover .hover-link-w {opacity: 0;}
.site-header .header-socials {margin: 0 0 0 24px;}
.site-header .header-socials .color-socials-w {column-gap: 8px;}
.m-phone-mode-w {}
.m-phone-mode-w .s-phone-desc {margin-bottom: 24px;}
.m-phone-mode-w .s-phone-desc .s-phone {column-gap: 6px;}
.m-phone-mode-w .s-phone-desc .s-phone a {font-size: 16px; font-weight: 700;}
.m-phone-mode-w .blinking {font-size: 12px; padding-left: 24px;}
.inner-mobile-menu .color-socials-w {column-gap: 8px;}


@keyframes rolling {
  0% {transform: rotate(15deg); }
  50% {transform: rotate(-15deg); }
  100% {transform: rotate(15deg); }
}
@keyframes blinking {
  0% {color: #737475;}
  50% {color: #cacaca;}
  100% {color: #737475;}
}


.mobile-menu-list.show {right: 0;z-index: 9;}
.mobile-menu-list {position: fixed;padding: 32px 16px; right: -120%; width: 100%; z-index: -9;transition: all .3s ease-in-out;
  top: 73px; background-color: #f0f2f5; height: calc(100vh - 78px); 
}
.inner-mobile-menu {}
.inner-mobile-menu ul {margin-bottom: 80px;}
.inner-mobile-menu ul li {display: block; width: 100%; padding: 16px 0; border-bottom: 1px solid #c0c2c4;}
.inner-mobile-menu ul li a {font-size: 16px; font-weight: 500;}


.mobile-header {display: none;}
.phone-burger-w .m-phone {margin-right: 16px;}
.burger-wrapper {width: 25px; height: 19px; position: relative; z-index: 1;}
.burger-wrapper label {position: absolute; left: 0;right: 0;top: 0;bottom: 0; cursor: pointer; z-index: 99;}
.burger-wrapper .lines-wrapper {position: relative; height: 100%;}
.burger-wrapper .lines-wrapper .burger-line {height: 3px; border-radius: 1px; position: absolute; transition: all .3s ease-in-out; background-color: #797979;}
.burger-wrapper .lines-wrapper .burger-line.first { width: 25px; top: 0px;}
.burger-wrapper .lines-wrapper .burger-line.second { top: 8px; width: 25px;}
.burger-wrapper .lines-wrapper .burger-line.third { top: 16px; width: 25px; right: 0;}
#check-menu-burger:checked ~ .lines-wrapper .first {transform: rotate(-45deg);top: 4px;left: 0;}
#check-menu-burger:checked ~ .lines-wrapper .second {transform: rotate(45deg);left: 0; top: 4px;}
#check-menu-burger:checked ~ .lines-wrapper .third {display: none;}
.input-wrapper input:focus {border-color: var(--yellow-dark); background-color: var(--white);}
.input-wrapper.wrong input {border-color: var(--red) !important; color: var(--red) !important;}
.input-wrapper::after {content: '';position: absolute;right: 15px;bottom: 26px; transform: translateY(50%); width: 20px;height: 20px;background-repeat: no-repeat;
  background-size: contain; opacity: 0; -webkit-transition: opacity .3s ease-in-out;-o-transition: opacity .3s ease-in-out;
  transition: opacity .3s ease-in-out; background-image: url(../img/icons/danger.svg);
}
.half .input-wrapper::after {transform: none;}


.input-wrapper.wrong::after {opacity: 1;}
.measurement-block .submit {margin: 10px 0 0;}
.agree-wrapper {margin-top: 16px; display: flex; align-items: center; transition: all .3s ease-in-out; color: #878788; font-size: 14px;}
.agree-wrapper.wrong a,
.agree-wrapper.wrong {color: var(--red) !important;}
.agree-wrapper.wrong .agree {border-color: var(--red) !important;}
.agree-wrapper a {text-decoration: underline;}
.agree-wrapper .get-pp-popup {text-decoration: underline; cursor: pointer;}

.agree-wrapper .agree-desc {font-size: 14px; line-height: 1.16; width: calc(100% - 20px); padding-left: 8px;}
.agree-wrapper .agree-desc a {text-decoration: underline;}
.agree-checkbox {display: none;}
label.agree {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid #878788;
  border-radius: 4px;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-color: transparent;
  position: relative;
}
label.wrong {border-color: var(--red) !important;}
input.agree-checkbox:checked + label.agree {background-image: url(../img/icons/v.svg);}
.simple-block {padding: 42px 0;} 
.simple-section {padding: 100px 0; background-repeat: no-repeat; background-size: cover;}

#overlay {background: #333;opacity: 0;pointer-events: all;z-index: -1;position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
#overlay.show {opacity: .8; z-index: 11;}
.popup {
  position: fixed; left: 50%;top:-250%;width: auto;padding: 64px; height: auto; 
  background-repeat: no-repeat;
  background-color: #f8f8f8; 
  background-size: cover;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);background-color: #fff;
  -webkit-box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.31);
          box-shadow: 0px 20px 50px rgba(0, 0, 0, 0.31);
  border-radius: 24px; 

  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
          box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
  -webkit-transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  -o-transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  transition: top .3s ease-in-out,  opacity .3s ease-in-out, z-index 3s ease-in-out;
  opacity: 0;
  z-index: 30;
}

.popup.popup-offer {padding-right: 282px; background-image: url(../img/men.jpg); background-position: bottom right; background-size: contain;}
.popup.show {top: 50%; visibility: visible; opacity: 1;}
.popup .close-btn {position: absolute; width: 32px; height: 32px; z-index: 3; top: 16px; right: 16px; cursor: pointer; opacity: .6; transition: opacity .3s ease-in-out;}
.popup .close-btn:hover {opacity: 1;}
.popup .close-btn svg {display: block; width: 100%; height: 100%; object-fit: contain;}
.popup-inner .popup-title {font-weight: 600; font-size: 42px; line-height: 1.2; margin-bottom: 16px;}
.popup-inner .desc {color: #777778; font-weight: 500; font-size: 16px; margin-bottom: 32px;}
.popup-inner .icon-w {margin-bottom: 20px;}
.popup-inner .title-desc-w {width: 390px;}
.popup-inner .text-form-w {width: 580px;}
.popup-inner .text-form-w .form-w{width: 428px;}


.simple-btn {width: 100%; text-align: center; padding: 16px; border-radius: 26px; cursor: pointer; line-height: 1.3; background-color: #1FBA6D; font-size: 16px; font-weight: 500; color: #fff; transition: all .3s ease-in-out;}
.simple-btn:hover {background-color: #1C7A49;}

.connect-types-title {font-size: 12px; color: #828282; margin-bottom: 8px;}
/* .popup-inner .connect-types {margin-bottom: 16px;} */

.entry-content {line-height: 1.4;}
.entry-content p {margin-bottom: 12px;}
.entry-content h1 {font-size: 32px; font-weight: 600; margin: 24px 0;}
.entry-content h2 {font-size: 28px; font-weight: 600; margin: 20px 0;}
.entry-content h3 {font-size: 24px; font-weight: 600; margin: 18px 0;}
.entry-content h4 {font-size: 20px; font-weight: 600; margin: 12px 0;}
.entry-content h5 {font-size: 18px; font-weight: 600; margin: 12px 0;}
.entry-content h6 {font-size: 16px; font-weight: 600; margin: 12px 0;}
.entry-content ul {list-style: disc; margin-bottom: 12px; padding-left: 22px; margin-top: 12px;}
.entry-content li {margin-bottom: 8px;}

.phone-burger-w {display: none;}
.site-header .bottom-row {padding: 17.5px 0;}
.site-header .bottom-row .main-menu-nav {}
.site-header .bottom-row .main-menu-nav .main-menu {display: flex; align-items: center; justify-content: space-between;}
.site-header .bottom-row .main-menu-nav .main-menu li {}
.site-header .bottom-row .main-menu-nav .main-menu li a {line-height: 1; font-size: 16px; font-weight: 500;}
.site-header .bottom-row .main-menu-nav .main-menu li a.current-page  {color: #86BC09;}
.site-header .bottom-row .main-menu-nav .main-menu li a:hover {color: var(--second);}
ul.main-menu li .label {width: 22px;height: 22px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icons/label.svg);
  animation: rolling 2.5s infinite ease-in-out;
}
ul.main-menu li .sale {column-gap: 4px; justify-content: center; width: fit-content;}
.site-top-block {padding: 113px 0 156px; position: relative; background-image: url(../img/bg-top-block.jpg); background-repeat: no-repeat; background-position: right; background-size: cover;}
h1 {font-size: 48px; font-weight: 700; line-height: 1.14;}
span.green {color: #1FBA6D;}
.site-top-block .pluses-w {margin: 40px 0;}
.site-top-block .pluses-w .s-pluse{column-gap: 8px; margin-right: 32px;} 
.site-top-block .pluses-w .s-pluse:last-of-type{margin-right: 0;} 
.site-top-block .pluses-w .s-pluse .txt {font-size: 16px; font-weight: 500; color: #747475; line-height: 1;}
.site-top-block .pluses-w .s-pluse .icon {width: 30px; height: 30px;}
.site-top-block .pluses-w .s-pluse .icon img {display: block; width: 100%; height: 100%; object-fit: contain;}
.site-top-block .btn-main {padding: 18px 64px; cursor: pointer; border-radius: 33px; color: #fff; transition: all .3s ease-in-out; font-size: 24px; font-weight: 600; background-color: #1FBA6D;}
.site-top-block .btn-main:hover {background-color: #1C7A49;}
.site-top-block .top-desc {padding-left: 24px; color: #737475;}
.features-w-section .features-w {margin-top: -32px;}
.features-w-section .features-w .s-feature {width: 31.5%; background-color: #fff; padding: 20px; display: flex; justify-content: center; column-gap: 16px; box-shadow: 0px 4px 32px 0px #ABABAC40;
border-radius: 24px;}
.features-w-section .features-w .s-feature .txt {font-size: 20px; line-height: 1.22;}

.raschet-block {background-repeat: no-repeat; background-position: center; background-image: url(../img/bg-raschet.jpg);}
.raschet-w {padding: 64px 0; justify-content: space-between;}
h2 {font-size: 42px; font-weight: 600; line-height: 1.2; margin-bottom: 16px;}
.raschet-w .txt-w {width: 614px;}
.title-main-desc {color: #777778; font-size: 16px; font-weight: 700; line-height: 1.3;}
.raschet-w .raschet-form-w {width: 608px;}
.raschet-w .raschet-form-w {}
.phone-connect-type-form input.phone-mask {display: block; border-radius: 26.5px; transition: all .3s ease-in-out; width: 100%; font-weight: 500; line-height: 1.3; border: 1px solid #D2D2D2; padding: 17px 28px;}
.phone-connect-type-form input.phone-mask:focus {border-color: var(--second);}
.phone-connect-type-form .phone-wrapper {width: calc(100% - 184px);}
.input-wrapper {position: relative;}

.radio-input-w {position: relative;display: flex; column-gap: 8px;}
.radio-input-w input:checked + label::before {
  background-image: url(../img/icons/v-contacts.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-color: #fff;
  
}
.radio-input-w input:checked + label {border-color: #1FBA6D;}
.radio-input-w label::before {
  
  content: "";
  position: absolute;
  top: 3px;
  right: 0px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  z-index: 2;
}
.radio-input-w label {width: 53px; height: 53px; border-radius: 50%; border: 1px solid #CDCCCF; cursor: pointer; transition: all .3s ease-in-out;}
.radio-input-w label .icon {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.radio-input-w label .icon svg {display: block;}
.radio-input-w input {display: none;}
.radio-input-w {}
.phone-connect-type-form .connect-types {column-gap: 8px; margin-left: 8px;}
.submit-wrapper {margin-top: 24px;}
.submit-wrapper .submit {cursor: pointer; border-radius: 26.5px; transition: all .3s ease-in-out; text-align: center; padding: 16px; background-color: #1FBA6D; color: #fff; font-weight: 500; font-size: 16px;}
.submit-wrapper .submit:hover {background-color: #1C7A49; }

.catalog-w {margin-top: 64px; gap: 32px;}
.catalog-w .s-product {background-color: #fff; box-shadow: 0px 4px 32px 0px #ABABAC40; padding: 32px; border-radius: 24px;}
h3 {font-size: 24px; font-weight: 500; line-height: 1.4; margin-bottom: 4px; color: var(--main);}
.catalog-w .s-product .razmer {color:#A5A5A5; font-weight: 500;}
.catalog-w .s-product .poster {margin: 16px 0; display: flex; justify-content: center;}
.catalog-w .s-product .poster .img-w {position: relative; height: 280px;}
.catalog-w .s-product .poster .img-w .label {position: absolute; top: 44px; right: 0; border-radius: 16px 0 0 16px; padding: 8px 10px; color: #fff; font-size: 13px; font-weight: 600; background-color: rgba(243, 161, 89, 0.93);;}
.catalog-w .s-product .poster .img-w img {display: block; height: 100%; object-fit: contain;}
.catalog-w .s-product .prices {margin-bottom: 16px;}
.catalog-w .s-product .prices .new-price {color: var(--second); font-size: 28px; font-weight: 600; margin-bottom: 4px;}
.catalog-w .s-product .prices .old-price {color: #A5A5A5; font-size: 18px; font-weight: 500; margin-bottom: 4px; text-decoration: line-through;}
.get-product {cursor: pointer; background-color: #fff; transition: all .3s ease-in-out; text-align: center; border: 1px solid #BCEBD4; font-weight: 500; font-size: 20px; line-height: 1; padding: 18px; border-radius: 29px;} 
.get-product:hover {background-color: #B5E4CD; border-color: #88D8B1;}
.catalog-w .s-product {width: calc(33.33% - 24px);}
.catalog-w .s-product:nth-child(4),
.catalog-w .s-product:nth-child(5) {width: calc(50% - 16px);}
.calculator-section {background-repeat: no-repeat;background-position: center; background-image: url(../img/bg-raschet.jpg); background-size: cover;}
.calculator-w {margin-top: 32px;}
.calculator-w .calc-form-w {width: calc(100% - 594px); padding-right: 64px; }
.calculator-w .poster-w {width: 594px; /*border: 1px solid blue;*/}
.calculator-w .calc-form-w h4 {font-size: 24px; font-weight: 500; margin-bottom: 16px; line-height: 1.4;}
.calculator-w .calc-form-w .columns {gap: 32px;}
.calculator-w .calc-form-w .columns .s-column {width: calc(50% - 16px);}
.calculator-w .calc-form-w .s-block {margin-bottom: 32px;}
.calculator-w .calc-form-w select {display: block; position: relative;
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 24px;
  background-image: url(../img/icons/arrow-select.png);
  -moz-appearance: none;-webkit-appearance: none;appearance: none; border-radius: 28px; width: 100%; padding: 17px 28px; border: 1px solid #D2D2D2; background-color: #fff; font-weight: 500; font-size: 16px; font-weight: 500;
}
.calculator-w .calc-form-w select:focus {border-color: #1FBA6D;}
.calculator-w .calc-form-w .small-desc {font-size: 14px; line-height: 1.3;}
.calculator-w .calc-form-w .razmer-inner-w input {display: block; width: 100%; padding: 16px 28px; border: 1px solid #D2D2D2;background-color: #fff; font-size: 16px; font-weight: 500; border-radius: 26px;}
.calculator-w .calc-form-w .razmer-inner-w input:focus {border-color: #1FBA6D;}
.calculator-w .calc-form-w .razmer-inner-w {column-gap: 16px;}
.calculator-w .free-inputs-w {margin-top: 16px;}
.calculator-w .simple-checkbox-w {display: flex; align-items: center; margin-bottom: 8px;}
.calculator-w .simple-checkbox-w:last-of-type {margin-bottom: 0px;}
.calculator-w .simple-checkbox-w input {display: none;}
.calculator-w .simple-checkbox-w label {display: block; width: 20px; height: 20px; border: 1px solid #BABBBB; transition: all .3s ease-in-out; border-radius: 4px; background-position: center; background-size: 50%; background-repeat: no-repeat;}
.calculator-w .simple-checkbox-w .input-desc {width: calc(100% - 20px); padding-left: 8px; font-size: 14px;}
.calculator-w .simple-checkbox-w input:checked + label {background-image: url(../img/icons/v-green.svg); border-color: #8D8D8E;}
.calculator-w .simple-checkbox-w.s-free-input input:checked + label {background-image: url(../img/icons/v-grey.svg); border-color: #8D8D8E;}
.calculator-w .simple-checkbox-w.s-free-input label {background-color: #DBDEDF; border-color: #7C7E7E;}
.calculator-w .calc-form-w .s-block.seclect-block {margin-bottom: 50px;}
.calculator-w .poster-w .product-img {position: relative; display: none;}
.poster-w .product-img .img-w {position: relative;height: 480px;margin: 0 auto;width: fit-content;}
.poster-w .product-img .img-w img {display: block; height: 100%; object-fit: contain; object-position: top;}
.poster-w .product-img.active {display: block;}
.poster-w .product-img .img-w .product-razmer {position: absolute;display: inline-block;padding: 2px 15px;
  text-align: center;font-size: 15px; color: var(--second);
  line-height: 1;
  background-color: #F5F4F9;
}
.poster-w .product-img .img-w .product-razmer.height {top: 50%;right: -33px; transform: rotate(-90deg);}
.poster-w .product-img .img-w .product-razmer.width {top: -2px; right: calc(50% - 40px);}
.faqs-w {}

.faqs-w .s-faq {position: relative;
  margin-bottom: 12px;
  border-bottom: 1px solid #D2D2D2;
}

.faqs-w .s-faq .question {position: relative;cursor: pointer;padding: 20px 32px 20px 20px;font-size: 16px;line-height: 1;font-weight: 500;}

.faqs-w .s-faq .question::after {content: "";  position: absolute;transition: all .3s ease-in-out;top: 50%;transform: translateY(-50%);right: 6px; width: 3px; height: 16px;background-color: var(--second);
}
.faqs-w .s-faq .question::before {content: "";transition: all .3s ease-in-out;position: absolute; top: 50%;transform: translateY(-50%);right: 0;width: 16px;
  height: 3px;background-color: var(--second);}
.faqs-w .s-faq .ask {height: 0;max-height: 0;overflow: hidden; transition: max-height .3s ease-in-out;}
.faqs-w .s-faq .question.active + .ask {max-height: 1000px;height: auto;}
.faqs-w .s-faq .ask .inner-w {padding: 16px 0; color: #797979;}
.faqs-w .s-faq .question {position: relative;cursor: pointer;padding: 20px 32px 20px 0px;font-size: 16px;line-height: 1;font-weight: 500;}
.faqs-w .s-faq .question.active::after {transform: translateY(-50%) rotate(90deg);background-color: var(--main);}
.faqs-w .s-faq .question.active::before {background-color: var(--main);}

.site-footer {background-color: #252525;}
.site-footer .f-top-block {padding: 60px 0; justify-content: space-between;}
.site-footer .f-top-block .logo-icon {margin-bottom: 24px;}
.site-footer .f-top-block .logo-icon img {display: block; width: 100%; object-fit: contain;}
.site-footer .f-top-block .f-logo-desc {font-size: 14px; color: #A8A8A8; line-height: 1.3;}
.site-footer .f-logo-desc-column {width: 208px; font-size: 14px;}
.site-footer .f-menu {column-gap: 174px;}
.site-footer .f-menu .f-column .s-link-w {margin-bottom: 16px;}
.site-footer .f-menu .f-column .s-link-w:last-of-type {margin-bottom: 0;}
.site-footer .f-menu .f-column .s-link-w a {font-size: 16px; font-weight: 500; color: #fff;}
.site-footer .f-menu .f-column .s-link-w a:hover {color: var(--second);}
.site-footer .f-contacts {text-align: right; color: #fff; margin-bottom: 16px;}


.site-footer .color-socials-w a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background-color: transparent !important;
}
.color-socials-w a img {
  display: block;
  width: 100%;
  height: 100%;
}
.site-footer .color-socials-w a svg {display: block; width: 100%; height: 100%; object-fit: contain;}
.site-footer .color-socials-w {margin-top: 16px; column-gap: 16px; justify-content: end;}
.site-footer .f-top-block {border-bottom: 1px solid #666;}
.site-footer .f-bottom-block-w {font-size: 14px; padding: 16px 0; color: #D3D3D3; justify-content: space-between;}
.site-footer .f-bottom-block-w a {color: #D3D3D3;}
.pay-list {margin-top: 32px;}
.pay-w {column-gap: 64px;}
.pay-w .pay-block {width: calc(50% - 32px); border-radius: 24px; background-color: #F0F2F5; padding: 32px;}
.pay-w .pay-block .s-list { margin-bottom: 8px;}
.pay-w .pay-block .s-list .icon{width: 24px; height: 24px;}
.pay-w .pay-block .s-list .txt {width: calc(100% - 24px); padding-left: 12px; font-weight: 500; color: #737475;}
.pay-w .card-list {column-gap: 18px; margin: 32px 0;}
.pay-w .card-list .s-card {width: calc(24% - 9px);}
.btn-trsp {text-align: center; border: 2px solid #1FBA6D4D; cursor: pointer;  font-size: 16px; font-weight: 500; padding: 18px; border-radius: 32px; transition: all .3s ease-in-out;}
.btn-trsp:hover {background-color: #B5E4CD; border-color: #88D8B1;}
.pay-w .pay-block .city {text-align: center; border-radius: 22px; background-size: cover; overflow: hidden; position: relative; margin-bottom: 20px; font-size: 24px; font-weight: 500; color: #fff;background-repeat: no-repeat; background-position: center; padding: 40px; }
.pay-w .pay-block .city::after {content: ''; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; background-color:#1F1F1FCC; opacity: .6; transition: all .3s ease-in-out;}
.pay-w .pay-block .city:hover::after {opacity: 0;}

.pay-w .pay-block .city h4 {position: relative; z-index: 5;}
.pay-w .pay-block .city.gomel {background-image: url(../img/gomel.jpg);}
.pay-w .pay-block .city.other {background-image: url(../img/city-2.jpg); padding: 48px;}

.zamer-block {background-image: url(../img/bg-raschet.jpg);   background-repeat: no-repeat; background-position: center;}
.zamer-block .zamer-w {justify-content: space-between;}
.zamer-block .txt-w {width: 592px; padding: 64px 0;}
.title-main-desc-2 {color: #8E8E8E; font-size: 24px; font-weight: 500; margin-bottom: 32px; line-height: 1.4;}
.btn-green {cursor: pointer; transition: all .3s ease-in-out; font-size: 16px; font-weight: 500; color: #fff; text-align: center; background-color: var(--second); padding: 16px; border-radius: 26.5px;}
.btn-green:hover {background-color: #1C7A49;}
.zamer-block .second-desc {margin-top: 8px; color: #757576; font-weight: 500; font-size: 16px;}
.zamer-block .men {width: 537px;position: absolute; bottom: 0; right: 0;}
.zamer-block .men img {display: block; width: 100%; object-position: bottom;}
.gallery-w {gap: 12px;}
.gallery-w a {display: block; height: 220px;}
.gallery-w a img {display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery-w a:nth-child(1),
.gallery-w a:nth-child(3),
.gallery-w a:nth-child(11),
.gallery-w a:nth-child(13),
.gallery-w a:nth-child(15),
.gallery-w a:nth-child(5) {width: 12%;}
.gallery-w a:nth-child(2),
.gallery-w a:nth-child(12),
.gallery-w a:nth-child(14),
.gallery-w a:nth-child(4) {width: 30%;}

.gallery-w a:nth-child(6),
.gallery-w a:nth-child(8),
.gallery-w a:nth-child(10) {width: 24%;}
.gallery-w a:nth-child(7),
.gallery-w a:nth-child(9) {width: 12%;}

.reviews-section {padding-top: 100px;}
.reviews-w {margin-left: -16px; margin-right: -16px;}
.reviews-w .s-review {padding: 32px; margin: 40px 0; background-color: #fff; border-radius: 24px;box-shadow: 0px 4px 32px 0px #ABABAC40;}
.reviews-w .s-review .ava-name-w {margin-bottom: 16px; }
.reviews-w .s-review .ava-name-w .avatar {width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.reviews-w .s-review .ava-name-w .avatar img {display: block; width: 100%; height: 100%; object-fit: cover;}
.reviews-w .s-review .ava-name-w .name {font-size: 16px; font-weight: 500;}
.reviews-w .s-review .ava-name-w .name-date {width: calc(100% - 60px); padding-left: 12px;}
.reviews-w .s-review .ava-name-w .stars {margin: 4px 0;}
.reviews-w .s-review .ava-name-w .date {font-size: 14px; color: #A3A3A3; line-height: 1.3;}
.reviews-w .s-review .review-txt {font-size: 16px; font-weight: 500; line-height: 1.3;}
/* .reviews-w .slick-track {display: flex; column-gap: 32px;} */
.reviews-w .slick-track .slick-slide > div {margin: 0 16px;}
.contacts-section {background-repeat: no-repeat; background-position: center; background-image: url(../img/bg-raschet.jpg);background-size: cover;}
.contacts-map-w {}
.contacts-map-w .map-w {width: 728px; height: 398px; border-radius: 24px; border: 1px solid #B0E2CA; overflow: hidden;}
.contacts-map-w .map-w iframe {display: block; width: 100%; height: 100%;}
.contacts-map-w .contacts-w {width: calc(100% - 728px); padding-right: 64px;}
.contacts-map-w .contacts-w .contact-items {gap: 16px; margin: 32px 0;}
.contacts-map-w .contacts-w .s-contact {font-size: 16px; font-weight: 500;}
.contacts-map-w .contacts-w .s-contact .icon {width: 24px; height: 24px;}
.contacts-map-w .contacts-w .s-contact .txt {padding-left: 8px;}
.contacts-map-w .contacts-w .s-contact.mode {padding-left: 40px;}
.pp-w {font-size: 14px; height: 400px; overflow-y: scroll;}
.pp-w p {margin-bottom: 8px;}
.fixed {
  position: fixed;
  left: 0;
  top: 0px;
  z-index: 10;
  background-color: #fff;
  width: 100%;
  transition: top .3s ease-in-out;
  box-shadow: 0 17px 15px rgba(0,0,0,.1);
  transition: top .3s ease-in-out;
}
.fixed .top-row {display: none;}
.error-page {background-color: #F0F2F5;}
.error-page .error-w {padding: 120px 0;}
.error-code .code {color: #1FBA6D; font-size: 200px; font-weight: 700; line-height: 1; margin-bottom: 32px;}
.error-code .desc {font-size: 24px; font-weight: 500; margin-bottom: 32px;}
a.btn-green {color: #fff;}
.cr span{font-family:sans-serif}


/*----- Media----*/
@media screen and (max-width:1680px){


} 
@media screen and (max-width:1536px){


}


@media screen and (max-width:1440px){


}

/* normal screens - with keyboard */
@media screen and (max-width:1366px){

}

@media screen and (max-width:1280px){
  .content {padding: 0 20px; width: 100%;}
  .raschet-w .raschet-form-w,
  .raschet-w .txt-w {width: 49%;}
  .popup-inner .popup-title,
  h2 {font-size: 36px;}
  .raschet-w .txt-w .desc br {display: none;}
  .calculator-w .calc-form-w {width: calc(100% - 480px); padding-right: 24px;}
  .calculator-w .poster-w {width: 480px;}
  .site-footer .f-menu {column-gap: 84px;}
  .pay-w {column-gap: 24px;}
  .pay-w .pay-block .city.other {padding: 40px;}
  .pay-w .pay-block .city h4 {font-size: 22px;}
  .gallery-w a:nth-child(1), .gallery-w a:nth-child(3), .gallery-w a:nth-child(11), .gallery-w a:nth-child(13), .gallery-w a:nth-child(15), .gallery-w a:nth-child(5) {width: 11.4%;}
  .gallery-w a:nth-child(7), .gallery-w a:nth-child(9) {width: 11%;}
  .title-main-desc-2 br {display: none;}
  .contacts-map-w {column-gap: 2%;}
  .contacts-map-w .contacts-w {width: 49%; padding-right: 0;}
  .contacts-map-w .map-w {width: 49%;}
  .contacts-map-w .contacts-w .s-contact.mode {padding-left: 0;}
}

@media screen and (max-width:1152px){
  .zamer-block .men {width: calc(100% - 600px);}
  
}
@media screen and (max-width:1080px){
  .site-header .top-row .logo-w .logo-desc {display: none !important;}
  .popup-inner .popup-title,
  h2 {font-size: 28px;}
  .agree-wrapper .agree-desc {font-size: 12px;}
  label.agree {width: 12px; height: 12px;}
  .calculator-w .calc-form-w .columns {column-gap: 24px;}
  .calculator-w .calc-form-w .columns .s-column.main {width: calc(60% - 12px);}
  .calculator-w .calc-form-w .columns .s-column {width: calc(40% - 12px);}
  .pay-w .pay-block .city h4 {font-size: 18px;}
  .title-main-desc-2 {font-size: 16px;}
  .zamer-block .second-desc {font-size: 12px;}
  .contacts-map-w .contacts-w .s-contact {width: 100%;}
}

@media screen and (max-width:980px){
  .site-header .top-row .s-phone-desc .s-phone a {font-size: 14px;}
  .site-header .top-row .s-phone-desc .s-desc {font-size: 10px;}
  .site-header .phones-w {column-gap: 16px;}
  .site-header .color-socials-w a {height: 30px; width: 30px;}
  .catalog-w .s-product {width: calc(50% - 16px);}
  .popup {padding: 40px;}
  .popup.popup-offer {padding-right: 210px;}
  .popup-inner .text-form-w {width: 530px;}
  .calculator-w .poster-w {width: 100%; margin-bottom: 24px;}
  .calculator-w .calc-form-w {width: 100%; padding-right: 0;}
  .calculator-w {flex-direction: column-reverse;}
  .site-footer .f-menu {column-gap: 24px;}
  .pay-w .pay-block {width: 100%; margin-bottom: 16px;}
  .pay-w .pay-block:last-of-type {margin-bottom: 0;}
  .zamer-block .men {display: none;}
  .zamer-block .txt-w {width: 100%;}
  .gallery-w a:nth-child(2), .gallery-w a:nth-child(12), .gallery-w a:nth-child(14), .gallery-w a:nth-child(4) {width: 29%;}
}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .site-header .bottom-row .main-menu-nav .main-menu li a {font-size: 14px;}
  .raschet-w .raschet-form-w, .raschet-w .txt-w {width: 100%; margin: 0 100px;}
  .raschet-w .txt-w {text-align: center; margin-bottom: 16px;}
  .gallery-w {gap: 4px;}
  .gallery-w a:nth-child(7), .gallery-w a:nth-child(9),
  .gallery-w a:nth-child(6), .gallery-w a:nth-child(8), .gallery-w a:nth-child(10),
  .gallery-w a:nth-child(2), .gallery-w a:nth-child(12), .gallery-w a:nth-child(14), .gallery-w a:nth-child(4),
  .gallery-w a:nth-child(1), .gallery-w a:nth-child(3), .gallery-w a:nth-child(11), .gallery-w a:nth-child(13), .gallery-w a:nth-child(15), .gallery-w a:nth-child(5) {width: calc(50% - 2px);}
  .gallery-w a:nth-child(3n) {width: 100% !important;}
}

@media screen and (max-width:800px){
  .popup {width: 95% !important; padding: 32px;}
  .site-header .top-row .logo-w .logo-icon {width: 125px;}
  .site-header .header-socials {margin-left: 18px;}

  .site-header .top-row {background-color: #fff;}
  .phones-socials-w {display: none !important;}
  .phone-burger-w {display: block;}
  .site-header .bottom-row {display: none;}
  .site-header .top-row {padding: 16px 0;}
  .site-top-block {background-image: url(../img/m-bg-top-block.jpg); padding: 32px 0 32px; background-position: center;}
  .site-top-block h1 {text-align: center; font-size: 28px; font-weight: 700; line-height: 1.14; margin-bottom: 370px;}
  .site-top-block .top-desc {width: 100%; text-align: center; margin: 12px 0 0; padding: 0;}
  .site-top-block .pluses-w {justify-content: space-around;}
  .site-top-block .pluses-w .s-pluse {flex-direction: column; margin-right: 0; text-align: center; width: 93px;}
  .site-top-block .btn-desc-w {flex-direction: column; font-size: 12px;}
  .site-top-block .btn-desc-w br {display: none;}
  .site-top-block .btn-main {padding: 18px 64px; font-size: 16px; text-align: center; margin: 0 auto;}
  .features-w-section .features-w {margin-top: 32px;}
  .features-w-section .features-w .s-feature {width: 100%; margin-bottom: 16px;}
  .features-w-section .features-w .s-feature:last-of-type {margin-bottom: 0;}
  .site-top-block .pluses-w .s-pluse .txt {margin-top: 8px;}
  .catalog-w {gap: 0;}
  .catalog-w .s-product:nth-child(4), .catalog-w .s-product:nth-child(5),
  .catalog-w .s-product {width: 100%; margin-bottom: 16px;}
  .catalog-w .s-product:last-of-type {margin-bottom: 0;}
  .popup {padding: 32px;}
  .popup.popup-offer {background-image: none; padding-right: 32px; padding: 32px;}
  .popup-inner .text-form-w {width: 100%;}
  .popup-inner .text-form-w .form-w {width: 100%;}
  .site-footer .f-logo-desc-column {width: 100%; margin-bottom: 32px;}
  .site-footer .f-top-block .logo-icon {width: 204px; margin: 0 auto 8px;}
  .site-footer .f-top-block .f-logo-desc {width: 204px; text-align: center; margin: 0 auto;}
  .site-footer .f-menu {width: 100%; justify-content: center; margin-bottom: 32px;}
  .site-footer .f-contacts {width: 100%; text-align: center;}
  .site-footer .color-socials-w {justify-content: center;}
  .simple-section {padding: 32px 0;}
  .reviews-section {padding-top: 32px;}
  .contacts-map-w .map-w,
  .contacts-map-w .contacts-w {width: 100%;}
  .contacts-map-w .contacts-w {margin-bottom: 32px; }
  .contacts-map-w .contacts-w .s-contact {width: 49%;}
  .contacts-map-w .contacts-w .contact-items {column-gap: 2%;}
  .fixed .top-row {display: block;}
  .error-code .code {font-size: 160px;}
}

@media screen and (max-width:720px){ 
  .poster-w .product-img .img-w {height: 400px;}
  .error-code .desc {font-size: 18px;}
}


@media screen and (max-width:640px){
  .raschet-w .raschet-form-w, .raschet-w .txt-w {width: 100%; margin: 0 auto;}
  .raschet-w .txt-w h2 {width: 300px; margin-left: auto; margin-right: auto;}
  .title-main-desc {width: 382px; margin: 0 auto 16px;}
  .site-footer .f-menu {flex-direction: column; text-align: center;}

  .site-footer .f-menu .f-column .s-link-w:last-of-type {margin-bottom: 16px;}
  .site-footer .f-bottom-block-w {flex-direction: column;text-align: center; gap: 4px; font-size: 12px;}
  .zamer-block .men {display: block; position: relative; width: 100%; margin-top: -60px;}
  .zamer-block .men::after {content: ''; position: absolute; bottom: 0; height: 42px; left: -20px; right: -20px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);}
  .zamer-block .zamer-w {flex-direction: column;}
  .zamer-block .txt-w {text-align: center;}
  .zamer-block .second-desc {padding: 0 40px;}
  
}
@media screen and (max-width:580px){
  
}
@media screen and (max-width:540px){


}
@media screen and (max-width:480px){
  .btn {width: 100%; text-align: center; justify-content: center; padding-left: 14px !important; padding-right: 14px !important;}
  .content {padding: 0 16px;}
  .phone-input-connect-type-w {flex-direction: column-reverse; align-items: center;}
  .phone-connect-type-form .phone-wrapper {width: 100%; margin-top: 8px;}
  .phone-connect-type-form .connect-types {margin-left: 0;}
  .submit-wrapper {margin-top: 32px;}
  label.agree {border-radius: 2px;}
  body {font-size: 14px; }
  .calculator-w .calc-form-w .columns .s-column.main {width: 100%;}
  .calculator-w .calc-form-w .columns .s-column {width: 100%;}
  .calculator-w .calc-form-w .s-block.seclect-block {margin-bottom: 32px;}
  .calculator-w .calc-form-w h4 {margin-bottom: 8px;}
  .calculator-w .calc-form-w .s-block {margin-bottom: 32px;}
  .calculator-w .calc-form-w .columns {gap: 0;}
  h2 {text-align: center;}
  .title-main-desc-2 {margin-bottom: 16px;}
  .title-main-desc-2,
  .title-main-desc {width: 100%; text-align: center;}
  .title-main-desc br {display: none;}
  .poster-w .product-img .img-w {height: 320px;}
  .contacts-map-w .contacts-w .s-contact {width: 100%;}
  .poster-w .product-img .img-w .product-razmer.height {right: -38px;}
  .poster-w .product-img .img-w .product-razmer.width {top: -5px;}
  
}
@media screen and (max-width:414px){
}
@media screen and (max-width:400px){

}

@media screen and (max-width:360px){ 
}
@media screen and (max-width:340px){ 
  .raschet-w .txt-w h2 {width: 100%; margin-left: auto; margin-right: auto;}
  .title-main-desc {width: 100%;}
  .pluses-w .s-pluse {width: 100%;}

}


@keyframes trambling-animation {
    0%, 50%, 100% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }
    10%, 30% {
      transform: rotate(-1deg);
      -webkit-transform: rotate(-1deg);
      -moz-transform: rotate(-1deg);
      -o-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
    }
    20%, 40% {
      transform: rotate(1deg);
      -webkit-transform: rotate(1deg);
      -moz-transform: rotate(1deg);
      -o-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
    }
}


@keyframes spin {
    0%,60%{
      top: 0;
    }
    30% {
      top: 5px;
    }
    100% {
      top: 0;
    }
  }

@keyframes shine {0% {transform: translateX(-4rem) skewX(-45deg); }  50% {transform: translateX(30rem) skewX(-45deg); }  100% {transform: translateX(30rem) skewX(-45deg); } }

.shine {position: relative;overflow: hidden;}
.shine::after {content: '';position: absolute;top: 0;left: 0;width: 2rem;height: 100%;background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.8) 100%);transform: translateX(-4rem) skewX(-45deg);animation: shine 3.5s 2s infinite;}

@keyframes trambling-animation {
    0%, 50%, 100% {
      transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
    }
    10%, 30% {
      transform: rotate(-1deg);
      -webkit-transform: rotate(-1deg);
      -moz-transform: rotate(-1deg);
      -o-transform: rotate(-1deg);
      -ms-transform: rotate(-1deg);
    }
    20%, 40% {
      transform: rotate(1deg);
      -webkit-transform: rotate(1deg);
      -moz-transform: rotate(1deg);
      -o-transform: rotate(1deg);
      -ms-transform: rotate(1deg);
    }
}
@keyframes dot-color {
  from {
    background-color: #15C644;
  }
  50% {
    background-color: transparent;
  }
  to {
    background-color: #15C644;
  }
}

@keyframes pulse {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes wiggle{
0%,7%{-webkit-transform:rotateZ(20deg)}
15%{-webkit-transform:rotateZ(-10deg)}
20%{-webkit-transform:rotateZ(6deg)}
25%{-webkit-transform:rotateZ(-5deg)}
30%{-webkit-transform:rotateZ(3deg)}
35%{-webkit-transform:rotateZ(-1deg)}
40%,100%{-webkit-transform:rotateZ(20deg)}
}