html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6 {margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: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}
h1,h2,h3,h4,h5,h6,input,button,textarea{font-family: "Montserrat";}
* {-webkit-box-sizing: border-box;box-sizing: border-box; outline: none;}
:root{
    --main:#1F1F20;
    --second:#1A7CE3;
    --dark-blue:#00264E;
    --white:#F5F5F5;
    --baby-blue:#DFE5FF;
    --dark-gray:#7B7B7B;
    --gray:#DBDEE9;
    --deep-gray:#404C56;
    --deep-blue:#397AA3;
    --oliva:#7D7D20;
    --sand:#FFD478;
    --red:#FF0004;



}
* {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
html {scroll-behavior: smooth;}
body {
    margin: 0;
    padding: 0;
    font-family: "Montserrat";
    font-size: 18px;
    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: #f5f5f5;
    /* background-color: #fff; */
}
.hidden {display: none !important;}
.main-page-wrapper {max-width: 1920px; overflow: hidden; width: 100%; position: relative; margin: 0 auto;}
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(--mint);}
.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-bottom: 8px;}
input, textarea {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;}
.center {text-align: center;}
.no-scroll-y {overflow-y: hidden;}
.no-scroll {overflow: hidden;}
input, select {-webkit-transition: border-color .3s ease-in-out;-o-transition: border-color .3s ease-in-out;transition: border-color .3s ease-in-out;}
.site-header {background-color: var(--white);}
.header-top-menu-w {display: flex; justify-content: space-between; align-items: center; padding: 13px 0;}
.header-top-menu-w .logo-desc-w {display: flex; align-items: center;}
.header-top-menu-w .logo-wrapper {width: 172px;}
.header-top-menu-w .logo-wrapper a {display: block;}
.header-top-menu-w .logo-wrapper a img {display: block; width: 100%; object-fit: contain;}
.header-top-menu-w .desc-wrapper {margin-left: 28px; font-size: 10px;}
.header-top-menu-w .header-top-contacts-w {display: flex; align-items: center;}
.messengers {display: flex; align-items: center;}
.messengers a {display: flex; margin-right: 17px; justify-content: center; transition: background-color .3s ease-in-out; align-items: center; width: 36px; height: 36px; border-radius: 50%; overflow: hidden;}
.messengers a img {width: 60%; display: block; object-fit: contain;}
.messengers a.telegram {background-color: #27a7e7;}
.messengers a.viber {background-color: #8c60c3;}
.messengers a:hover {background-color: var(--dark-blue);}
.header-top-contacts-w .phone-mode-w {margin: 0 42px;}
.header-top-contacts-w .phone-mode-w .phone-w {font-size: 16px; margin-bottom: 5px;}
.header-top-contacts-w .phone-mode-w .mode-w {font-size: 10px; display: flex; align-items: center;}
.header-top-contacts-w .mode-w::before {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-right: 5px;
  background-color: var(--second);
}
.mode-w.online::before {animation: dot-color 1.5s infinite; background-color: green;}
.mode-w.offline::before {background-color: #FF9395;}
.header-top-contacts-w .phone-mode-w .phone-w a:hover {text-decoration: underline;}


.btn {display: flex; color: var(--main); width: fit-content; text-align: center; background-color: var(--white); justify-content: center; padding: 28px 43px; border-radius: 15px; cursor: pointer; transition: all .3s ease-in-out; font-size: 18px; font-weight: 600;}
.btn.wide {padding: 28px; width: 100%; text-align: center;}
.btn.s-wide {padding: 23px 110px; text-align: center;}
.btn.low {padding: 14px 80px; }
.btn.middle {padding: 14px 38px; }
.btn.brd {border: 1px solid var(--main); padding-top: 27px; padding-bottom: 27px;}
.btn.trnspr {background-color: transparent;}
.btn:hover {background-color: var(--baby-blue);}
.btn.consult {font-size: 14px; border-radius: 3px; padding-top: 9.5px; padding-bottom: 9.5px;}
.btn.blue {background-color: var(--second); color: var(--white); border: none;}
.btn.blue:hover{background: var(--main);}
.site-header .bottom-row{background-color: var(--second); /*padding: 14px 0;*/}
.white .btn {color: var(--main);}
.site-header .header-main-menu ul {display: flex; justify-content: space-between; align-items: center;}
.site-header .header-main-menu ul a {color: var(--white); transition: all .3s ease-in-out; display: inline-block; padding: 14px 0 8px; border-bottom: 8px solid transparent;}
.site-header .header-main-menu ul a:hover {border-color: var(--baby-blue);}
.site-header .header-main-menu ul .current-page {color: var(--white); display: inline-block; padding: 14px 0 8px; border-bottom: 8px solid var(--baby-blue);}





/* .site-header .header-main-menu ul a:hover {text-decoration: underline;} */

.burger-wrapper {display: none; width: 36px; height: 36px; position: relative; background-color: var(--second); border-radius: 50%; overflow: hidden;}
.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%; top: 12px; left: 10px;}
.burger-wrapper .lines-wrapper .burger-line { width: 16px; background-color: var(--white); height: 2px; border-radius: 1px; position: absolute; transition: all .3s ease-in-out;}
.burger-wrapper .lines-wrapper .burger-line.first {}
.burger-wrapper .lines-wrapper .burger-line.second {top: 5px;}
.burger-wrapper .lines-wrapper .burger-line.third {top: 10px;}
#check-menu-burger:checked ~ .lines-wrapper .first {display: none;}
#check-menu-burger:checked ~ .lines-wrapper .second {transform: rotate(45deg);left: 0;}
#check-menu-burger:checked ~ .lines-wrapper .third {transform: rotate(-45deg);top: 5px;left: 0;}
.mobile-menu-wrapper {position: fixed;left: -105%; background-color: #fff; z-index: 9; transition: all .3s ease-in-out; top: 63px;width: 100%; background-color: #fff; height: calc(100vh - 63px);}
.mobile-menu-wrapper.show {left: 0;}
.mobile-menu-wrapper .inner-wrapper {padding: 58px 8px 80px; height: 100%;}
.mobile-nav-menu ul li {display: block; text-align: center; padding: 12px; border-bottom: 1px solid #DBDEE9;}
.mobile-nav-menu ul li:last-of-type {border-bottom: none;}
.mobile-nav-menu ul li a {font-weight: 600;}
.mobile-nav-menu ul li .current-page {font-weight: 600; text-decoration: underline; color: var(--dark-blue);}

.m-messengers-contacts-w {margin-top: 24px; display: flex; justify-content: space-between; align-items: center;}
.m-messengers-contacts-w .phone-mode-w .phone {font-size: 16px; margin-bottom: 5px;}
.m-messengers-contacts-w .phone-mode-w .mode-w {font-size: 10px; text-align: right;}
.mobile-menu-contacts-w {height: 100%; display: flex; flex-direction: column; justify-content: space-between;}

.footer-wrapper {background-color: #404C56; color: var(--white); padding: 34px 0 53px; margin-top: 120px;}
.site-footer .dev-block {background-color: var(--main); color: var(--dark-gray);}
.site-footer .logo-wrapper {width: 145px; margin-bottom: 33px;}
.site-footer .logo-wrapper a {display: block; width: 100%;}
.site-footer .logo-wrapper img {display: block; width: 100%; object-fit: contain;}
.f-s-contact {color: var(--white); margin-bottom: 15px; font-size: 16px;}
.f-s-contact:last-of-type {margin-bottom: 0;}
.f-s-contact a {color: var(--white);}
.f-s-contact a:hover {color: var(--sand);}
.f-menu-w {display: flex; justify-content: space-between;}
.f-menu-w .main-collumn {width: 325px;}
.f-messengers {display: flex; margin-top: 38px;}
.f-messengers a {display: block; width: 48px; height: 48px; overflow: hidden; border-radius: 50%;margin-right: 18px;}
.f-messengers a:last-of-type {margin-right: 0px;}
.f-messengers a img {display: block; height: 100%; object-fit: contain; transition: all .3s ease-in-out;}
.f-messengers a:hover img{filter: invert(20%);-webkit-filter: invert(20%);}
.f-menu-w .collumns {display: flex;}
.f-menu-w .collumns .s-column {width: 230px; margin-left: 70px;}
.f-menu-w .collumns .s-column .title {font-weight: 600; margin-bottom: 15px;}
.f-menu-w .collumns .s-column .links-w {}
.f-menu-w .collumns .s-column .link-w {margin-bottom: 10px;}
.f-menu-w .collumns .s-column .link-w a {font-size: 16px; color:var(--white);}
.f-menu-w .collumns .s-column .link-w a:hover {color:var(--sand);}
.f-menu-w .collumns .s-column .link-w:last-of-type {margin-bottom: 0;}
.cr-pp-wrapper {display: flex; justify-content: space-between; font-size: 14px; padding: 11px 0;}
.cr-pp-wrapper a {color: var(--dark-gray); }
.cr-pp-wrapper a.privacy-policy {text-decoration: underline;}
.cr-pp-wrapper a:hover{color: #fff;}
.main-top-block {background-image: url(../img/bg_main.png); background-position: top center; background-repeat: no-repeat;}
.main-top-block .inner-top-block {padding: 200px 0 100px;}
.main-top-block .inner-top-block .title-stock-w {display: flex; margin-bottom: 237px;}
.main-top-block .title-stock-w .stock-w {}
.main-top-block .title-stock-w .title-w {width: calc(100% - 430px); padding-right: 42px;}
.main-top-block .title-stock-w .title-w h1 {font-size: 48px; font-weight: 800; margin-bottom: 38px; line-height: 1.2; margin-top: 70px;}
.main-top-block .title-stock-w .title-w .desc {line-height: 1.4;}

.main-top-block .stock-w {width: 430px; position: relative;}
.main-top-block .stock-w .product-w {margin: 19px 15px 0 0; padding: 40px 50px 36px; background-color: var(--white); background-color: #fff; border-radius: 30px; box-shadow: 0px 8px 17.7px 4px rgba(70, 46, 46, 0.18);}
.main-top-block .stock-w .product-w .product-title {font-weight: 700; font-size: 20px; margin-bottom: 24px;}
.main-top-block .stock-w .product-w .product-series {font-size: 16px; color: var(--dark-gray); margin-bottom: 14px;}
.main-top-block .stock-w .product-w .product-thumb {min-height: 130px; max-height: 190px; display: flex; justify-content: center; margin-bottom: 14px;}
.main-top-block .stock-w .product-w .product-thumb img {display: block; width: 100%; height: 100%; object-fit: contain;}
.product-w .product-prices {display: flex; align-items: center;  margin-bottom: 18px;}
.product-w .product-prices .title {font-size: 18px;}
.product-w .product-prices .old-price {font-size: 24px; margin-left: 8px; color: var(--gray); text-decoration: line-through;}
.product-w .product-prices .new-price {font-weight: 800; font-size: 32px; margin-left: 8px;}
.product-w .stock-label {position: absolute; top: 0; right: 0; background-color: var(--dark-blue); border-radius: 8px; padding: 9px 180px 9px 24px;}
.product-w .stock-label .clock {position: absolute; display: flex; align-items: center;  right: 0; top: 0; bottom: 0;border-radius: 8px; padding: 9px 26px; background-color: var(--second);}
.product-w .stock-label .clock span {color: var(--white); font-weight: 700; padding-left: 15px;}
.product-w .stock-label .date {color: var(--white); font-weight: 700;}
.main-top-block .stock-w .product-w .btn {width: 100%;}

h2 {font-weight: 800; font-size: 32px; margin-bottom: 24px; line-height: 1.18;}
h3 {font-weight: 700; font-size: 20px; margin-bottom: 12px;}

.main-top-block .pluses {
  padding: 52px 67px; border-radius: 56px;background: radial-gradient(76.12% 76.12% at 63.15% 29.29%, #E1E9F3 9.62%, #FFFFFF 100%);
  display: flex; flex-wrap: wrap; position: relative;
}
.main-top-block .pluses .pluses-slider-w {width: calc(100% - 520px); padding-right: 40px;}
.main-top-block .pluses .pluses-slider-w .slider-wrapper {position: relative;}
.main-top-block .pluses .desc-block-w {width: 520px; padding-right: 50px;}
.main-top-block .pluses .desc-block-w h2 {margin-bottom: 21px;}
.main-top-block .pluses .desc-block-w .desc {margin-bottom: 48px;}
.main-top-block .pluses .p-slide {padding: 35px 20px; margin-right: 28px; background-color: var(--white); border-radius: 20px;}
.main-top-block .pluses .p-slide .icon {width: 105px; height: 105px; margin-bottom: 30px;}
.main-top-block .pluses .p-slide .desc {font-size: 16px; color: var(--dark-blue);}
.main-top-block .slider-arrow.prev {display: none;}
.main-top-block .pluses .arrows {position: absolute; transform: translateY(-50%); top: 50%; right: -60px;}
.main-top-block .pluses .arrows .prev {display: none !important; transform: rotate(180deg);}
.main-top-block .pluses .slick-dots {position: absolute; display: flex; z-index: 2; left: -360px; bottom: 6px;}
.slick-dots button {display: block; transition: background-color .3s ease-in-out; cursor: pointer; margin: 0 3px; color: transparent; font-size: 0; width: 21px; height: 6px; background-color: var(--baby-blue); outline: none; border: none; border-radius: 0;}
.slick-dots .slick-active button,
.slick-dots button:hover {background-color: var(--second);}
.main-top-block .arrows .slider-arrow {cursor: pointer;}
.slider-arrow svg rect {transition: all .3s ease-in-out;}
.slider-arrow:hover svg rect {fill: var(--main);}
.main-top-block .pluses .m-show {display: none;}
.simple-block {padding: 50px 0;}
.regions-business-w,
.block-title-desc-w {display: flex; flex-wrap: wrap; }
.block-title-desc-w {align-items: center;}
.regions-w,
.block-title-desc-w h2 {width: 730px;}
.business-w,
.block-title-desc-w .desc {width: calc(100% - 730px); padding-left: 44px;}
.regions-business-w .regions-w {border-radius: 18px; padding: 35px; display: flex; justify-content: end; flex-direction: column; background-image: url(../img/bg_regions.jpg); background-repeat: no-repeat; background-size: cover;}
.regions-business-w .regions-w .btn {padding: 28px 60px; width: fit-content;}
.regions-business-w .regions-w .desc {margin-bottom: 26px;}
.arrow-link {display: block; position: relative; border-radius: 18px; overflow: hidden; padding: 76px 30px 30px 20px;}
.arrow-link img {display: block; height: 100%; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover;}
.arrow-link .arrow {position: absolute; z-index: 1; display: flex; justify-content: center; align-items: center; right: 10px; top: 10px; width: 32px; height: 32px; border-radius: 50%; background-color: var(--white);  
background-repeat: no-repeat; background-size: 40%; background-position: center; transition: all .3s ease-in-out;}
.arrow-link h3 {position: relative; z-index: 2; color: var(--white); margin-bottom: 0;}
.arrow-link:hover .arrow {background-color: var(--second);}
.arrow-link .arrow svg path {transition: all .3s ease-in-out;}
.arrow-link:hover .arrow svg path {stroke:var(--white)}
.regions-business-w a.all {display: block; text-align: center; transition: all .3s ease-in-out; font-weight: 600; font-size: 18px;padding: 14px; border-radius: 15px; background-color: var(--second); color: var(--white);}
.regions-business-w a.all:hover {background-color: var(--main); }
.regions-business-w .arrow-link {margin-bottom: 11px;}
.title-desc {margin-bottom: 44px;}
.choices-w {display: flex; flex-wrap: wrap; justify-content: space-between;}
.choices-w .choice {width: 49%; padding: 33px 0 33px 26px; position: relative;}
.choices-w .choice::before {content: ''; left: 0; top: 0;bottom: 0; border-radius: 19px; position: absolute; width: calc(100% - 44px); height: 100%; background-color: var(--second);}
.choices-w .choice h3 {color: var(--white); margin-bottom: 16px; padding-right: 60px;}
.choices-w .choice .desc-poster-w {display: flex; flex-wrap: wrap; justify-content: space-between; color: var(--white); }
.choices-w .choice .desc-price-w {width: 280px;  display: flex; flex-direction: column; justify-content: space-between;}
.choices-w .choice .price span {font-size: 32px; font-weight: 800; display: inline-block; margin-left: 15px;}
.choices-w .choice .price-w {display: flex; align-items: center; align-items: center; margin-bottom: 25px;}
.choices-w .choice .price-w .price {margin-left: 8px; font-weight: 700; font-size: 28px;}
.choices-w .choice .price-w .old-price {font-size: 20px; font-weight: 500; text-decoration: line-through; margin-left: 8px;}
.choices-w .choice .desc-poster-w .poster-w {width: 260px; height: 164px; display: flex; align-items: center; }
.choices-w .choice .desc-poster-w .poster-w img {display: block;height: auto; width: 100%; object-fit: contain;height: 100%; }
.choices-w .choice .price-w.mobile {display: none;}
.choices-w .choice * {position: relative; z-index: 1;}
.choices-w .choice .btn {width: fit-content;}
.banner-wrapper {height: 370px; border-radius: 20px; overflow: hidden; position: relative; padding: 40px 28px; background-repeat: no-repeat; background-size: cover; background-position: right; }
.banner-wrapper.cold-1 {background-image: url(../img/bg_banner-1.jpg);}
.banner-wrapper.cold-2 {background-image: url(../img/bg_banner-3.jpg);}
.banner-wrapper .txt-btn-w {width: 700px; position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.banner-wrapper::before {position: absolute; content: ''; top: 0; bottom: 0; left: 0; width: 50%; z-index: 1; transition: all 5s ease-in-out; animation: wave-banner 5s 2s infinite;}
.banner-wrapper.cold-1::before {background: linear-gradient(90deg, #7D7D20 39.34%, rgba(125, 125, 32, 0) 60.74%);}
.banner-wrapper.cold-2::before {background: linear-gradient(90deg, #1A7CE3 38.1%, rgba(26, 124, 227, 0) 58.33%);}

.txt-btn-w .txt-block {margin-bottom: 38px;}
#overlay {background: #000;opacity: 0;pointer-events: all;z-index: -1;position: fixed;top: 0;bottom: 0;left: 0;right: 0;}
#overlay.show {opacity: .5; z-index: 11;}
.popup {
  position: fixed; left: 50%;top:-250%;width: auto;padding: 32px 60px 32px 24px;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: 28px;
  -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; z-index: 3; top: 20px; right: 20px; cursor: pointer; opacity: .6; transition: opacity .3s ease-in-out;}
.popup .close-btn:hover {opacity: 1;}
.popup .close-btn svg {display: block; width: 100%;}
.popup-inner {}
.popup-inner .flex-inner {display: flex; justify-content: space-between;}
.popup-inner .flex-inner .girl-w {width: 290px;}
.popup-inner .flex-inner .form-w {width: calc(100% - 290px); padding-left: 40px;}
.popup-inner .flex-inner .form-w.consult {width: 600px; padding-left: 40px;}
.popup-inner .popup-title {font-size: 30px; font-weight: 700; margin-bottom: 12px; margin-top: 24px; padding-right: 40px;}
.popup-inner .desc {font-size: 16px; margin-bottom: 18px;}
.popup-inner .inputs-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between;}
.popup-inner .inputs-wrapper .side {width: 48%;}
.input-wrapper {position: relative;}
.popup-inner .inputs-wrapper .side .input-wrapper {margin-bottom: 14px;}
.popup-inner .inputs-wrapper .input-wrapper input {width: 100%;}
.popup-inner .input-wrapper input {padding: 15px 15px 15px 30px; border-radius: 15px; font-size: 16px; border: 1px solid #D9D9D9; display: block; width: 100%;}
.popup-inner .input-wrapper {margin-bottom: 12px; position: relative;}
.popup-inner .input-wrapper input:focus {border-color: var(--main);}
.popup-inner .inputs-wrapper .input-wrapper {margin-bottom: 25px;}
.popup-inner .submit-wrapper {margin-top: 23px;}
.popup-inner .submit {padding: 17px 108px; display: inline-block; border-radius: 15px; transition: all .3s ease-in-out; cursor: pointer; font-weight: 600;}
.popup-inner .submit.blue {background-color: var(--second); color: var(--white);}
.popup-inner .submit.wht {background-color: var(--white); color: var(--main);}
.popup-inner .submit:hover {background-color: var(--main); color: var(--white);}
.agree-wrapper {margin-top: 24px; display: flex; align-items: center;}
.agree-checkbox {display: none;}
label.agree {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--second);
  border-radius: 1px;
  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: 60%;
  background-color: transparent;
  position: relative;
}
label.wrong {border-color: var(--red) !important;}
input.agree-checkbox:checked + label.agree {background-color: var(--second); background-image: url(../img/icons/v-white.svg);}
.input-wrapper.wrong input {border-color: var(--red);}
.agree-wrapper .agree-desc {font-size: 14px; width: calc(100% - 16px); padding-left: 10px;} 
.agree-wrapper .agree-desc a {text-decoration: underline;}
.input-wrapper::after {content: '';position: absolute;right: 15px;bottom: 50%; 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-wrapper.wrong::after {opacity: 1;}
.thanks-popup-wrapper {padding: 60px;}
.thanks-popup-wrapper .icon {margin-bottom: 10px;}
.thanks-popup-wrapper .icon svg {}
.popup.thanks {padding: 34px;}
.popup.blue {background-color: var(--second);}
.input-wrapper .label {font-size: 14px; margin-bottom: 6px;}
.popup.blue {padding: 32px 62px;}
.popup.blue .popup-inner .popup-title {margin-top: 0;}
.popup.blue .popup-inner {width: 700px;}
.popup.blue .popup-inner.narrow {width: 520px;}
.popup.blue .popup-inner .desc {margin-bottom: 28px;}
.popup.blue label.agree {border-color: var(--white);}
.popup.blue .agree-desc a {color: var(--white);}
.popup.blue .popup-inner .submit {padding: 13px; width: 100%; text-align: center; margin-top: 12px; border: 1px solid var(--white);}
.popup.blue .popup-inner .submit:hover {border-color: var(--main);}
.popup.blue .agree-wrapper {margin-top: 18px;}
.popup.thanks-blue {background-color: var(--second);}
.popup-inner textarea {display: block;padding: 15px 15px 15px 30px; border-radius: 15px; border: 1px solid #D9D9D9; height: 200px; resize: vertical; width: 100%;}



.upload-wrapper label::before {
  content: '';
  display: inline-block;
  width: 22px;
  height: 22px;
  background-image: url(../img/icons/file-upload.svg);
  background-position: center;
  background-size: contain;
  margin-right: 11px;
  background-repeat: no-repeat;
  position: relative;
  top: 5px;
}
.input-file input[type="file"] {position: absolute;
  z-index: -1;
  opacity: 0;
  display: block;
  width: 0;
  height: 0;}
.upload-wrapper label {cursor: pointer; display: inline-block; font-size: 16px;}
.popup-inner .remove-file {margin-top: 8px; border-radius: 4px; display: inline-block; cursor: pointer; font-size: 12px; padding: 10px; background-color: var(--dark-blue); color: var(--white);}


.page-banner {position: relative;min-height: 380px; height: 380px; margin-bottom: 30px; background-color: var(--second);}
.page-banner .banner-bg {position: absolute; top: 0; bottom: 0; right: 0;left: 0; width: 100%; height: 100%; background-color:var(--second)}
.page-banner .banner-bg img {display: block; width: 100%; height: 100%; object-fit: cover;}
.breadcrumbs {display: flex; align-items: center; flex-wrap: wrap; color: var(--white);}
.breadcrumbs span {display: inline-block; font-size: 14px;}
.breadcrumbs span.sep {padding: 0 14px; font-size: 8px;}
.breadcrumbs a {color: var(--white); font-size: 14px;}
.breadcrumbs a:hover {text-decoration: underline;}
.banner-inner {padding: 34px 0 48px;}
.page-banner h1 {font-size: 32px; font-weight: 800; margin-bottom: 24px;}
.page-banner .content {height: 100%;}
.page-banner .banner-inner {height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.page-banner .banner-inner .title-desc-w{}
.page-banner .banner-inner .title-desc-w .desc {width: 940px;}
.page-banner .banner-inner .title-desc-w .desc.catalog-desc {width: 706px;}
.pluses-w {display: flex; flex-wrap: wrap; column-gap: 2%;}
.pluses-w .s-pluse {width: 32%; padding: 30px 24px; border: 1px solid var(--gray); border-radius: 20px;}
.pluses-w .s-pluse h2 {position: relative; display: inline-block;}
.pluses-w .s-pluse h2::after {content: ''; position: absolute; left: 0; bottom: -5px; height: 4px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/icons/blue-line-2.png);}
.title-desc-short {width: 940px; margin-bottom: 24px;}
.r-map-w {position: relative;}
.r-map-w img {width: 100%;}
.r-map-w .map-desc {position: absolute; right: 0; top: 160px; z-index: 1; width: 400px; background-color: var(--second); padding: 40px 27px; border-radius: 20px;}
.r-map-w .map-desc h2 {margin-bottom: 14px;}
.r-map-w .map-w {width: 950px;}
.fb-wrapper {display: flex; flex-wrap: wrap; align-items: center;}
.fb-wrapper .girl-w {width: 312px; object-position: bottom;}
.fb-wrapper .girl-w img {display: block; width: 100%; object-fit: contain; object-position: bottom;}
.fb-wrapper .desc-form-w {width: calc(100% - 312px); padding-left: 100px;}
.line-form-w .input-wrapper input {
  padding: 29px 29px 29px 60px; border: 1px solid var(--main);
  border-radius: 15px;
  font-size: 16px;
  display: block;
  width: 100%;
}
.line-form-w {display: flex; align-items: center; margin-top: 22px;}
.line-form-w .input-wrapper {width: 520px; padding-right: 28px; position: relative;}
.line-form-w .submit-wrapper {width: calc(100% - 520px);}
.line-form-w .submit {transition: all .3s ease-in-out; padding: 28px 60px; border-radius: 15px; color: var(--white); font-weight: 600; justify-content: center; align-items: center; background-color: var(--second); cursor: pointer; width: fit-content; }
.line-form-w .submit:hover {background-color: var(--main);}
.line-form-w + .agree-wrapper {margin-top: 18px;}
.line-form-w .input-wrapper::after {right: 45px;}
.line-form-w .input-wrapper.wrong input {border-color: var(--red);}
.map-contacts-w {display: flex; flex-wrap: wrap;}
.map-contacts-w .map-w {width: 624px; border-radius: 20px; overflow: hidden;}
.map-contacts-w .map-w iframe {display: block; width: 100%; height: 100%;border-radius: 20px; overflow: hidden;}
.map-contacts-w .contacts-w {width: calc(100% - 624px); padding-left: 100px;}
.c-messengers-w {display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 32px;}
.c-messengers-w a {width: 48px;display: block; transition: all .3s ease-in-out; margin-right: 18px; height: 48px; border-radius: 50%; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.c-messengers-w a img {transition: all .3s ease-in-out;}
.c-messengers-w svg {display: block; width: 80%;}
.c-messengers-w a:hover img {filter: brightness(0) saturate(100%)}
.map-contacts-w .s-contact {margin-bottom: 25px;}
.map-contacts-w .s-contact .s-label {font-weight: 700; margin-bottom: 8px;}
.about-numbers-w {display: flex; flex-wrap: wrap; align-items: center;}
.about-numbers-w .poster-w {width: 520px;}
.about-numbers-w .poster-w img {display: block; width: 100%; height: 100%; object-fit: cover; overflow: hidden; border-radius: 20px;}
.about-numbers-w .about-w {width: calc(100% - 520px); padding-left: 100px;}
.about-w .numbers-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 42px;}
.about-w .numbers-wrapper .s-number {width: 31%; border-radius: 24px; padding: 22px 34px; border: 1px solid var(--gray);}
.about-w .numbers-wrapper .s-number .num {font-size: 42px; font-weight: 800; color: var(--second);}
.about-w .numbers-wrapper .s-number .desc {}
.quality-w {display: flex; flex-wrap: wrap; position: relative; margin: 44px 0;}
.quality-w .desc-w {width: 630px;}
.quality-w .poster-w {width: calc(100% - 630px); padding-left: 100px; }
.quality-w .poster-w img {display: block; width: 100%; height: 100%; object-fit: cover;border-radius: 20px; overflow: hidden;}
.quality-w::after {content: ''; position: absolute; width: 70px; height: 230px; background-image: url(../img/icons/wave-arrow.svg); background-size: contain; background-repeat: no-repeat; left: calc(50% + 20px); top: 150px;}
.quality-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.quality-list .s-list {width: 520px; margin-bottom: 52px;}
.quality-list .s-list h3 {display: flex; align-items: center; position: relative;}
.quality-list .s-list h3 span {display: inline-block; padding-left: 18px;}
.certificates {display: flex; flex-wrap: wrap; column-gap: 1.25%;}
.certificates a {display: block; width: 19%; border-radius: 20px; overflow: hidden; margin-bottom: 20px;}
.certificates a img {display: block; height: 100%; width: 100%; object-fit: cover;}
.all-regions-banner {background-color: var(--second); padding: 52px; border-radius: 20px;display: flex; flex-wrap: wrap; align-items: center;}
.all-regions-banner .desc-w {width: 574px;}
.all-regions-banner .btn-w {display: flex; justify-content: center; width: calc(100% - 574px);}

.products {display: flex; flex-wrap: wrap; column-gap: 1.33%;}
.products .product {border: 1px solid var(--gray); background-color: #fff; border-radius: 13px; padding: 18px; width: 24%; margin-bottom: 1.33%;}
.products .product .thumb {height: 194px; display: flex; margin-bottom: 8px; justify-content: center; align-items: center; padding: 15px; background-color: var(--gray); background-color: #fff; border-radius: 10px;}
.products .product .thumb img {width: 100%; object-fit: contain; height: 100%;}
.products .product h4 {font-weight: 600; font-size: 18px; margin-bottom: 20px;
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
line-height: 1.1 !important;
height: 3.3em !important;
padding: 0 !important;
}
.products .product .price-w {margin: 20px 0; display: flex; align-items: center; flex-wrap: wrap;}
.products .product .price-w .old-price {margin-left: 8px; font-size: 18px; color: var(--dark-gray); text-decoration: line-through;}
.products .product .price-w .price {font-weight: 700; font-size: 22px; margin-left: 8px;}

.see-more {display: inline-block; transition: all .3s ease-in-out; text-align: center; padding: 9.5px; background-color: var(--second); cursor: pointer; border-radius: 5px; color: var(--white); font-weight: 600;}
.see-more.wide {width: 100%;}
.see-more {color: var(--white) !important;}
.see-more:hover {background-color: var(--main);}
.see-more:hover {color: var(--white);}
.pagination {margin-top: 40px; display: flex; justify-content: center;}
.pagination li a{display: inline-block; transition: all .3s ease-in-out; width: 40px; text-align: center; padding: 5.5px; margin: 0 15px; line-height: 1; border-radius: 2px; border: 1px solid var(--gray);}
.pagination li a:hover,
.pagination li.active a {border-color: var(--second);}

.single-product-w {margin-top: 34px;}
.breadcrumbs.black {color: var(--main);}
.breadcrumbs.black a {color: var(--main);}
.breadcrumbs.black span {color: var(--main);}
.product-main-desc {margin: 50px 0;}
.product-main-desc h1 {font-size: 32px; font-weight: 800; margin-bottom: 34px;}

.product-main-desc .slider-desc-w {display: flex; flex-wrap: wrap;}
.product-main-desc .slider-desc-w .product-slider-w {width: 624px;}
.product-main-desc .slider-desc-w .product-slider-w .alterweb-product-slider { overflow: hidden;}
.product-main-desc .slider-desc-w .product-slider-w .alterweb-product-slider .single-slide {display: flex; justify-content: center; align-items: center; height: 100%; margin-bottom: 18px; 
  background-color: #fff; padding: 22px; border-radius: 14px; overflow: hidden; height: 365px;

}
.product-main-desc .slider-desc-w .product-slider-w .alterweb-product-slider .single-slide img {display: block; height: 100%; width: 100%; object-fit: contain; }
.product-main-desc .slider-desc-w .v-s-nav {padding: 0px 36px; position: relative;}
.product-main-desc .slider-desc-w .alterweb-product-slider-nav .single-nav {width: 125px; height: 68px; overflow: hidden; border-radius: 10px; cursor: pointer; margin: 0 8px;}
.product-main-desc .slider-desc-w .alterweb-product-slider-nav .single-nav img {display: block; width: 100%; height: 100%; object-fit: cover;}
.product-main-desc .slider-desc-w .v-s-nav .arrows-wrapper {position: absolute; width: 100%; left: 0; right: 0; height: 0; top: calc(50% - 10px); transform: translateY(-50%);}
.product-main-desc .slider-desc-w .v-s-nav .arrows-wrapper .arrows {width: 100%; display: flex; justify-content: space-between;height: 0;}
.arrows-wrapper .arrows .slider-arrow:hover {opacity: 1;}
.arrows-wrapper .arrows .slider-arrow {cursor: pointer; opacity: .6; transition: all .3s ease-in-out;}
.product-main-desc .slider-desc-w .alterweb-product-slider .slick-list {height: 100%;}
.product-main-desc .slider-desc-w .v-s-nav .slick-track {display: 100%; margin-left: 0; margin-right: 0;}
.product-short-decs .price-w {display: flex; align-items: center; margin-bottom: 44px;}
.product-short-decs .price-w .title {}
.product-short-decs .price-w .old-prcie {color: var(--dark-gray); text-decoration: line-through; margin-left: 10px;}
.product-short-decs .price-w .prcie {font-size: 20px; font-weight: 700; margin-left: 14px;}
.product-main-desc .product-short-decs {width: calc(100% - 624px); padding-left: 100px;}
.product-main-desc .status-w {margin: 12px 0 20px;}
.product-main-desc .status-w .status {display: flex; align-items: center;}
.product-main-desc .status-w .status::before {content: ''; width: 12px; height: 12px; border-radius: 50%; margin-right: 11px;}
.product-main-desc .status-w .status.available::before {background-color: #26878B;}
.product-main-desc .status-w .status.not-available::before {background-color: #FF9395;}
.product-main-desc .messengers-links {display: flex; flex-wrap: wrap;}
.product-main-desc .messengers-links a {transition: all .3s ease-in-out; margin-top: 18px; margin-right: 14px; font-size: 16px; font-weight: 600; display: inline-block; padding: 14px 14px; border: 1px solid var(--gray); border-radius: 9px;}
.product-main-desc .messengers-links a:hover {background-color: var(--main); color: var(--white);}
.product-main-desc .product-s-desc {margin-bottom: 44px;}
.product-tabs {background-color: var(--gray);}
.product-tabs .tabs {display: flex; justify-content: center;}
.product-tabs .tabs .tab {padding: 14px 85px 8px; transition: all .3s ease-in-out; font-weight: 700; font-size: 20px; cursor: pointer; border-bottom: 5px solid transparent;}
.product-tabs .tabs .tab.active {border-color: var(--second); cursor: context-menu;}
.product-tabs .tabs .tab:hover {border-color: var(--second);}
.product-content-tab .s-content {display: none;}
.product-content-tab .s-content.active {display: block;}
.product-content-tab .s-content .inner-wrapper {padding: 80px 30px;}
.docs-for-download {}
.docs-for-download .single-doc {margin-bottom: 4px;}
.docs-for-download .single-doc a {text-decoration: underline;}
.docs-for-download .single-doc a:hover {color: var(--deep-blue);}
.product-banner {background-color: var(--second); }

.poster-pluses-w {display: flex; padding: 60px 0;}
.poster-pluses-w .poster {width: 520px; border-radius: 20px; overflow: hidden;}
.poster-pluses-w .poster img {width: 100%; height: 100%; object-fit: cover; overflow: hidden;}
.poster-pluses-w .product-pluses {width: calc(100% - 520px); padding-left: 100px;}
.poster-pluses-w .product-pluses ul {margin-left: 20px;}
.poster-pluses-w .product-pluses li {margin-bottom: 18px; list-style: disc;}
.poster-pluses-w .product-pluses li:last-of-type {margin-bottom: 0px;}
.specifications-w {}
.specifications-w .s-spec{display: flex; justify-content: space-between; padding: 4px ;}
.specifications-w .s-spec:nth-child(odd) {background-color: var(--gray);}
.specifications-w .s-spec .value {padding-left: 4px;}
.reviews-slder-wrapper {margin-bottom: 24px;}

.slider-review-wrapper {margin: 48px 0;}
.reviews-slder-wrapper .s-review {display: flex; flex-wrap: wrap;}
.reviews-slder-wrapper .s-review .photo-block {width: 520px; border-radius: 20px; overflow: hidden;}
.reviews-slder-wrapper .s-review .txt-block {width: calc(100% - 520px); padding-right: 90px;}
.reviews-slder-wrapper .s-review .photo-block img {display: block; width: 100%; height: 100%; object-fit: cover;}
.avatar-name-w {display: flex; align-items: center;}
.avatar-name-w .avatar {width: 73px; height: 73px; border-radius: 50%; overflow: hidden;}
.avatar-name-w .avatar img{display: block; width: 100%; height: 100%; object-fit: cover;}
.avatar-name-w .name-from-w {width: calc(100% - 73px); padding-left: 30px;}
.avatar-name-w .name-from-w .name { margin-bottom: 6px;}
.avatar-name-w .name-from-w .from {font-size: 16px;}
.reviews-slder-wrapper .s-review .stars {margin: 18px 0;}
.reviews-slder-wrapper .s-review .review-txt {font-size: 16px;}
.reviews-slder-wrapper .slick-dots {margin: 20px 0 0px; display: flex; width: 100%;}
.catalog-banner {padding: 60px; margin: 74px 0; border-radius: 20px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/bg_banner-2.jpg);}
.catalog-banner .txt-w {width: 700px; margin-bottom: 48px;}

h2.wave {position: relative;}
h2.wave::after {content: ''; z-index: 1; position: absolute; bottom: -10px; width: 482px; height: 4px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url(../img/icons/wave.svg); left: 50%; transform: translateX(-50%);}
.assistant-desc {margin: 32px 0 60px;}
.assistant-block .btns-warpper {display: flex; justify-content: center; column-gap: 48px; flex-wrap: wrap;}
.product-s-desc .s-option {display: flex; justify-content: space-between; font-size: 16px; padding: 4px 0; border-bottom: 1px solid var(--gray);}
.product-s-desc .s-option .title {padding-right: 6px;}
.page-banner.solution {margin-bottom: 0;}
.page-banner.solution .breadcrumbs a,
.page-banner.solution .breadcrumbs span {color: var(--main);}
.page-banner.solution .banner-inner .title-desc-w .desc {width: 700px;}
.solution-btns-w {display: flex; column-gap: 33px; margin-top: 33px;}
.solution-btns-w .btn {height: fit-content;}
.btn.trnspr span{position: relative; display: flex; align-items: center;}
.btn.trnspr span::after {content: ''; width: 12px; height: 7px; background-repeat: no-repeat; background-position: center; background-size: contain; margin-left: 12px; background-image: url(../img/icons/v.svg);}
.solution-banner {}
.solution-banner img {display: block; width: 100%; }
h2 span {color: var(--second);}
.rich-editor-description {}
.rich-editor-description ul {display: block; margin-left: 20px;}
.rich-editor-description ul li {list-style: disc; margin-bottom: 8px;}
.solution-desc {margin-bottom: 45px;}
.solution-block-desc .get-solution {margin-top: 24px;}
.brand-pluses-w {display: flex; flex-wrap: wrap; column-gap: 2%;}
.brand-pluses-w .s-brand-pluse {width: 32%; border: 1px solid var(--gray); padding: 58px 72px 42px 30px; border-radius: 13px;}
.brand-pluses-w .s-brand-pluse .icon {margin-bottom: 30px;}
.recommend-block .products {margin-top: 34px;}
.solutions-block .solutions-wrapper {display: flex; column-gap: 2%; flex-wrap: wrap;}
.solutions-block .solutions-wrapper .s-solution {display: block; cursor: pointer; width: 49%; margin-bottom: 2%; position: relative; border-radius: 18px; overflow: hidden; padding: 24px; height: 214px;}
.solutions-block .solutions-wrapper .s-solution:visited,
.solutions-block .solutions-wrapper .s-solution:hover {color:var(--white)}
.solutions-block .solutions-wrapper .s-solution img {position: absolute; object-fit: cover; width: 100%; height: 100%; top: 0;bottom: 0;right: 0;left: 0;}
.solutions-block .solutions-wrapper .s-solution h3,
.solutions-block .solutions-wrapper .s-solution .desc {position: relative; z-index: 2;}
.solutions-block .solutions-wrapper .s-solution:hover h3 {color: var(--white);}
.solutions-block .solutions-wrapper .s-solution::before {content: ''; position: absolute; top: 0;bottom: 0;left: 0;right: 0; background-color: var(--main); opacity: .5; z-index: 1;}

.solutions-block .solutions-wrapper .s-solution .arrow {position: absolute; transition: all .3s ease-in-out; z-index: 1; display: flex; justify-content: center; align-items: center; bottom: 20px; right: 20px; width: 40px; height: 40px; background-color: var(--white); border-radius: 50%;}
.solutions-block .solutions-wrapper .s-solution .arrow svg {display: block; width: 60%; transition: all .3s ease-in-out;}
.solutions-block .solutions-wrapper .s-solution:hover .arrow svg {transform: rotate(-45deg);}
.solutions-block .solutions-wrapper .s-solution:hover .arrow {background-color: var(--second);}
.solutions-block .solutions-wrapper .s-solution .arrow svg path {transition: all .3s ease-in-out;}
.solutions-block .solutions-wrapper .s-solution:hover .arrow svg path {stroke: var(--white);}
.btn-wrapper-error {margin-top: 40px; display: flex; flex-wrap: wrap; column-gap: 24px;}
.btn-wrapper-error .btn {margin-bottom: 24px;}
.error-desc {margin-top: 150px;}
.catalog-types-tabs {display: flex; justify-content: space-between; flex-wrap: wrap; margin: 62px 0 36px;}
.catalog-types-tabs .s-t-tab {font-weight: 600; transition: all .3s ease-in-out;  border-radius: 8px; padding: 11px 90px; margin: 0 0px 12px 0; border: 1px solid var(--gray); background-color: #fff;}
.catalog-types-tabs .s-t-tab.all {padding-left: 54px; padding-right: 54px;}
.catalog-types-tabs .s-t-tab.active,
.catalog-types-tabs .s-t-tab:hover {background-color: var(--main); color: var(--white);}
form#quiz-form {display: block; position: relative;}
.quiz-w {position: relative;}
.quiz-overlay {position: absolute; top: 0;bottom: 0;right: 0;left: 0; background-color: #fff; opacity: 0; z-index: -1; transition: opacity .3s ease-in-out; cursor: not-allowed;}

.quiz-overlay.show {opacity: .8; z-index: 5;}

.quiz-w .single-quiz {padding: 58px 66px; border-radius: 24px; border: 1px solid var(--gray); display: none; background-color: #fff;}
.quiz-w .single-quiz.active {display: block;}
.quiz-w .quiz-inputs {display: flex; flex-wrap: wrap; margin: 33px 0;}
.quiz-w .quiz-inputs .agree-wrapper {margin-top: 12px;}
.quiz-w .quiz-inputs.column {flex-direction: column;}
.quiz-w .quiz-inputs label.radio { display: inline-block; transition: all .3s ease-in-out; cursor:pointer; margin: 0 14px 14px 0;  border: 1px solid var(--gray); border-radius: 27px; overflow: hidden;}
.quiz-w .quiz-inputs input[type="radio"] {display: none;}
.quiz-w .quiz-inputs input[type="text"] {display: block; padding: 16px 20px;}
.quiz-w .quiz-inputs .txt-input-w {margin: 0 14px 14px 0; width: 440px;}
.quiz-w .quiz-inputs .txt-input-w input {transition: all .3s ease-in-out; font-weight: 600; color: var(--main); font-size: 16px; border-radius: 26px; width: 100%; border: 1px solid var(--gray);}
.quiz-w .quiz-inputs .txt-input-w input:focus {border-color: var(--main); }
.quiz-w .quiz-inputs label span {display: inline-block; font-size: 16px; font-weight: 600; padding: 15px 20px; transition: all .3s ease-in-out;}
.quiz-w .quiz-inputs label input:checked + span {background-color: var(--main); color: var(--white);} 
.quiz-w .quiz-inputs label:hover {border-color: var(--main);}
.quiz-w .steps-nav-w {display: flex; justify-content: space-between; align-items: center;}
.quiz-w .steps-nav-w .nav-w {display: flex; align-items: center; column-gap: 10px;}
.quiz-w .steps-nav-w .nav-w .back {cursor: pointer; opacity: .6; transition: all .3s ease-in-out ; width: 48px; height: 48px; border-radius: 50%;}
.quiz-w .steps-nav-w .nav-w .back img {display: block; height: 100%; width: 100%; object-fit: contain;}
.quiz-w .steps-nav-w .nav-w .back:hover {opacity: 1;}
.quiz-w .steps-nav-w .nav-w .next-step {position: relative; }
.quiz-w .steps-nav-w .nav-w .next-step span {line-height: 1; display: inline-block; color:var(--white); border-radius: 26px; background-color: var(--second); padding: 16px 24px; font-size: 16px; cursor: pointer; transition: all .3s ease-in-out; font-size: 16px;}
.quiz-w .steps-nav-w .nav-w .next-step span:hover {background-color: var(--main);}
.quiz-w .input-wrapper.wrong input {border-color: var(--red);}
.quiz-w .single-quiz.fin-step {background-color: var(--second);}
.quiz-w .steps-nav-w .nav-w .next-step::before {z-index: 4; content: ''; background-color: #fff; opacity: .3; position: absolute; top: 0;right: 0;bottom: 0; left: 0; cursor: not-allowed;}
.quiz-w .steps-nav-w .nav-w .next-step.allow::before {z-index: -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){
  .f-menu-w .collumns .s-column {margin-left: 40px;}
  .about-numbers-w .about-w {padding-left: 24px;}
  .about-w .numbers-wrapper .s-number {padding: 22px;}
  .about-numbers-w .poster-w {width: 440px;}
  .about-numbers-w .about-w {width: calc(100% - 440px);}
  .reviews-slder-wrapper .s-review .txt-block {padding-right: 40px;}

}

@media screen and (max-width:1280px){
  .content {padding: 0 20px; width: 100%;}
  .f-menu-w .collumns .s-column {margin-left: 20px;}
  .f-s-contact,
  .f-menu-w .collumns .s-column .link-w a {font-size: 14px;}
  .main-top-block .inner-top-block {padding: 140px 0 60px;}
  .main-top-block .inner-top-block .title-stock-w {margin-bottom: 60px;}
  .regions-w, .block-title-desc-w h2 {width: 640px;}
  .business-w, .block-title-desc-w .desc {width: calc(100% - 640px); padding-left: 12px;}
  .choices-w .choice .desc-poster-w {display: block;}
  .choices-w .choice .price-w {display: none;}
  .choices-w .choice::before {width: 100%;}
  .choices-w .choice .desc-price-w {width: 100%; margin-bottom: 20px;}
  .choices-w .choice .desc-poster-w .poster-w {width: 100%; display: flex; margin-bottom: 20px;}
  .choices-w .choice .desc-poster-w .poster-w img {max-height: 170px;}
  .choices-w .choice .price-w.mobile {display: flex; color: var(--white);}
  .title-desc-short {width: 100%;}
  .r-map-w .map-w {width: 780px;}
  .r-map-w .map-desc {top: 100px;}
  .fb-wrapper .desc-form-w {padding-left: 20px;}
  .map-contacts-w .contacts-w {padding-left: 40px;}
  .quality-w::after {display: none;}
  .quality-w .poster-w {padding-left: 24px;}
  .quality-list .s-list {width: 49%; margin-bottom: 24px;}
  .product-main-desc .product-short-decs {padding-left: 40px; width: calc(100% - 580px);}
  .product-main-desc .slider-desc-w .product-slider-w {width: 580px;}
  .product-tabs .tabs .tab {padding: 14px 42px 8px; font-size: 18px;}
  .poster-pluses-w .product-pluses {padding-left: 40px;}
  .brand-pluses-w .s-brand-pluse {padding: 32px 24px;}
  .brand-pluses-w .s-brand-pluse .icon {margin-bottom: 18px;}
  .choices-w .choice .desc-poster-w .poster-w {height: auto;}
  .site-header .header-main-menu ul a,
  .site-header .header-main-menu ul .current-page {padding-left: 0; padding-right: 0;}
  .catalog-types-tabs .s-t-tab {padding-left: 54px; padding-right: 54px; margin-right: 12px;}
  .catalog-types-tabs {justify-content: flex-start;}
}

@media screen and (max-width:1152px){
  .block-title-desc-w h2 {width: 100%; margin-bottom: 18px;}
  .block-title-desc-w .desc {width: 100%; margin-bottom: 22px; padding-left: 0;}
  .regions-w {width: 50%;}
  .business-w {width: 50%;}
  .page-banner .banner-inner .title-desc-w .desc.catalog-desc,
  .page-banner .banner-inner .title-desc-w .desc {width: 100%;}
  .line-form-w .input-wrapper {width: 440px;}
  .line-form-w .submit-wrapper {width: calc(100% - 440px);}
  .line-form-w .input-wrapper {padding-right: 20px;}
  .quality-w .desc-w {width: 580px;}
  .quality-w .poster-w {width: calc(100% - 580px);}

}
@media screen and (max-width:1080px){
  .header-top-menu-w .desc-wrapper {margin-left: 12px;}
  .header-top-contacts-w .messengers a {margin-right: 10px;}
  .f-menu-w .collumns .s-column {width: 200px;}
  .main-top-block .title-stock-w .title-w {width: 100%; padding-right: 0;}
  .main-top-block .inner-top-block .title-stock-w {flex-wrap: wrap;}
  .main-top-block .stock-w {margin: 40px auto;}
  .main-top-block .pluses .desc-block-w {}
  .popup-inner .flex-inner .form-w.consult {width: 500px;}
  .r-map-w .map-w {width: 580px;}
  .r-map-w .map-desc {top: 30px;}
  .line-form-w {flex-wrap: wrap;}
  .line-form-w .input-wrapper {width: 100%; padding-right: 0; margin-bottom: 14px;}
  .line-form-w .submit-wrapper {width: 100%;}
  .map-contacts-w {flex-direction: column-reverse; }
  .map-contacts-w .contacts-w {padding-left: 0; margin-bottom: 24px;}
  .map-contacts-w .map-w {width: 100%; height: 500px;}
  .map-contacts-w .contacts-w {width: 100%;}
  .all-regions-banner .desc-w {width: 100%; margin-bottom: 24px;}
  .all-regions-banner .btn-w {width: 100%;}
  .product-main-desc .slider-desc-w .product-slider-w {width: 480px;}
  .product-main-desc .product-short-decs {padding-left: 20px; width: calc(100% - 480px);}
  .product-main-desc .product-s-desc,
  .product-short-decs .price-w {margin-bottom: 24px;}
  .product-main-desc h1 {font-size: 28px;}
  .product-main-desc .slider-desc-w .product-slider-w .alterweb-product-slider .single-slide {height: 280px;}
  .product-main-desc .slider-desc-w .alterweb-product-slider-nav .single-nav {height: 60px;}
  .reviews-slder-wrapper .s-review .txt-block,
  .reviews-slder-wrapper .s-review .photo-block {width: 50%;}
  .catalog-banner .txt-w {width: 100%;}
}

@media screen and (max-width:980px){
  body {font-size: 14px;}
  .line-form-w .input-wrapper input {font-size: 14px;}
  .popup-inner .input-wrapper input {font-size: 14px;}
  .btn.brd {font-size: 14px; padding: 22px 24px;}
  .btn {font-size: 14px; padding: 24px;}



  .regions-business-w a.all {font-size: 14px;}
  .btn.consult {padding-left: 24px; padding-right: 24px;}
  .header-top-contacts-w .phone-mode-w {margin: 0 24px;}
  .f-menu-w {flex-wrap: wrap;}
  .f-menu-w .main-collumn {margin: 0 auto; margin-bottom: 32px;}
  .f-menu-w .collumns .s-column {margin-left: 0;}
  .f-menu-w .collumns {width: 100%; justify-content: space-between;}
  .f-messengers {margin-top: 24px; justify-content: center;}
  .site-footer .logo-wrapper {margin-left: auto; margin-right: auto;}
  .f-s-contact, .f-menu-w .collumns .s-column .link-w a {text-align: center;}
  .f-s-contact.phone {font-size: 22px;}
  .main-top-block .pluses .desc-block-w {width: 100%; padding-right: 0;}
  .main-top-block .pluses .pluses-slider-w {width: 100%; padding-right: 0;}
  .main-top-block .pluses .m-show {display: block;}
  .main-top-block .pluses .d-show {display: none;}
  .main-top-block .pluses .slick-dots {position: relative; margin: 20px auto; right: inherit; left: inherit; justify-content: center;}
  .main-top-block .pluses .p-slide {margin: 0 48px;}
  .main-top-block .pluses .arrows {display: none;}
  .main-top-block .pluses .p-slide {margin: 0;}
  .popup.blue {padding: 30px;}
  .popup.blue .popup-inner .desc {margin-bottom: 20px;}
  .popup-inner .inputs-wrapper .side .input-wrapper {margin-bottom: 12px;}
  .about-numbers-w .poster-w {width: 100%; height: 400px;}
  .about-numbers-w .about-w {width: 100%; padding-left: 0; margin-top: 32px;}
  .about-w .numbers-wrapper {margin-top: 18px;}
  .quality-w .desc-w {width: 100%; margin-bottom: 24px;}
  .quality-w .poster-w {width: 100%; padding-left: 0; height: 400px;}
  .quality-list .s-list {width: 100%;}
  .product-main-desc .messengers-links a {font-size: 14px;}
  .btn.s-wide {padding: 23px; width: 100%; text-align: center;}
  .product-main-desc .slider-desc-w .product-slider-w {width: 50%;}
  .product-main-desc .product-short-decs {width: 50%;}
  .breadcrumbs a,
  .breadcrumbs span {font-size: 12px;}
  .poster-pluses-w {flex-direction: column;}
  .poster-pluses-w .poster {margin-bottom: 20px; height: 400px; width: 100%;}
  .poster-pluses-w .product-pluses {width: 100%; padding-left: 0;}
  .products {column-gap: 2%;}
  .products .product {width: 32%; margin-bottom: 2%;}
  .quiz-w .single-quiz {padding: 34px;}

}

/* tablet screens - touch pad */
@media screen and (max-width:854px){
  .header-top-menu-w .desc-wrapper {display: none;}
  .banner-wrapper {height: auto;}
  .banner-wrapper .txt-btn-w {width: 100%;}
  .popup-inner .flex-inner .form-w.consult {width: 390px;}
  .pluses-w .s-pluse {width: 100%; margin-bottom: 20px;}
  .r-map-w .map-desc {position: relative; top: inherit; r: inherit; width: 100%;}
  .r-map-w .map-w {width: 100%;}
  .reviews-slder-wrapper .s-review .txt-block, .reviews-slder-wrapper .s-review .photo-block {width: 100%;}
  .reviews-slder-wrapper .slick-dots {justify-content: center;}
  .reviews-slder-wrapper .s-review .txt-block {margin-bottom: 24px; padding-right: 0;}
  .reviews-slder-wrapper .s-review .review-txt {font-size: 14px;}
}

@media screen and (max-width:800px){
  .popup-inner .popup-title {font-size: 24px;}
  .popup-inner .desc {font-size: 14px;}
  .popup-inner .flex-inner .form-w.consult {padding-left: 20px;}
  .popup-inner .submit {padding: 17px 40px;}
  .popup-inner .flex-inner .form-w.consult {width: 310px;}
  .popup.blue .popup-inner {width: 580px;}
  .product-main-desc {margin: 24px 0;}
  .product-main-desc h1 {margin-bottom: 18px;}
  .product-content-tab .s-content .inner-wrapper {padding: 30px 20px;}
  .product-tabs .tabs .tab {font-size: 16px;}
  .page-banner.solution .banner-inner .title-desc-w .desc {width: 100%;}
  .main-top-block .title-stock-w .title-w h1 {margin-top: 0;}

}

@media screen and (max-width:720px){ 
  .site-header .menu-wrapper ul li {margin-right: 14px;}
  .contact-socials-wrapper .f-contacts-wrapper {display: block;}
  .contact-socials-wrapper .f-contacts-wrapper .f-contact {margin: 0 0 8px 0;}
  .footer-logo-menu-wrapper {margin: 40px 0 ;}
  .site-footer .cr-pp-wrapper {flex-direction: column; align-items: center;}
  .cr-pp-wrapper {font-size: 10px;}
  .cr-pp-wrapper a.privacy-policy {display: block; margin: 8px 0;}
  .breadcrumbs-wrapper {margin: 20px 0 24px; font-size: 12px;}
  .breadcrumbs-wrapper a, .breadcrumbs-wrapper span {font-size: 12px;}
  .site-header .consult-wrapper {display: none;}
  .header-top-menu-w .logo-wrapper{width: 160px;}
  .f-menu-w .collumns {flex-wrap: wrap;}
  .f-menu-w .collumns .s-column {width: 100%; margin-bottom: 24px; text-align: center;}
  .regions-w {width: 100%; margin-bottom: 12px;}
  .business-w {width: 100%; padding-left: 0;}
  .regions-business-w .regions-w {padding: 220px 24px 24px 24px; border-radius: 12px;}
  .regions-business-w .regions-w .btn {padding: 28px; width: 100%; text-align: center;}
  .regions-business-w h2 {margin-bottom: 12px;}
  .btn.low {padding: 14px; width: 100%; text-align: center; width: 100%;}
  .choices-w .choice {padding: 20px; border-radius: 15px;}
  .choices-w .choice .btn {width: 100%;}
  .popup {width: 95%;}
  .thanks-popup-wrapper {padding: 0px;}
  .popup-inner .flex-inner {flex-wrap: wrap;}
  .popup-inner .flex-inner .girl-w {width: 100%; height: 270px; overflow: hidden;border-radius: 0 0 40px 40px; overflow: hidden;}
  .popup-inner .flex-inner .girl-w img{display: block;  margin: 0 auto; object-fit: cover; object-position: top; }
  .popup-inner .flex-inner .form-w.consult {padding-left: 0; width: 100%;}
  .popup {padding: 30px;}
  .agree-wrapper .agree-desc {font-size: 11px;}
  label.agree {width: 14px; height: 14px;}
  .popup.blue {width: 95%;}
  .popup.blue .popup-inner.narrow,
  .popup.blue .popup-inner {width: auto;}
  .page-banner .banner-inner .title-desc-w {margin-top: 130px;}
  .page-banner .banner-inner {display: block;}
  .page-banner {min-height: auto; height: auto;}
  .fb-wrapper .girl-w {width: 100%; margin-bottom: 20px;}
  .fb-wrapper .girl-w img {width: 320px; margin: 0 auto;}
  .fb-wrapper .desc-form-w {width: 100%; padding-left: 0;}
  .line-form-w .submit {width: 100%; text-align: center; padding: auto; display: block; padding: 28px;}
  .certificates a {width: 49%; margin-bottom: 2%;}
  .products .product {width: 49%;}
  .catalog-banner {padding: 48px 24px;}
  .catalog-banner .txt-w {margin:18px 0 24px;}
  .solutions-block .solutions-wrapper {flex-wrap: wrap;}
  .solutions-block .solutions-wrapper .s-solution {width: 100%; margin-bottom: 24px;}
  .solutions-block .solutions-wrapper .s-solution.last {margin-bottom: 0px;}
  .quiz-w .quiz-inputs .txt-input-w input,
  .quiz-w .quiz-inputs label span {font-size: 14px;}
  .quiz-w .quiz-inputs {margin: 24px 0;}
}

@media screen and (max-width:640px){
  .site-header .header-main-menu ul a {font-size: 12px;}
  .main-top-block .pluses {padding: 40px;}
  .about-w .numbers-wrapper .s-number .num {font-size: 36px;}
  .about-numbers-w .poster-w {height: 50vw;}
  .quality-w .poster-w {height: 50vw;}
  .all-regions-banner {padding: 34px 24px;}
  .all-regions-banner .btn {display: block; width: 100%;}
  .popup-inner textarea {height: 140px;}
  .product-main-desc .product-short-decs {width: 100%; padding-left: 0;}
  .product-main-desc .slider-desc-w .product-slider-w {width: 100%; margin-bottom: 34px;}
  .single-product-w {margin-top: 18px;}
  .product-main-desc h1 {font-size: 22px;}
  .product-main-desc .slider-desc-w .product-slider-w .alterweb-product-slider .single-slide {height: 60vw;}
  .product-tabs .tabs .tab {padding: 14px 28px 8px;}
  .brand-pluses-w {display: block;}
  .brand-pluses-w .s-brand-pluse {width: 100%; margin-bottom: 24px;}
  .brand-pluses-w .s-brand-pluse:last-of-type {margin-bottom: 0;}
}
@media screen and (max-width:580px){
  .reviews-slder-wrapper .s-review .stars {margin: 10px 0;}
  .slider-review-wrapper {margin-bottom: 20px;}
  .btns-warpper .btn {margin-bottom: 18px;}
  .assistant-desc {margin: 28px 0 36px;}
  .product-s-desc .s-option {font-size: 12px;}
  .product-content-tab .s-content .inner-wrapper {padding: 30px 0px;}
  .popup-inner .popup-title {font-size: 18px;}
  .popup .close-btn {width: 30px; height: 30px; opacity: 1;}
  .input-wrapper .label {font-size: 12px;}
  .popup-inner .submit-wrapper {margin-top: 14px;}
  .input-wrapper .label {margin-bottom: 3px;}
  .catalog-types-tabs {margin: 34px 0 18px;}
  .catalog-types-tabs .s-t-tab.all,
  .catalog-types-tabs .s-t-tab {padding: 12px 24px; margin: 0 8px 8px 0; font-size: 13px; }
  .quiz-w .quiz-inputs label.radio,
  .quiz-w .quiz-inputs label span,
  .quiz-w .quiz-inputs .txt-input-w {width: 100%; margin-right: 0;}
  
}
@media screen and (max-width:540px){
  .site-header .bottom-row {display: none;}
  .header-top-contacts-w .phone-mode-w {display: none;}
  .burger-wrapper {display: block;}
  .header-top-menu-w {padding: 12px 0;}
  .main-top-block .title-stock-w .title-w h1 {font-size: 30px;}
  h2 {font-size: 24px; margin-bottom: 12px;}
  h3 {font-size: 18px; margin-bottom: 12px;}
  .choices-w .choice {width: 100%; margin-bottom: 20px;}
  .product-w .product-prices .old-price {font-size: 24px;}
  .product-w .product-prices .new-price {font-size: 28px;}
  .main-top-block .inner-top-block {padding-bottom: 20px;}
  .popup-inner .inputs-wrapper .side {width: 100%;}
  .pluses-w .s-pluse {margin-bottom: 10px; padding: 20px;}
  .map-contacts-w .map-w{height: 100vw;}
  .simple-block {padding: 24px 0;}
  .c-messengers-w a {width: 32px; height: 32px; margin-right: 12px;}
  .map-contacts-w .s-contact {margin-bottom: 18px;}
  .product-main-desc .messengers-links a {margin: 8px 8px 0 0;}
  .breadcrumbs span.sep {padding: 0 8px;}
  .product-tabs .tabs {flex-direction: column;}
  .product-tabs .tabs .tab {width: 100%;}
  .product-tabs .tabs .tab.active {border-color: transparent; background-color: var(--second); color: var(--white);}
  .poster-pluses-w .poster {height: 60vw;}
  .poster-pluses-w {padding: 28px 0;}
  .products .product {width: 100%; margin-bottom: 24px; padding: 27px 17px;}
  .products .product h4 {height: auto !important;}
  .reviews-slder-wrapper .s-review {padding: 20px; border: 1px solid var(--gray); border-radius: 14px;}
  h2.wave::after {width: 75%;}
  .page-banner h1 {font-size: 28px;}
  .quiz-w .single-quiz {padding: 24px; border-radius: 12px;}
  .quiz-w .quiz-inputs .txt-input-w input,
  .quiz-w .quiz-inputs label span {font-weight: normal;}
  

}
@media screen and (max-width:480px){
  .content {padding: 0 16px;}
  .main-top-block .pluses {padding: 24px; border-radius: 24px;}
  .main-top-block .stock-w {width: 100%; margin-top: 80px;}
  .main-top-block .stock-w .product-w {margin-right: 0; padding: 34px 24px 24px 24px;}
  .main-top-block .inner-top-block {padding-top: 200px;}
  .main-top-block .title-stock-w .title-w h1 {font-size: 28px;}
  .regions-business-w .regions-w .btn,
  .btn.brd,
  .btn {padding: 18px;}
  .about-w .numbers-wrapper .s-number .num {font-size: 26px;}
  .about-w .numbers-wrapper .s-number {padding: 20px;}
  .btn {width: 100%; text-align: center; justify-content: center;}
  h2.wave::after {width: 100%;}
  .solution-btns-w {column-gap: 0; flex-wrap: wrap;}
  .solution-btns-w .btn {width: 100%; margin-top: 15px;}
  .solution-banner {height: 270px;}
  .solution-banner img {height: 100%; object-fit: cover;}
  .about-w .numbers-wrapper .s-number {width: 100%; text-align: center; margin-bottom: 14px;}
  .brand-pluses-w .s-brand-pluse .icon {margin-bottom: 12px;}
}
@media screen and (max-width:414px){
  

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

}

@media screen and (max-width:360px){ 
  .fb-wrapper .girl-w img {width: 90%;}

}


@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 type{
    from { width: 0; }
}
@-webkit-keyframes type{
    from { width: 0; }
}
@keyframes shine {0% {transform: translateX(-4rem) skewX(-45deg); }  50% {transform: translateX(30rem) skewX(-45deg); }  100% {transform: translateX(30rem) skewX(-45deg); } }
@keyframes wave {0% {opacity: 1;}  50% {opacity: 0;} 100% {opacity: 1;}}
@keyframes arrowDown {0% {bottom: 30px;opacity: 1;}100% {bottom: 0px; opacity: 0;}
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 20px));
  }
}

.shine {position: relative;overflow: hidden;}
.shine::before {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: rgb(5, 178, 5);
  }
  50% {
    background-color: transparent;
  }
  to {
    background-color: rgb(5, 178, 5);
  }
}
@keyframes wave-banner {
  0%, 100% {
    width: 50%;
  }
  50% {width: 100%;}
}

@keyframes wave-banner-2 {
  0%, 100% {
    background-image: linear-gradient(90deg, rgb(125, 125, 32) 25%, rgba(125, 125, 32, 0) 60%);
  }
  50% {background-image: linear-gradient(90deg, rgb(125, 125, 32) 45%, rgba(125, 125, 32, 0) 80%);}
}