/* Start:/local/templates/landing/assets/css/style.css?1771908816136045*/
@charset "UTF-8";

@font-face {
   font-family: Inter;
   font-display: swap;
   src: url("/local/templates/landing/assets/css/../fonts/Inter-Medium.woff2") format("woff2"),
      url("/local/templates/landing/assets/css/../fonts/Inter-Medium.woff") format("woff");
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: proximanova_regular;
   font-display: swap;
   src: url("/local/templates/landing/assets/css/../fonts/proximanova_regular.woff2") format("woff2"),
      url("/local/templates/landing/assets/css/../fonts/proximanova_regular.woff") format("woff");
   font-weight: 400;
   font-style: normal;
}
@font-face {
   font-family: Soyuz-grotesk;
   font-display: swap;
   src: url("/local/templates/landing/assets/css/../fonts/Soyuz-Grotesk-Bold.woff") format("woff"),
      url("/local/templates/landing/assets/css/../fonts/Soyuz-Grotesk-Bold.otf") format("otf");
   font-weight: 400;
   font-style: normal;
}

html {
   overflow-x: hidden;
}

html:has(.modal.open) {
   overflow: hidden;
}

* {
   padding: 0;
   margin: 0;
   border: 0;
}

*,
*:before,
*:after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

:focus,
:active {
   outline: none;
}

a:focus,
a:active {
   outline: none;
}

nav,
footer,
header,
aside {
   display: block;
}

html,
body {
   height: 100%;
   width: 100%;
   font-size: 100%;
   line-height: 1;
   font-size: 14px;
   -ms-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
   font-family: inherit;
   border-radius: 0;
}

textarea {
   resize: none;
}

input::-ms-clear {
   display: none;
}

button {
   cursor: pointer;
   background-color: transparent;
}

button::-moz-focus-inner {
   padding: 0;
   border: 0;
}

a,
a:visited {
   text-decoration: none;
}

a:hover {
   text-decoration: none;
}

ul li {
   list-style: none;
}

img {
   vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: inherit;
   font-weight: unset;
}

/*--------------------*/

body.lock {
   touch-action: none;
   -ms-touch-action: none;
   -webkit-overflow-scrolling: touch;
   overflow: hidden;
}

input[type="number"] {
   -moz-appearance: textfield;
}

/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

svg path {
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.scrollbar-none {
   -ms-overflow-style: none;
   /* IE и Edge */
   scrollbar-width: none;
   /* Firefox */
}

.scrollbar-none::-webkit-scrollbar {
   display: none;
   -webkit-appearance: none;
   width: 0;
   height: 0;
   background: transparent;
}

[data-tab] {
   display: none;
}

[data-tab].active {
   display: block;
}

.collapse:not(.collapse_show) {
   display: none;
}

.wrapper {
   --padding: 120px;
}

.paragraph {
   color: rgba(0, 0, 0, 0.85);
   font-size: 16px;
   line-height: 140%;
}

.caption {
   color: rgba(0, 0, 0, 0.35);
   font-size: 12px;
   line-height: 130%;
}

.h1 {
   color: rgba(0, 0, 0, 0.85);
   font-size: 48px;
   line-height: 105%;
   letter-spacing: 0.96px;
}

.h2 {
   color: rgba(0, 0, 0, 0.85);
   font-size: 40px;
   line-height: 115%;
}

.h3 {
   color: rgba(0, 0, 0, 0.85);
   font-size: 32px;
   line-height: 120%;
}

.h4 {
   color: rgba(0, 0, 0, 0.85);
   font-size: 24px;
   line-height: 110%;
}

.h5 {
   color: rgba(0, 0, 0, 0.85);
   font-size: 20px;
   line-height: 110%;
   /* 22px */
}

.text14 {
   color: #141517;
   font-size: 14px;
   line-height: 140%;
}

.card__name {
   color: rgba(0, 0, 0, 0.85);
   font-size: 18px;
   line-height: 135%;
}

.button__name {
   color: rgba(0, 0, 0, 0.85);
   font-family: "Inter", sans-serif;
   font-size: 16px;
   font-weight: 500;
   line-height: 115%;
   /* 18.4px */
}

.btn {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 50px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 32px;
   border: 1px solid #423c39;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   font-family: "Inter", sans-serif;
   font-size: 16px;
   font-weight: 500;
   line-height: 115%;
   color: #000000d9;
}

.btn_dark {
   background-color: #423c39;
   color: #fff;
}

.btn_dark:active {
   background-color: #423c39a6 !important;
}

.btn_dark:hover {
   background-color: rgba(0, 0, 0, 0.85);
}

.btn_light {
   background-color: transparent;
   color: rgba(0, 0, 0, 0.85);
   border: 1px solid #848382;
}

.btn_light:hover {
   border: 1px solid rgba(0, 0, 0, 0.85);
}

.btn_light:active {
   border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.input {
   height: 48px;
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding-left: 18px;
   padding-right: 18px;
   border-radius: 32px;
   color: rgba(0, 0, 0, 0.85);
   font-size: 16px;
   line-height: 140%;
}

.input::-webkit-input-placeholder {
   color: rgba(0, 0, 0, 0.35);
}

.input::-moz-placeholder {
   color: rgba(0, 0, 0, 0.35);
}

.input:-ms-input-placeholder {
   color: rgba(0, 0, 0, 0.35);
}

.input::-ms-input-placeholder {
   color: rgba(0, 0, 0, 0.35);
}

.input::placeholder {
   color: rgba(0, 0, 0, 0.35);
}

.input.error {
   border: 1px solid #fb6868;
}

.section {
   margin-bottom: 120px;
}

.section__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 40px;
}

.swiper {
   position: relative;
}

.swiper-wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
}

.collapse:not(.collapse_show) {
   display: none;
}

.collapse.active {
   display: block;
}

.body {
   color: rgba(0, 0, 0, 0.65);
   font-size: 16px;
   line-height: 140%;
}

.checkbox input {
   display: none;
}

.checkbox label {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   cursor: pointer;
}

.checkbox__box {
   width: 16px;
   height: 16px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 16px;
   flex: 0 0 16px;
   border-radius: 3px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border: 1px solid rgba(0, 0, 0, 0.15);
}

.checkbox__box svg {
   opacity: 0;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.checkbox__span {
   color: rgba(0, 0, 0, 0.35);
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.checkbox:hover .checkbox__span {
   color: rgba(0, 0, 0, 0.85);
}

.checkbox input:checked + label .checkbox__box svg {
   opacity: 1;
}

.checkbox input:checked + label .checkbox__span {
   color: rgba(0, 0, 0, 0.85);
}

.radio input {
   display: none;
}

.radio label {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   cursor: pointer;
}

.radio span {
   color: rgba(0, 0, 0, 0.35);
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.radio__circle {
   width: 14px;
   height: 14px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 14px;
   flex: 0 0 14px;
   border-radius: 50%;
   position: relative;
}

.radio__circle::after {
   content: "";
   width: 18px;
   height: 18px;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   background-color: transparent;
   border: 1px solid rgba(0, 0, 0, 0.85);
   border-radius: 50%;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   opacity: 0;
}

.radio:hover span {
   color: rgba(0, 0, 0, 0.85);
}

.radio input:checked + label span {
   color: rgba(0, 0, 0, 0.85);
}

.radio input:checked + label .radio__circle::after {
   opacity: 1;
}

.wrapper {
   font-family: "proximanova_regular", sans-serif;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   min-height: 100%;
}

.main {
   padding-top: 80px;
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
}

.main.active {
   margin-top: 4px;
}

.container {
   max-width: 1440px;
   padding: 0 24px;
   margin: 0 auto;
}

.slider__btns {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 14px;
}

.slider__btn {
   cursor: pointer;
   width: 40px;
   height: 40px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 40px;
   flex: 0 0 40px;
   border-radius: 50%;
   background-color: #f7f7f7;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   position: relative;
   top: unset;
   right: unset;
   left: unset;
   bottom: unset;
   margin: 0;
}

.slider__btn::after {
   display: none;
}

.slider__btn svg {
   width: 8px;
}

.header {
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   z-index: 10;
   background-color: #f7f7f7;
}

.header__wrapper {
   height: 86px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 12px 0;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}


@media (min-width: 1024px) {
   .header__logo {
      max-width: 16vw;
   }
}

.header__logo img {
   width: 100%;
}

.header__info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 40px;
   gap: 3vw;
}
@media (max-width: 1368px) {
   .header__info {
      gap: 26px;
   }
}
@media (max-width: 1280px) {
   .header__info {
      gap: 10px;
   }
}

.header__rating {
   /*padding-top: 4px;*/
   display: flex;
   align-items: center;
}

.header__rating span {
   margin-left: 5px;
   margin-right: 2px;
   font-family: "Inter", sans-serif;
   font-size: 20px;
   font-weight: 600;
   letter-spacing: -0.04em;
   flex: 0 0 18px;
}

.header__schedule {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   /*margin-bottom: 6px;*/
}

.header__schedule p {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 4px;
   font-family: "proximanova_regular", sans-serif;
   font-size: 20px;
   font-weight: 600;
   line-height: 1.4;
}

.header__schedule span {
   font-family: "proximanova_regular", sans-serif;
   font-size: 18px;
   line-height: 1.3888888889;
}

.header__right {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 18px;
}

.header__icons {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 8px;
}

.header__icons a {
   height: 40px;
   width: 40px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 40px;
   flex: 0 0 40px;
}

.header__btns {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 18px;
   text-align: center;
}

.header__phone {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   padding: 0 30px;
   height: 56px;
   background-color: #d1e8cb;
   border-radius: 32px;
   font-family: "Inter", sans-serif;
   font-size: 17px;
   font-weight: 600;
   color: rgba(0, 0, 0, 0.85);
   white-space: nowrap;
}

.header__phone svg {
   width: 20px;
   height: 20px;
}

.header__phone svg path {
   fill: transparent;
   stroke: rgba(0, 0, 0, 0.85);
}

.header__burger {
   display: none !important;
}

.header__order {
   background-color: #d1e8cb;
   border: unset !important;
   height: 56px;
   font-family: "Inter", sans-serif;
   font-size: 17px;
   font-weight: 600;
}

.header__order .footer__icon {
   background-color: white !important;
}

.header__order span {
   margin-left: 2px;
}

.header__burger.active {
   background-color: #423c39;
}

.header__burger.active span {
   opacity: 0;
}

.header__burger.active::before,
.header__burger.active::after {
   background-color: #fff;
}

.header__burger.active::before {
   -webkit-transform: translateX(-16%) rotate(45deg) translateY(7px);
   -ms-transform: translateX(-16%) rotate(45deg) translateY(7px);
   transform: translateX(-16%) rotate(45deg) translateY(7px);
}

.header__burger.active::after {
   -webkit-transform: rotate(-45deg) translate(-13%, -9px);
   -ms-transform: rotate(-45deg) translate(-13%, -9px);
   transform: rotate(-45deg) translate(-13%, -9px);
}

.header-menu {
   display: none;
   position: fixed;
   top: 72px;
   left: 0;
   right: 0;
   height: calc(100dvh - 72px);
   background-color: white;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   translate: 100% 0;
}

.header-menu.active {
   translate: 0 0;
}

.header-menu .header__schedule,
.header-menu .header__icons {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
}

.header-menu .header__schedule p span {
   font-size: 20px;
}

.header-menu__content {
   position: relative;
   height: 100%;
   overflow: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding-top: 60px;
   padding-bottom: 36px;
   padding-left: 16px;
   padding-right: 16px;
}

.header-menu__form {
   margin-bottom: 40px;
   width: 100%;
   max-width: 366px;
}

.header-menu__form p {
   font-size: 14px;
   font-weight: 500;
   color: rgba(0, 0, 0, 0.35);
   line-height: 1.3571428571;
}

.header-menu__form p a {
   color: rgba(0, 0, 0, 0.65);
   border-bottom: 1px solid rgba(0, 0, 0, 0.65);
}

.header-menu__title {
   font-size: 20px;
   font-weight: 500;
   line-height: 1.1;
   text-align: center;
   margin-bottom: 24px;
}

.header-menu__inputs {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 8px;
}

.header-menu__inputs .input {
   background-color: #f2f2f2;
}

.header-menu__btn {
   border: 0;
   background-color: #d1e8cb;
   margin: 16px 0;
}

.header-menu__info {
   width: 100%;
   padding-top: 40px;
   border-top: 1px solid #d7d7d7;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 40px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: center;
}

.header-menu__block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
}

.header-menu__block span {
   font-size: 14px;
   line-height: 1.3571428571;
   color: #423c39a6;
}

.header-menu__block a {
   font-size: 20px;
   font-weight: 600;
   white-space: nowrap;
   color: #423c39;
}

.header-menu__cards {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [2];
   grid-template-columns: repeat(2, 1fr);
   gap: 16px;
   margin-top: 56px;
}

.header-menu__cards .sales-page__item {
   height: 283px;
   min-height: unset;
}

.header-menu__cards .sales-page__text {
   font-size: 20px;
}

.footer__upper {
   border-radius: 8px;
   background: #f4f2f0;
   margin-top: 25px;
}

.footer__row {
   padding-top: 40px;
   padding-bottom: 54px;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [4];
   grid-template-columns: repeat(4, 1fr);
}

.footer__subtitle {
   color: rgba(0, 0, 0, 0.85);
}

.footer__subtitle svg {
   display: none;
}

.footer__items {
   padding-top: 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 8px;
}

.footer__items_address {
   gap: 40px;
}

.footer-address_block {
   display: flex;
   flex-direction: column;
   gap: 15px
}

.footer-address_block__heading {
   margin-bottom: 5px;
   opacity: .7
}

.footer__link {
   color: rgba(0, 0, 0, 0.85);
   font-size: 16px;
   position: relative;
   line-height: 140%;
}

.footer__link::after {
   content: "";
   display: block;
   width: 100%;
   height: 1px;
   position: absolute;
   bottom: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.85);
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.footer__link:hover::after {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
}

.footer__address {
   color: rgba(0, 0, 0, 0.85);
   font-size: 16px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.footer__down {
   padding-bottom: 16px;
   padding-top: 40px;
   margin-top: 4px;
   border-radius: 8px 8px 0 0;
   background: var(--brown-quarternary, #f4f2f0);
}

.footer__grid {
   display: -ms-grid;
   display: grid;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -ms-grid-columns: (1fr) [4];
   grid-template-columns: repeat(4, 1fr);
   padding-bottom: 20px;
}

.footer__logo {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   height: 46px;
}

.footer__logo svg:nth-child(1) {
   width: 50px;
}

.footer__logo svg:nth-child(2) {
   width: 105px;
}

.footer__callback {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 8px;
}

.footer__callback a {
   color: #423c39;
}

.footer__actions {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 8px;
}

.footer__media {
   width: 48px;
   height: 48px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 50%;
   background-color: rgba(66, 60, 57, 0.12);
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.footer__media_phone {
   display: none;
}

.footer__media svg path {
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.footer__media:hover svg path {
   fill: rgba(0, 0, 0, 0.65);
}

.footer__media:active {
   background-color: #d7d7d7;
}

.footer__media:active svg path {
   fill: rgba(0, 0, 0, 0.65);
}

.footer__order {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 8px;
   padding: 8px;
   padding-right: 12px;
   border-radius: 32px;
   border: 1px solid rgba(0, 0, 0, 0.15);
   max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content;
   color: rgba(0, 0, 0, 0.85);
   text-align: center;
   font-family: "Inter", sans-serif;
   font-size: 14px;
   font-weight: 500;
   line-height: 115%;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.footer__order:hover {
   border: 1px solid rgba(0, 0, 0, 0.85);
}

.footer__icon {
   height: 40px;
   width: 40px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 40px;
   flex: 0 0 40px;
   border-radius: 50%;
   background-color: rgba(66, 60, 57, 0.12);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.footer__copy {
   padding-top: 20px;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [4];
   grid-template-columns: repeat(4, 1fr);
   position: relative;
}

.footer__caption {
   color: #848382;
   font-family: "Inter", sans-serif;
   font-size: 12px;
   line-height: 100%;
   white-space: nowrap;
   /* 12px */
}

.footer__caption_politics {
   text-decoration: underline;
}

.footer__caption a {
   color: rgba(0, 0, 0, 0.85);
}

.footer__oktta {
   -ms-grid-column-span: 2;
   grid-column: span 2;
   -ms-grid-column-align: end;
   justify-self: end;
}

body.lock {
   overflow: hidden;
}

.modal {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.603);
   opacity: 0;
   visibility: hidden;
   -webkit-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
   overflow-y: auto;
   overflow-x: hidden;
   cursor: pointer;
   z-index: 100;
}

.modal__content {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
   -ms-transform: translateY(-50%) translateX(-50%) scale(0);
   transform: translateY(-50%) translateX(-50%) scale(0);
   background-color: #fff;
   opacity: 0;
   -webkit-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
   cursor: default;
}

.modal__close {
   position: absolute;
   width: 32px;
   height: 32px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 32px;
   flex: 0 0 32px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   bottom: 100%;
   right: 0;
   translate: 0 -8px;
   background-color: #f4f2f0;
   border-radius: 8px;
   cursor: pointer;
}

.modal__close img,
.modal__close svg {
   width: 20px;
   height: 20px;
}

.modal.open {
   opacity: 1;
   visibility: visible;
   z-index: 9999;
}

.modal.open .modal__content {
   -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
   -ms-transform: translateY(-50%) translateX(-50%) scale(1);
   transform: translateY(-50%) translateX(-50%) scale(1);
   opacity: 1;
}

.thanks-modal__content {
   width: calc(100% - 24px);
   max-width: 790px;
   background-color: #d1e8cb;
   padding: 75px 12px;
   border-radius: 8px;
}

.thanks-modal__wrapper {
   max-width: 360px;
   margin: 0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 24px;
}

.thanks-modal__main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 24px;
   text-align: center;
}

.thanks-modal__title {
   font-size: 40px;
   font-weight: 500;
   line-height: 1.15;
   color: #423c39;
}

.thanks-modal__text {
   font-size: 16px;
   font-weight: 400;
   line-height: 1.4;
   color: #000000a6;
}

.form-modal__content {
   width: calc(100% - 80px);
   max-width: 790px;
   padding: 48px;
   border-radius: 8px;
}

.form-modal__title {
   font-size: 40px;
   font-weight: 500;
   line-height: 1.15;
   color: #423c39;
   margin-bottom: 28px;
}

.form-modal__title span {
   color: #423c39a6;
}

.form-modal__subtitle {
   margin-bottom: 28px;
   font-size: 20px;
   font-weight: 400;
   line-height: 1.3;
   color: #423c39a6;
}

.form-modal__inputs {
   margin-bottom: 16px;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [2];
   grid-template-columns: repeat(2, 1fr);
   gap: 15px;
}

.form-modal__inputs .file input {
   display: none;
}

.form-modal__inputs .file label {
   height: 50px;
   background-color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 8px;
   padding-left: 12px;
   padding-right: 12px;
   border-radius: 32px;
   font-size: 16px;
   font-weight: 500;
   line-height: 1.4;
   color: #00000059;
}

.form-modal__footer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 12px;
}

.form-modal__footer p {
   font-size: 14px;
   font-weight: 500;
   line-height: 1.4;
   color: #00000059;
}

.form-modal__footer p a {
   color: #000000a6;
   border-bottom: 1px solid #000000a6;
}

.form-modal__btn {
   background-color: #423c39;
   color: #fff;
}

.trust-modal__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
   overflow: auto;
   width: 100%;
   height: 100%;
   max-height: calc(100dvh - 124px);
}

.trust-modal__content {
   width: calc(100% - 80px);
   max-width: 795px;
   padding: 24px;
   border-radius: 8px;
   max-height: calc(100% - 100px);
}

.trust-modal__info {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
   max-width: 267px;
}

.trust-modal__info h4 {
   font-size: 24px;
   font-weight: 500;
   color: #000000d9;
}

.trust-modal__info p {
   font-size: 16px;
   line-height: 1.4;
   color: #000000a6;
}

.trust-modal__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.material-modal__content {
   width: calc(100% - 80px);
   max-width: 951px;
   border-radius: 8px;
}

.material-modal__wrapper {
   overflow: hidden;
   max-height: 624px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 24px;
   padding: 24px;
}
@media (max-width: 1368px) {
   .material-modal__wrapper {
      max-height: 80dvh;
   }
}

.material-modal__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.material-modal__title {
   font-size: 40px;
   font-weight: 500;
   line-height: 1.15;
   color: #000000d9;
}

.material-modal__read {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   font-family: "Inter", sans-serif;
   font-size: 16px;
   font-weight: 500;
   line-height: 1.15;
   padding: 0 16px;
   height: 48px;
   color: #000000 !important;
}

.material-modal__read svg {
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   rotate: 90deg;
}

.material-modal__read.active svg {
   rotate: -90deg;
}

.material-modal__text {
   font-size: 16px;
   font-weight: 400;
   line-height: 1.4;
   color: #000000a6;
}

.material-modal__text p + p {
   margin-top: 12px;
}

.material-modal__text a {
   margin-top: 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 12px;
   font-family: "Inter", sans-serif;
   font-size: 16px;
   font-weight: 500;
   line-height: 1.15;
   color: #000000d9;
}

.material-modal__main {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [2];
   grid-template-columns: repeat(2, 1fr);
   gap: 16px;
}

.material-modal__left .material-modal__card {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 10px;
   max-height: 300px;
}
@media (max-width: 568px) {
   .material-modal__left .material-modal__card {
      width: 100%;
   }
}

.material-modal__right {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [2];
   grid-template-columns: repeat(2, 1fr);
   gap: 8px;
   overflow-y: auto;
   height: 100%;
   max-height: 390px;
}
.material-modal__right::-webkit-scrollbar {
   display: none;
}

.material-modal__right .material-modal__card {
   padding: 10px;
   border: 1px solid transparent;
   border-radius: 8px;
}

.material-modal__card {
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.material-modal__card div {
   border-radius: 8px;
   /*overflow: hidden;*/
}
@media (max-width: 568px) {
   .material-modal__card div {
      width: 100% !important;
   }
}

.material-modal__card div img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.material-modal__card span {
   /*font-family: Proxima Nova;*/
   font-size: 16px;
   font-weight: 400;
   line-height: 22.4px;
   text-align: left;
   color: #000000a6;
}

.zoom-modal__content {
   width: calc(100% - 48px);
   max-width: 1392px;
   background-color: #000000d9;
   border-radius: 8px;
   min-height: 610px;
   display: flex;
   align-items: center;
}

.zoom-modal__content .modal__close {
   top: 20px;
   right: 12px;
   translate: unset;
   z-index: 100;
}

.zoom-modal__wrapper {
   height: 100%;
   max-height: calc(100dvh - 150px);
   padding-top: 36px;
   padding-bottom: 27px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   max-width: 798px;
   margin: 0 auto;
   position: relative;
}
@media (max-width: 1368px) {
   .zoom-modal__wrapper {
      max-height: unset;
   }
}

.zoom-modal__wrapper .slider__btn {
   position: absolute;
   top: 50%;
   z-index: 10;
}

.zoom-modal__wrapper .slider__btn.prev {
   left: -28px;
   translate: -100% -50%;
}

.zoom-modal__wrapper .slider__btn.next {
   right: -28px;
   translate: 100% -50%;
}

.zoom-modal__wrapper .swiper img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.zoom-modal__wrapper .swiper .swiper-slide {
   border-radius: 8px;
   cursor: pointer;
   overflow: hidden;
   aspect-ratio: 16/9;
}

.zoom-modal__wrapper .swiper.main {
   position: relative;
   width: 100%;
   padding-top: 0 !important;
   max-width: 54vw;
}
@media (max-width: 1024px) {
   .zoom-modal__wrapper .swiper.main {
      max-width: 100vw;
   }
}

.zoom-modal__wrapper .swiper.thumbs {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   margin-top: 20px;
}

.zoom-modal__wrapper .swiper.thumbs .swiper-slide {
   width: 106px;
   height: 80px;
   padding: 4px;
   border: 1px solid transparent;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
}

.zoom-modal__wrapper .swiper.thumbs .swiper-slide-thumb-active {
   border-color: #fff;
}

.hero {
   padding-top: 13px;
}

.hero .mobile {
   display: none;
}

.hero .btn {
   background-color: #bad9e5 !important;
}

.hero__wrapper {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [2];
   grid-template-columns: repeat(2, 1fr);
   gap: 30px;
}

.hero__wrapper > .hero-form__btn {
   display: none;
}

.hero__main {
   padding-top: 15px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 60px;
}

.hero__title {
   text-align: center;
   font-size: 60px;
   font-weight: 600;
   letter-spacing: -0.03em;
   text-align: center;
}

.hero__title span {
   color: #a25ae6;
}

.hero__banners {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 5px;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.hero__banners li {
   height: 44px;
   padding: 0 20px;
   white-space: nowrap;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 12px;
   border-radius: 8px;
   font-size: 22px;
   font-weight: 600;
   letter-spacing: -0.03em;
}

.hero__banners li span {
   font-weight: 600;
}

.hero__image {
   border-radius: 8px;
   overflow: hidden;
}

.hero__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}
.hero__image .tablet,
.hero__image .mobile {
   display: none;
}
@media (max-width: 992px) {
   .hero__image .dekstop {
      display: none;
   }
   .hero__image .mobile {
      display: block;
   }
}
@media (max-width: 650px) {
   .hero__image .dekstop,
   .hero__image .tablet {
      display: none;
   }
   .hero__image .mobile {
      display: block;
   }
}
.hero-form p {
   font-size: 14px;
   font-weight: 500;
   line-height: 1.3571428571;
   color: rgba(0, 0, 0, 0.35);
}

.hero-form p a {
   color: rgba(0, 0, 0, 0.65);
   border-bottom: 1px solid rgba(0, 0, 0, 0.65);
}

.hero-form__title {
   display: block;
   text-align: center;
   margin-bottom: 20px;
}

.hero-form__inputs {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   gap: 8px;
}

.hero-form__inputs .input {
   background-color: #f2f2f2;
}

.hero-form__inputs .file input {
   display: none;
}

.hero-form__inputs .file label {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 8px;
   background-color: #f2f2f2;
   height: 50px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 32px;
   font-size: 16px;
   font-weight: 500;
   color: rgba(0, 0, 0, 0.35);
}

.hero-form__capcha {
   height: 72px;
   margin: 8px 0;
   background-color: #f2f2f2;
}

.hero-form__btn {
   margin-bottom: 8px;
}

.eco {
   padding-top: 120px;
   padding-bottom: 40px;
}

.eco__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 26px;
   background-color: #f2ffee;
   padding: 36px 90px;
   border-radius: 8px;
}

.eco__main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 40px;
   font-family: Soyuz-grotesk;
   max-width: 475px;
}

.eco__title {
   font-size: 65px;
   font-weight: 700;
   letter-spacing: 0.02em;
}

.eco__subtitle {
   font-size: 24px;
   font-weight: 700;
   line-height: 1.2;
   letter-spacing: 0.02em;
}

.eco__subtitle span {
   font-size: 40px;
   display: block;
}

.eco__text {
   font-size: 24px;
   font-weight: 700;
   line-height: 28.8px;
   letter-spacing: 0.02em;
}

.eco__image {
   /*-webkit-box-flex: 0;*/
   /*-ms-flex: 0 0 410px;*/
   /*flex: 0 0 410px;*/
}

.eco__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
}

.mobile {
   display: none;
}

.features__list {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   gap: 16px;
}

.features__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 28px;
   border-radius: 8px;
   border: 1px solid #00000026;
}

.features__title {
   margin-top: 24px;
   margin-bottom: 20px;
   font-size: 28px;
   font-weight: 600;
   color: rgba(0, 0, 0, 0.85);
   line-height: 1.0714285714;
}

.features__text {
   font-size: 20px;
   line-height: 1.3;
   color: #848382;
}

.production {
   padding-top: 120px;
}

.production__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 40px;
}

.production__main {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 486px;
   flex: 0 0 486px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.production__header {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 32px;
}

.production__title {
   font-size: 50px;
   font-weight: 600;
   letter-spacing: -0.03em;
   color: rgba(0, 0, 0, 0.85);
}

.production__text {
   font-size: 20px;
   line-height: 1.3;
   color: rgba(0, 0, 0, 0.65);
}

.production__footer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 24px;
}

.production__footer.mobile {
   display: none;
}

.production__link {
   font-size: 20px;
   font-weight: 500;
   line-height: 26px;
   color: rgba(0, 0, 0, 0.85);
}

.production__link a {
   display: block;
   color: #a25ae6;
}

.production__btn {
   border: none !important;
   background-color: #423c39;
   color: #fff;
}

.production__video {
   max-width: 688px;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 688px;
   flex: 0 1 688px;
   height: 522px;
}

.production__video video {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 8px;
}

.production__video video:playing  {
   /*opacity: .5;*/
}

.production__video video[data-state="play"] {

}

.home-calc {
   padding-top: 120px;
}

.home-calc__card {
   border-radius: 8px;
   background: #f7f7f7;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 32px;
   padding: 24px;
}

.home-calc__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.home-calc__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 70px;
}

.home-calc__subtitle {
   font-size: 20px;
   text-align: center;
   width: 44px;
   height: 44px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 44px;
   flex: 0 0 44px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #fff;
   border: 1px solid #00000026;
   color: #00000026;
   border-radius: 50%;
   position: relative;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
}

.home-calc__subtitle:last-child::after {
   display: none;
}

.home-calc__subtitle::after {
   content: "";
   display: block;
   width: 70px;
   position: absolute;
   top: 50%;
   left: 100%;
   translate: 0 -50%;
   height: 1px;
   background-color: #d7d7d7;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
}

.home-calc__subtitle span img {
   position: absolute;
   left: 0;
   top: -13px;
   z-index: 1;
}

.home-calc__subtitle p {
   position: absolute;
   inset: 0;
   opacity: 0;
   pointer-events: none;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.home-calc__subtitle span {
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
}

.home-calc__subtitle.active {
   background-color: #d1e8cb;
   border-color: #d1e8cb;
}

.home-calc__subtitle.completed {
   background-color: #d1e8cb;
   border-color: #d1e8cb;
}

.home-calc__subtitle.completed::after {
   background-color: #d1e8cb;
}

.home-calc__subtitle.completed span {
   opacity: 0;
}

.home-calc__subtitle.completed p {
   opacity: 1;
}

.home-calc__subtitle.gift.active {
   background-color: #fff;
   border-color: #fff;
}

.home-calc__wrapper {
   overflow: hidden;
}

.home-calc__navigation {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 16px;
}

.home-calc__navigation .link {
   display: none;
}

.home-calc__btn {
   max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content;
   padding: 0 40px;
   cursor: pointer;
}

.calc-chars__main,
.calc-type__main,
.calc-materials__main {
   /* overflow: auto; */
   /* height: 312px; */
}

.calc-chars__card {
   height: inherit;
}

.calc-materials__card {
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
}

.calc-gifts__card {
   height: 198px !important;
}

.calc-content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-transition: 0.5s;
   -o-transition: 0.5s;
   transition: 0.5s;
}

.calc-content__wrapper {
   width: 100%;
   -webkit-box-flex: 1;
   -ms-flex: 1 0 auto;
   flex: 1 0 auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.calc-content__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
}

.calc-content__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 12px;
}
@media (max-width: 568px) {
   .calc-content__title {
      align-items: flex-start;
   }
}

.calc-content__title span {

}
@media (max-width: 568px) {
   .calc-content__title span {
      display: flex;
      flex-direction: column;
      gap: 12px;

   }
}

.calc-content__title span:first-child {
   color: rgba(0, 0, 0, 0.35);
   min-width: 60px;
}

.calc-type {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 32px;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
}

.calc-type__main {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [6];
   grid-template-columns: repeat(6, 1fr);
   gap: 16px;
   width: 100%;
   -ms-grid-row-align: center;
   align-self: center;
}
@media (max-width: 1024px) {
   .calc-type__main {
      -ms-grid-columns: (1fr) [3];
      grid-template-columns: repeat(3, 1fr);
   }
}

.calc-type__item input {
   display: none;
}

.calc-type__item input:checked + label {
   border: 1px solid rgba(0, 0, 0, 0.85);
}

.calc-type__card {
   position: relative;
   border-radius: 8px;
   border: 1px solid rgba(0, 0, 0, 0.15);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: start;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   height: 148px;
   padding: 16px;
   cursor: pointer;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.calc-type__card:hover {
   border: 1px solid rgba(0, 0, 0, 0.85);
}

.calc-type__image {
   width: 170px;
}

.calc-type__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: contain;
   object-fit: contain;
   aspect-ratio: 170/93;
}

.calc-type__title {
   font-size: 16px;
   position: absolute;
   bottom: 16px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   white-space: nowrap;
}

.calc-chars {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 32px;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
}

.calc-chars__main {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(4, 1fr);
   gap: 16px;
}

.calc-chars__main.calc-chars__main-3columns{
   grid-template-columns: repeat(3,1fr);
}

.calc-chars__card {
   padding-top: 24px;
   padding-left: 12px;
   padding-right: 12px;
   padding-bottom: 40px;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr;
   grid-template-columns: 1fr;
   -ms-grid-rows: 74px 26px 1fr;
   grid-template-rows: 74px 26px 1fr;
   justify-items: center;
   gap: 24px;
   border-radius: 8px;
   border: 1px solid rgba(66, 60, 57, 0.12);
}

.calc-chars__icon {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 5px;
   height: 74px;
}

.calc-chars__list {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr;
   grid-template-columns: 1fr;
   gap: 20px;
   -ms-grid-rows: (minmax(auto, 1fr)) [3];
   grid-template-rows: repeat(3, minmax(auto, 1fr));
   width: 100%;
}

.calc-chars__item {
   width: 100%;
}

.calc-chars__item input {
   display: none;
}

.calc-chars__item label {
   color: rgba(0, 0, 0, 0.85);
   font-family: "Inter", sans-serif;
   font-size: 16px;
   font-weight: 500;
   line-height: 115%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 100%;
   padding: 12px;
   border-radius: 32px;
   border: 1px solid rgba(0, 0, 0, 0.15);
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   text-align: center;
   cursor: pointer;
}

.calc-chars__item label:hover {
   border: 1px solid rgba(0, 0, 0, 0.85);
}

.calc-chars__item input:checked + label {
   border: 1px solid rgba(0, 0, 0, 0.85);
}

.calc-materials {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 32px;
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
}

.calc-materials__main {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [2];
   grid-template-columns: repeat(2, 1fr);
   grid-row-gap: 24px;
   grid-column-gap: 16px;
   width: 100%;
   max-width: 922px;

   grid-template-areas:
    "t1 t2"
    "t3 t3";
}

.calc-materials__main .calc-materials__card:nth-child(1) { grid-area: t1; }
.calc-materials__main .calc-materials__card:nth-child(2) { grid-area: t2; }
.calc-materials__main .calc-materials__card:nth-child(3) { grid-area: t3; }
.calc-materials__main .calc-materials__card:nth-child(3) .calc-materials__list{
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
}
.calc-materials__main .calc-materials__card:nth-child(1) .calc-materials__list{
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
}
.calc-materials__main .calc-materials__card:nth-child(2) .calc-materials__list{
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
}
@media (max-width:450px){
   .calc-materials__main .calc-materials__card:nth-child(3) ul{
      grid-template-columns: repeat(2, 1fr)!important;
   }
}
.calc-materials__card {
   padding: 20px 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
   border-radius: 8px;
   border: 1px solid rgba(0, 0, 0, 0.15);
}

.calc-materials__card input {
   display: none;
}

.calc-materials__card label {
   width: 100%;
   color: rgba(0, 0, 0, 0.85);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   font-family: "Inter", sans-serif;
   padding: 12px;
   font-weight: 500;
   line-height: 115%;
   border-radius: 32px;
   border: 1px solid rgba(0, 0, 0, 0.15);
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   /* 16.1px */
   cursor: pointer;
}

.calc-materials__card label:hover {
   border: 1px solid rgba(0, 0, 0, 0.85);
}

.calc-materials__card input:checked + label {
   border: 1px solid rgba(0, 0, 0, 0.85);
}

.calc-materials__list {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [1];
   grid-template-columns: repeat(1, 1fr);
   gap: 12px;
   width: 100%;
}
@media (max-width: 568px) {
   .calc-materials__list {
      grid-template-columns: repeat(1, 1fr);
   }
}

.calc-materials__details {
   -ms-grid-column-span: 2;
   grid-column: span 2;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px;
}

.calc-materials__grid {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [5];
   grid-template-columns: repeat(5, 1fr);
   gap: 16px;
}

.calc-materials__item:nth-child(7) {
   -ms-grid-column: 2;
   grid-column: 2;
}

.calc-materials__item input {
   display: none;
}

.calc-materials__item label {
   padding: 16px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 10px;
   height: 100%;
   border-radius: 8px;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
   border: 1px solid rgba(0, 0, 0, 0.15);
   cursor: pointer;
}

.calc-materials__item label:hover {
   border: 1px solid rgba(0, 0, 0, 0.85);
}

.calc-materials__item input:checked + label {
   border: 1px solid var(--black-primary, rgba(0, 0, 0, 0.85));
}

.calc-materials__image {
   border-radius: 50%;
   overflow: hidden;
}

.calc-materials__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.calc-materials__span {
   color: rgba(0, 0, 0, 0.65);
   text-align: center;
}

.calc-gifts__main {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [3];
   grid-template-columns: repeat(3, 1fr);
   gap: 32px;
   max-width: 953px;
}

.calc-gifts__main input {
   display: none;
}

.calc-gifts__main input:checked + label {
   border-color: rgba(0, 0, 0, 0.85);
}

.calc-gifts__card {
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 30px;
   padding-top: 30px;
   padding-bottom: 40px;
   padding-left: 18px;
   padding-right: 18px;
   border: 1px solid #423c391f;
   border-radius: 8px;
}

.calc-gifts__image {
   max-width: 100%;
}

.calc-gifts__title {
   font-size: 16px;
   line-height: 1.375;
   text-align: center;
   color: #000000d9;
}

.calc-gifts__title span {
   display: block;
   color: #00000059;
}

.calc-form {
   padding-top: 50px;
   max-width: 534px;
}

.calc-form__text {
   font-size: 20px;
   line-height: 1.3;
   text-align: center;
}

.calc-form__inputs {
   margin-top: 32px;
   margin-bottom: 16px;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [2];
   grid-template-columns: repeat(2, 1fr);
   gap: 15px;
}

.calc-form__inputs .input {
   background-color: #fff;
}

.calc-form__button {
   background-color: #423c39;
   color: #fff;
}

.calc-form p {
   margin-top: 8px;
   color: #00000059;
   font-size: 12px;
   line-height: 1.3;
   text-align: center;
}

.calc-form p a {
   color: #000000a6;
   border-bottom: 1px solid #000000a6;
}

.services {
   padding-top: 120px;
}

.services__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 40px;
}

.services__list {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [12];
   grid-template-columns: repeat(12, 1fr);
   gap: 16px;
}

.services__item {
   border-radius: 8px;
   height: 320px;
   position: relative;
   padding-left: 16px;
   padding-right: 16px;
   padding-bottom: 24px;
   padding-top: 24px;
   overflow: hidden;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}

.services__image {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 0;
}

.services__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.services__link {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px;
   background-color: #fff;
   font-size: 24px;
   font-weight: 500;
   color: rgba(0, 0, 0, 0.85);
   height: 40px;
   padding: 0 16px;
   border-radius: 8px;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   position: relative;
   z-index: 1;
}

.services__text {
   position: absolute;
   z-index: 1;
   font-size: 24px;
   font-weight: 500;
   line-height: 1.1;
   color: #fff;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   /*translate: 0 calc(100% + 44px);*/
   bottom: -110%;
}

.brends {
   padding-top: 120px;
}

.brends__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 40px;
}

.brends__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   gap: 30px;
}

.brends__header h2 {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 493px;
   flex: 0 0 493px;
}

.brends__text {
   font-size: 20px;
   line-height: 1.3;
   color: #000000a6;
}

.brends__list {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [6];
   grid-template-columns: repeat(6, 1fr);
   gap: 15px;
}

.brends__list li img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.material-card {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 10px;
}

.material-card__image {
   border-radius: 8px;
   overflow: hidden;

}

.material-card__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   aspect-ratio: 220/180;
}

.material-card__link {
   position: absolute;
   top: 10px;
   right: 10px;
   width: 32px;
   height: 32px;
   border-radius: 6px;
   background: rgba(241, 239, 236, 0.8);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.material-card__link:hover {
   background-color: #f4f2f0;
}

.material-card__link:active {
   background-color: #d7d7d7;
}

.material-card__name {
   color: rgba(0, 0, 0, 0.65);
}

.materials-section {
   padding-top: 120px;
}

.materials-section__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 40px;
}

.materials-section__content {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 32px;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}

.materials-section__btn {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   padding: 0 40px;
}

.materials-section__list {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [6];
   grid-template-columns: repeat(6, 1fr);
   -webkit-column-gap: 15px;
   -moz-column-gap: 15px;
   column-gap: 15px;
   row-gap: 32px;
}

.form {
   padding-top: 60px;
}

.form__wrapper {
   border-radius: 8px;
   background: #e8ccd1;
   padding: 32px;
   position: relative;
   overflow: hidden;
}

.form__wrapper.hidden {
   display: none !important;
}

.form__images {
   position: absolute;
   bottom: 32px;
   left: -80px;
   z-index: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 33px;
}

.form__row {
   position: relative;
   z-index: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 180px;
}

.form__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.form__title span {
   white-space: nowrap;
}

.form__title span:first-child {
   color: #423c39;
}

.form__title span:last-child {
   color: #423c39a6;
}

.form__content {
   max-width: 437px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
}

.form__description {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.form-main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 16px;
}

.form-main__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 15px;
}

.form-main__footer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 8px;
}

.form-main__input {
   width: 100%;
}

.form-main__policy a {
   color: rgba(0, 0, 0, 0.65);
   text-decoration: underline;
}

.form-thanks {
   display: none !important;
   background-color: #e8ccd1;
   gap: 250px;
}

.form-thanks.active {
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
}

.form-thanks__main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 24px;
}

.form-thanks__title {
   font-size: 40px;
   font-weight: 500;
   line-height: 1.15;
   color: #423c39;
}

.form-thanks__text {
   font-size: 16px;
   font-weight: 400;
   line-height: 1.4;
   color: #000000a6;
}

.form-thanks__images {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   gap: 100px;
}

.recomend {
   padding-top: var(--padding);
}

.recomend__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 80px;
}

.recomend__main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 60px;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 741px;
   flex: 0 1 741px;
}

.recomend__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 20px;
}

.recomend__title > span {
   font-size: 100px;
   font-weight: 500;
   line-height: 1.15;
   letter-spacing: -0.03em;
}

.recomend__title p {
   font-size: 40px;
   font-weight: 500;
   line-height: 1.15;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 12px;
}

.recomend__title p span:nth-child(2) {
   background-color: #d1e8cb;
   padding: 12px;
   border-radius: 8px;
}

.recomend__text {
   font-size: 20px;
   line-height: 1.3;
   color: #000000a6;
}

.recomend__image {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 571px;
   flex: 0 1 571px;
   border-radius: 8px;
   overflow: hidden;
}

.recomend__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.pillows {
   padding-top: var(--padding);
}

.pillows__wrapper {
   padding: 90px 70px;
   background-color: #bad9e5;
   border-radius: 8px;
   position: relative;
}

.pillows__main {
   max-width: 830px;
}

.pillows__span {
   font-size: 40px;
   font-weight: 500;
   line-height: 1.15;
   color: #000000a6;
}

.pillows__title {
   font-family: Soyuz-grotesk;
   font-size: 65px;
   font-weight: 700;
   letter-spacing: 0.02em;
   color: black;
   margin-top: 28px;
   margin-bottom: 68px;
   position: relative;
   z-index: 1;
}

.pillows__title span {
   color: white;
}

.pillows__title > img {
   height: 140px;
   width: 249px;
   position: absolute;
   bottom: -50px;
   right: 35px;
}

.pillows__image {
   z-index: 0;
   position: absolute;
   top: 100px;
   right: 70px;
}

.pillows-form {
   max-width: 530px;
}

.pillows-form__title {
   color: #000000a6;
   font-size: 20px;
   font-weight: 500;
   line-height: 1.3;
}

.pillows-form__radios {
   margin: 20px 0;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [2];
   grid-template-columns: repeat(2, 1fr);
   gap: 15px;
}

.pillows-form__radios input {
   display: none;
}

.pillows-form__radios label {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   text-align: center;
   height: 50px;
   font-size: 20px;
   font-weight: 500;
   line-height: 1.3;
   text-align: center;
   gap: 10px;
   color: #000000d9;
   border: 1px solid #000000a6;
   border-radius: 32px;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   cursor: pointer;
}

.pillows-form__radios input:checked + label {
   background-color: rgba(0, 0, 0, 0.85);
   border-color: rgba(0, 0, 0, 0.85);
   color: #fff;
}

.pillows-form__radios input:checked + label svg path {
   stroke: #fff;
}

.pillows-form__inputs {
   margin-bottom: 16px;
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [2];
   grid-template-columns: repeat(2, 1fr);
   gap: 15px;
}

.pillows-form__inputs .input {
   background-color: #fff;
}

.pillows-form__footer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
}

.pillows-form__footer p {
   font-size: 14px;
   font-weight: 500;
   line-height: 1.4;
   text-align: left;
   color: rgba(0, 0, 0, 0.35);
}

.pillows-form__footer p a {
   color: rgba(0, 0, 0, 0.65);
   border-bottom: 1px solid rgba(0, 0, 0, 0.65);
}

.pillows-form__btn {
   background-color: rgba(0, 0, 0, 0.85);
   color: #fff;
}

.process {
   padding-top: var(--padding);
}

.reviews {
   padding-top: 60px;
}

.reviews__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   margin-bottom: 40px;
}

.reviews__main .swiper-slide {
   max-width: 453px;
}

.reviews__main .swiper-slide video {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 8px;
}

.team {
   padding-top: var(--padding);
}

.team__titel {
   /*margin-bottom: 40px;*/
}

.team__main .swiper-slide {
   height: auto;
}

.team-member {
   border-radius: 8px;
   overflow: hidden;
   border: 1px solid #00000026;
}

.team-member__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   aspect-ratio: 334 / 394;
}

.team-member__main {
   padding: 16px;
   padding-bottom: 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.team-member__name {
   font-size: 20px;
   font-weight: 500;
   color: #000000d9;
}

.team-member__rang {
   font-size: 16px;
   font-weight: 500;
   line-height: 1.375;
   color: #00000059;
   display: block;
   margin-top: 16px;
   margin-bottom: 24px;
}

.team-member__stage {
   font-size: 16px;
   font-weight: 500;
   color: #000000a6;
}

.home-faq {
   padding-top: var(--padding);
}

.home-faq__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.home-faq__link {
   max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content;
   padding: 0 40px;
}

.home-faq__footer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
}

.home-faq__footer .btn {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
   padding: 0 40px;
}

.home-faq__footer p {
   font-size: 16px;
   font-weight: 500;
   line-height: 1.4;
   color: #000000a6;
}

.home-faq__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 4px;
}

.faq-item__header {
   padding: 15px 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   border-radius: 8px;
   background: #f7f7f7;
   cursor: pointer;
   gap: 25px;
}

.faq-item__header.active .faq-item__icon {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
}

.faq-item__title {
   color: rgba(0, 0, 0, 0.85);
   font-size: 18px;
   line-height: 120%;
   /* 21.6px */
}

.faq-item__icon {
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
}

.faq-item__wrapper {
   margin-top: 4px;
   padding: 15px 24px;
   border-radius: 8px;
   background: #f7f7f7;
}

.faq-item__images {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 16px;
}

.faq-item__image {
   border-radius: 8px;
   overflow: hidden;
   max-width: 195px;
}

.faq-item__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.faq-item__text {
   margin-top: 16px;
   margin-bottom: 24px;
}

.faq-item__link {
   max-width: -webkit-fit-content;
   max-width: -moz-fit-content;
   max-width: fit-content;
   padding: 0 40px;
}

.trusting {
   padding-top: var(--padding);
}

.trusting__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 40px;
}

.trusting__main {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [6];
   grid-template-columns: repeat(6, 1fr);
   gap: 15px;
}

.trusting__item {
   position: relative;
}

.trusting__item > img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.trusting__btn {
   position: absolute;
   width: 40px;
   height: 40px;
   background-color: #fff;
   bottom: 0;
   right: 0;
   z-index: 1;
   border-radius: 6px 0 0 0;
}

.trusting__btn div.left::before {
   content: "";
   display: block;
   width: 10px;
   height: 10px;
   background-color: white;
   position: absolute;
   right: 100%;
   bottom: 0;
   border-radius: 0 0 0px 0;
}

.trusting__btn div.left::after {
   content: "";
   display: block;
   width: 10px;
   height: 10px;
   background-color: #f7f7f7;
   position: absolute;
   right: 100%;
   bottom: 0;
   border-radius: 0 0 6px 0;
}

.trusting__btn div.right::before {
   content: "";
   display: block;
   width: 10px;
   height: 10px;
   background-color: white;
   position: absolute;
   right: 0;
   bottom: 100%;
   border-radius: 0 0 0px 0;
}

.trusting__btn div.right::after {
   content: "";
   display: block;
   width: 10px;
   height: 10px;
   background-color: #f7f7f7;
   position: absolute;
   right: 0;
   bottom: 100%;
   border-radius: 0 0 6px 0;
}

.trusting__btn a {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 32px;
   height: 32px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-backdrop-filter: blur(4px);
   backdrop-filter: blur(4px);
   background-color: #f7f7f7;
   border-radius: 6px;
}

.sale {
   padding-top: var(--padding);
}

.sale__wrapper {
   gap: 57px;
   padding: 70px 90px;
   position: relative;
   background-color: #f6e3fa;
   border-radius: 8px;
}

.sale__main {
   max-width: 528px;
}

.sale__main .sale__image {
   display: none;
}

.sale__title {
   font-family: Soyuz-grotesk;
   font-size: 65px;
   font-weight: 700;
   letter-spacing: 0.02em;
   color: #000000d9;
}

.sale__subtitle {
   font-family: Soyuz-grotesk;
   font-size: 40px;
   font-weight: 700;
   letter-spacing: 0.02em;
   color: #b574ea;
   display: block;
   margin-top: 40px;
   margin-bottom: 30px;
}

.sale__text {
   font-size: 20px;
   font-weight: 500;
   color: #000000a6;
   margin-bottom: 40px;
}

.sale__image {
   position: absolute;
   top: 95px;
   right: 40px;
   width: 677px;
}
@media (max-width: 568px) {
   .sale__image {
      display: flex;
      justify-content: center;
      align-items: center;
   }
}
.sale__image img {
   width: 100%;
}
@media (max-width: 568px) {
   .sale__image img {
      width: 90%;
      margin: auto;
   }
}

.sale__inputs {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 60.4166666667% 1fr;
   grid-template-columns: 60.4166666667% 1fr;
   gap: 16px;
}

.sale__inputs .file input {
   display: none;
}

.sale__inputs .file label {
   white-space: nowrap;
   height: 49px;
   border-radius: 32px;
   background-color: #fff;
   padding: 0 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   gap: 8px;
   cursor: pointer;
   font-size: 16px;
   font-weight: 500;
   text-align: left;
   color: #00000059;
}

.sale__footer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 8px;
   margin-top: 16px;
}

.sale__footer p {
   font-size: 14px;
   font-weight: 500;
   line-height: 1.4;
   color: rgba(0, 0, 0, 0.35);
}

.sale__footer p a {
   color: rgba(0, 0, 0, 0.65);
   border-bottom: 1px solid rgba(0, 0, 0, 0.65);
}

.sale__footer .btn {
   background-color: #000000d9;
   color: #fff;
}

.contacts-form {
   -ms-grid-column-span: 2;
   grid-column: span 2;
   position: relative;
   border-radius: 8px;
   background-color: #bad9e5;
   padding: 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 24px;
}

.contacts-form__images {
   position: absolute;
   right: 0;
   top: 40px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 20px;
}

.contacts-form__title {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
}

.contacts-form__title span:nth-child(1) {
   color: #423c39;
}

.contacts-form__title span:nth-child(2) {
   color: #423c39a6;
}

.contacts {
   padding-top: var(--padding);
   padding-bottom: var(--padding);
}

.contacts__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 40px;
}

.contacts__content {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: (1fr) [2];
   grid-template-columns: repeat(2, 1fr);
   gap: 16px;
}

.contacts__main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 16px;
}

.contacts__main > div:nth-child(1) {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 86.0465116279%;
   flex: 1 1 86.0465116279%;
}

.contacts__main > div:nth-child(2) {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 11.6279069767%;
   flex: 0 0 11.6279069767%;
}

.contacts__main > div:nth-child(3) {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 31.976744186%;
   flex: 1 1 31.976744186%;
   width: 220px;
   padding-right: 0;
}

.contacts__main > div:nth-child(4) {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 31.976744186%;
   flex: 1 1 31.976744186%;
   width: 220px;
   padding-right: 0;
}

.contacts__main > div:nth-child(5) {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 31.3953488372%;
   flex: 1 1 31.3953488372%;
}

.contacts__main > div:nth-child(6) {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 100%;
   flex: 1 1 100%;
}

.contacts__card {
   padding: 24px;
   border-radius: 8px;
   border: 1px solid #00000026;
}

.contacts__card:has(.header__icons) {
   padding: 18px;
}

.contacts__card:has(.header__icons) .header__icons {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 10px;
}

.contacts__icon {
   width: 48px;
   height: 48px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 48px;
   flex: 0 0 48px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   border-radius: 50%;
   background-color: #f4f2f0;
}

.contacts-address {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 24px;
}

.contacts-address__header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
}

.contacts-address__link {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   gap: 8px;
   font-family: "Inter", sans-serif;
   font-size: 16px;
   font-weight: 500;
   line-height: 1.125;
   color: #000000a6;
}

.contacts-address__link p {
   width: 24px;
   height: 24px;
   -webkit-box-flex: 0;
   -ms-flex: 0 0 24px;
   flex: 0 0 24px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   background-color: #f4f2f0;
   border-radius: 5px;
}

.contacts-address__main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.contacts-address__left {
   -webkit-box-flex: 0;
   -ms-flex: 0 1 349px;
   flex: 0 1 349px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 24px;
}

.contacts-address__right {
   text-align: right;
   white-space: nowrap;
}

.contacts-block {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 16px;
}

.contacts-block__title {
   font-size: 16px;
   line-height: 0.6875;
   color: #00000059;
}

.contacts-block__content {
   font-size: 24px;
   font-weight: 500;
   line-height: 1;
   color: #000000d9;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}

.contacts-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 24px;
}

.steps {
   padding-top: 90px;
}

.steps__wrapper {
   height: 300vh;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 64px;
}

.steps__main {
   position: sticky;
   top: 100px;
   padding-top: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 214px;
   height: 680px;
}

.steps__circle {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 450px;
   flex: 0 0 450px;
}

.steps__list {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 84px;
   height: 100%;
   position: relative;
   overflow: hidden;
}

.steps__list > li {
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   translate: 0 100%;
}

.steps-circle {
   height: -webkit-fit-content;
   height: -moz-fit-content;
   height: fit-content;
   position: relative;
   aspect-ratio: 1;
}

.steps-circle__index {
   position: absolute;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 20px;
   height: 20px;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   border: 1px solid #848382;
   font-size: 24px;
   font-weight: 500;
   text-align: center;
   border-radius: 50%;
   color: #fff;
   background-color: #fff;
   z-index: 3;
}

.steps-circle__index.active {
   width: 43px;
   height: 43px;
   background-color: #a25ae6;
   border-color: #a25ae6;
}

.steps-circle__index.index1 {
   top: 0;
   left: 50%;
   translate: -50% -50%;
}

.steps-circle__index.index2 {
   top: 50%;
   right: 0;
   translate: 50% -50%;
}

.steps-circle__index.index3 {
   bottom: 0;
   left: 50%;
   translate: -50% 50%;
}

.steps-circle__index.index4 {
   top: 50%;
   left: 0;
   translate: -50% -50%;
}

.steps-circle__img {
   position: absolute;
   top: 50%;
   left: 50%;
   translate: -50% -50%;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   width: 278px;
   aspect-ratio: 1;
   -o-object-fit: cover;
   object-fit: cover;
   border-radius: 50%;
   overflow: hidden;
   opacity: 0;
}

.steps-circle__img.active {
   opacity: 1;
}

.steps-circle .border {
   width: 100%;
   height: calc(100% - 0px);
   border-radius: 50%;
   border: 1px solid #00000026;
   position: absolute;
   inset: 0;
}

.steps-circle svg circle {
   rotate: -90deg;
   -webkit-transform-origin: center;
   -ms-transform-origin: center;
   transform-origin: center;
}

.step-item {
   opacity: 0.3;
}

.step-item__wrapper {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
}

.step-item__image {
   display: none;
}

.step-item.active {
   opacity: 1;
}

.step-item__index {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 12px;
   border-bottom: 1px solid #d7d7d7;
   padding-bottom: 20px;
}

.step-item__index span:nth-child(1) {
   font-size: 28px;
   font-weight: 600;
   color: #a25ae6;
}

.step-item__index span:nth-child(2) {
   font-size: 24px;
   font-weight: 500;
   color: #d7d7d7;
}

.step-item__main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   gap: 20px;
}

.step-item__title {
   font-size: 28px;
   font-weight: 600;
   color: #000000d9;
}

.step-item__subtitle {
   font-size: 20px;
   line-height: 1.3;
   color: #848382;
}

.step-item__btn {
   background-color: #423c39;
   color: #fff;
   width: 235px;
   margin-top: 84px;
   position: absolute;
   bottom: 0;
   height: 50px;
   opacity: 0;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
}

.sales-page__item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   border-radius: 8px;
   border: 1px solid rgba(0, 0, 0, 0.15);
   min-height: 367px;
}

.sales-page__image {
   border-radius: 8px 8px 0 0;
   overflow: hidden;
}

.sales-page__image img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
}

.sales-page__text {
   padding: 24px 16px;
   color: rgba(0, 0, 0, 0.85);
   font-size: 24px;
   line-height: 110%;
   /* 26.4px */
}
@media (max-width: 1440px) {
   .pillows__image {
      top: calc(250px - 150 * (100vw - 1024px) / 416);
      right: calc(0px + 70 * (100vw - 1024px) / 416);
   }

   .pillows__image img {
      width: calc(350px + 200 * (100vw - 1024px) / 416);
   }

   .sale__image {
      /*width: calc(367px + 110 * (100vw - 992px) / 448);*/
      top: calc(60px + 35 * (100vw - 992px) / 448);
   }

   .contacts-form__title {
      font-size: calc(27px + 5 * (100vw - 992px) / 448);
   }
}

@media (max-width: 1200px) {
   .header__schedule {
      display: none;
   }

   .form__row {
      gap: calc(30px + 150 * (100vw - 992px) / 208);
   }
}

@media (max-width: 1024px) {
   .wrapper {
      --padding: 96px;
   }

   .section__wrapper {
      gap: 32px;
   }

   .main {
      padding-top: 72px;
   }

   .container {
      padding: 0 16px;
   }

   .header__burger {
      display: block !important;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
      flex: 0 0 48px;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #423c391f;
      position: relative;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
   }

   .header__burger span {
      display: block;
      width: 14px;
      height: 2px;
      background-color: rgba(0, 0, 0, 0.85);
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      border-radius: 5px;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
   }

   .header__burger::before,
   .header__burger::after {
      content: "";
      display: block;
      display: block;
      width: 14px;
      height: 2px;
      background-color: rgba(0, 0, 0, 0.85);
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      border-radius: 5px;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
   }

   .header__burger::before {
      top: 18px;
   }

   .header__burger::after {
      bottom: 18px;
   }

   .header__wrapper {
      height: 72px;
   }

   .header__logo {
      width: 190px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 190px;
      flex: 0 0 190px;
   }

   .header__logo img,
   .header__logo svg {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
   }

   .header__rating span {
      font-size: 18px;
   }

   .header__rating img,
   .header__rating svg {
      width: 68px;
      height: 17px;
   }

   .header__icons {
      display: none;
   }

   .header__btns {
      gap: 4px;
   }

   .header__phone {
      padding-left: 12px;
      padding-right: 12px;
      font-size: 15px;
      height: 48px;
   }

   .header__order {
      height: 48px;
      font-size: 15px;
   }

   .header__order .footer__icon {
      width: 32px;
      height: 32px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
      flex: 0 0 32px;
   }

   .header__order span {
      margin: 0;
   }

   .header__order > svg {
      width: 10px;
      height: 10px;
   }

   .header-menu {
      display: block;
   }

   .form-modal__content {
      padding: 48px 24px;
   }

   .zoom-modal__content {
      width: calc(100% - 32px);
   }

   .zoom-modal__wrapper .slider__btn {
      display: none;
   }

   .zoom-modal__wrapper {
      padding: 40px 30px;
      padding-left: 12px;
      padding-right: 12px;
      max-height: unset;
      height: 100dvh;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   .zoom-modal__wrapper > div {
      height: unset !important;
   }

   .hero {
      padding-top: 32px;
   }

   .hero .desktop {
      display: none;
   }

   .hero .mobile {
      display: block;
   }

   .hero__wrapper {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 32px;
   }

   .hero__wrapper > .hero-form__btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 260px;
      margin: 0 auto;
      background-color: #bad9e5;
   }

   .hero__main {
      padding: 0;
   }

   .hero__title {
      font-size: 50px;
   }

   .hero__banners {
      display: none;
   }

   .hero-form {
      display: none;
   }

   .eco {
      padding-top: 96px;
      padding-bottom: 16px;
   }

   .eco__wrapper {
      gap: 0;
      padding: 20px 0;
      padding-right: 0;
      padding-left: 20px;
   }

   .eco__title {
      font-size: 40px;
   }

   .eco__subtitle {
      font-size: 18px;
   }

   .eco__subtitle span {
      font-size: 28px;
   }

   .eco__text {
      font-size: 18px;
   }

   .eco__image {
      -webkit-box-flex: 0;
      -ms-flex: 0 1 410px;
      flex: 0 1 410px;
   }

   .mobile {
      display: block;
   }

   .desktop {
      display: none;
   }

   .features__list {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
   }

   .features__item {
      padding: 24px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      gap: 24px;
   }

   .features__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 20px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .features__title {
      margin: 0;
      font-size: 24px;
   }

   .features__text {
      font-size: 18px;
   }

   .production {
      padding-top: 96px;
   }

   .production__wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .production__main {
      -webkit-box-flex: unset;
      -ms-flex: unset;
      flex: unset;
   }

   .production__footer {
      display: none;
   }

   .production__footer.mobile {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
   }

   .production__title {
      font-size: 44px;
   }

   .production__text {
      font-size: 18px;
   }

   .production__video {
      -webkit-box-flex: unset;
      -ms-flex: unset;
      flex: unset;
      max-width: unset;
      height: 417px;
   }

   .home-calc {
      padding-top: 96px;
   }

   .home-calc__list {
      gap: 45px;
   }

   .home-calc__subtitle {
      width: 35px;
      height: 35px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 35px;
      flex: 0 0 35px;
      font-size: 18px;
   }

   .home-calc__subtitle span img {
      width: 44px;
   }

   .calc-chars__main,
   .calc-type__main,
   .calc-materials__main {
      /* height: 392px; */
   }

   .calc-type {
      gap: 24px;
   }

   .calc-type__main {
      -ms-grid-columns: (1fr) [3];
      grid-template-columns: repeat(3, 1fr);
   }

   .calc-chars {
      gap: 24px;
   }

   .calc-chars__main {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .calc-chars__card {
      padding-bottom: 24px;
      gap: 16px;
   }

   .calc-chars__list {
      gap: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .calc-materials {
      gap: 24px;
   }

   .calc-materials__card {
      padding: 16px;
   }

   .calc-materials__list label {
      padding: 12px 6px;
   }

   .calc-materials__grid {
      -ms-grid-columns: (1fr) [4];
      grid-template-columns: repeat(4, 1fr);
   }

   .calc-materials__item:nth-child(7) {
      grid-column: unset;
   }

   .calc-materials__item:nth-child(9) {
      -ms-grid-column: 2;
      grid-column: 2;
   }

   .calc-gifts__main {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
   }

   .calc-gifts__main li:nth-child(3) {
      -ms-grid-column-span: 2;
      grid-column: span 2;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
      margin: 0 auto;
   }

   .services__wrapper {
      gap: 24px;
   }

   .services__list {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
   }

   .services__item {
      grid-column: unset !important;
      height: 290px;
   }

   .services {
      padding-top: 96px;
   }

   .brends {
      padding-top: 96px;
   }

   .brends__header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
   }

   .brends__header h2 {
      -webkit-box-flex: unset;
      -ms-flex: unset;
      flex: unset;
   }

   .brends__text {
      font-size: 18px;
   }

   .brends__list {
      -ms-grid-columns: (1fr) [3];
      grid-template-columns: repeat(3, 1fr);
   }

   .materials-section {
      padding-top: 96px;
   }

   .materials-section__content {
      gap: 40px;
   }

   .materials-section__list {
      -ms-grid-columns: (1fr) [3];
      grid-template-columns: repeat(3, 1fr);
   }

   .form__wrapper {
      padding: 24px;
   }

   .form__row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 12px;
   }

   .form__images {
      bottom: unset;
      top: 80px;
      left: unset;
      right: -100px;
   }

   .form__content {
      max-width: unset;
   }

   .form-thanks {
      padding: 42px 24px;
      gap: unset;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      gap: 64px;
   }

   .form-thanks .mater {
      display: none;
   }

   .form-thanks__main {
      gap: 24px;
   }

   .recomend__wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 40px;
   }

   .recomend__image,
   .recomend__main {
      -webkit-box-flex: unset;
      -ms-flex: unset;
      flex: unset;
   }

   .recomend__main {
      gap: 40px;
   }

   .recomend__text {
      font-size: 18px;
   }

   .pillows__title > img {
      height: 107px;
      width: 220px;
   }

   .pillows__wrapper {
      padding: 50px 40px;
   }

   .pillows__span {
      font-size: 32px;
   }

   .pillows__main {
      max-width: unset;
   }

   .pillows__title h2 {
      font-size: 52px;
   }

   .pillows__image {
      margin-bottom: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: relative;
      top: unset;
      right: unset;
   }

   .pillows__image img {
      width: unset;
      max-width: 100%;
      -o-object-fit: contain;
      object-fit: contain;
   }

   .pillows-form {
      max-width: unset;
   }

   .reviews {
      padding-top: 50px;
   }

   .reviews__header {
      margin-bottom: 24px;
   }

   .reviews__main .swiper {
      margin-left: -12px;
      margin-right: -12px;
      padding-left: 12px;
      padding-right: 12px;
      width: 100vw;
   }

   .team__titel {
      /*margin-bottom: 24px;*/
   }

   .team__main .swiper {
      margin-left: -16px;
      margin-right: -16px;
      padding: 0 16px;
      width: 100vw;
   }

   .team__main .swiper-slide {
      max-width: 297px;
   }

   .trusting__main {
      -ms-grid-columns: (1fr) [3];
      grid-template-columns: repeat(3, 1fr);
   }

   .sale__image {
      display: none;
   }

   .sale__wrapper {
      padding: 50px 40px;
      padding-bottom: 65px;
   }

   .sale__main {
      max-width: unset;
      -webkit-box-flex: unset;
      -ms-flex: unset;
      flex: unset;
   }

   .sale__main .sale__image {
      margin-bottom: 40px;
      width: unset;
      top: unset;
      right: unset;
      display: flex;
      position: relative;
      max-width: 550px;
   }

   .sale__title {
      font-size: 52px;
   }

   .sale__subtitle {
      font-size: 40px;
      margin-top: 40px;
      margin-bottom: 24px;
   }

   .sale__text {
      font-size: 20px;
      margin-bottom: 40px;
   }

   .sale__inputs {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      gap: 16px;
   }

   .sale__inputs li:nth-child(1) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 48.7804878049%;
      flex: 0 0 48.7804878049%;
   }

   .sale__inputs li:nth-child(2) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 48.7804878049%;
      flex: 0 0 48.7804878049%;
   }

   .sale__inputs li:nth-child(3) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 68.1402439024%;
      flex: 0 0 68.1402439024%;
   }

   .sale__inputs li:nth-child(4) {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 29.4207317073%;
      flex: 0 0 29.4207317073%;
   }

   .contacts-form__title {
      font-size: 32px;
   }

   .contacts__content {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 16px;
   }

   .contacts .header__icons {
      display: -webkit-box !important;
      display: -ms-flexbox !important;
      display: flex !important;
   }

   .contacts__map {
      height: 613px;
   }

   .steps {
      padding-top: 66px;
   }

   .steps {
      padding-top: 34px;
   }

   .steps__circle {
      display: none;
   }

   .steps__main {
      height: unset;
      position: unset;
      padding: 0;
   }

   .steps__wrapper {
      height: unset;
      gap: 60px;
   }

   .steps__list li {
      opacity: 1;
      translate: unset;
   }

   .step-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 41px;
   }

   .step-item__wrapper {
      gap: 16px;
   }

   .step-item__image {
      display: block;
      width: 150px;
      /*height: 150px;*/
      border-radius: 50%;
   }

   .step-item__image.mobile {
      display: none;
   }

   .step-item__index span:nth-child(1) {
      font-size: 24px;
   }

   .step-item__index span:nth-child(2) {
      font-size: 20px;
   }

   .step-item__index {
      padding-bottom: 16px;
   }

   .step-item__title {
      font-size: 24px;
   }

   .step-item__subtitle {
      font-size: 18px;
   }

   .step-item__btn {
      position: unset;
      bottom: unset;
      opacity: 1;
      margin-top: 0;
      width: 100%;
   }
}

@media (max-width: 820px) {
   .section {
      margin-bottom: 96px;
   }

   .footer__copy {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
   }

   .footer__oktta {
      position: absolute;
      bottom: 0;
      right: 0;
   }

   .footer__grid {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
      grid-row-gap: 40px;
   }

   .footer__row {
      padding-bottom: 40px;
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
      grid-row-gap: 40px;
   }

   .footer__items {
      padding-top: 16px;
   }

   .calc-type__card {
      height: 120px;
   }

   .calc-type__title {
      bottom: 10px;
   }

   .calc-type__image {
      width: 120px;
   }

   .calc-materials__details {
      grid-column: unset;
   }

   .calc-materials__main {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      grid-row-gap: unset;
      grid-column-gap: unset;
      gap: 16px;
   }

   .calc-gifts__main {
      gap: 12px;
   }

   .calc-gifts__main li:nth-child(3) {
      -ms-grid-column-span: 2;
      grid-column: span 2;
      width: 100%;
      margin: unset;
   }

   .calc-gifts__card {
      gap: 16px;
   }

   .form__images {
      gap: 22px;
   }

   .form__image:nth-child(1) svg {
      width: 128px;
      height: 49px;
   }

   .form__image:nth-child(2) svg {
      width: 160px;
      height: 49px;
   }
}

@media (max-width: 650px) {
   .wrapper {
      --padding: 64px;
   }

   .paragraph {
      font-size: 14px;
   }

   .caption {
      font-size: 10px;
   }

   .h1 {
      font-size: 32px;
   }

   .h2 {
      font-size: 28px;
   }

   .h3 {
      font-size: 24px;
   }

   .h4 {
      font-size: 18px;
   }

   .card__name {
      font-size: 16px;
   }

   .button__name {
      font-size: 14px;
   }

   .section {
      margin-bottom: 64px;
   }

   .section__wrapper {
      gap: 24px;
   }

   .main {
      padding-top: 62px;
   }

   .container {
      padding: 0 12px;
   }

   .header__burger span,
   .header__burger::before,
   .header__burger::after {
      width: 11px;
   }

   .header__burger::before {
      top: 35%;
   }

   .header__burger::after {
      bottom: 35%;
   }

   .header__wrapper {
      height: 62px;
   }

   .header__order {
      display: none;
   }

   .header__logo {
      width: 129px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 129px;
      flex: 0 0 129px;
   }

   .header__rating span {
      font-size: 12px;
   }

   .header__rating svg,
   .header__rating img {
      width: 44px;
      height: 12px;
   }

   .header__rating {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }

   .header__rating span {
      display: block;
      width: 18px;
      margin: 0;
      margin-left: 2px;
      margin-right: 2px;
   }

   .header__phone {
      height: 32px;
      font-size: 12px;
      padding: 0 10px;
   }

   .header__phone svg,
   .header__phone img {
      display: none;
   }

   .header__burger.active::before {
      -webkit-transform: translateX(1%) rotate(45deg) translateY(7px);
      -ms-transform: translateX(1%) rotate(45deg) translateY(7px);
      transform: translateX(1%) rotate(45deg) translateY(7px);
   }

   .header__burger.active::after {
      -webkit-transform: rotate(-45deg) translate(16%, -8px);
      -ms-transform: rotate(-45deg) translate(16%, -8px);
      transform: rotate(-45deg) translate(16%, -8px);
   }
   .header__burger span,
   .header__burger::before,
   .header__burger::after {
      height: 1px;
   }

   .header__burger.active::after {
      -webkit-transform: rotate(-45deg) translate(20%, -9px);
      -ms-transform: rotate(-45deg) translate(20%, -9px);
      transform: rotate(-45deg) translate(20%, -9px);
   }
   .header__burger {
      width: 32px;
      height: 32px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
      flex: 0 0 32px;
   }

   .header__burger::before {
      top: 11px;
   }

   .header__burger::after {
      bottom: 11px;
   }

   .header__burger span {
      height: 1px;
      width: 11px;
   }

   .header__burger::before,
   .header__burger::after {
      height: 1px;
      width: 11px;
   }

   .header__burger.active::before {
      -webkit-transform: rotate(45deg) translate(-21%, 3px);
      -ms-transform: rotate(45deg) translate(-21%, 3px);
      transform: rotate(45deg) translate(-21%, 3px);
      -webkit-transform-origin: left;
      -ms-transform-origin: left;
      transform-origin: left;
   }

   .header__burger.active::after {
      -webkit-transform: rotate(-45deg) translate(-18%, -3px);
      -ms-transform: rotate(-45deg) translate(-18%, -3px);
      transform: rotate(-45deg) translate(-18%, -3px);
      -webkit-transform-origin: left;
      -ms-transform-origin: left;
      transform-origin: left;
   }
   .header-menu {
      top: 62px;
      height: calc(100dvh - 62px);
   }

   .header-menu__cards {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 12px;
   }

   .header-menu__content {
      padding-top: 36px;
      padding-bottom: 16px;
   }

   .header-menu__form {
      margin-bottom: 30px;
   }

   .header-menu__info {
      padding-top: 30px;
      gap: 36px;
   }

   .footer__down {
      padding-bottom: 12px;
      padding-top: 32px;
   }

   .footer__copy {
      padding-top: 12px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 16px;
   }

   .thanks-modal__wrapper {
      gap: 20px;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
   }

   .thanks-modal__main {
      gap: 20px;
   }

   .thanks-modal__content {
      padding: 150px 12px;
   }

   .thanks-modal__image img {
      width: 179px;
   }

   .thanks-modal__title {
      font-size: 32px;
   }

   .thanks-modal__text {
      font-size: 14px;
   }

   .form-modal__content {
      width: calc(100% - 24px);
      padding: 48px 12px;
   }

   .form-modal__title {
      font-size: 32px;
   }

   .form-modal__subtitle {
      font-size: 16px;
   }

   .form-modal__inputs {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 8px;
   }

   .form-modal__inputs li {
      grid-column: unset !important;
   }

   .trust-modal__content {
      width: calc(100% - 24px);
      padding: 24px 12px;
   }

   .trust-modal__info {
      gap: 16px;
   }

   .trust-modal__info h4 {
      font-size: 20px;
   }

   .trust-modal__info p {
      font-size: 14px;
   }

   .trust-modal__wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 20px;
   }

   .material-modal__content {
      width: calc(100% - 24px);
      top: 52%;
   }

   .material-modal__wrapper {
      max-height: calc(100dvh - 50px);
      padding: 24px 12px;
   }

   .material-modal__header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 16px;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
   }

   .material-modal__title {
      font-size: 32px;
   }

   .material-modal__read {
      padding-left: 0;
      padding-right: 0;
   }

   .material-modal__text {
      font-size: 14px;
   }

   .material-modal__text a {
      font-size: 16px;
   }

   .material-modal__main {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 20px;
   }

   .material-modal__left {
      -webkit-box-shadow: 0px 8px 20px 0px #0000001a;
      box-shadow: 0px 8px 20px 0px #0000001a;
      margin-left: -12px;
      margin-right: -12px;
      padding: 12px;
   }

   .zoom-modal__content {
      width: calc(100% - 24px);
      border-radius: 0;
      width: 100vw;
   }

   .zoom-modal__wrapper .swiper.thumbs .swiper-slide {
      width: 78px;
      height: 60px;
   }

   .zoom-modal__wrapper .swiper.thumbs {
      margin-top: 40px;
   }

   .hero {
      padding-top: 20px;
   }

   .hero__wrapper > .hero-form__btn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      width: 100%;
   }

   .hero__title {
      font-size: 35px;
   }

   .eco {
      padding-top: 60px;
      padding-bottom: 12px;
   }

   .eco__wrapper {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 32px;
      padding: 32px 12px;
   }

   .eco__image {
      -webkit-box-flex: unset;
      -ms-flex: unset;
      flex: unset;
   }

   .eco__main {
      gap: 30px;
   }

   .eco__title {
      font-size: 44px;
   }

   .features__list {
      gap: 12px;
   }

   .features__item {
      padding: 12px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .features__text {
      font-size: 16px;
   }

   .production {
      padding-top: 64px;
   }

   .production__title {
      font-size: 32px;
   }

   .production__text {
      font-size: 16px;
   }

   .production__video {
      height: 208px;
   }

   .production__footer {
      gap: 24px;
   }

   .home-calc {
      padding-top: 64px;
   }

   .home-calc__list {
      gap: 30px;
   }

   .home-calc__subtitle {
      width: 27px;
      height: 27px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 27px;
      flex: 0 0 27px;
      font-size: 14px;
   }

   .home-calc__subtitle span img {
      width: 37px;
      left: -2px;
   }

   .calc-chars__main,
   .calc-type__main,
   .calc-materials__main {
      /* height: 516px; */
   }

   .calc-materials__grid {
      -ms-grid-columns: (1fr) [4];
      grid-template-columns: repeat(4, 1fr);
   }

   .calc-form {
      padding-left: 12px;
      padding-right: 12px;
   }

   .calc-form__inputs {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 15px;
   }

   .calc-form__text {
      font-size: 16px;
   }

   .services__list {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
   }

   .services {
      padding-top: 64px;
   }

   .brends {
      padding-top: 64px;
   }

   .brends__wrapper {
      gap: 24px;
   }

   .brends__text {
      font-size: 16px;
   }

   .brends__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: 8px;
      overflow: auto;
      margin-left: -12px;
      margin-right: -12px;
      padding-left: 12px;
      padding-right: 12px;
      width: 100vw;
   }

   .brends__list li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 165px;
      flex: 0 0 165px;
      width: 165px;
   }

   .materials-section {
      padding-top: 64px;
   }

   .materials-section__wrapper {
      gap: 24px;
   }

   .materials-section__content {
      gap: 24px;
   }

   .materials-section__list {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
      -webkit-column-gap: 8px;
      -moz-column-gap: 8px;
      column-gap: 8px;
      row-gap: 24px;
   }

   .form {
      padding-top: 32px;
   }

   .form__images {
      display: none;
   }

   .form-thanks {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 130px 12px !important;
      gap: 20px;
      text-align: center;
   }

   .form-thanks__main {
      gap: 20px;
   }

   .form-thanks__title {
      font-size: 32px;
   }

   .form-thanks__text {
      font-size: 14px;
   }

   .form-thanks__images img {
      width: 176px;
   }

   .recomend__main {
      gap: 24px;
   }

   .recomend__title {
      gap: 12px;
   }

   .recomend__title > span {
      font-size: 45px;
   }

   .recomend__title p {
      font-size: 20px;
   }

   .recomend__title p span:nth-child(2) {
      padding: 8px;
   }

   .recomend__text {
      font-size: 16px;
   }

   .pillows__title > img {
      bottom: -80px;
      width: 189px;
      height: 90px;
   }

   .pillows__wrapper {
      margin-left: -12px;
      margin-right: -12px;
      padding: 32px 12px;
      width: 100vw;
   }

   .pillows__span {
      font-size: 20px;
   }

   .pillows__title {
      margin-top: 20px;
      margin-bottom: 74px;
   }

   .pillows__title h2 {
      font-size: 44px;
   }

   .pillows__image {
      margin-bottom: 32px;
   }

   .pillows-form__title {
      font-size: 16px;
   }

   .pillows-form__radios {
      margin-bottom: 8px;
   }

   .pillows-form__radios label {
      height: 44px;
      font-size: 16px;
   }

   .pillows-form__inputs {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 8px;
      margin-bottom: 12px;
   }

   .pillows-form__footer {
      gap: 12px;
   }

   .pillows-form__footer p {
      font-size: 14px;
   }

   .reviews__main .swiper-slide {
      max-width: 360px;
   }

   .team__main .swiper {
      margin-left: -12px;
      margin-right: -12px;
      padding: 0 12px;
   }

   .home-faq__link {
      display: none;
   }

   .home-faq__footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
   }

   .home-faq__footer p {
      font-size: 14px;
   }

   .home-faq__footer .btn {
      width: 100%;
   }

   .trusting__wrapper {
      gap: 24px;
   }

   .trusting__main {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
      gap: 8px;
   }

   .sale__wrapper {
      margin-left: -12px;
      margin-right: -12px;
      width: 100vw;
      padding: 32px 12px;
   }

   .sale__title {
      font-size: 44px;
   }

   .sale__subtitle {
      font-size: 32px;
      margin: 24px 0;
   }

   .sale__text {
      font-size: 16px;
      margin-bottom: 24px;
   }

   .sale__image {
      margin-bottom: 24px;
   }

   .sale__inputs {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: 8px;
   }

   .sale__footer {
      margin-top: 12px;
      gap: 12px;
   }

   .sale__footer p {
      font-size: 14px;
   }

   .contacts__wrapper {
      gap: 24px;
   }

   .contacts__main {
      gap: 12px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .contacts__main > div {
      -webkit-box-flex: unset !important;
      -ms-flex: unset !important;
      flex: unset !important;
      width: 100% !important;
   }

   .contacts .header__icons {
      -webkit-box-orient: horizontal !important;
      -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
      flex-direction: row !important;
      gap: 16px;
   }

   .contacts__card {
      padding: 12px;
   }

   .contacts__map {
      height: 320px;
   }

   .contacts-address__main {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 32px;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
   }

   .contacts-address__right {
      font-size: 14px;
      text-align: left;
   }

   .contacts-address__left {
      -webkit-box-flex: unset;
      -ms-flex: unset;
      flex: unset;
   }

   .contacts-block {
      gap: 16px;
   }

   .contacts-block__title {
      font-size: 14px;
   }

   .contacts-block__content {
      font-size: 20px;
   }

   .steps__wrapper,
   .steps__list {
      gap: 40px;
   }

   .step-item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 24px;
   }

   .step-item__image {
      width: 100%;
      /*height: 120px;*/
      border-radius: 8px;
   }

   .step-item__image.mobile {
      display: block;
   }

   .step-item__image.desktop {
      display: none;
   }

   .sales-page__item {
      min-height: 324px;
   }

   .sales-page__text {
      padding-right: 24px;
   }
}

@media (max-width: 600px) {
   .contacts-form__images {
      display: none;
   }
}

@media (max-width: 550px) {
   /* .header__burger span,
   .header__burger::before,
   .header__burger::after {
      height: 1px;
   }

   .header__burger.active::after {
      -webkit-transform: rotate(-45deg) translate(20%, -9px);
      -ms-transform: rotate(-45deg) translate(20%, -9px);
      transform: rotate(-45deg) translate(20%, -9px);
   } */

   .home-calc__subtitle {
      padding: 4px 12px;
   }

   .home-calc__card {
      padding: 24px 12px;
      gap: 24px;
   }

   .home-calc__navigation {
      padding: 24px 12px;
      padding-bottom: 0;
      gap: 12px;
      margin-left: -12px;
      margin-right: -12px;
      -webkit-box-shadow: 0px -4px 10px 0px #0000000d;
      box-shadow: 0px -4px 10px 0px #0000000d;
   }

   .home-calc__btn {
      max-width: unset;
   }

   .calc-type__main {
      width: 100%;
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
      gap: 8px;
   }

   .calc-type__card {
      width: unset;
      height: calc(104px + 16 * (100vw - 390px) / 160);
   }

   .calc-type__title {
      bottom: 12px;
   }

   .calc-type__image {
      width: calc(80px + 40 * (100vw - 320px) / 230);
   }

   .calc-materials__grid {
      -ms-grid-columns: (1fr) [3];
      grid-template-columns: repeat(3, 1fr);
   }

   .calc-materials__item:nth-child(9) {
      grid-column: unset;
   }

   .calc-materials__item:nth-child(10) {
      -ms-grid-column: 2;
      grid-column: 2;
   }

   .form__wrapper {
      padding: 32px 12px;
   }

   .form-main__header {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
   }

   .contacts-form {
      padding: 12px;
   }

   .contacts-form__title {
      font-size: calc(22px + 2 * (100vw - 390px) / 160);
   }

   .hero__title {
      font-size: 9vw;
   }
}

@media (max-width: 450px) {
   /* .header__burger {
      width: 32px;
      height: 32px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 32px;
      flex: 0 0 32px;
   }

   .header__burger::before {
      top: 11px;
   }

   .header__burger::after {
      bottom: 11px;
   }

   .header__burger span {
      height: 1px;
      width: 11px;
   }

   .header__burger::before,
   .header__burger::after {
      height: 1px;
      width: 11px;
   }

   .header__burger.active::before {
      -webkit-transform: rotate(45deg) translate(-21%, 3px);
      -ms-transform: rotate(45deg) translate(-21%, 3px);
      transform: rotate(45deg) translate(-21%, 3px);
      -webkit-transform-origin: left;
      -ms-transform-origin: left;
      transform-origin: left;
   }

   .header__burger.active::after {
      -webkit-transform: rotate(-45deg) translate(-18%, -3px);
      -ms-transform: rotate(-45deg) translate(-18%, -3px);
      transform: rotate(-45deg) translate(-18%, -3px);
      -webkit-transform-origin: left;
      -ms-transform-origin: left;
      transform-origin: left;
   } */

   .footer__logo {
      margin-bottom: 8px;
   }

   .footer__order {
      display: none;
   }

   .footer__media_phone {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
   }

   .footer__media_phone svg {
      width: 20px;
      height: 20px;
   }

   .footer__grid {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: start;
      grid-row-gap: unset;
      gap: 24px;
   }

   .footer__row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 0;
      padding-top: 13px;
      padding-bottom: 0;
   }

   .footer__subtitle {
      padding-top: 20px;
      padding-bottom: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
   }

   .footer__subtitle.active svg {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
   }

   .footer__subtitle svg {
      display: block;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s;
   }

   .footer__item {
      position: relative;
   }

   .footer__item:last-child::after {
      display: none;
   }

   .footer__item::after {
      content: "";
      display: block;
      width: 100vw;
      height: 1px;
      position: absolute;
      bottom: 0;
      left: -12px;
      background-color: rgba(0, 0, 0, 0.15);
   }

   .footer__items {
      padding-top: 0;
      padding-bottom: 20px;
      gap: 4px;
   }

   .footer__items_address {
      gap: 12px;
   }

   .material-modal__wrapper {
      overflow: hidden;
   }

   .material-modal__right {
      overflow: auto;
      /*height: calc(168px - 128 * (100vw - 510px) / 130);*/
      /*height: 40%;*/
      height: 21dvh;
   }

   .calc-materials__list label {
      text-align: center;
      width: 100%;
   }

   .calc-materials__image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 62px;
      flex: 0 0 62px;
      height: 62px;
      width: 62px;
   }

   .calc-materials__item label {
      padding: 12px;
   }

   .faq-item__link {
      max-width: unset;
   }
   .calc-type__title {
      font-size: calc(12px + 2 * (100vw - 360px) / 70);
   }
}

@media (max-width: 390px) {
   .home-calc__subtitle {
      font-size: calc(11px + 3 * (100vw - 320px) / 70);
   }

   .calc-type__card {
      height: 104px;
   }

   .calc-type__title {
      font-size: calc(12px + 2 * (100vw - 360px) / 70);
   }

   .form__title span {
      white-space: wrap;
   }

   .contacts-form__title {
      font-size: calc(17px + 5 * (100vw - 320px) / 70);
   }
}

@media (max-width: 375px) {
   .header__rating {
      display: none;
   }

   .calc-materials__grid {
      -ms-grid-columns: (1fr) [2];
      grid-template-columns: repeat(2, 1fr);
   }

   .calc-materials__item:nth-child(10) {
      grid-column: unset;
   }
}

@media (hover: hover) {
   .material-modal__right .material-modal__card:hover {
      border-color: #000000a6;
   }

   .services__item:hover .services__link {
      opacity: 0;
      pointer-events: none;
   }

   .services__item:hover .services__text {
      /*translate: 0 0;*/
      bottom: 24px;
   }
}

.examples {
   padding-top: var(--padding);
}
.examples__wrapper {
}
.examples__header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 40px;
}
.examples__list {
   display: none;
}
.examples__main .swiper {
   margin-bottom: 40px;
   /*margin-left: calc((100vw - 1360px) / -2);*/
   /*margin-right: calc((100vw - 1360px) / -2);*/
   /*padding-right: calc((100vw - 1360px) / 2);*/
   /*padding-right: calc((100vw - 1360px) / 2);*/
   /*width: 100vw;*/
   /*overflow: visible;*/
}
.examples__main .swiper-slide {
   /*height: 418px;*/
   width: 570px;
}
@media (max-width: 768px) {
   .examples__main .swiper-slide {
      width: auto;
   }
}
.examples__main .swiper-slide:nth-child(2n) {
   /*background-color: red;*/
}
.examples__main .swiper-slide:nth-child(2n + 1) {
   /*background-color: lightblue;*/
}
.examples__btn {
   background-color: #423c39;
   color: white;
   width: fit-content;
   padding: 0 40px;
   margin: 0 auto;
}
@media (max-width: 1440px) {
   .examples__main .swiper {
      margin-left: -24px;
      margin-right: -24px;
      padding-right: 24px;
      padding-right: 24px;
   }
}
@media (max-width: 992px) {
   .examples__main .swiper {
      margin-left: -16px;
      margin-right: -16px;
      padding-right: 16px;
      padding-right: 16px;
   }
}
@media (max-width: 768px) {
   .examples__list {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 24px;
   }
   .examples .slider__btns {
      display: none;
   }
   .examples .swiper {
      display: none;
      margin: 0;
      padding: 0;
      width: unset;
   }
   .examples__main {
      margin-bottom: 32px;
      padding: 0 12px;
   }
   .examples__btn {
      width: calc(100% - 24px);
      margin: 0 12px;
   }
   .examples__main .swiper-slide {
      width: unset !important;
      /*height: 338px !important;*/
   }
   .examples .swiper-wrapper {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
   }
}

.examples-more {
   padding-top: var(--padding);
}
.examples-more__wrapper {
}
.examples-more__header {
}
.examples-more__main {
   margin-top: 40px;
   margin-bottom: 50px;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   column-gap: 16px;
   row-gap: 40px;
}
.examples-item {
   background-color: #f7f7f7;
   border-radius: 8px;
   overflow: hidden;
}
.examples-item__gallery {
   /*height: 328px;*/
   /*background-color: red;*/
   position: relative;
}
.examples-item__gallery a.zoom-btn{
   position:absolute;
   bottom:15px;
   right:15px;
   cursor:pointer;
}
.examples-item__main {
   padding: 24px;
   padding-bottom: 16px;
   display: flex;
   flex-direction: column;
   gap: 24px;
}
.examples-item__title {
   font-size: 24px;
   font-weight: 500;
   color: #000000d9;
}
.examples-item__list {
   display: flex;
   flex-direction: column;
   gap: 8px;
}
.examples-item__list li {
   display: flex;
   justify-content: space-between;
   gap: 12px;
   align-items: flex-start;
   padding-bottom: 8px;
   border-bottom: 1px solid #423c391f;
   font-size: 16px;
   font-weight: 500;
   line-height: calc(22 / 16);
}
.examples-item__list li p {
   display: flex;
   align-items: center;
   gap: 6px;
   color: #848382;
}
.examples-item__list li > span {
   color: #000000d9;
   text-align: right;
}
.examples-item__list li:last-child {
   border: 0;
}
.exampels-more__btn {
   padding: 0 40px;
   width: fit-content;
   margin: 0 auto;
}
@media (max-width: 992px) {
   .examples-more__main {
      grid-template-columns: 1fr;
      gap: 32px;
      margin: 40px 0;
   }
   .examples-item__main {
      padding-bottom: 33px;
   }
}
@media (max-width: 992px) {
   .examples-more__main {
      gap: 24px;
      margin: 24px 0;
   }
   .examples-item__main {
      padding: 12px;
      padding-top: 20px;
   }
   .examples-item__list li {
   }
}
.production__btn:hover,
.examples__btn:hover,
.step-item__btn:hover {
   background-color: #000000d9;
}
.header__order:hover,
.header__phone:hover,
.header__phone:hover {
   background-color: #b8d4b0;
}
.slider__btn {
   transition: 0.4s;
}
.slider__btn svg path {
   transition: 0.4s;
}
.slider__btn:hover {
   background-color: #848382;
}
.slider__btn:hover svg path {
   stroke: white;
}
.materials-section__btn,
.home-faq__footer .btn,
.exampels-more__btn {
   border-color: #848382;
}
.materials-section__btn:hover,
.home-faq__footer .btn:hover,
.exampels-more__btn:hover {
   border-color: #000000d9;
}
@media (max-width: 450px) {
   .header__logo {
      width: 129px;
      -webkit-box-flex: 0;
      /*-ms-flex: 1 1 129px;*/
      /*flex: 1 1 129px;*/
   }
   .header__wrapper {
      gap: 4px;
   }
   .header__rating {
      padding-top: 0;
   }
   .header__rating svg,
   .header__rating img {
      width: 53px;
      height: 18px;
   }
}

/**/

.image-compare {
   display: block;
   overflow: hidden;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 100%;
   height: 100%;
   /*aspect-ratio: 570/390;*/
   border-radius: 6px;
}

.image-compare-before {
   position: relative;
}

.image-compare:before {
   content: 'До';
   position: absolute;
   left: 15px;
   top: 15px;
   background: #FFFFFF;
   padding: 8px 12px;
   border-radius: 8px;
   font-size: 20px;
   font-weight: 500;
   z-index: 1;
}
@media (max-width: 568px) {
   .image-compare:before {
      font-size: 16px;
   }
}

.image-compare:after {
   content: 'После';
   position: absolute;
   right: 15px;
   top: 15px;
   background: #FFFFFF;
   padding: 8px 12px;
   border-radius: 8px;
   font-size: 20px;
   font-weight: 500;
}
@media (max-width: 568px) {
   .image-compare:after {
      font-size: 16px;
   }
}

.image-compare,.image-compare *,.image-compare *:before,.image-compare *:after {
   box-sizing: border-box
}

.image-compare img {
   display: block;
   width: 100%
}

.image-compare figure {
   display: block;
   margin: 0 auto;
   overflow: hidden;
   padding: 0;
   position: relative;
   width: 100%
}


.image-compare figure.image-compare-before img {
   margin: 0 0 0 auto;
}

.image-compare figure.image-compare-after,.image-compare figure.image-compare-after img {
   bottom: 0;
   position: absolute;
   top: 0;
   transform-origin: 0 0;
   width: 100%
}

.image-compare figure.image-compare-after.image-compare-after,.image-compare figure.image-compare-after img.image-compare-after {
   transform: translateX(100%);
   background-color: #f2f2f2;
   /*mask-image: url(/img/mask-png-3.png);*/
   /*-webkit-mask-image: url(/img/mask-png-3.png);*/
   /*mask-position: top left;*/
   /*-webkit-mask-position: top left;*/
   /*mask-repeat: no-repeat;*/
   /*-webkit-mask-repeat: no-repeat;*/
   /*mask-size: cover;*/
   /*-webkit-mask-size: cover;*/
   /*left: -7%*/
}

@media (max-width: 568px) {
   .image-compare figure.image-compare-after.image-compare-after,.image-compare figure.image-compare-after img.image-compare-after {
   }
}

.image-compare figure.image-compare-after.image-compare-after img,.image-compare figure.image-compare-after img.image-compare-after img {
   transform: translateX(-100%);
   /*left: 7%*/
}

@media (max-width: 568px) {
   .image-compare figure.image-compare-after.image-compare-after img,.image-compare figure.image-compare-after img.image-compare-after img {
   }
}

.image-compare .image-compare-handle {
   bottom: 0;
   cursor: pointer;
   display: block;
   left: 0;
   position: absolute;
   top: 0;
   transform: translateX(50%);
   transform-origin: 0 0;
   transition: opacity 300ms;
   width: 200%
}

.image-compare .image-compare-handle:before {
   background-color: #ffffff;
   bottom: 0;
   content: "";
   cursor: pointer;
   display: block;
   left: 50%;
   position: absolute;
   top: 0;
   transform: translateX(-50%) scaleY(1);
   transform-origin: center;
   transition: transform 300ms;
   /*width: 10.25em;*/
   width: 2px;
   /*mask-image: url(/img/mask-line-png.png);*/
   /*-webkit-mask-image: url(/img/mask-line-png.png);*/
   /*mask-position: top;*/
   /*-webkit-mask-position: top;*/
   /*mask-repeat: no-repeat;*/
   /*-webkit-mask-repeat: no-repeat;*/
   /*mask-size: contain;*/
   /*-webkit-mask-size: contain*/
}

@media (max-width: 568px) {
   .image-compare .image-compare-handle:before {
   }
}

.image-compare .image-compare-handle:after {
   background-color: #fff;
   border: .25em solid #fff;
   border-radius: 50%;
   content: "";
   cursor: pointer;
   display: block;
   height: 48px;
   left: 50%;
   opacity: 1;
   position: absolute;
   top: 50%;
   transform: translateX(-50%) translateY(-50%) scale(1);
   transform-origin: center;
   transition: opacity 300ms,transform 300ms;
   width: 49px;
   background-position: center;
   background-repeat: no-repeat;
   background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='14' viewBox='0 0 28 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7 1L1 7L7 13' stroke='black' stroke-opacity='0.85' stroke-width='1.03464'/%3e%3cpath d='M21 1L27 7L21 13' stroke='black' stroke-opacity='0.85' stroke-width='1.03464'/%3e%3c/svg%3e")
}

.image-compare .image-compare-handle.active:before {
   transform: translateX(-50%) scaleY(1)
}

.image-compare .image-compare-handle.active:after {
   opacity: 1;
   transform: translateX(-50%) translateY(-50%) scale(1)
}

.example__footer {

}

/**/

.video__wrapper{
   margin:20px 0;
   display:inline-block;
   position:relative;
}
video{
   width:100%;
   /*aspect-ratio: 16/9;*/
   object-fit: cover;
   max-width:100%;
   display:inline-block;
   vertical-align:top;
}
.video__play-button{
   margin:0;
   padding:0;
   cursor:pointer;
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   border:0;
   border-radius:0;
   /*background-color:rgba(0,0,0,0.8);*/
   -webkit-appearance:none;
   z-index:2;
   transition: all 200ms ease-in-out;
}

.video__play-button-icon{
   width:70px;
   transition: all 200ms ease-in-out;
}

.video__play-button-icon--play polygon{
   transform-origin: 50% 50%;
   transition: all 200ms ease-in-out;
}

.video__play-button-icon--play:hover polygon{
   transform: scale(1.5);
}

.video__play-button[data-button-state="pause"] .video__play-button-icon--pause{
   display:none;
}

.video__play-button[data-button-state="play"] .video__play-button-icon--play{
   display:none;
}

.video__play-button[data-button-state="play"] .video__play-button-icon{
   opacity:0;
}

.video__play-button[data-button-state="play"]:hover .video__play-button-icon{
   opacity:1;
}

.video__play-button[data-button-state="play"]{
   background-color:rgba(0,0,0,0);
}

.video__play-button[data-button-state="play"]:hover{
   background-color:rgba(0,0,0,.4);
}

.video__fullscreen-button{
   margin:0;
   padding:0;
   position:absolute;
   bottom:10px;
   right:10px;
   border:0;
   background:transparent;
   cursor:pointer;
   border-radius:0;
   -webkit-appearance:none;
   z-index:3;
   transition: all 200ms ease-in-out;
}

.video__fullscreen-icon{
   padding:10px;
   display:block;
   vertical-align:top;
   color:#fff;
   opacity:0;
   visibility:hidden;
   transition: all 200ms ease-in-out;
}

.video__wrapper[data-state="pause"] .video__fullscreen-icon,
.video__wrapper[data-state="play"]:hover .video__fullscreen-icon{
   opacity:1;
   visibility:visible;
}

.video__fullscreen-icon polygon{
   fill:currentColor;
}
.hidden{
   display:none;
}
.example{
   position:relative;
}
.example a.zoom-btn {
   position: absolute;
   bottom: 15px;
   right: 15px;
   cursor: pointer;
}

/**/

.social-fixed-btns {
   display: flex;
   flex-direction: column;
   gap: 8px;
   position: fixed;
   bottom: 30px;
   right: 10px;
   z-index: 999
}

.social-fixed-btns a {
   transition: all .3s ease;
   display: block;
   width: 60px;
   height: 60px
}

.social-fixed-btns a:hover {
   transform: scale(1.03)
}

.social-fixed-btns a svg {
   width: 100%
}

@media (max-width: 560px) {
   .social-fixed-btns {
      /*bottom:120px*/
   }
}
.hidden{
   display:none;
}
.err-hint{
   position: absolute;
   font-size: 11px;
   color:red;
   width:100%;
   max-width: 100px;
}
#load-light-item{
   display:none;
}
@media (max-width:644px) {
   #load-light-item{
      display:flex;
   }

}

#top-form-submit:disabled, #calculate-form-submit:disabled{
   pointer-events: none;
   opacity:0.7;
}
/* End */
/* /local/templates/landing/assets/css/style.css?1771908816136045 */