* {-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: "Manrope", 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:#050709;
    --mint:#4EA99F;
    --mint-2:#4A6865;
    --red: #E02727;
    --gray: #f0f2f5;
    --white: #fff;
}

html {scroll-behavior: smooth;}
body {
    margin: 0;
    padding: 0;
    font-family: "Manrope", 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;

}
h2 {font-size: 36px; font-weight: 700; margin-bottom: 8px; line-height: 1.22;}
.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: "Manrope", 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-top-block {position: relative;  background-image: url(/storage/app/media/main-pc-new.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding-top: 248px;}
.site-top-block::after {content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%;}
.mint {color: var(--mint);}
.site-top-block .txt-block {width: 715px; padding-bottom: 138px;}
.site-top-block .txt-block .desc {opacity: .8; margin: 24px 0; font-weight: 400; font-size: 20px; color: #fff;}
h1 {font-size: 48px; font-weight: 700; line-height: 128%; margin-bottom: 24px; color: #fff;}
.site-top-block .pay-info {column-gap: 10px; margin: 24px 0 40px;}
.site-top-block .pay-info .pay-txt {font-size: 20px; font-weight: 600; color: #fff; line-height: 1; position: relative; top: -2px;}
.btn-top-block {line-height: 1; padding: 16px 24px; background-color: #fff; cursor: pointer; transition: all .3s ease-in-out; border-radius: 12px; font-size: 20px; font-weight: 500; column-gap: 10px; width: fit-content;}
.btn-top-block .icon {position: relative; top: 2px;}
.btn-top-block:hover {background-color: #C5C5C5;}

.site-header {position: absolute; top: 0; left: 0; right: 0; z-index: 5;}
.site-header .top-row {padding: 36px 0;}
.site-header .top-row .logo-icon {display: block; width: 179px; }
.site-header .top-row .logo-icon img {display: block; width: 100%;}
.site-header .top-row .logo-desc {width: 252px; font-size: 14px; line-height: 1.3; border-left: 1px solid #4E4748; margin-left: 24px; padding-left: 24px;}
.site-header .top-row .logo-desc .desc-span {color: #fff; opacity: .8;}
.phone-burger-w {display: none;}

.site-header .link-block {margin-right: 32px; text-align: right;}
.site-header .link-block .link-row {column-gap: 6px; margin-bottom: 4px;}
.site-header .link-block .link-row .icon {display: flex; align-items: center;}
.site-header .link-block .link-row .value {}
.site-header .link-block .link-row .value a {font-size: 16px; font-weight: 700; line-height: 1.3; color: #fff;}
.site-header .link-block .desc-row {font-size: 12px; line-height: 1.2; color: #fff; opacity: .6;}
.site-header .link-block .link-row .value a:hover {color: var(--mint);}

.m-contacts-w {margin-top: 40px;}
.m-contacts-w .link-block {text-align: left; margin-bottom: 24px;}
.m-contacts-w .link-block .link-row {column-gap: 6px; margin-bottom: 4px;}
.m-contacts-w .link-block .link-row .icon {display: flex; align-items: center;}
.m-contacts-w .link-block .link-row .value {}
.m-contacts-w .link-block .link-row .value a {font-size: 16px; font-weight: 700; line-height: 1.3; color: #fff;}
.m-contacts-w .link-block .desc-row {font-size: 12px; line-height: 1.2; color: #fff; opacity: .6;}
.m-contacts-w .link-block .link-row .value a:hover {color: var(--mint);}
.m-contacts-w .link-block .mode {justify-content: flex-start;}
.m-menu-slogan {margin: 24px 0; opacity: .8; color: #fff; font-size: 14px; line-height: 1.3; width: 220px;}


.mode {display: flex; align-items: center; justify-content: flex-end;}
.mode::before {content: '';display: block;margin-right: 5px;width: 9px;height: 9px;border-radius: 50%;background-color: transparent; position: relative; top: 1px;}
.mode.not-active::before {background-color: #FF2F35;}
.mode.active::before {animation: dot-color 1.5s infinite;background-color: #80CE82;}
.mint-socials-w {column-gap: 8px;}
.mint-socials-w a {width: 40px; height: 40px; background-color: #4EA99F; transition: all .3s ease-in-out; justify-content: center; border-radius: 50%;}
.mint-socials-w a:hover {background-color: #4A6865;}
.site-header .main-menu-w {backdrop-filter: blur(5px); background-color: rgba(255, 255, 255, .19); border-radius: 12px; overflow: hidden; box-shadow: 0px 4px 22.2px 0px #181F1B0D;}
.site-header .main-menu {position: relative;  overflow: hidden; padding: 20px 48px;  display: flex; justify-content: space-between;box-shadow: 0px 4px 22.2px 0px #181F1B0D;}
.site-header .inner-blur {position: absolute;  left: 0;right: 0;top: 0;bottom: 0; background-color: #fff; opacity: .02;}
.site-header .main-menu a {font-size: 14px; font-weight: 700; color: #fff; }
.site-header .main-menu a:hover {color: var(--mint);}
.burger-wrapper {width: 18px; height: 24px; 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: 2px; border-radius: 1px; position: absolute; transition: all .3s ease-in-out; background-color: #BBBDBF;}
.burger-wrapper .lines-wrapper .burger-line.first { width: 18px; top: 4px;}
.burger-wrapper .lines-wrapper .burger-line.second { top: 10px; width: 18px;}
.burger-wrapper .lines-wrapper .burger-line.third { top: 16px; width: 18px; }
#check-menu-burger:checked ~ .lines-wrapper .first {transform: rotate(-45deg);top: 9px;left: 0;}
#check-menu-burger:checked ~ .lines-wrapper .second {transform: rotate(45deg);left: 0; top: 9px;}
#check-menu-burger:checked ~ .lines-wrapper .third {display: none;}
.mobile-menu-list {position: fixed;}
.mobile-menu-list.show {right: 0;z-index: 4; height: 100%;}
.mobile-menu-list {position: fixed;padding: 90px 14px 24px; right: -120%; width: 100%; z-index: -9;transition: all .3s ease-in-out;
  background-color: #2E343A;
  
}
.mobile-main-menu {}
.mobile-main-menu li {border-bottom: 1px solid #585D61; padding: 16px 0;}
.mobile-main-menu li a {color: #fff; font-size: 16px;}

.site-footer .f-menu-w {justify-content: space-between;}
.site-footer {background-color: #2E343A;z-index:0}
.site-footer .f-top-row {padding: 80px 0;}
.site-footer .f-top-row .column-logo {width: 179px;}
.site-footer .f-top-row .column-logo .f-logo-icon {display: block;}
.site-footer .f-top-row .column-logo .f-logo-icon img {display: block; width: 100%; object-fit: contain;}
.site-footer .company-info {font-size: 14px; opacity: .8; color: #fff;margin-top: 21px;}
.site-footer .menu-column {}
.site-footer .menu-column li {margin-bottom: 20px;}
.site-footer .menu-column li a {font-size: 16px; line-height: 1; color: #fff;}
.site-footer .menu-column li a:hover {color: var(--mint);}
.site-footer .menu-column li:last-of-type {margin-bottom: 0px;}
.site-footer .s-contact {margin-bottom: 12px;}
.site-footer .s-contact:last-of-type {margin-bottom: 0px;}
.site-footer .s-contact .value {color: #fff; font-weight: 700; font-size: 16px; margin-bottom: 2px; line-height: 1.3;}
.site-footer .s-contact .value a {color: #fff;}
.site-footer .s-contact .value a:hover {color: var(--mint);}
.site-footer .s-contact .desc {text-align: left; font-size: 12px; font-weight: 1.2; opacity: 60%; color: #fff;}
.site-footer .socials-column .desc {margin-bottom: 16px; text-align: right; font-size: 14px; line-height: 1.3; color: #fff;}
.site-footer .f-middle-row {padding: 16px 0; border-top: 1px solid #6C7175; border-bottom: 1px solid #6C7175; color: #D5D6D8; font-size: 12px; line-height: 1.6;}
.site-footer .f-middle-row p:last-of-type {margin-bottom: 0;}
.site-footer .f-bottom-row {padding: 16px 0; color: #D5D6D8; line-height: 1; font-size: 14px; justify-content: space-between;}
.site-footer .f-bottom-row a {color: #D5D6D8; line-height: 1; font-size: 14px;}
.site-footer .f-bottom-row a:hover {color: var(--mint);}
.simple-section {padding: 100px 0; position: relative;}
.simple-section.add {padding: 100px 0;}
.calculator-w {background-color: #EDF0F4; padding: 48px 56px; border-radius: 24px; position: relative; display: flex; flex-direction: row-reverse; }
.calculator-block::before {content: ''; position: absolute; left: 0; top: 0; background-size: contain; bottom: 0; width: 274px; background-repeat: no-repeat; background-position: center left; background-image: url(../img/star-left.png);} 
.calculator-block::after {content: ''; position: absolute; right: 0; top: 0; background-size: contain; bottom: 0; width: 274px; background-repeat: no-repeat; transform: rotate(180deg); background-position: center left; background-image: url(../img/star-left.png);} 


.calculator-w .calc-inner {width: 672px; }
.calculator-w .calc-inner h4 {font-size: 36px; font-weight: 700; line-height: 1.22; margin-bottom: 8px;}
.calculator-w .calc-inner .calc-desc {color: #4B4D50; font-size: 16px; line-height: 1.4; margin-bottom: 36px;}
.calculator-w .calc-inner .form-w {}
.calculator-w .calc-inner .title {font-size: 20px; line-height: 1.2;}
.calculator-w .calc-inner .side {width: 50%;}
.calculator-w .calc-inner .side .title {margin-bottom: 16px;}
.calculator-w .s-option {display: flex; align-items: center; column-gap: 8px; margin-bottom: 8px;}
.calculator-w .s-option span {color: #4B4D50; font-size: 16px; line-height: 120%;}
.calculator-w .s-option input {display: none;}
.calculator-w .s-option label {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid var(--mint);
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  -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;
}
.calculator-w .s-option input:checked + label {background-image: url(../img/icons/dot.svg);}
.calculator-w .summa {margin: 36px 0;}
.calculator-w .show-summ {column-gap: 8px; position: relative; top: 2px;}
.calculator-w .show-summ input {display: none;}
.calculator-w .show-summ label {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #787B7E;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  -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;
  color: #787B7E;
}
.calculator-w .show-summ span {color: #787B7E; font-size: 16px; position: relative;}
.calculator-w .show-summ input:checked + label {background-image: url(../img/icons/v-gray.svg);}
.calculator-w .title-currency-w {justify-content: space-between; }
.calculator-w .title-currency-w .title-w {column-gap: 20px;}
.calculator-w .currency-w {column-gap: 8px;}
.calculator-w .s-currency input {display: none;}
.calculator-w .s-currency label {color: #707276; transition: all .3s ease-in-out; display: block; padding: 4px 12px; cursor: pointer; font-size: 14px; line-height: 1.1; border: 1px solid #4EA99F; border-radius: 12px;} 
.calculator-w .s-currency input:checked + label {color: #fff; background-color: #4EA99F;}

.range {
  width: 100%;
  height: 4px;
  margin: 0;
  appearance: none;
  background-color:transparent;
  background-image: linear-gradient(#4EA99F, #4EA99F); /* Используем градиент, поскольку размер фона можно задать только через background-image */
  background-repeat: no-repeat; /* Отключаем повторение фона */
  background-size: 0 100%; /* Этот параметр будем менять позже */
}
.range::-webkit-slider-thumb {
  width: 20px;
  height: 20px;
  background-color: #4EA99F;
  border-radius: 50%;
  appearance: none;
  position: relative;
  z-index: 5;
}
.range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background-color: #4EA99F;
  border-radius: 50%;
  appearance: none;
  border: 0;
  position: relative;
  z-index: 5;
}
.calculator-w .range-wrap {position: relative; background-color: #DCDFE4; border-radius: 12px 12px 0 0; margin-top: 16px; transition: all .3s ease-in-out;}
.calculator-w .range-wrap.disbled {background-color: #CBCDD1;}
.calculator-w .range-wrap.disbled .output {color: #A3A5A9;}
.calculator-w .range-wrap .output {padding: 15px 15px 0px; display: block; font-size: 20px; transition: all .3s ease-in-out;}
.calculator-w .range-input-w {position: relative; top: 4px; width: 100%;}

.calculator-w .range-values {margin-top: 16px; font-size: 14px; color: #787B7E;}
.calculator-w .btn-w {}
.calculator-w .btn-w .send-offer {padding: 20px 102px; margin-bottom: 0; font-size: 20px; color: #fff; cursor: pointer; line-height: 1; border-radius: 12px; overflow: hidden; transition: all .3s ease-in-out;display: inline-block; background-color: var(--mint);} 
.calculator-w .send-offer:hover {background-color: #4A6865;}
.calculator-w .poster-w {width: 490px; position: absolute; bottom: 0; left: 20px; }
.calculator-w .poster-w img {width: 100%;}


#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: 620px;padding: 30px;height: auto; 
  background-repeat: no-repeat;
  background-color: #fff; 
  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.show {top: 50%; visibility: visible; opacity: 1;}
.popup .close-btn {position: absolute; width: 33px; height: 32px; z-index: 3; top: 21px; right: 21px; 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.thanks-popup {padding: 32px 90px;} */
.popup .popup-inner .icon-w {margin: 15px auto 31px;}
.popup .popup-title {font-size: 36px; font-weight: 700; line-height: 1.22; margin-bottom: 12px;}
.popup .desc {font-size: 16px; line-height: 1.4; color: #505253; margin-bottom: 16px;}
.simple-btn {cursor: pointer; display: inline-block; padding: 20px 32px; border-radius: 12px; line-height: 1; background-color: var(--mint);
  color: #fff; font-size: 20px; font-weight: 500; transition: all .3s ease-in-out;
}
.simple-btn.wide {width: 100%; text-align: center; padding: 16px;}
.simple-btn:hover {background-color: var(--mint-2);}
.popup .simple-btn {margin: 0 auto;}
.popup .form-w {margin: 32px 0 0;}
.popup .form-w .connect-types {column-gap: 8px;}
.popup .form-w .connect-types .radio-input-w {width: 54px; height: 54px; }

.popup .form-w .connect-types .radio-input-w input {display: none;}
.popup .form-w .connect-types .radio-input-w label {display: flex; cursor: pointer; justify-content: center; align-items: center; border: 1px solid #E5E6E6; width: 100%; height: 100%; border-radius: 12px; transition: all .3s ease-in-out;}
.popup .form-w .connect-types .radio-input-w label .icon {position: relative; top: 2px;}
.popup .form-w .connect-types .radio-input-w input:checked + label {background-color: var(--mint); border-color: var(--mint);}
.popup .form-w .connect-types .radio-input-w input:checked + label svg path {fill: #fff;}
.popup .form-w .phone-wrapper {width: calc(100% - 178px); padding-right: 8px; }
.popup .form-w .phone-wrapper input {display: block; width: 100%; outline: none; border: 1px solid #E6E7E7; padding: 15px 24px; border-radius: 12px; font-size: 16px;font-family: "Manrope", sans-serif; }

.input-wrapper {position: relative;}
.input-wrapper.wrong input {border-color: var(--red) !important; color: var(--red) !important;}
.input-wrapper::after {content: '';position: absolute;right: 24px;bottom: 30px; 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);
}
input.agree-checkbox {display: none;}
.input-wrapper.wrong::after {opacity: 1;}
.agree-submit-w {margin-top: 54px;}
.agree-submit-w .agree-wrapper {width: 270px;}
.agree-submit-w .submit-wrapper {width: calc(100% - 270px); padding-left: 16px;}
.agree-submit-w .submit-wrapper .simple-btn {padding: 20px; text-align: center; width: 100%;}
.agree-wrapper.wrong label.agree {border-color: var(--red);}
.agree-wrapper.wrong .agree-desc,
.agree-wrapper.wrong .agree-desc a {color: var(--red);}

label.agree {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #818283;
  border-radius: 2px;
  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-gray-2.svg);}
.agree-wrapper .agree-desc {color: #818283; transition: all .3s ease-in-out; font-size: 14px; line-height: 1.3; width: calc(100% - 16px); padding-left: 8px;}
.agree-wrapper .agree-desc a {text-decoration: underline; color: #818283;}
section {position: relative;}
.why-block {background-repeat: no-repeat; /*margin: 50px 0;*/ background-position: top; background-image: url(../img/bg-why.jpg); padding: 100px 0;}
.inner-txt-why-block {width: 728px;}
.inner-txt-why-block .why-list {margin-top: 32px; padding-bottom: 32px; margin-bottom: 32px; position: relative;}
.inner-txt-why-block .why-list::after {content: ''; height: 1px; width: 43%; position: absolute; left: 0; bottom: 0; background-color: #C7C7CA;}
.inner-txt-why-block {width: 728px;}
.inner-txt-why-block .s-why {margin-bottom: 16px;}
.inner-txt-why-block .s-why:last-of-type {margin-bottom:0;}
.inner-txt-why-block .s-why .icon {width: 40px;}
.inner-txt-why-block .s-why .icon img {object-fit: contain; width:100%; }
.inner-txt-why-block .s-why .txt {width: calc(100% - 40px); padding-left: 12px;}
.inner-txt-why-block .s-why .txt h4 {font-size: 20px; font-weight: 600; line-height: 1.2; margin-bottom: 8px;}
.inner-txt-why-block .s-why .txt .desc {font-size: 14px; line-height: 1.4; color: #4E5051;}
.inner-txt-why-block .why-desc {font-size: 16px; line-height: 1.4; color: #4E5051; margin-bottom: 60px;}

.block-title-desc {}
.block-title-desc .block-desc {font-size: 16px; color:#505253; line-height: 1.4;}
.specrt-items-w {gap: 20px; margin: 40px 0 80px;}
.specrt-items-w .s-item {border-radius: 12px; padding: 32px 24px; background-color: #F6F8FA; width: calc(33.33% - 14px);}
.specrt-items-w .s-item .icon {width: 50px; height: 50px; display: flex; align-items: center;}
.specrt-items-w .s-item .txt {width: calc(100% - 50px); padding-left: 20px; font-size: 20px; font-weight: 500;}
.steps-w {justify-content: space-between;}
.steps-w .s-step {position: relative;}
.steps-w .s-step::after {content: ''; position: absolute; right: -125px; top: 50%; width: 105px; height: 3px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(../img/icons/dot-line.png);}
.steps-w .s-step .desc {margin-top: 12px; font-weight: 600; font-size: 16px; line-height: 1.22;}
.steps-w .s-step:last-of-type:after {display: none;}
.numbers-block {padding: 32px 0 64px;}
.numbers-block .numbers-w {justify-content: space-between;}
.numbers-block .numbers-w .s-num {}
.numbers-block .numbers-w .s-num .value {color: #4EA99F; font-size: 48px; font-weight: 800; line-height: 1.22; margin-bottom: 4px;}
.numbers-block .numbers-w .s-num .desc {font-size: 16px; line-height: 1.2; color: #696A6B;}

.feedback-block {background-repeat: no-repeat; background-color: #fff; background-size: cover; background-position: top center; background-image: url(../img/bg-fb.jpg);}
.fb-w {flex-direction: row-reverse;}
.fb-w .fb-form-w {width: 584px;}
.fb-form-w h2 {margin-bottom: 16px;}
.title-desc {font-size: 16px; line-height: 1.4; color: #4D5051;}
.fb-form-w .form-w {margin: 40px 0 0 0;}
.inputs-w {gap: 16px;}
.inputs-w .input-wrapper.half {width: calc(50% - 8px);}
.inputs-w .input-wrapper input {display: block;width: 100%;outline: none;border: 1px solid #E6E7E7; background-color: #fff; padding: 15px 24px;border-radius: 12px;font-size: 16px;font-family: "Manrope", sans-serif;}
.input-wrapper input:focus {border-color: var(--mint) !important;}
.textarea-w {width: 100%;}
.textarea-w textarea {display: block; width: 100%;background-color: #fff; transition: all .3s ease-in-out;font-size: 16px;font-family: "Manrope", sans-serif; width: 100%; border-radius: 12px;border: 1px solid #E6E7E7;padding: 15px 24px; resize: vertical; height: 140px;}
.textarea-w textarea:focus {border-color: var(--mint);}

.fb-form-w .agree-submit-w {margin-top: 40px;}
.fb-form-w .agree-submit-w .agree-wrapper {width: 284px;}
.fb-form-w .agree-submit-w .submit-wrapper {width: calc(100% - 284px);}
.faqs-w {margin-top: 60px;}
.faqs-w .s-faq {position: relative; padding: 32px 24px 32px 24px; background-color: #F6F8FA; border-radius: 12px; margin-bottom: 12px;}
.faqs-w .s-faq:last-of-type {margin-bottom: 0;}
/* .faqs-w .s-faq .question {font-size: 20px; font-weight: 500; transition: all .3s ease-in-out;} */
.faqs-w .s-faq .question::after {content: "";  position: absolute;transition: all .3s ease-in-out;top: 50%;transform: translateY(-50%);right: 11px; width: 3px; height: 25px;background-color: #8A8B8C;
}
.faqs-w .s-faq .question::before {content: "";transition: all .3s ease-in-out;position: absolute; top: 50%;transform: translateY(-50%);right: 0;width: 25px;
  height: 3px;background-color: #8A8B8C;}
.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: 12px 40px 0 0; color: #313232;}
.faqs-w .s-faq .question {position: relative; transition: all .3s ease-in-out; padding-right: 40px; cursor: pointer;font-size: 20px;line-height: 1.3;font-weight: 500;}
.faqs-w .s-faq .question.active::after {transform: translateY(-50%) rotate(90deg);background-color: var(--mint);}
.faqs-w .s-faq .question.active::before {background-color: var(--mint);}
.faqs-w .s-faq .question.active {color: var(--mint);}
/* .diagnostik-block {margin-bottom: 50px;} */
.diagnostik-block .run-row {background-color: #4A6865; background-repeat: no-repeat; background-position: center; background-image: url(../img/bg-run-row.jpg); background-size: cover; }
.str_move {display: flex;}
.diagnostik-block .str_move {} 
.diagnostik-block .run-row .run-text {font-weight: 700; font-size: 18px; line-height: 1.2; color: #fff; padding: 17px 0; margin: 0 65px;}
.inner-diagnostik-block {background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #fff; background-image: url(../img/bd-diagnostik.jpg);}
.diagnostik-poster-form-w {padding: 80px 0; flex-direction: row-reverse;}
.diagnostik-poster-form-w .form-w {width: 728px;}
.diagnostik-poster-form-w .form-w .label {column-gap: 8px; width: fit-content; padding: 8px 18px; margin-bottom: 12px; border-radius: 19px; border: 1px solid #4A6865;}
.diagnostik-poster-form-w .form-w .label span {color: #4A6865; font-size: 16px; line-height: 1;}
.diagnostik-poster-form-w .form-w .desc {color: #4B4D4F; margin-bottom: 32px; line-height: 1.4;} 
.diagnostik-poster-form-w .form-w .input-wrapper {width: 312px;}
.diagnostik-poster-form-w .form-w .submit-w {width: calc(100% - 312px); padding-left:16px;}
.diagnostik-poster-form-w .form-w .submit-w .submit {width: 100%;}
.diagnostik-poster-form-w .form-w .input-wrapper input {display: block; width: 100%; padding: 18px 24px; border-color: #fff;
  color: #9B9C9D; font-size: 16px; border-radius: 12px; border: 1px solid #E6E7E7;
}
.diagnostik-poster-form-w .d-inputs-w {margin-bottom: 16px;}
.diagnostik-poster-form-w .poster-w {position: absolute; left: 0; bottom: 0; width: 420px;}
.diagnostik-poster-form-w .poster-w .img-w {}
.diagnostik-poster-form-w .poster-w .img-w img {display: block; object-position: bottom;}
.diagnostik-poster-form-w .poster-w .person-info {position: absolute; background-color: rgba(255, 255, 255, 0.6); backdrop-filter: blur(9px); width: max-content; bottom: 80px; left: 50%; transform: translateX(-50%); padding: 14px 32px 14px; border-radius: 12px; border: 1px solid #4EA99F;}
.diagnostik-poster-form-w .poster-w .person-info .name {margin-bottom: 6px; color: var(--mint); font-size: 20px; font-weight: 600; line-height: 1.2;}
.diagnostik-poster-form-w .poster-w .person-info .job {font-size: 14px; line-height: 1.2; color: #363839; position: relative; padding-bottom: 6px; margin-bottom: 6px;}
.diagnostik-poster-form-w .poster-w .person-info .job::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 140px; height: 1px; background-color: #CAC9C9;}
.diagnostik-poster-form-w .poster-w .person-info .desc {font-size: 14px; line-height: 1.2; color: #363839; position: relative;} 

.partners-w {background-color: #fff; position: relative;}
.partners-w::before {content: '';z-index: 2; transform: rotate(180deg); position: absolute; width: 320px; top: 0; bottom: 0; left: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);}
.partners-w::after {content: '';z-index: 2;  position: absolute; width: 320px; top: 0; bottom: 0; right: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);}
.partners-w .item {/*width: 300px;*/ height: 105px; padding: 24px; display: flex; justify-content: center; align-items: center; transition: all .3s ease-in-out; filter: grayscale(100%);}
.partners-w .item:hover {filter: grayscale(0);}
.partners-w .item img {display: block; width: 100%; height: 100%; object-fit: contain;}
.str_wrap {background-color: transparent;}

.partners-w .top-r-banners {margin-bottom: 48px;}
.partners-w {margin-top: 60px;}
.contacts-map-block {}
.contacts-map-block .contacts-w {}
.contacts-map-block .contacts-w {width: 440px;}
.contacts-map-block .map-w {width: calc(100% - 440px); padding-left: 80px; }
.contacts-section {background-color: #F6F8FA;}
.contacts-map-block .contacts-items {margin: 40px 0;}
.contacts-map-block .contacts-items .s-item {margin-bottom: 20px;}
.contacts-map-block .contacts-items .s-item:last-of-type {margin-bottom: 0px;}
.contacts-map-block .contacts-items .s-item .icon {width: 32px; height: 32px;}
.contacts-map-block .contacts-items .s-item .txt {font-size: 20px; line-height: 1.3; width: calc(100% - 32px); padding-left: 20px;}
.contacts-map-block .contacts-items .s-item .txt a {}
.contacts-map-block .contacts-items .s-item .txt a:hover {color: var(--mint);}
.contacts-map-block .contacts-items .s-item .txt span {font-size: 14px;}
.contacts-map-block .map-w iframe {display: block; width: 100%; height: 100%; border: 2px solid #4EA99F; border-radius: 24px; overflow: hidden;}
.contacts-section {padding: 100px 0;}

.reviews-videos-w {justify-content: center; gap: 20px; margin-top: 60px;}
.reviews-videos-w a {display: block; position: relative; width: calc(24% - 4px); position: relative; height: 160px; border-radius: 12px; overflow: hidden;}
.reviews-videos-w a img {display: block; width: 100%; height: 100%; object-fit: cover;}
.reviews-videos-w a::before {content: ''; position: absolute; top: 0;right: 0;left: 0;bottom: 0; background-color: #000; opacity: .4; transition: all .3s ease-in-out;}
.reviews-videos-w a:hover::before {opacity: .1;}
.reviews-videos-w a::after {content: ''; position: absolute; z-index: 5; transform: translate(-50%,-50%); top: 50%; left: 50%; width: 40px; height: 40px; opacity: .8; background-repeat: no-repeat; background-position: center; background-image: url(../img/icons/play.svg); z-index: 1;}

.reviews-slider {position: relative; margin-top: 20px; }
.reviews-slider .s-review {height: 308px; display: block; border-radius: 12px; overflow: hidden; box-shadow: 0px 4px 12px 0px #0000001A;}
.reviews-slider .s-review img {display: block; width: 100%; height: 100%; object-fit: cover; }
.reviews-slider.owl-carousel .owl-stage {padding: 40px 0; }
.reviews-slider .owl-nav {position: absolute; height: 0; top: calc(50% - 26px); display: flex; justify-content: space-between; width: calc(100% + 172px); margin-left: -86px;}
.reviews-slider .owl-nav button {opacity: .2; transition: all .3s ease-in-out;}
.reviews-slider .owl-nav button:hover {opacity: .4;}
.reviews-slider .owl-dots { justify-content: center; column-gap: 8px; display: none;}
.reviews-slider .owl-dots .owl-dot {display: block; transition: all .3s ease-in-out; width: 10px; height: 10px; border-radius: 50%; background-color: var(--mint); opacity: .4;}
.reviews-slider .owl-dots .owl-dot.active {opacity: 1;}
.more-reviews-w {width: 415px; margin: 60px auto;}
.more-reviews-w .reviews-desc {color: #818283; font-size: 14px; margin-top: 12px; line-height: 1.2;}
#header.fixed { position: fixed; top: 16px; left: 0; right: 0; width: 100%;}
.site-header.fixed .main-menu {background-color: rgba(232, 232, 232, 0.78);}
#header.fixed .top-row {display: none;}
#header.fixed .main-menu a {color: var(--main);}
#header.fixed .main-menu a:hover {color: var(--mint-2);}
body.dark {background-color: #2E343A;}
.dark .site-header {background-color: #2E343A;}
.error-page {}
.error-page .error-w {margin: 240px 0 120px;}
.error-page .error-w .code {color: var(--mint); font-size: 200px; font-weight: 700; line-height: 1;}
.error-page .desc {color: #fff; margin: 32px 0;}



#viber-contact::after {
  content: '';
  position: absolute;
  left: -10px;
  top: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border-radius: 50%;
  animation: wave 3.5s 0s infinite;
  background-color: #E1DEE5;
  z-index: 1;
}


#viber-contact {position: fixed; bottom:90px;right: 40px;
  opacity: 0;cursor: pointer;
  transition: all .3s ease-in-out;
  cursor: pointer;
  z-index: 15;
  display: flex; align-items: center; justify-content: center;

}
#viber-contact.show {opacity: 1;}
#viber-contact a {display: flex; justify-content: center; align-items: center; position: relative; z-index: 8; background-color: #6B5B7E; width: 64px; height: 64px; border-radius: 50%;}
#viber-contact a::after {content: '3'; position: absolute; top: 0px; right: 0px; opacity: .8; font-size: 10px; color: #fff; font-size: 12px; font-weight: 800; background-color: #050709; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center;
  animation: wiggle 5s linear infinite;
}

@keyframes wiggle {
0%,7%{transform:rotateZ(0)}
15%{transform:rotateZ(-20deg)}
20%{transform:rotateZ(12deg);background:red;}
25%{transform:rotateZ(-10deg);background:#363636e8;}
30%{transform:rotateZ(6deg);background:red;}
35%{transform:rotateZ(-2deg);background:#363636e8;}
40%,100%{transform:rotateZ(0)}
}


@keyframes wave {0% {opacity: 1;}  50% {opacity: 0;} 100% {opacity: 1;}}


/*----- 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){
  .contacts-map-block .map-w {padding-left: 24px;}

}

@media screen and (max-width:1280px){
  .content {padding: 0 20px; width: 100%;}
  .calculator-w .poster-w {display: none;}
  .calculator-w .calc-inner {width: 100%;}
  .diagnostik-poster-form-w .poster-w {width: 400px;}
  .diagnostik-block .run-row .run-text {font-size: 14px;}
  .calculator-block::before,
  .calculator-block::before {display: none;}

}

@media screen and (max-width:1152px){
  .site-header .top-row .logo-icon {width: 140px;}
  .site-header .link-block {margin-right: 24px;}
  .site-header .link-block.email {display: none;}
  .specrt-items-w .s-item .txt {font-size: 18px;}
  .steps-w .s-step::after {right: -105px;}
  .diagnostik-poster-form-w .poster-w {display: none;}
  .diagnostik-poster-form-w .form-w {width: 100%;}
  .diagnostik-poster-form-w .form-w .input-wrapper {width: 49%;}
  .diagnostik-poster-form-w .form-w .submit-w {width: 49%; padding-left: 0;}
  .diagnostik-poster-form-w .d-inputs-w {justify-content: space-between;}
  .partners-w::before,
  .partners-w::after {display: none;}
  .reviews-videos-w a {width: calc(24% - 12px);}
  .reviews-slider .owl-dots {display: flex;}

  
}
@media screen and (max-width:1080px){
  .specrt-items-w .s-item {width: calc(50% - 6px);} 
  .specrt-items-w {gap: 12px;}
  .numbers-block .numbers-w .s-num .desc {font-size: 14px;}
  .diagnostik-poster-form-w .form-w {width: 100%;}

}

@media screen and (max-width:980px){
  .column.logo-column {width: 100%; text-align: center; margin-bottom: 40px;}
  .site-footer .menu-column {width: 50%; text-align: center; margin-bottom: 40px;}
  .why-block {background-position: 65%;}
  .numbers-block .numbers-w .s-num .value {font-size: 40px;}
  .numbers-block .numbers-w .s-num .desc {font-size: 12px;}
}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .site-header .top-row .logo-desc {margin-left: 12px; padding-left: 12px; width: 180px; font-size: 10px;}
  .site-top-block {background-position: 75%;}
  .why-block {background-image: none; background-color: #fff;}
  .inner-txt-why-block {width: 100%;}
  .inner-txt-why-block .why-list {margin-bottom: 24px; padding-bottom: 24px;}
  .inner-txt-why-block .s-why .txt h4 {font-size: 18px;}
  .inner-txt-why-block .why-desc {margin-bottom: 24px;}
  .steps-w .s-step::after {right: -85px;}
  .contacts-map-block .contacts-w {width: 100%; margin-bottom: 32px;}
  .contacts-map-block .map-w {width: 100%; padding-left: 0; height: 468px;}
}

@media screen and (max-width:800px){
  .popup {width: 95% !important; padding: 32px;}
  .site-top-block .txt-block {width: 100%;}
  .calculator-w .calc-inner h4 {font-size: 28px;}
  .calculator-w {padding: 24px;}
  .calculator-w .range-wrap .output,
  .calculator-w .btn-w .send-offer,
  .calculator-w .calc-inner .title {font-size: 18px;}
  .steps-w .s-step {width:50%; margin-bottom: 56px;}
  .steps-w .s-step br {display: none;}
  .steps-w .s-step:last-of-type {margin-bottom: 0px;}
  .steps-w .s-step::after {display:none}
  .steps-w .s-step::before {content:none}
  .steps-w .s-step:last-of-type::before{display: none;}
  .faqs-w .s-faq .question {font-size: 18px;}
  .faqs-w .s-faq .ask .inner-w {font-size: 14px;}
  .faqs-w .s-faq .question::before {width: 18px;}
  .faqs-w .s-faq .question::after {height: 18px; right: 7px;}
}

@media screen and (max-width:720px){ 
  .site-header .top-row-w {padding: 8px 16px; background-color: #4C4445; border-radius: 12px;}
  .site-header .top-row .logo-desc,
  .site-header .email-phones-socials-w {display: none !important;}
  .phone-burger-w {display: block; }
  .phone-burger-w .inner-w {column-gap: 16px;}
  .site-header .bottom-row {display: none;}
  .site-header .top-row {padding: 16px 0 0 0;}
  
  h1 {font-size: 24px; margin-bottom: 24px;}
  .site-top-block {padding-top:150px}
  .site-top-block .txt-block .desc {font-size: 16px;}
  .site-top-block .pay-info .pay-txt {font-size: 16px;}
  .site-top-block .txt-block .desc br {display: none;}
  .site-header .top-row .logo-icon {width: 117px;}
  .site-footer .f-bottom-row {flex-direction: column; gap: 16px;}
  .inner-txt-why-block br {display: none;}
  .specrt-items-w .s-item {width: 100%; padding: 24px;} 
  .specrt-items-w {gap: 12px;}
  .numbers-block .numbers-w .s-num {width:50%; margin-bottom: 24px;}
  .numbers-block .numbers-w .s-num:last-of-type {margin-bottom: 0;}
  .numbers-block .numbers-w .s-num .value {font-size: 36px;}
  .numbers-block .numbers-w .s-num .desc {font-size: 14px;}
  .fb-w .fb-form-w {width: 100%;}
  .feedback-block {background-image: none;}
  .diagnostik-poster-form-w .form-w .input-wrapper {width: 100%; margin-bottom: 12px;}
  .diagnostik-poster-form-w .form-w .submit-w {width: 100%; text-align: center;}
  .diagnostik-poster-form-w .form-w .submit-w br {display: none;}
  .diagnostik-poster-form-w .form-w .label {margin: 0 auto 12px;}
  .diagnostik-poster-form-w .form-w .desc,
  .diagnostik-poster-form-w .form-w h2 {text-align: center;}
  .reviews-videos-w a {width: calc(50% - 10px);}
  .fixed.site-header .top-row-w {position: fixed; left: 16px; right: 16px; top: 2px; display: block;}
  #header.fixed .top-row {display: block;}
  .error-page .error-w {margin: 120px 0 80px;}
}


@media screen and (max-width:640px){
  .calculator-w .calc-inner .side {width: 100%; margin-bottom: 24px;}
  .calculator-w .calc-inner .side:last-of-type{margin-bottom: 0;}
  .calculator-w .s-option span {font-size: 14px;}
  .calculator-w .title-w {display: block !important;}
  .calculator-w .title-w .title {margin-bottom: 12px;}
  .popup {width: 95%;}
  .fb-form-w .agree-submit-w {flex-direction: column-reverse; margin-bottom: 32px;}
  .fb-form-w .agree-submit-w .submit-wrapper {width: 100%; padding-left: 0;margin-bottom: 16px;}
  .inputs-w .input-wrapper.half {width: 100%;}
  .inputs-w {gap: 12px;}
  .fb-form-w .agree-submit-w .agree-wrapper {width: 100%; font-size: 12px;}
  .fb-form-w h2 {text-align: center;}
  .fb-form-w .title-desc {text-align: center;}
}
@media screen and (max-width:580px){
  .agree-submit-w {flex-direction: column-reverse; margin-top: 12px;}
  .agree-submit-w .agree-wrapper {width: 100%;}
  .agree-submit-w .submit-wrapper {width: 100%; padding-left: 0; margin-bottom: 12px;}
  .popup .popup-title {font-size: 28px; line-height: 1.1;}
  .popup {padding: 32px 16px;}
  .popup .form-w .connect-types {column-gap: 4px;}
  .popup .form-w .connect-types .radio-input-w {width: 48px; height: 48px;}
  .popup .form-w .phone-wrapper {width: calc(100% - 152px);}
  .popup .form-w .phone-wrapper input,
  .popup .desc {font-size: 14px;}
  .agree-submit-w .agree-wrapper .agree-desc {font-size: 12px;}
  .simple-btn {font-size: 18px;}
  .numbers-block {padding: 14px 0 40px;}
  .error-page .error-w .code {font-size: 130px;}
  #viber-contact a {width: 42px; height: 42px;}
  #viber-contact a img {width: 70%;}
  #viber-contact {right:25px;}
}
@media screen and (max-width:540px){
  .site-footer .menu-column {width: 100%; margin-bottom: 20px;}
  .site-footer .menu-column:last-of-type {margin-bottom: 40px;}
  .site-footer .column.contacts-column {width: 100%; text-align: center; margin: 20px 0 40px;}
  .site-footer .s-contact .desc {text-align: center;}
  .site-footer .s-contact {margin-bottom: 24px;}
  .column.socials-column {display: flex; margin: 0 auto; flex-direction: row-reverse; justify-content: center; text-align: left; column-gap: 16px;}
  .site-footer .socials-column .desc {text-align: left;}
  .site-footer .f-top-row {padding: 32px 0 48px;}
  .f-middle-row {text-align: center;}
  .calculator-w .btn-w .send-offer {padding: 16px; width: 100%; text-align: center;}
  .calculator-w .range-values {font-size: 12px;}
  .why-block {background-image: url(../img/bg-why-m.jpg);background-position: bottom;background-size: cover; padding:40px 0 500px;}
  .simple-btn {padding: 16px; width: 100%; text-align: center; line-height: 1.2;}

  h2 {font-size: 28px;}
  .block-title-desc .block-desc br {display: none;}
  .simple-section {padding: 40px 0;}
  .contacts-section {padding: 80px 0;}
  .feedback-block {background-image: url(../img/bg-fb-m.jpg); background-position: bottom; background-size: cover; padding-bottom: 500px;}
  .diagnostik-poster-form-w {padding: 40px 0;}
  .contacts-map-block .contacts-items .s-item .txt {font-size: 18px; padding-left: 10px;}
  .contacts-map-block .contacts-items .s-item .icon {width:24px; height: 24px;}
  .contacts-map-block .contacts-items {margin: 32px 0;}
  .reviews-videos-w {gap: 12px;}
  .reviews-videos-w a {width: calc(50% - 6px);}
  .reviews-slider .s-review {margin: 0 50px;}
}
@media screen and (max-width:480px){
  .content {padding: 0 16px;}
  .site-top-block {background-image: url(/storage/app/media/main-mob-new.png); background-position: top; background-size: cover;  padding-top: 88px; height: 980px;}
  .site-top-block .btn-w {margin-top: 560px;}
  .btn-top-block {margin: 0 auto;}
  .why-block {padding-bottom: 460px;}
  .feedback-block {padding-bottom: 430px;}
  .agree-wrapper .agree-desc {font-size: 12px;}
  .reviews-slider .s-review {margin: 0 12px; height: auto;} 
  .more-reviews-w {width: 100%;}
  
  
  
}
@media screen and (max-width:414px){
  .site-top-block {height:780px;}
  .site-top-block .btn-w {margin-top:380px;}
  .btn-top-block {font-size: 18px;}
  .why-block {padding-bottom: 380px;}
  .calculator-w .calc-inner h4 {font-size: 24px;}
  .calculator-w .calc-inner .calc-desc {font-size: 14px;}
  .calculator-w .show-summ span {font-size: 14px;}
  .calculator-w .s-currency label {padding-top: 6px; padding-bottom: 6px; border-radius: 14px;}


  .inner-txt-why-block .s-why .txt .desc {font-size: 12px;}
}
@media screen and (max-width:400px){
  .site-top-block .btn-w {margin-top: 310px;}

}

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


@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)}
}