@charset "UTF-8";
/**
  Переменные для отступов
 */
/**
  Переменные для цветов
 */
/**
  Переменные для шрифтов
 */
@font-face {
  font-family: 'Golos';
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/GolosText-Regular.eot?') format('eot'),
    url('/fonts/GolosText-Regular.woff') format('woff'),
    url('/fonts/GolosText-Regular.ttf') format('truetype'),
    url('/fonts/GolosText-Regular.svg#Golos') format('svg');
}
@font-face {
  font-family: 'Golos';
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/GolosText-Medium.eot?') format('eot'),
    url('/fonts/GolosText-Medium.woff') format('woff'),
    url('/fonts/GolosText-Medium.ttf') format('truetype'),
    url('/fonts/GolosText-Medium.svg#Golos') format('svg');
}
@font-face {
  font-family: 'Golos';
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/GolosText-Bold.eot?') format('eot'),
    url('/fonts/GolosText-Bold.woff') format('woff'),
    url('/fonts/GolosText-Bold.ttf') format('truetype'),
    url('/fonts/GolosText-Bold.svg#Golos') format('svg');
}
@font-face {
  font-family: 'Gilroy';
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/Gilroy-Light.eot?') format('eot'),
    url('/fonts/Gilroy-Light.woff') format('woff'),
    url('/fonts/Gilroy-Light.ttf') format('truetype'),
    url('/fonts/Gilroy-Light.svg#Gilroy') format('svg');
}
@font-face {
  font-family: 'Gilroy';
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/Gilroy-Medium.eot?') format('eot'),
    url('/fonts/Gilroy-Medium.woff') format('woff'),
    url('/fonts/Gilroy-Medium.ttf') format('truetype'),
    url('/fonts/Gilroy-Medium.svg#Gilroy') format('svg');
}
@font-face {
  font-family: 'Gilroy';
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/Gilroy-ExtraBold.eot?') format('eot'),
    url('/fonts/Gilroy-ExtraBold.woff') format('woff'),
    url('/fonts/Gilroy-ExtraBold.ttf') format('truetype'),
    url('/fonts/Gilroy-ExtraBold.svg#Gilroy') format('svg');
}
* {
  font-family: 'Golos', sans-serif;
}

p {
  margin: 0;
  line-height: 1;
}

a:hover {
  text-decoration: none;
}

body {
  background-color: #131517;
  overflow-x: hidden;
}

.overflow-hidden {
  overflow: hidden;
  padding-right: 17px;
}
.overflow-hidden #smooth-wrapper {
  padding-right: 17px;
}

#container {
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
}

.container {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
}

#container {
  opacity: 0;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
}
.btn:focus {
  outline: none;
}

.gradient-dark {
  background: linear-gradient(45deg, #313436 0%, #1f2124 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.modal-double .modal-double__caption,
.device-item:hover .device-item__title,
.modal-main__title {
  background: linear-gradient(45deg, #fbfbfb 0%, #737475 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-dark-light {
  background: linear-gradient(45deg, #4b4f52 0%, #1f2124 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.modal-table-wrapper.modal-table-device .modal-table-title,
.modal-table .modal-table__col .modal-table__big-title,
.extra-devices__item-title,
.modular-production__item-title,
.modular-production__title,
.faq__item-header,
.screen-6__content p,
.screen-4__content p,
.screen-5__content p,
.zoom-text-center-1,
.zoom-text-center-2,
.gradient-white {
  background: linear-gradient(45deg, #fbfbfb 0%, #4a4c4f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.faq__item-header {
  font-size: 80px;
  font-weight: 500;
}

.modal-table .modal-table__col .modal-table__big-title {
  font-size: 64px;
  line-height: 78px;
}

.modal-double .modal-double__caption,
.modular-production__item:hover .modular-production__item-title {
  font-size: 48px;
  line-height: 56px;
}

.modal-double__back span,
.modal-table-wrapper.modal-table-device .modal-table-title,
.modal-main__how {
  font-size: 40px;
  line-height: 48px;
  font-weight: 500;
}

.modal-double-list .modal-double-list__header,
.device-item__title,
.extra-devices__item-title {
  font-size: 32px;
  line-height: 38px;
}

.modal-double__back--top span,
.modal-double__back--middle span,
.modal-double__back--bottom span,
.modal-table .modal-table__img-title,
.modal-main__how--top,
.modal-main__how--middle,
.modal-main__how--bottom,
.modular-production__item-title,
.faq__item-body {
  font-size: 28px;
  line-height: 34px;
}

.header {
  padding: 35px 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
.header__row {
  display: flex;
  align-items: center;
  opacity: 0;
}
.header__nav {
  margin-left: auto;
}
.header__logo {
  display: block;
  width: 178px;
  height: 48px;
}
.header__logo svg {
  width: 100%;
  height: 100%;
}
.header__btn {
  height: 48px;
  font-size: 18px;
  width: 176px;
  padding: 7px 27px;
  color: #fff;
  border: 1px solid #fff;
  transition: all 0.3s ease;
}
.header__btn:hover {
  background-color: #fff;
  transition: all 0.3s ease;
  color: #212529;
}

.screen {
  min-height: 100vh;
}

.zoom-text-wrapper-1,
.zoom-text-wrapper-2 {
  display: inline-block;
  position: relative;
}

.zoom-text-center-1,
.zoom-text-center-2 {
  position: relative;
  display: inline-block;
}

.screen-1 {
  position: relative;
  background-color: #131517;
  padding-top: 120px;
}
.screen-1 .text-wrapper-proxima-1 {
  height: 267px;
  position: relative;
}
.screen-1 .text-wrapper-proxima-1 .s1-proxima {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
}
.screen-1 .text-wrapper-proxima-1 .s1-proxima .zoom-text-center-1 {
  font-size: 267px;
  text-transform: uppercase;
  margin-top: 30px;
  font-family: 'Gilroy', sans-serif;
  font-weight: 500;
  background: linear-gradient(45deg, #fbfbfb 0%, #4a4c4f 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.screen-1__text {
  color: #fff;
  line-height: 1;
  text-align: center;
}
.screen-1__text-top {
  font-size: 40px;
  font-weight: 500;
}
.screen-1__text-middle {
  font-size: 267px;
  text-transform: uppercase;
  margin-top: 30px;
  font-family: 'Gilroy', sans-serif;
  font-weight: 500;
}
.screen-1__text-bottom {
  font-size: 24px;
  margin-top: 34px;
}

.first-list {
  display: flex;
  width: 1600px;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
}
.first-list .first-item {
  position: absolute;
  bottom: 50%;
  transform: translate(-50%, 50%);
}
.first-list .first-item-3 {
  width: 274px;
  height: 519px;
  left: 50%;
}
.first-list .first-item-2 {
  width: 238px;
  height: 409px;
  left: calc(50% - 137px - 119px - 47px);
}
.first-list .first-item-4 {
  width: 264px;
  height: 409px;
  left: calc(50% + 137px + 132px + 47px);
}
.first-list .first-item-1 {
  width: 242px;
  height: 345px;
  left: calc(50% - 137px - 238px - 47px - 47px - 121px);
}
.first-list .first-item-5 {
  width: 209px;
  height: 345px;
  left: calc(50% + 137px + 264px + 47px + 47px + 104.5px);
}
.first-list .first-item img {
  max-width: 100%;
  max-height: 100%;
}
.first-list .first-item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #131517;
  opacity: 0;
  transition: all 2s ease;
}
.first-list.active .first-item:first-child:after,
.first-list.active .first-item:last-child:after {
  opacity: 0.5;
  transition: all 2s ease;
}
.first-list.active .first-item:nth-of-type(2):after,
.first-list.active .first-item:nth-of-type(4):after {
  opacity: 0.2;
  transition: all 2s ease;
}

.screen-1__bg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
  z-index: -1;
}
.screen-1::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 566px;
  background: radial-gradient(50% 50% at 50% 50%, 
  rgba(19, 21, 23, 0.8) 40%,
  rgba(19, 21, 23, 0.7) 60%, 
  rgba(19, 21, 23, 0.5) 75%, 
  rgba(19, 21, 23, 0.2) 90%, 
  rgba(19, 21, 23, 0.1) 95%, 
  rgba(19, 21, 23, 0) 100%);
  z-index: -1; /* Помещаем псевдоэлемент на задний план */
  backdrop-filter: blur(.2px); /* Размытие фона */
  -webkit-backdrop-filter: blur(.2px); /* Для Safari */
  opacity: 0; /* Начальное состояние прозрачности */
  transition: opacity 3s ease-in-out; /* Плавный переход */
}


.screen-1.visible::after {
  opacity: 1; /* Окончательное состояние после появления */
}


.container-one {
  opacity: 1;
}

.screen-1__text-top,
.screen-1__text-middle,
.screen-1__text-bottom {
  opacity: 0;
}

.screen-3__content,
.screen-2__content {
  align-items: flex-end;
  padding-bottom: 175px;
  height: 100%;
}
.screen-3 p,
.screen-2 p {
  font-weight: 500;
  color: #fff;
}
.screen-3__left,
.screen-2__left {
  width: 50%;
}
.screen-3__left br,
.screen-2__left br {
  display: none;
}
.screen-3__left p,
.screen-2__left p {
  font-size: 96px;
  font-weight: 500;
  line-height: 1.2;
}
.screen-3__right,
.screen-2__right {
  width: 50%;
  padding-left: 12px;
}
.screen-3__right p,
.screen-2__right p {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 14px;
}
.screen-3__right p:first-child,
.screen-2__right p:first-child {
  margin-bottom: 34px;
}

.block {
  display: flex;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.block__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.block__content {
  display: flex;
  position: relative;
  z-index: 10;
}

.screen-6__content,
.screen-4__content,
.screen-5__content {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}
.screen-6__content p,
.screen-4__content p,
.screen-5__content p {
  font-size: 179px;
  text-align: center;
  white-space: nowrap;
}

.screen-block {
  display: flex;
  position: relative;
  height: 100vh;
}
.screen-block__central {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.screen-block__content {
  display: flex;
  position: relative;
  z-index: 10;
  height: 100vh;
  width: 100%;
  padding: 120px 0;
}
.screen-block__content.top {
  align-items: flex-start;
}
.screen-block__content.bottom {
  align-items: flex-end;
}
.screen-block__content.left {
  justify-content: flex-start;
}
.screen-block__content.right {
  justify-content: flex-end;
}

.flex-column {
  flex-direction: column;
}

.text--lg {
  font-size: 80px;
  font-weight: 500;
}
.text--sm {
  font-size: 40px;
  line-height: 48px;
}
.text--bg-big {
  font-size: 179px;
  text-align: center;
}
.text--tr {
  text-align: right;
}
.text--tl {
  text-align: left;
}
.text--md {
  font-size: 64px;
  line-height: 78px;
}
.text--h2 {
  font-size: 80px;
  font-weight: 500;
}

.footer {
  padding-bottom: 96px;
  padding-top: 42px;
}
.footer__contact-item {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 21px;
}
.footer__contact-item:last-child {
  margin-bottom: 0;
}
.footer__contact-text {
  color: #adb5bd;
  transition: 0.3s ease;
  font-size: 28px;
  line-height: 34px;
}
.footer__contact-text:hover {
  color: #fff;
}
.footer__contact-icon svg {
  width: 24px;
  height: 24px;
}

.footer__form {
  display: flex;
  flex-direction: column;
  width: 790px;
}
.footer__wrapper {
  display: flex;
}
.footer__right {
  margin-left: auto;
}
.footer__left {
  display: flex;
  flex-direction: column;
}
.footer__contact {
  margin-top: auto;
}
.modal-main__mobile {
  display: none;
}
.form-row {
  display: flex;
  gap: 24px;
}

.form-item {
  width: 100%;
  display: block;
  margin-bottom: 46px;
  padding-top: 2px;
  position: relative;
}
.form-item-email {
  margin-bottom: 39px;
}
.form-item-text {
  margin-bottom: 22px;
  width: 100%;
  display: block;
  padding-top: 2px;
  position: relative;
}
.form-item-text textarea {
  width: 100%;
  background: transparent;
  border: none;
  color: #fff;
  border-bottom: 1px solid #6c757d;
  -webkit-appearance: none;
  border-radius: 0;
  height: 120px;
  margin-top: 5px;
  font-size: 24px;
}
.form-item-name {
  position: absolute;
  left: 0;
  font-size: 24px;
  color: #6c757d;
}
.form-item-btn {
  font-weight: 500;
  transition: 0.3s ease;
  font-size: 24px !important;
  height: 80px !important;
  margin-bottom: 21px;
  font-weight: 500 !important;
}
.form-item-btn:hover {
  background-color: #db0812;
  color: #fff;
}
.form-item textarea,
.form-item input {
  width: 100%;
  background: transparent;
  border: none;
  color: #fff;
  border-bottom: 1px solid #6c757d;
  -webkit-appearance: none;
  border-radius: 0;
  padding-left: 0; /* Убираем отступ слева */
  margin-left: 0; /* Убираем возможный отступ */
  -webkit-appearance: none; /* Отключаем стили браузера для iOS */
  -moz-appearance: none;
  appearance: none;
}
textarea {
  padding-left: 0; /* Убираем отступ слева */
  margin-left: 0; /* Убираем возможный отступ */
  -webkit-appearance: none; /* Отключаем стили браузера для iOS */
  -moz-appearance: none;
  appearance: none;
  font-size: 24px;
}
.form-item textarea:-ms-input-placeholder,
.form-item input:-ms-input-placeholder {
  color: #6c757d;
}
.form-item textarea::placeholder,
.form-item input::placeholder {
  color: #6c757d;
}
.form-item textarea::-moz-placeholder,
.form-item input::-moz-placeholder {
  color: #6c757d;
}
.form-item textarea:focus,
.form-item input:focus {
  outline: none;
  border-color: #fff;
}
.form-item input {
  height: 57px;
  font-size: 24px;
}
.form-item textarea {
  height: 120px;
}

.white-btn {
  background-color: #fff;
  color: #131517;
  border: none;
  font-size: 18px;
  line-height: 26px;
  height: 56px;
  font-weight: 700;
}

.inline-flex {
  display: inline-flex;
}

.where-buy {
  padding-bottom: 200px;
  padding-top: 160px;
}
.where-buy .text--h2 {
  margin-bottom: 94px;
}
.where-buy__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [5];
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
}
.where-buy__item {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #212529;
  height: 128px;
  padding: 0 36px;
}
.where-buy__item:hover {
  background-color: #1b1e21;
}
.where-buy__item svg {
  max-height: 48px;
  max-width: 232px;
}
.where-buy__item p {
  margin-right: 12px;
  font-size: 18px;
  line-height: 26px;
  color: #dee2e6;
}
.where-buy__item p + svg {
  width: 56px;
  height: 56px;
  max-width: 56px;
  max-height: 56px;
  stroke: #212529;
}

.faq {
  position: relative;
}
.faq__list {
  display: flex;
  flex-direction: column;
}
.faq__bg-dynamic {
  position: absolute;
  top: -50vh;
  bottom: -50vh;
  left: 0;
  right: 0;
  z-index: -1;
}
.faq__bg-dynamic-bg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: sticky;
  height: 100vh;
  top: 0;
  width: 100%;
}
.faq__bg-dynamic-inner {
  position: absolute;
  right: calc(-100px - (100vw - 1600px) / 2);
  top: 50%;
  transform: translateY(-50%);
  height: 800px;
  width: 700px;
}
.faq__bg-dynamic-inner img {
  height: 800px;
  width: 700px;
  -o-object-fit: contain;
  object-fit: contain;
}
.faq__caption {
  font-size: 32px;
  line-height: 38px;
}
.faq__wrapper {
  width: 100%;
  position: relative;
}
.faq__current-img {
  width: 561px;
  height: 915px;
  position: sticky;
  top: 50px;
}
.faq__current-img img {
  width: auto;
  height: 100%;
}
.faq__item {
  transition: all 0.5s;
  position: relative;
  padding: 64px 0;
  cursor: pointer;
}
.faq__item:before,
.faq__item:after {
  content: '';
  position: absolute;
  cursor: pointer;
  bottom: 0;
  top: 0;
  width: calc((100vw - 1600px) / 2);
}
.faq__item:before {
  left: calc(0px - (100vw - 1600px) / 2);
}
.faq__item:after {
  right: calc(0px - (100vw - 1600px) / 2);
}
.faq__item-wrapper {
  max-width: 1400px;
  position: relative;
}
.faq__item:last-child {
  margin-bottom: 0;
}
.faq__item-header {
  cursor: pointer;
  transition: all 0.3s;
  opacity: 0.25;
}
.faq__item-body {
  display: none;
}
.faq__item.active {
  z-index: 2;
  transition: all 0.3s;
}
.faq__item.active .faq__item-header {
  transition: all 0.3s;
  opacity: 1;
}
.faq .faq-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 1s ease;
}
.faq .faq-image.active {
  opacity: 1;
  transition: opacity 1s ease;
}
.faq .faq__item-img {
  position: absolute;
  width: 700px;
  height: 800px;
  top: 50%;
  left: 88%;
  transform: translateY(-50%);
  pointer-events: none;
}
.faq .faq__item-img img {
  width: 700px;
  height: 800px;
}

.modular-production {
  padding: 140px 0;
}
.modular-production__title {
  font-size: 80px;
  line-height: 1.1;
}
.modular-production__item {
  cursor: pointer;
  border-bottom: 1px solid #212529;
  padding: 24px 0;
}
.modular-production__item-header {
  display: flex;
  align-items: center;
}
.modular-production__item-title {
  margin-right: 40px;
  transition: 0.5s ease all;
}
.modular-production__item-title br {
  display: none;
}
.modular-production__item-image {
  display: block;
  overflow: hidden;
  opacity: 0;
  width: 0;
  height: 1px;
  transition: height 0.7s linear;
}
.modular-production__item-more {
  display: flex;
  align-items: flex-end;
}
.modular-production__item-more p {
  display: none;
}
.modular-production__item-more svg {
  width: 24px;
  height: 24px;
  stroke: #6c757d;
}
.modular-production__item:hover .modular-production__item-image {
  display: block;
  margin-left: auto;
  height: 256px;
  width: 256px;
  opacity: 1;
  transition: height 0.7s linear;
}
.modular-production__item:hover .modular-production__item-title {
  font-weight: 500;
  transition: 0.5s ease all;
}
.modular-production__item:hover .modular-production__item-title br {
  display: block;
}
.modular-production__item:hover .modular-production__item-more {
  margin-left: 220px;
}
.modular-production__item:hover .modular-production__item-more p {
  display: block;
  font-size: 18px;
  line-height: 26px;
  margin-right: 40px;
  color: #fff;
}
.modular-production__item:hover .modular-production__item-more p + svg {
  width: 48px;
  height: 48px;
}

.own-production {
  position: relative;
}
.own-production .container {
  height: 100%;
}
.own-production__bg {
  width: 100%;
  height: 100vh;
  position: relative;
}
.own-production__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.own-production__bg-mobile {
  display: none;
}
.own-production__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 140px;
}
.own-production__title {
  font-size: 96px;
  line-height: 1.1;
  font-weight: 500;
  margin-bottom: 40px;
  color: #fff;
  width: 84%;
}
.own-production__description {
  font-size: 24px;
  line-height: 34px;
  color: #fff;
  width: 84%;
}
.own-production__wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.extra-devices {
  min-height: 400px;
  position: relative;
  z-index: 11;
}
.extra-devices__list {
  display: flex;
  position: relative;
}
.extra-devices__list .swiper-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
  border-top: 1px solid #343a40;
  border-bottom: 1px solid #343a40;
}
.extra-devices__item {
  border-left: 1px solid #343a40;
  padding: 56px 32px 0;
  flex-shrink: 0;
  background-color: #131517;
  transition: background-color 0.5s;
}
.extra-devices__item:last-child {
  border-right: 1px solid #343a40;
}
.extra-devices__item:hover {
  background-color: #1b1e21;
  transition: background-color 0.5s;
  cursor: pointer;
}
.extra-devices__item:hover .extra-devices__button {
  color: #fff;
  transition: color 0.5s;
}
.extra-devices__item:hover .extra-devices__button svg {
  fill: #fff;
  transition: fill 0.5s;
}
.extra-devices__item:hover .extra-devices__item-image {
  opacity: 1;
  transition: all 0.5s;
}
.extra-devices__item-title {
  margin-bottom: 24px;
}
.extra-devices__item-image {
  display: flex;
  justify-content: center;
  margin-top: auto;
  margin-bottom: 30px;
  opacity: 0.5;
  transition: all 0.5s;
}
.extra-devices__button {
  display: flex;
  align-items: center;
  color: #6c757d;
  margin-bottom: 30px;
  transition: color 0.5s;
}
.extra-devices__button svg {
  display: block;
  width: 24px;
  height: 24px;
  fill: #6c757d;
  transition: fill 0.5s;
  transform: rotate(-90deg);
}
.extra-devices__wrapper {
  padding: 60px 0 140px;
}
.extra-devices__wrapper .text--h2 {
  margin-bottom: 100px;
}
.extra-devices__wrapper .swiper {
  overflow: visible;
}

.slider-wrapper-block {
  position: relative;
  width: 100%;
}

.c-slider-navigation {
  display: flex;
  justify-content: space-between;
  width: 216px;
  margin: 44px auto 0;
}
.c-slider-navigation__prev,
.c-slider-navigation__next {
  cursor: pointer;
}
.c-slider-navigation__prev svg,
.c-slider-navigation__next svg {
  width: 32px;
  height: 32px;
}

.modal-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 100;
  background-color: #131517;
}
.modal-wrapper.active {
  display: flex;
}

.modal-group {
  display: none;
}
.modal-group.active {
  display: flex;
}

.modal-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  transition: opacity 0.5s ease, transform 0.5s ease;
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}

.modal-item.active {
  opacity: 1; /* Видимые модалки */
  pointer-events: all; /* Принимают события */
  z-index: 2; /* Поднимаем активную модалку над остальными */
}

.modal-item.inactive {
  transform: translateX(-100%); /* Родительская уезжает влево */
  opacity: 1; /* Родительская модалка становится невидимой */
}

.modal-item.child-modal {
  transform: translateX(100%); /* Дочерняя изначально за экраном справа */
  opacity: 0;
  pointer-events: none;
}

.modal-item.child-modal.active {
  transform: translateX(0); /* Выдвигаем дочернюю на экран */
  opacity: 1; /* Делаем видимой */
  pointer-events: all; /* Активируем взаимодействие */
  z-index: 3; /* Выше родительской */
}

.modal-item {
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #131517;
}
.modal-item button {
  background-color: transparent;
  border: none;
}
.modal-item .close-all,
.modal-item .close-modal {
  display: block;
  width: 40px;
  height: 40px;
  top: 56px;
  right: 64px;
  position: absolute;
  z-index: 11;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.33344 6.56641L20.0001 18.2331L31.6668 6.56641L33.4345 8.33417L21.7679 20.0008L33.4345 31.6675L31.6668 33.4353L20.0001 21.7686L8.33344 33.4353L6.56567 31.6675L18.2323 20.0008L6.56567 8.33417L8.33344 6.56641Z' fill='%23ADB5BD'/%3E%3C/svg%3E%0A");
}
.modal-item .return-modal {
  cursor: pointer;
}
.modal-item .return-modal-small {
  position: absolute;
  display: flex;
  align-items: center;
  left: 19px;
  top: -69px;
  font-size: 24px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29 15.0005L8.01421 15.0005L16.3475 6.66717L14.9333 5.25295L4.18579 16.0005L14.9333 26.748L16.3475 25.3338L8.01421 17.0005L29 17.0005L29 15.0005Z' fill='%236C757D'/%3E%3C/svg%3E");
  background-size: 24px;
  padding-left: 32px;
  color: #6c757d;
}
.modal-item .container {
  position: relative;
}

.modal-main {
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-main__attention {
  margin-top: 39px;
  padding-left: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='114' viewBox='0 0 22 114' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.4 81.4008V0.800781H18.36V81.4008H3.4ZM10.88 113.497C8.88533 113.497 7.02667 112.998 5.304 112.001C3.672 111.094 2.35733 109.825 1.36 108.193C0.453333 106.47 0 104.611 0 102.617C0 99.4435 1.04267 96.8595 3.128 94.8648C5.21333 92.7794 7.79733 91.7368 10.88 91.7368C13.9627 91.7368 16.5467 92.7794 18.632 94.8648C20.7173 96.8595 21.76 99.4435 21.76 102.617C21.76 104.611 21.2613 106.47 20.264 108.193C19.3573 109.825 18.088 111.094 16.456 112.001C14.824 112.998 12.9653 113.497 10.88 113.497Z' fill='%23343A40'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: -1px 2px;
}
.modal-main__attention ol {
  margin: 8px 0 8px -17px;
}
.modal-main__attention p,
.modal-main__attention li {
  font-size: 16px;
  line-height: 24px;
  color: #dee2e6;
}
.modal-main__content {
  display: flex;
  position: relative;
  align-items: flex-end;
  padding-top: 112px;
  flex-wrap: wrap;
}
.modal-main__left {
  width: auto;
  max-width: 963px;
}
.modal-main__title {
  font-size: 88px;
  line-height: 1.1;
}
.modal-main__description {
  margin-top: 40px;
}
.modal-main__description p {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 42px;
  color: #dee2e6;
}
.modal-main__description p:last-child {
  margin-bottom: 0;
}
.modal-main__how {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  padding: 48px 64px;
  cursor: pointer;
  width: 677px;
  right: calc(0px - (100vw - 1600px) / 2);
  top: 142px;
  z-index: 12;
}
.modal-main__how svg {
  width: 72px;
  height: 72px;
  margin-left: auto;
  margin-top: 20px;
}
.modal-main__how--top,
.modal-main__how--middle,
.modal-main__how--bottom {
  flex-direction: row;
  align-items: center;
  padding: 42px 64px;
}
.modal-main__how--top svg,
.modal-main__how--middle svg,
.modal-main__how--bottom svg {
  margin-top: 0;
}
.modal-main__how--middle {
  top: 338px;
}
.modal-main__how--bottom {
  top: 534px;
}
.modal-main--device .modal-main__title {
  font-size: 80px;
  line-height: 1.1;
}
.modal-main--device .modal-main__content {
  flex-wrap: nowrap;
  align-items: flex-start;
}
.modal-main--device .modal-main__left {
  max-width: 923px;
  flex-grow: 1;
}
.modal-main--device .modal-main__right {
  display: flex;
  justify-content: center;
  width: 100%;
}
.modal-main--buy .modal-main__title {
  margin-bottom: 110px;
}

.device-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [3];
  grid-template-columns: repeat(3, 1fr);
  margin-top: 140px;
}

.device-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  border-top: 1px solid #343a40;
  border-right: 1px solid #343a40;
  padding: 56px 32px 0;
}
.device-item.swiper-slide {
  width: 533px;
  height: auto;
  display: flex;
  flex-direction: column;
}
.device-item:last-child {
  border-right: none;
}
.device-item__title {
  color: #fff;
  margin-bottom: 24px;
}
.device-item__btn {
  font-size: 24px;
  margin-bottom: 24px;
}
.device-item__img {
  margin-top: auto;
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
  height: 424px;
  width: 100%;
  padding-bottom: 11px;
}
.device-item__arrow {
  display: block;
  position: absolute;
  right: 48px;
  bottom: 48px;
  opacity: 0;
  width: 72px;
  height: 72px;
  transition: 0.5s;
}
.device-item:hover {
  cursor: pointer;
  background-color: #1b1e21;
}
.device-item:hover .device-item__arrow {
  opacity: 1;
  transition: 0.5s;
}
.device-item:hover .device-item__img img {
  position: absolute;
  width: 370px;
}
.device-item:hover .device-item__btn {
  color: #fff;
}
.modal-table {
  display: flex;
  flex-direction: column;
  margin-top: 142px;
  margin-bottom: 88px;
}
.modal-table__row:first-child {
  pointer-events: none;
}
.modal-table.col-1 .modal-table__row {
  -ms-grid-columns: 788px 412px;
  grid-template-columns: 788px 412px;
}
.modal-table.col-2 .modal-table__row {
  -ms-grid-columns: 788px 320px 320px;
  grid-template-columns: 788px 320px 320px;
}
.modal-table.col-6 .modal-table__row {
  -ms-grid-columns: 788px (270px) [6];
  grid-template-columns: 788px repeat(6, 270px);
}
.modal-table .modal-table__img-title {
  color: #fff;
  position: relative;
  z-index: 2;
  margin-top: -55px;
}
.modal-table .modal-table__img-wrapper {
  width: 100%;
  position: relative;
}
.modal-table .modal-table__img-wrapper:after {
  display: block;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(
    to bottom,
    rgba(19, 21, 23, 0) 25%,
    #131517 80%,
    #131517 100%
  );
}
.modal-table .modal-table__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 788px (270px) [3];
  grid-template-columns: 788px repeat(3, 270px);
  position: relative;
}
.modal-table .modal-table__row:hover {
  background-color: #1b1e21;
}
.modal-table .modal-table__row:hover .modal-table__img-wrapper:after {
  background-image: linear-gradient(
    to bottom,
    rgba(27, 30, 33, 0) 25%,
    #1b1e21 80%,
    #1b1e21 100%
  );
}
.modal-table .modal-table__row:last-child .modal-table__col:after {
  content: none;
}
.modal-table .modal-table__row:first-child .modal-table__col {
  align-items: flex-start;
}
.modal-table .modal-table__row:first-child .modal-table__col:after {
  content: none;
}
.modal-table
  .modal-table__row:first-child:hover
  .modal-table__col.highlight:hover {
  background-color: #1b1e21;
}
.modal-table
  .modal-table__row:first-child:hover
  .modal-table__col.highlight:hover:before {
  content: none;
}
.modal-table .modal-table__head .modal-table__col {
  padding-bottom: 53px;
}
.modal-table .modal-table__col {
  position: relative;
  display: flex;
  align-items: center;
  padding: 16px 20px;
  font-size: 24px;
  line-height: 32px;
  color: #6c757d;
  min-height: 80px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modal-table .modal-table__col:after {
  position: absolute;
  display: block;
  content: '';
  left: 20px;
  right: 20px;
  bottom: 0;
  border-bottom: 1px solid #212529;
}
.modal-table .modal-table__col.no-after:after {
  content: none;
}
.modal-table .modal-table__col .modal-table__big-title br {
  display: none;
}
.modal-table .modal-table__col:first-child {
  color: #fff;
}
.modal-table .modal-table__col.highlight {
  background-color: #1b1e21;
}
.modal-table .modal-table__col.highlight:hover {
  position: relative;
  background-color: #343a40;
  color: #fff;
  z-index: 10;
}
.modal-table .modal-table__col.highlight:hover:before {
  position: absolute;
  content: '';
  top: -1px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #343a40;
  z-index: -1;
}
.modal-table .modal-table__col.highlight:hover:after {
  content: none;
}
.modal-table .modal-table__col.highlight .modal-table__img-wrapper:after {
  background-image: linear-gradient(
    to bottom,
    rgba(27, 30, 33, 0) 25%,
    #1b1e21 80%,
    #1b1e21 100%
  );
}
.modal-table .modal-table__in-catalog {
  display: flex;
  align-items: center;
}
.modal-table .modal-table__in-catalog span {
  color: #dee2e6;
}
.modal-table .modal-table__in-catalog svg {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}

.modal-table-wrapper.modal-table-device {
  margin-top: 90px;
  margin-bottom: 112px;
}
.modal-table-wrapper.modal-table-device .modal-table {
  max-width: 1280px;
  width: 100%;
  margin-top: 80px;
}
.modal-table-wrapper.modal-table-device .modal-table__row {
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
}
.modal-table-wrapper.modal-table-device .modal-table__row:first-child {
  pointer-events: auto;
}
.modal-table-wrapper.modal-table-device .modal-table-device__link {
  color: #6c757d;
  border: 1px solid #6c757d;
  font-size: 24px;
  line-height: 26px;
  height: 74px;
  width: 436px;
  transition: all 0.3s ease;
}
.modal-table-wrapper.modal-table-device .modal-table-device__link:hover {
  border-color: #fff;
  color: #fff;
}
.modal-table-wrapper.modal-table-device
  .modal-table-device__link:hover
  svg
  path {
  fill: #fff;
  transition: all 0.3s ease;
}
.modal-table-wrapper.modal-table-device .modal-table-device__link svg {
  width: 24px;
  height: 24px;
  margin-left: 8px;
}
.modal-table-wrapper.modal-table-device .modal-table-device__link svg path {
  fill: #6c757d;
  transition: all 0.3s ease;
}

.modal-double {
  display: flex;
  height: 100vh;
  overflow: hidden;
}
.modal-double p {
  font-size: 24px;
  line-height: 34px;
  color: #adb5bd;
}
.modal-double__left {
  width: 50%;
  position: relative;
}
.modal-double__left img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
  object-fit: cover;
}
.modal-double__back {
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 142px;
  left: 0;
  background-color: #fff;
  padding: 48px 64px;
  height: 340px;
  width: 283px;
}
.modal-double__back--top,
.modal-double__back--middle,
.modal-double__back--bottom {
  flex-direction: row;
  align-items: center;
  padding: 42px 64px;
  width: 343px;
  height: 164px;
}
.modal-double__back--top svg,
.modal-double__back--middle svg,
.modal-double__back--bottom svg {
  width: 80px;
  height: 80px;
  margin-right: 48px;
}
.modal-double__back--middle {
  top: 338px;
}
.modal-double__back--bottom {
  top: 534px;
}
.modal-double__back svg {
  width: 80px;
  height: 80px;
  margin-top: auto;
}
.modal-double__back span {
  color: #212529;
}
.modal-double__right {
  width: 50%;
  padding: 80px 125px;
  overflow-y: auto;
}
.modal-double .modal-double__caption {
  font-weight: 500;
  font-family: 'Golos', sans-serif;
  margin-bottom: 50px;
}
.modal-double__block {
  margin-bottom: 56px;
}
.modal-double__ol {
  counter-reset: list-counter;
  padding-left: 7px;
  list-style: none;
  margin-bottom: 48px;
}
.modal-double__ol:last-child {
  margin-bottom: 0;
}
.modal-double__ol li {
  display: flex;
  gap: 10px;
  font-size: 24px;
  line-height: 34px;
  color: #adb5bd;
}
.modal-double__ol li:last-child {
  margin-bottom: 0;
}
.modal-double__ol li:before {
  counter-increment: list-counter;
  content: counter(list-counter) '. ';
}
.modal-double__ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 48px;
}
.modal-double__ul li {
  position: relative;
  font-size: 24px;
  line-height: 34px;
  color: #adb5bd;
  padding-left: 36px;
  margin-bottom: 8px;
}
.modal-double__ul li:before {
  content: '';
  display: block;
  position: absolute;
  top: 15px;
  left: 15px;
  width: 6px;
  height: 6px;
  background-color: #adb5bd;
  border-radius: 50%;
}
.modal-double__ul.big-m li {
  margin-bottom: 20px;
}
.modal-double__img-wrapper-scroll {
  width: 100%;
  overflow-x: auto;
}
.modal-double__img-wrapper-scroll img {
  width: auto;
  max-width: none;
}

.modal-double-list {
  counter-reset: section-counter;
}
.modal-double-list__item {
  margin-bottom: 55px;
  color: #fff;
}
.modal-double-list__item:last-child {
  margin-bottom: 0;
}
.modal-double-list__content p {
  margin-bottom: 24px;
}
.modal-double-list__content p.no-m {
  margin-bottom: 0;
}
.modal-double-list__content img {
  display: block;
  margin-bottom: 15px;
}
.modal-double-list .modal-double-list__header {
  position: relative;
  color: #fff;
  padding-bottom: 47px;
  padding-top: 35px;
  border-bottom: 1px solid #212529;
  margin-bottom: 32px;
}
.modal-double-list .modal-double-list__header:before {
  position: absolute;
  z-index: -1;
  counter-increment: section-counter;
  content: counter(section-counter);
  color: #212529;
  font-size: 136px;
  font-family: 'Gilroy', sans-serif;
  font-weight: 300;
}

body,
html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  height: 100%;
}

.stacked-cards {
  display: -ms-grid;
  display: grid;
  grid-template-areas: 'stack';
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -ms-grid-rows: 100%;
  grid-template-rows: 100%;
  position: relative;
  height: 100vh;
  z-index: 5;
}

.screen {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: stack;
  height: 100vh;
  width: 100vw;
  z-index: 1;
}

.screen-6,
.screen-2,
.screen-3,
.screen-5 {
  opacity: 0; /* Изначально блоки невидимы */
}

.screen-2 {
  z-index: 2;
}

.screen-3 {
  z-index: 1;
}

.screen-5,
.screen-4 {
  background-color: #131517;
  opacity: 0; /* Изначально невидим */
  z-index: 3;
}

.screen-5 {
  background-color: transparent;
}

.screen-5 .container {
  max-width: none;
}

.s-frame {
  position: absolute;
  width: 400px;
  height: 80vh;
  left: 50%;
  transform: translateX(-50%);
}

.screen-19 .screen-block__content.flex-column {
  justify-content: space-between;
}
.screen-19__text-bottom {
  align-self: flex-end;
}

.screen-21 {
  position: relative;
}
.screen-21 screen-block__content {
  justify-content: flex-start;
}
.screen-21__bg {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  top: 0;
}
.screen-21__bg img {
  position: relative;
}
.screen-21__icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 182px;
  height: 182px;
}
.screen-21__icon.icon-cu {
  top: auto;
  bottom: 16vh;
  left: calc((100vw - 1600px) / 2 + 570px);
}
.screen-21__icon.icon-al {
  left: calc((100vw - 1600px) / 2);
  top: 18vh;
}

.scale-cold,
.scale-hot {
  position: absolute;
}
.scale-cold .scale-svg,
.scale-hot .scale-svg {
  width: 20px;
  height: 648px;
}
.scale-cold-img,
.scale-hot-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.screen-13,
.screen-14 {
  position: relative;
}
.screen-13 .scale-cold,
.screen-14 .scale-cold {
  top: 50%;
  left: calc((100vw - 1600px) / 2 + 120px);
  transform: translateY(-50%);
}
.screen-13 .scale-hot,
.screen-14 .scale-hot {
  top: 50%;
  left: calc((100vw - 1600px) / 2 + 620px);
  transform: translateY(-50%);
}
.screen-13__overlay,
.screen-14__overlay {
  position: absolute;
  overflow: hidden;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 11;
}
.screen-13__bg,
.screen-14__bg {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
}
.screen-13__bg-img,
.screen-14__bg-img {
  position: relative;
  bottom: 0;
  height: 100%;
}

.screen {
  overflow: hidden;
}

.layout-wrapper {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
.layout-wrapper .layout-bg {
  position: absolute;
  z-index: -1;
}

.extra-devices,
.modular-production {
  height: auto;
  overflow: hidden;
}

.scroll-devices {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-bottom: 260px;
  padding-top: 400px;
  margin-top: -1350px;
  overflow: hidden;
  max-width: 100%;
}
.scroll-devices__bg {
  position: absolute;
  top: -110px;
  left: 0;
  width: 100%;
  height: 200px;
  z-index: 9;
}

.screen-26 {
  z-index: 10;
}
.screen-26 .screen-block__content {
  padding: 0;
}
.screen-26 .text--bg-big {
  position: absolute;
  top: 50%;
  transform: translate(0%, -50%);
  white-space: nowrap;
}

.faq {
  z-index: 8;
}

.svg-container {
  position: absolute;
  top: 58%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120%;
  height: 170%;
}

.proxi-container {
  position: absolute;
  top: 50%;
  left: -44px;
  width: 106%;
  height: 300%;
  transform: translateY(-50%);
}

.proxi-regular,
.proxi-mask,
.svg-regular,
.svg-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.svg-regular text,
.svg-mask text {
  font-weight: 500;
  font-family: 'Gilroy', sans-serif;
}

.proxi-regular text,
.proxi-mask text {
  font-family: 'Golos', sans-serif;
}

.text-wrapper-proxima-1,
.svg-mask {
  opacity: 0;
}

.screen-2 {
  z-index: 3;
  opacity: 1;
}

.screen-1 {
  z-index: 4;
}

.text-wrapper-proxima-4 {
  position: relative;
}

.zoom-text-wrapper-2 {
  position: relative;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
}

.demo-block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  display: none;
}
.demo-block.active {
  display: block;
}

.own-production-slider {
  height: 100%;
}

.modal-table-wrapper {
  width: 100%;
}
.modal-table-wrapper.modal-table-device .modal-table {
  -ms-grid-columns: 788px 412px;
  grid-template-columns: 788px 412px;
}
.modal-table-wrapper .modal-table {
  overflow-x: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 788px (270px) [3];
  grid-template-columns: 788px repeat(3, 270px);
  -webkit-overflow-scrolling: touch;
}
.modal-table-wrapper .modal-table.col-6 {
  -ms-grid-columns: 788px (250px) [6];
  grid-template-columns: 788px repeat(6, 250px);
  cursor: grab;
}
.modal-table-wrapper .modal-table.col-6.active {
  cursor: grabbing;
}
.modal-table-wrapper .modal-table.col-2 {
  -ms-grid-columns: 788px (320px) [2];
  grid-template-columns: 788px repeat(2, 320px);
}
.modal-table-wrapper .modal-table.col-3 {
  -ms-grid-columns: 400px (320px)[3] !important;
  grid-template-columns: 400px repeat(3, 320px) !important;
}
.modal-table-wrapper .modal-table.col-1 {
  -ms-grid-columns: 788px 412px;
  grid-template-columns: 788px 412px;
}
.modal-table-wrapper .modal-table .modal-table__row {
  display: contents;
}
.modal-table-wrapper
  .modal-table
  .modal-table__row:first-child:hover
  .modal-table__col:first-child,
.modal-table-wrapper
  .modal-table
  .modal-table__row:first-child:hover
  .modal-table__col,
.modal-table-wrapper
  .modal-table
  .modal-table__row:hover
  .modal-table__col:first-child,
.modal-table-wrapper .modal-table .modal-table__row:hover .modal-table__col {
  background-color: #1b1e21;
}
.modal-table-wrapper
  .modal-table
  .modal-table__row:first-child:hover
  .modal-table__col:first-child:before,
.modal-table-wrapper
  .modal-table
  .modal-table__row:first-child:hover
  .modal-table__col:before,
.modal-table-wrapper
  .modal-table
  .modal-table__row:hover
  .modal-table__col:first-child:before,
.modal-table-wrapper
  .modal-table
  .modal-table__row:hover
  .modal-table__col:before {
  position: absolute;
  background-color: #1b1e21;
  z-index: -1;
  content: '';
  top: -1px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.modal-table-wrapper
  .modal-table
  .modal-table__row:first-child:hover
  .modal-table__col:first-child:hover,
.modal-table-wrapper
  .modal-table
  .modal-table__row:first-child:hover
  .modal-table__col:hover,
.modal-table-wrapper
  .modal-table
  .modal-table__row:hover
  .modal-table__col:first-child:hover,
.modal-table-wrapper
  .modal-table
  .modal-table__row:hover
  .modal-table__col:hover {
  background-color: #343a40;
}
.modal-table-wrapper
  .modal-table
  .modal-table__row:first-child:hover
  .modal-table__col:first-child:hover:before,
.modal-table-wrapper
  .modal-table
  .modal-table__row:first-child:hover
  .modal-table__col:hover:before,
.modal-table-wrapper
  .modal-table
  .modal-table__row:hover
  .modal-table__col:first-child:hover:before,
.modal-table-wrapper
  .modal-table
  .modal-table__row:hover
  .modal-table__col:hover:before {
  background-color: #343a40;
}
.modal-table-wrapper
  .modal-table
  .modal-table__row
  .modal-table__col:first-child {
  position: sticky;
  position: -webkit-sticky;
  left: 0;
  background-color: #131517;
  z-index: 11;
  pointer-events: none;
}

/* успешная отправка */
.successfully-wrap {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 100;
}

.successfully-content {
  background-color: #212529;
  max-width: 835px;
  max-height: 427px;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 102;
  position: absolute;
}

.successfully-element {
  padding: 64px 0;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.successfully-title {
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 6px;
}

.successfully-btn {
  height: 56px;
  font-size: 18px;
  width: 200px;
  padding: 7px 27px;
  color: #adb5bd;
  border: 1px solid #6c757d;
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: 400;
}

.successfully-btn:hover {
  background-color: #fff;
  transition: all 0.3s ease;
  color: #212529;
}

.successfully-desr {
  font-size: 22px;
  margin-bottom: 60px;
}

.successfully-icone {
  margin-bottom: 24px;
}

.successfully-close {
  position: absolute;
  z-index: 101;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 900px) {
  .successfully-content {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .successfully-content {
    max-height: 333px;
  }
  .successfully-content {
    width: 90%;
  }
  .successfully-title {
    font-size: 32px;
  }
  .successfully-desr {
    font-size: 18px;
  }
  .successfully-element {
    padding: 32px;
  }
}
@media screen and (max-width: 539px) {
  .successfully-title {
    font-size: 28px;
    text-align: center;
  }
  .successfully-desr {
    font-size: 16px;
    text-align: center;
  }
  .successfully-content {
    max-height: 390px;
  }
}
.file-input-container {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 39px;
}

.file-input {
  display: none;
}

.file-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 22px 24px;
  background-color: #131517;
  color: #adb5bd;
  border: 1px #6c757d solid;
  cursor: pointer;
  width: 324px;
  font-size: 18px;
  margin-bottom: 0;
  margin-right: 32px;
  transition: 0.3s ease;
}

.file-label:hover {
  color: #fff;
  border: 1px #fff solid;
  transition: 0.3s ease;
}

.file-label:hover .file-icon path {
  fill: #fff;
  transition: 0.3s ease;
}

.deleteFileBtn:hover .deleteFileBtn.file-icon path {
  fill: #fff;
  transition: 0.3s ease;
}

.delete-btn:hover .file-icon path {
  fill: #fff;
  transition: 0.3s ease;
}

#fileName {
  font-size: 18px;
  color: #6c757d;
}

.file-name-container {
  display: flex;
  align-items: center;
}

.file-name {
  font-weight: 500;
}

.file-format {
  color: gray;
}

.delete-btn {
  margin-left: 10px;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}

.hidden {
  display: none;
}

.file-label svg {
  width: 24px;
  height: 24px;
  margin-right: 3px;
}

.delete-btn svg {
  width: 24px;
  height: 24px;
}

.file-input-container .file-label span {
  font-size: 24px;
}

.floating-input {
  width: 100%;
  font-size: 18px;
  border: 1px solid #ccc;
  border-radius: 4px;
  outline: none;
}

.floating-label {
  position: absolute;
  top: 2px;
  left: 2px;
  color: #6c757d;
  font-size: 24px;
  pointer-events: none;
  transition: 0.2s ease all;
}

.floating-input:not(:-ms-input-placeholder) + .floating-label {
  top: -10px;
  left: 0px;
  font-size: 14px;
  color: #6c757d;
}

.floating-input:focus + .floating-label,
.floating-input:not(:placeholder-shown) + .floating-label {
  top: -10px;
  left: 0px;
  font-size: 14px;
  color: #6c757d;
}

.input-checkbox {
  display: flex;
  cursor: pointer;
}

.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
  cursor: pointer;
}
/* Стили для ошибки чекбокса */
.custom-checkbox.checkbox-error + label::before {
  border: 1px solid #ff2530;
}


.custom-checkbox + label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.consultation-radio-check {
  color: #6c757d;
  font-weight: 500;
  font-size: 18px;
  display: flex;
  align-items: center;
  border: none;
}

.custom-checkbox:checked + label::before {
  cursor: pointer;
  background-color: #212529;
  background-image: url(../img/check.svg);
  background-size: 16px 16px;
  border: none;
}

.custom-checkbox + label::before {
  cursor: pointer;
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #e6e0e0;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.consultation-radio-check a {
  color: #6c757d;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  text-decoration: none;
  margin-left: 3px;
}

.has-error:before {
  display: none;
  content: '';
  position: absolute;
  left: 0;
  bottom: -20px;
  font-size: 14px;
  line-height: 12px;
  color: #ff2530;
}
.has-error::after {
  display: none;
  width: 24px;
  height: 24px;
  content: '';
  background-image: url(../img/info.svg);
  position: absolute;
  right: 0;
  top: 39%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: 50%;
}

.has-error.prop-PHONE::before {
  content: 'Укажите ваш телефон';
}

.has-error.prop-NAME::before {
  content: 'Укажите ваше имя';
}

.has-error.prop-EMAIL::before {
  content: 'Укажите ваш email';
}

.error-text::before {
  display: block;
  border: 1px;
}

.error-text::after {
  display: block;
}

.border-error {
  border-bottom: 2px #ff2530 solid;
}

.border-error input {
  border: none;
}

.modal-item {
  scrollbar-width: thin; /* Для Firefox */
  scrollbar-color: #212529 transparent; /* Цвет для Firefox */
}

.modal-table-wrapper .modal-table {
  scrollbar-width: thin; /* Для Firefox */
  scrollbar-color: #212529 transparent; /* Цвет для Firefox */
}

/* Для Chrome, Edge и Safari */
.modal-item::-webkit-scrollbar {
  width: 6px; /* Ширина скролла */
}

.modal-table-wrapper .modal-table::-webkit-scrollbar {
  width: 6px; /* Ширина скролла */
}

.modal-item::-webkit-scrollbar-track {
  background: transparent; /* Цвет трека */
}

.modal-table-wrapper .modal-table::-webkit-scrollbar-track {
  background: transparent; /* Цвет трека */
}

.modal-item::-webkit-scrollbar-thumb {
  background-color: #212529; /* Цвет скролла */
  border-radius: 10px; /* Закругление углов */
}

.modal-table-wrapper .modal-table::-webkit-scrollbar-thumb {
  background-color: #212529; /* Цвет скролла */
  border-radius: 10px; /* Закругление углов */
}

.modal-item::-webkit-scrollbar-thumb:hover {
  background-color: #343a40; /* Цвет при наведении, немного светлее */
}

.modal-table-wrapper .modal-table::-webkit-scrollbar-thumb:hover {
  background-color: #343a40; /* Цвет при наведении, немного светлее */
}

/* Убираем стрелочки */
.modal-item::-webkit-scrollbar-button {
  display: none;
}

.modal-table-wrapper .modal-table::-webkit-scrollbar-button {
  display: none;
}

.modal-main__how--mobile {
  display: none;
}

.modal-table-wrapper {
  width: calc(100% + (100vw - 1600px) / 2);
}

.close-modal.active-fix {
  z-index: 11;
  position: fixed;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.33344 6.56641L20.0001 18.2331L31.6668 6.56641L33.4345 8.33417L21.7679 20.0008L33.4345 31.6675L31.6668 33.4353L20.0001 21.7686L8.33344 33.4353L6.56567 31.6675L18.2323 20.0008L6.56567 8.33417L8.33344 6.56641Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.close-modal.active-fix:before {
  content: 'Закрыть';
  position: absolute;
  right: calc(100% + 12px);
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  top: 50%;
  transform: translateY(-50%);
}

.layout-wrapper {
  margin-top: -100vh;
}

.layout-bg,
.layout-main {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -ms-grid-rows: 100%;
  grid-template-rows: 100%;
  position: relative;
  height: 100vh;
}
.layout-bg .stack-item-bg,
.layout-bg .stack-item,
.layout-main .stack-item-bg,
.layout-main .stack-item {
  height: 100vh;
  width: 100vw;
  z-index: 1;
  opacity: 0;
}

.layout-main {
  grid-template-areas: 'stack-item';
}
.layout-main .stack-item {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: stack-item;
}

.layout-bg {
  grid-template-areas: 'stack-item-bg';
}
.layout-bg .stack-item-bg {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: stack-item-bg;
}

.screen-20-text-wrapper .text--bg-big,
.screen-17-text-wrapper .text--bg-big,
.screen-12-text-wrapper .text--bg-big {
  position: relative;
  bottom: -60vh;
}

.screen-25-text-wrapper .text--md,
.screen-24-text-wrapper .text--md,
.screen-23-text-wrapper .text--md,
.screen-21-text-wrapper .text--md,
.screen-19-text-wrapper .screen-19__text-top,
.screen-19-text-wrapper .screen-19__text-bottom,
.screen-16-text-wrapper .text--lg,
.screen-15-fix-text-wrapper .text--lg,
.screen-15-text-wrapper .screen-block__content-wrapper,
.screen-13-text-wrapper .text--lg,
.screen-11-text-wrapper .text--md,
.screen-10-text-wrapper .text--lg,
.screen-9-text-wrapper .text--lg,
.screen-8-text-wrapper .text--lg,
.screen-7-text-wrapper .text--lg {
  position: absolute;
  opacity: 0;
  bottom: -300px;
}

.screen-25-text-wrapper .text--md,
.screen-23-text-wrapper .text--md,
.screen-19-text-wrapper .screen-19__text-top,
.screen-19-text-wrapper .screen-19__text-bottom,
.screen-15-fix-text-wrapper .text--lg,
.screen-11-text-wrapper .text--md,
.screen-10-text-wrapper .text--lg,
.screen-7-text-wrapper .text--lg {
  left: 0;
}

.screen-24-text-wrapper .text--md,
.screen-21-text-wrapper .text--md,
.screen-16-text-wrapper .text--lg,
.screen-15-text-wrapper .screen-block__content-wrapper,
.screen-13-text-wrapper .text--lg,
.screen-9-text-wrapper .text--lg,
.screen-8-text-wrapper .text--lg {
  right: 0;
}

/**
  Десктоп маленький
 */
/**
  Планшет горизонтальный
 */
@media screen and (max-width: 1800px) {
  .container {
    max-width: 100%;
    padding: 0 80px;
  }
  .screen-1 .text-wrapper-proxima-1 {
    height: 160px;
  }
  .screen-1 .screen-1__text-top {
    font-size: 32px;
    line-height: 38px;
  }
  .screen-1 .screen-1__text-middle {
    font-size: 136px;
    line-height: 1;
    margin-top: 24px;
  }
  .screen-4 .text-wrapper-proxima-4 p {
    font-size: 96px;
  }
  .proxi-container {
    height: 400%;
    left: -20px;
  }
  .svg-container {
    height: 180%;
  }
  .faq__item {
    padding: 40px 0;
  }
  .faq__item-header {
    font-size: 64px;
    line-height: 78px;
  }
  .faq__item-wrapper {
    max-width: 1143px;
  }
  .footer__wrapper {
    gap: 60px;
  }
  .footer__form {
    width: auto;
  }
  .modular-production__item.active .modular-production__item-image {
    display: none;
  }
  .modular-production__item.active .modular-production__item-more {
    margin-left: 0;
  }
  .modular-production__item.active .modular-production__item-more p {
    display: none;
  }
  .modular-production__item.active .modular-production__item-more p + svg {
    width: 24px;
    height: 24px;
  }
  .modular-production__item.active .modular-production__item-title {
    font-size: 28px;
    line-height: 34px;
    white-space: nowrap;
  }
  .modular-production__item.active .modular-production__item-title br {
    display: none;
  }
  .screen-9 .screen-block__content.right,
  .screen-10 .screen-block__content.right {
    align-items: flex-end;
  }
  .screen-11 .text--md {
    font-size: 48px;
    line-height: 56px;
  }
  .screen-19__text-bottom {
    margin-top: auto;
    text-align: right;
  }
  .screen-19__text-bottom br {
    display: none;
  }
  .scale-cold-img {
    left: 0;
    transform: translateY(-50%);
    width: 130px;
  }
  .scale-hot-img {
    right: 0;
    left: auto;
    transform: translateY(-50%);
    width: 130px;
  }
  .screen-21__icon {
    width: 147px;
    height: 147px;
  }
  .screen-21__icon.icon-al {
    left: 80px;
  }
  .screen-21 img {
    top: -130px;
    left: -20px;
  }
  .screen-25 .text--md,
  .screen-24 .text--md,
  .screen-23 .text--md,
  .screen-22 .text--md,
  .screen-21 .text--md {
    font-size: 64px;
    line-height: 78px;
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
  }
  .screen-15-fix .screen-block__content p,
  .screen-20 .screen-block__content p,
  .screen-19 .screen-block__content p,
  .screen-18 .screen-block__content p,
  .screen-17 .screen-block__content p,
  .screen-16 .screen-block__content p,
  .screen-15 .screen-block__content p,
  .screen-14 .screen-block__content p,
  .screen-13 .screen-block__content p,
  .screen-12 .screen-block__content p,
  .screen-11 .screen-block__content p,
  .screen-10 .screen-block__content p,
  .screen-9 .screen-block__content p,
  .screen-8 .screen-block__content p,
  .screen-7 .screen-block__content p {
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
  }
  .own-production__title,
  .own-production__description {
    color: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;
  }
  .own-production__bg {
    position: relative;
  }
  .own-production__bg video {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
  }
  .own-production__content {
    padding-bottom: 96px;
  }
  .modal-main__how {
    right: -24px;
    padding: 24px 32px;
    width: 500px;
    top: 100px;
  }
  .modal-main__content {
    padding-top: 60px;
  }
  .modal-main__left {
    width: calc(100% - 480px);
  }
  .modal-main__title {
    font-size: 60px;
  }
  .modal-double__left {
    width: 40%;
  }
  .modal-double__right {
    width: 60%;
  }
  .modal-double__right img {
    max-width: 100%;
  }
  .modal-double__right .modal-double__img-wrapper-scroll img {
    max-width: none;
  }
  .modal-table-wrapper {
    max-width: 100%;
  }
  .modal-table .modal-table__row:hover:before,
  .modal-table .modal-table__row:before {
    content: none;
  }
  .modal-table .modal-table__row:hover .modal-table__col {
    position: relative;
    background-color: #1b1e21;
  }
  .modal-table .modal-table__row:hover .modal-table__col.highlight {
    background-color: #343a40;
  }
  .modal-table .modal-table__row:hover .modal-table__col.highlight:after {
    content: '';
    left: 0;
    right: 0;
    top: -1px;
    bottom: 0;
    background-color: #343a40;
    z-index: -1;
  }
  .modal-table .modal-table__row:hover .modal-table__col:before {
    position: absolute;
    content: '';
    left: -25px;
    top: -1px;
    bottom: 0;
    width: 50px;
    z-index: -1;
    background-color: #1b1e21;
  }
  .modal-item .close-all,
  .modal-item .close-modal {
    top: 40px;
    right: 40px;
  }
  .modal-item .return-modal.return-modal-small {
    top: 40px;
  }
  .device-item__btn {
    color: #fff;
  }
  .footer__form {
    width: 100%;
  }
  .footer__right {
    width: 100%;
    max-width: 650px;
  }
  .modal-table-wrapper .modal-table.col-2 {
    -ms-grid-columns: 590px (320px) [2];
    grid-template-columns: 590px repeat(2, 320px);
  }
  .screen-2 .block__content,
  .screen-3 .block__content {
    padding-bottom: 96px;
  }
  .screen-2__left p,
  .screen-3__left p {
    font-size: 88px;
    line-height: 1.2;
  }
  .screen-2__right p,
  .screen-3__right p {
    font-size: 28px;
    line-height: 34px;
  }
  .where-buy {
    padding-bottom: 96px;
  }
  .where-buy__item {
    padding: 0 19px;
  }
  .where-buy__item svg {
    max-width: 208px;
  }
  .text--lg {
    font-size: 72px;
    line-height: 80px;
  }
  .screen-21 .text--md {
    font-size: 48px;
    line-height: 56px;
  }
  .modal-double-list .modal-double-list__header,
  .device-item__title,
  .extra-devices__item-title {
    font-size: 28px;
    line-height: 34px;
  }
  .screen-13 .scale-hot,
  .screen-14 .scale-hot {
    top: 50%;
    left: 730px;
    transform: translateY(-50%);
  }
  .screen-13 .scale-cold,
  .screen-14 .scale-cold {
    top: 50%;
    left: 120px;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1400px) and (max-width: 1600px) {
  .demo-block .screen-block__central {
    left: 0;
  }
}
@media screen and (max-width: 1800px) {
  .screen-1::after {
    height: 505px;
  }
}
@media screen and (max-width: 1200px) {
  .screen-1::after {
    height: 462px;
  }
}
@media screen and (max-width: 767px) {
  .screen-1::after {
      height: 444px;
  }
}
@media screen and (max-width: 507px) {
  .screen-1::after {
      height: 441px;
  }
}
@media screen and (max-width: 423px) {
  .screen-1::after {
      height: 475px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1800px) {
  .screen-1 .text-wrapper-proxima-1 {
    height: 205px;
  }
  .svg-container {
    top: 60%;
  }
  .modal-table-wrapper.modal-table-device {
    overflow: hidden;
  }
  .modal-table-wrapper.modal-table-device .modal-table__row {
    -ms-grid-columns: 680px 480px;
    grid-template-columns: 680px 480px;
  }
  .first-list .first-item-3 {
    width: 221px;
    height: 419px;
  }
  .first-list .first-item-2 {
    width: 193px;
    height: 331px;
    left: calc(50% - 110px - 97px - 38px);
  }
  .first-list .first-item-4 {
    width: 213px;
    height: 331px;
    left: calc(50% + 110px + 107px + 38px);
  }
  .first-list .first-item-1 {
    width: 195px;
    height: 279px;
    left: calc(50% - 110px - 195px - 38px - 38px - 98px);
  }
  .first-list .first-item-5 {
    width: 169px;
    height: 279px;
    left: calc(50% + 110px + 213px + 38px + 38px + 85px);
  }
  .modal-table-wrapper {
    width: calc(100% + 80px);
    max-width: calc(100% + 80px);
  }
}
@media screen and (min-width: 1280px) and (max-width: 1281px) {
  .demo-block .screen-block__central {
    left: 0;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1535px) {
  .screen-2__left p,
  .screen-3__left p {
    font-size: 64px;
    line-height: 78px;
  }
  .screen-2__right p,
  .screen-3__right p {
    font-size: 22px;
    line-height: 30px;
  }
  .screen-2 .block__content,
  .screen-3 .block__content {
    padding-bottom: 80px;
  }
  .screen-21__icon {
    width: 104px;
    height: 104px;
  }
  .screen-21__icon.icon-al {
    left: 34px;
  }
  .screen-21__icon.icon-cu {
    left: 24%;
  }
  .screen-21 img {
    top: -100px;
    left: -50px;
  }
  .text--bg-big {
    font-size: 120px;
  }
  .text--lg {
    font-size: 64px;
    line-height: 78px;
  }
  .text--md {
    font-size: 40px;
    line-height: 48px;
  }
  .screen-26 .screen-block,
  .screen-26.screen {
    min-height: 80vh;
    height: 80vh;
  }
  .screen-26 .text--bg-big {
    font-size: 80px;
  }
  .faq__item-header {
    max-width: 863px;
    font-size: 48px;
    line-height: 56px;
  }
  .faq .faq__item-img img,
  .faq .faq__item-img {
    width: 524px;
    height: 678px;
  }
  .faq .faq__item-img {
    left: 72%;
  }
  .text--h2 {
    font-size: 64px;
    line-height: 78px;
  }
  .extra-devices__wrapper .text--h2 {
    font-size: 64px;
    line-height: 78px;
    margin-bottom: 84px;
  }
  .scroll-devices {
    padding-bottom: 215px;
  }
  .extra-devices {
    margin-top: -50px;
  }
  .extra-devices__wrapper {
    padding-top: 0;
    padding-bottom: 88px;
  }
  .extra-devices__item-image {
    width: 100%;
    height: 258px;
  }
  .extra-devices__item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .extra-devices__item-title {
    font-size: 22px;
    line-height: 30px;
  }
  .extra-devices__item {
    padding: 32px 32px 0;
  }
  .own-production__title {
    font-size: 64px;
    line-height: 78px;
    margin-bottom: 24px;
  }
  .own-production__description {
    font-size: 24px;
    line-height: 34px;
  }
  .footer__right {
    max-width: 508px;
  }
  .form-item {
    margin-bottom: 24px;
  }
  .file-label {
    padding: 13px 24px;
  }
  .file-label span {
    font-size: 24px;
  }
  .screen-13 .scale-hot,
  .screen-14 .scale-hot {
    top: 50%;
    left: 520px;
    transform: translateY(-50%);
  }
  .screen-13 .scale-cold,
  .screen-14 .scale-cold {
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
  }
  .screen-13__bg-img,
  .screen-14__bg-img {
    position: relative;
    left: -42px;
    top: 0;
  }
}
@media screen and (max-width: 1199px) {
  .container {
    max-width: 100%;
    padding: 0 24px;
  }
  .demo-block .screen-block__central {
    left: 0;
  }
  .modal-main.modal-main--device .modal-main__content {
    gap: 60px;
  }
  .modal-table-wrapper .modal-table.col-6 {
    -ms-grid-columns: 610px (230px) [6];
    grid-template-columns: 610px repeat(6, 230px);
  }
  .modal-table-wrapper .modal-table.col-1 {
    -ms-grid-columns: 560px 380px;
    grid-template-columns: 560px 380px;
  }
  .modal-table-wrapper.modal-table-device .modal-table {
    -ms-grid-columns: 560px 380px;
    grid-template-columns: 560px 380px;
  }
  .text--bg-big {
    font-size: 96px;
  }
  .text--lg {
    font-size: 64px;
    line-height: 78px;
  }
  .text--sm {
    font-size: 28px;
    line-height: 34px;
  }
  .screen-26 .text--bg-big {
    font-size: 88px;
    line-height: 1;
  }
  .screen-26 {
    height: auto;
    min-height: auto;
  }
  .screen-26 .text--bg-big {
    position: static;
    transform: none;
    font-size: 42px;
    line-height: 47px;
    margin-bottom: 30px;
  }
  .screen-26 .screen-block {
    height: auto;
  }
  .header__logo {
    width: 126px;
    height: 32px;
  }
  .header__btn {
    width: 128px;
    height: 32px;
    font-size: 14px;
    padding: 0;
    line-height: 17px;
  }
  .faq .faq__item {
    max-width: 576px;
  }
  .faq .faq__item-img {
    width: 495px;
    height: 665px;
    left: 83%;
  }
  .faq .faq__item-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .faq .faq__item-header {
    font-size: 48px;
    line-height: 56px;
  }
  .footer .text--h2,
  .modular-production__title,
  .where-buy .text--h2,
  .extra-devices__wrapper .text--h2 {
    font-size: 48px;
    line-height: 56px;
  }
  .screen-14 .scale-hot,
  .screen-13 .scale-hot {
    left: auto;
    right: 24px;
  }
  .screen-14 .scale-cold,
  .screen-13 .scale-cold {
    left: 24px;
  }
  .screen-14__bg,
  .screen-13__bg {
    width: 100%;
  }
  .screen-2 .container,
  .screen-3 .container {
    height: 100%;
  }
  .screen-2 .block__content,
  .screen-3 .block__content {
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
    flex-direction: column;
    padding-bottom: 0;
  }
  .screen-2__left,
  .screen-2__right,
  .screen-3__left,
  .screen-3__right {
    width: 100%;
  }
  .screen-2__left br,
  .screen-3__left br {
    display: block;
  }
  .screen-2__left p,
  .screen-3__left p {
    font-size: 64px;
    line-height: 78px;
  }
  .screen-2__right,
  .screen-3__right {
    padding: 48px 0 50px 0;
  }
  .screen-2__right p,
  .screen-3__right p {
    font-size: 22px;
    line-height: 30px;
  }
  .screen-21__bg {
    width: 100%;
  }
  .screen-21 .screen-block__content {
    padding-top: 90px;
  }
  .screen-21__icon {
    width: 147px;
    height: 147px;
  }
  .screen-21__icon.icon-cu {
    left: auto;
    right: 48px;
    bottom: 100px;
  }
  .screen-21__icon.icon-al {
    left: 48px;
    top: 100px;
  }
  .screen-21 .text--md br:last-child {
    display: none;
  }
  .where-buy {
    padding-top: 128px;
  }
  .where-buy__list {
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
  }
  .where-buy__list .where-buy__item:last-child {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    justify-content: flex-start;
  }
  .where-buy__list .where-buy__item:last-child p {
    font-size: 22px;
    line-height: 30px;
  }
  .where-buy__list .where-buy__item:last-child p br {
    display: none;
  }
  .own-production__content {
    padding-bottom: 64px;
  }
  .own-production__title {
    font-size: 64px;
    line-height: 78px;
  }
  .own-production__description {
    font-size: 22px;
    line-height: 30px;
  }
  .modal-table-wrapper {
    width: calc(100% + 24px);
    max-width: calc(100% + 24px);
  }
  .screen-26 .text--bg-big {
    font-size: 64px;
    line-height: 78px;
  }
}
/**
  Планшет вертикальный
 */
@media screen and (max-width: 1023px) {
  .modal-main__how {
    width: 100%;
    flex-direction: row;
    align-items: center;
    position: static;
    margin-top: 40px;
    padding: 24px;
    gap: 40px;
  }
  .modal-main__how svg {
    margin: 0;
  }
  .modal-main__left {
    max-width: 100%;
    width: 100%;
  }
  .modal-main__content {
    flex-direction: column;
  }
  .modal-table .modal-table__row {
    -ms-grid-columns: 470px (270px) [3];
    grid-template-columns: 470px repeat(3, 270px);
  }
  .modal-table .modal-table__col .modal-table__big-title {
    font-size: 40px;
    line-height: 48px;
    font-weight: 500;
  }
  .modal-item .close-all,
  .modal-item .close-modal {
    top: 36px;
    right: 32px;
  }
  .modal-double {
    flex-direction: column;
  }
  .modal-double__left {
    display: flex;
    justify-content: flex-start;
    padding-left: 24px;
    padding-top: 32px;
    padding-bottom: 20px;
    width: 100%;
  }
  .modal-double__left img {
    display: none;
  }
  .modal-double__right {
    width: 100%;
    padding: 64px 24px 80px;
  }
  .modal-double .modal-double__back {
    position: static;
    display: flex;
    align-items: center;
    left: 19px;
    top: 40px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 24px;
    padding: 0;
    background-color: transparent;
    padding-left: 32px;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29 15.0005L8.01421 15.0005L16.3475 6.66717L14.9333 5.25295L4.18579 16.0005L14.9333 26.748L16.3475 25.3338L8.01421 17.0005L29 17.0005L29 15.0005Z' fill='%236C757D'/%3E%3C/svg%3E");
    height: auto;
    width: auto;
  }
  .modal-double .modal-double__back span {
    font-size: 24px;
    color: #6c757d;
  }
  .modal-double .modal-double__back svg {
    display: none;
  }
  .device-item.swiper-slide {
    width: 400px;
  }
  .device-item:hover .device-item__img img {
    width: auto;
  }
  .floating-label {
    font-size: 18px;
  }
  .floating-input {
    height: 46px !important;
  }
  .footer__right {
    max-width: 410px;
  }
  .has-error:before {
    font-size: 12px;
  }
  .form-row {
    gap: 37px;
  }
  .file-input-container .file-label span {
    font-size: 16px;
  }
  .form-item {
    margin-bottom: 29px;
  }
  .form-item input {
    font-size: 18px;
  }
  textarea {
    font-size: 18px !important;
  }
  .form-item-email {
    margin-bottom: 17px;
  }
  .form-item-text {
    margin-bottom: 8px;
  }
  .form-item-text textarea {
    height: 120px !important;
  }
  .form-item-btn {
    font-size: 18px !important;
    height: 56px !important;
    margin-bottom: 15px;
  }
  .file-label {
    padding: 22px 12px;
    height: 56px;
    max-width: 210px;
  }
  .file-label svg {
    width: 16px;
    height: 16px;
  }
  #fileName {
    font-size: 16px;
  }
  .file-input-container {
    margin-bottom: 24px;
  }
  .consultation-radio-check {
    font-size: 14px;
    font-weight: 400;
  }
  .consultation-radio-check a {
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
  }
  .footer__contact-text {
    font-size: 18px;
  }
  .floating-label {
    left: 0;
    top: 11px;
  }
  .first-list .first-item-3 {
    width: 252px;
    height: 472px;
  }
  .first-list .first-item-2 {
    width: 217px;
    height: 390px;
    left: calc(50% - 126px - 109px - 40px);
  }
  .first-list .first-item-5 {
    width: 217px;
    height: 390px;
    left: calc(50% + 126px + 109px + 40px);
  }
  .first-list .first-item-1,
  .first-list .first-item-4 {
    display: none;
  }
  .modal-table-wrapper.modal-table-device .modal-table__row {
    -ms-grid-columns: 420px 300px;
    grid-template-columns: 420px 300px;
  }
  .modal-table-wrapper .modal-table.col-6 {
    -ms-grid-columns: 360px (230px) [6];
    grid-template-columns: 360px repeat(6, 230px);
  }
  .modal-table-wrapper .modal-table.col-2 {
    -ms-grid-columns: 370px (270px) [2];
    grid-template-columns: 370px repeat(2, 270px);
  }
  .modal-table-wrapper .modal-table.col-1 {
    -ms-grid-columns: 370px 270px;
    grid-template-columns: 370px 270px;
  }
  .modal-table-wrapper.modal-table-device .modal-table {
    -ms-grid-columns: 370px 270px;
    grid-template-columns: 370px 270px;
  }
  .faq .faq__item-img {
    width: 430px;
    height: 540px;
    left: 83%;
  }
  .extra-devices__wrapper {
    padding-top: 0;
  }
  .scroll-devices {
    padding-bottom: 184px;
  }
  .footer__right {
    max-width: 410px;
  }
}
/**
  Мобильные устройства
 */
@media screen and (max-width: 767px) {
  .container {
    padding: 0 16px;
  }
  .header__btn {
    font-size: 12px;
  }
  .screen-1 .screen-1__text-top {
    font-size: 26px;
    line-height: 32px;
  }
  .screen-1 .text-wrapper-proxima-1 .s1-proxima {
    font-size: 70px;
    line-height: 1;
  }
  .screen-1__text-bottom {
    font-size: 16px;
    line-height: 24px;
  }
  .screen-2__bg img,
  .screen-3__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .screen-2__left p,
  .screen-3__left p {
    font-size: 40px;
    line-height: 48px;
  }
  .screen-2__right,
  .screen-3__right {
    padding: 24px 0 50px;
  }
  .screen-2__right p,
  .screen-3__right p {
    font-size: 16px;
    line-height: 21px;
  }
  .screen-4 .text-wrapper-proxima-4 p {
    font-size: 42px;
    line-height: 48px;
  }
  .text--bg-big {
    font-size: 48px;
    line-height: 1;
  }
  .text--lg {
    font-size: 32px;
    line-height: 38px;
  }
  .text--sm {
    font-size: 16px;
    line-height: 21px;
  }
  .screen-21 .screen-block__content {
    justify-content: flex-end;
    padding-bottom: 112px;
  }
  .screen-21__icon {
    width: 72px;
    height: 72px;
  }
  .screen-21__icon.icon-al {
    left: 16px;
    top: 230px;
  }
  .screen-21__icon.icon-cu {
    right: 16px;
    bottom: 216px;
  }
  .screen-25 .text--md,
  .screen-24 .text--md,
  .screen-23 .text--md,
  .screen-22 .text--md,
  .screen-21 .text--md {
    font-size: 28px;
    line-height: 34px;
  }
  .scroll-devices {
    padding-bottom: 110px;
  }
  .scroll-devices .text--bg-big {
    font-size: 40px;
    line-height: 48px;
  }
  .faq__item {
    padding: 20px 0;
  }
  .faq__item-header {
    font-size: 28px;
    line-height: 34px;
  }
  .screen-11 .text--md {
    font-size: 28px;
    line-height: 34px;
  }
  .screen-11 .screen-block__content {
    align-items: flex-end;
  }
  .form-item-email {
    margin-bottom: 36px;
  }
  .screen-15-fix .text--lg,
  .screen-19 .text--lg,
  .screen-15 .text--lg,
  .screen-16 .text--lg {
    font-size: 28px;
    line-height: 34px;
  }
  .screen-15 .screen-block__content {
    align-items: flex-end;
  }
  .screen-15 .text--lg br {
    display: none;
  }
  .screen-16 .screen-block__content {
    align-items: flex-end;
  }
  .screen-23 .text--md,
  .screen-22 .text--md,
  .screen-21 .text--md {
    font-size: 28px;
    line-height: 34px;
  }
  .screen-21 .text--md br {
    display: none;
  }
  .slider-wrapper-block {
    width: calc(100% - 20px);
  }
  .extra-devices__wrapper {
    padding-top: 26px;
    padding-bottom: 48px;
  }
  .extra-devices .text--h2 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 48px;
  }
  .extra-devices__item {
    padding: 24px 16px 0;
  }
  .extra-devices__item-image {
    opacity: 1;
    height: 350px;
    position: relative;
  }
  .extra-devices__item-image img {
    max-width: 100%;
    max-height: 100%;
  }
  .extra-devices__item:hover {
    background-color: transparent;
  }
  .extra-devices__item-title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 16px;
    font-weight: 500;
  }
  .extra-devices__button {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 18px;
    color: #fff;
  }
  .extra-devices__button svg {
    fill: #fff;
  }
  .c-slider-navigation {
    margin: 24px auto 0;
  }
  .modular-production__title {
    font-size: 32px;
    line-height: 38px;
  }
  .modular-production__item.active .modular-production__item-title,
  .modular-production__item-title {
    font-size: 22px;
    line-height: 30px;
  }
  .own-production__description {
    font-size: 16px;
    line-height: 21px;
  }
  .own-production__title {
    font-size: 40px;
    line-height: 48px;
  }
  .own-production__bg video {
    display: none;
  }
  .own-production__bg .own-production__bg-mobile {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .own-production__bg .own-production__bg-mobile img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
  }
  .where-buy {
    padding-bottom: 62px;
    padding-top: 104px;
  }
  .where-buy .text--h2 {
    margin-bottom: 64px;
  }
  .where-buy__list {
    display: flex;
    flex-direction: column;
  }
  .footer {
    padding-bottom: 56px;
  }
  .footer__wrapper {
    flex-direction: column;
    gap: 0;
  }
  .footer__contact {
    margin-top: 40px;
    margin-bottom: 55px;
  }
  .footer__right,
  .footer__left {
    max-width: 100%;
    margin: 0;
  }
  .footer__form {
    max-width: 100%;
  }
  .form-row {
    flex-direction: column;
    gap: 0;
  }
  .modal-main__content {
    align-items: flex-start;
  }
  .modal-main__title {
    font-size: 32px;
    line-height: 38px;
  }
  .modal-main__description {
    margin-top: 24px;
  }
  .modal-main__description p {
    font-size: 16px;
    line-height: 24px;
  }
  .modal-main__how {
    background-color: transparent;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    padding: 0;
  }
  .modal-main--buy .modal-main__title {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 64px;
    margin-top: 44px;
  }
  .modal-main--buy .where-buy__list {
    margin-bottom: 104px;
  }
  .modal-table__head .modal-table__col:first-child {
    position: relative;
  }
  .modal-table__head .modal-table__col:first-child .modal-table__big-title {
    position: absolute;
    font-size: 32px;
    line-height: 38px;
    top: -116px;
  }
  .modal-table__head .modal-table__col:first-child .modal-table__big-title br {
    display: block;
  }
  .device-item {
    padding: 24px 16px 0;
    min-width: 296px;
  }
  .device-item.swiper-slide {
    width: 296px;
  }
  .device-item__btn {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
  }
  .device-item__title {
    font-size: 22px;
    line-height: 30px;
  }
  .device-item__img {
    height: 327px;
    padding-bottom: 0;
  }
  .modal-table {
    margin-top: 220px;
    margin-bottom: 64px;
  }
  .modal-table-wrapper .modal-table.col-3 {
    -ms-grid-columns: 200px (200px)[3] !important;
    grid-template-columns: 200px repeat(3, 200px) !important;
  }
  .modal-main--device .modal-main__right {
    display: none;
  }
  .modal-table .modal-table__col {
    min-height: 56px;
    padding: 12px 0;
    font-size: 16px;
    line-height: 24px;
  }
  .modal-table .modal-table__col:first-child {
    font-size: 16px;
    line-height: 24px;
  }
  .modal-table .modal-table__col:after {
    left: 0;
    right: 0;
  }
  .modal-table .modal-table__col .modal-table__img-wrapper {
    width: 82px;
    height: 130px;
  }
  .modal-table .modal-table__col .modal-table__img-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .modal-table .modal-table__col .modal-table__img-title {
    font-size: 16px;
    line-height: 21px;
  }
  .modal-table .modal-table__col .modal-table__in-catalog svg {
    width: 16px;
    height: 16px;
  }
  .modal-table .modal-table__col .modal-table__in-catalog span {
    font-size: 12px;
    line-height: 17px;
  }
  .modal-table .modal-table__row {
    -ms-grid-columns: 185px (120px) [3];
    grid-template-columns: 185px repeat(3, 120px);
    gap: 24px;
  }
  .modal-item .return-modal.return-modal-small {
    top: 16px;
    left: 16px;
    color: #adb5bd;
    font-size: 18px;
    line-height: 26px;
  }
  .modal-double .modal-double__caption {
    font-size: 32px;
    line-height: 38px;
  }
  .modal-double__right {
    padding-bottom: 72px;
  }
  .modal-double__ol li,
  .modal-double__ul li {
    font-size: 16px;
    line-height: 24px;
  }
  .modal-main__mobile {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .modal-main--device .modal-main__left {
    padding-top: 49px;
  }
  .modal-main__mobile img {
    max-height: 315x;
    margin-bottom: 17px;
  }
  .modal-double-list .modal-double-list__header {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 44px;
  }
  .modal-double-list .modal-double-list__header:before {
    font-size: 96px;
    line-height: 78px;
    top: 15px;
  }
  .modal-double-list .modal-double-list__content p {
    font-size: 16px;
    line-height: 24px;
  }
  .modal-double-list .modal-double-list__item {
    margin-bottom: 40px;
  }
  .modal-double-list .modal-double-list__item:last-child {
    margin-bottom: 0;
  }
  .container-wrapper-model {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .container-wrapper-model:after {
    position: absolute;
    content: '';
    background-color: rgba(19, 21, 23, 0.3);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
  /* скорость на мобилке */
  .first-list.active .first-item {
    transition: .1s;
  }
  .first-list .first-item-3 {
    width: 138px;
    height: 261px;
  }
  .first-list.active .first-item:first-child:after, .first-list.active .first-item:last-child:after {
    opacity: .2;
  }
  .first-list .first-item-2 {
    width: 120px;
    height: 216px;
    left: calc(50% - 69px - 60px - 5px);
  }
  .first-list .first-item-5 {
    width: 120px;
    height: 216px;
    left: calc(50% + 69px + 60px + 5px);
  }
  .container-one {
    margin-top: 75px;
  }
  .screen-1 .text-wrapper-proxima-1 {
    height: 110px;
  }
  .screen-1__text-bottom {
    margin-top: 0;
  }
  .proxi-container {
    height: 750%;
    left: -25px;
    width: 115%;
  }
  .svg-container {
    top: 50%;
    left: 50%;
    width: 177%;
    height: 280%;
  }
  .demo-block {
    display: none !important;
  }
  .demo-block.zindex {
    z-index: -1 !important;
  }
  .demo-block .text--bg-big {
    position: relative;
  }
  .screen-6 .text--bg-big {
    position: relative;
    bottom: -250px;
  }
  .modal-main--device .modal-main__title {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 51px;
  }
  .modal-main--device .modal-table-device {
    margin-bottom: 88px;
  }
  .modal-main--device .modal-table-device .modal-table-title {
    font-size: 32px;
    line-height: 38px;
  }
  .modal-main--device .modal-table-device .modal-table {
    margin-top: 40px;
    margin-bottom: 64px;
  }
  .modal-main--device .modal-table-device .modal-table__row {
    gap: 24px;
    -ms-grid-columns: 185px 1fr;
    grid-template-columns: 185px 1fr;
  }
  .modal-main--device .modal-table-device .modal-table-device__link {
    width: 100%;
    height: 56px;
    font-size: 18px;
    line-height: 26px;
    width: 97%;
  }
  .modal-table-wrapper .modal-table .modal-table__col {
    padding: 12px 6px 12px 12px;
  }
  .modal-table-wrapper .modal-table.col-6 {
    -ms-grid-columns: 185px (124px) [6];
    grid-template-columns: 185px repeat(6, 124px);
  }
  .modal-table-wrapper .modal-table.col-1 {
    -ms-grid-columns: 185px 125px;
    grid-template-columns: 185px 125px;
  }
  .modal-table-wrapper.modal-table-device .modal-table {
    -ms-grid-columns: 185px 125px;
    grid-template-columns: 185px 125px;
  }
  .modal-table-wrapper .modal-table.col-2 {
    -ms-grid-columns: 185px (124px) [2];
    grid-template-columns: 185px repeat(2, 124px);
  }
  .screen-26 .text--bg-big {
    font-size: 42px;
    line-height: 1.2;
  }
  .faq .faq__item-header {
    font-size: 28px;
    line-height: 34px;
    opacity: 1;
  }
  .faq .faq__item-img {
    left: 53%;
    width: 238px;
    height: 321px;
  }
  .modal-main--device .modal-table-wrapper:before {
    content: none;
  }
  .modal-main--device .modal-table-wrapper .modal-table {
    margin-top: 29px;
  }
  .modal-table-wrapper:before {
    display: block;
    content: 'Техническая спецификация';
    background: linear-gradient(45deg, #fbfbfb 0%, #737475 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 28px;
    line-height: 34px;
    font-weight: 500;
    margin-bottom: 40px;
    margin-top: 64px;
  }
  .modal-table-wrapper .modal-table {
    margin-top: 40px;
  }
  .modal-item .close-all,
  .modal-item .close-modal {
    width: 32px;
    height: 32px;
    top: 21px;
    right: 21px;
    background-size: 32px;
  }
  .modal-double .modal-double__back span {
    font-size: 18px;
    line-height: 26px;
  }
  .modal-double__left {
    padding-top: 24px;
  }
  .file-input-container {
    display: none;
  }
  .form-item-text {
    margin-bottom: 30px;
  }
  .extra-devices__item-image img {
    opacity: 95%;
  }
  .modal-main__right .modal-main__how {
    display: none;
  }
  .modal-main {
    padding-bottom: 82px;
  }
  .modal-main__how--mobile {
    display: flex;
    gap: 24px;
  }
  .modal-main__how--mobile span {
    font-size: 16px;
    line-height: 22px;
    flex-grow: 1;
  }
  .modal-main__how--mobile svg {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
  }
  .faq .faq__item-header {
    opacity: 0.25;
  }
  .faq .faq__list.disabled .faq__item-header {
    opacity: 1;
  }
  .modal-table-wrapper {
    width: calc(100% + 16px);
    max-width: calc(100% + 16px);
  }
  .screen-13__bg-img,
  .screen-14__bg-img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .screen-21 img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 20% 50%;
    object-position: 20% 50%;
  }
}
@media screen and (min-width: 1921px) {
  .block__bg.screen-2__bg img,
  .block__bg.screen-3__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .own-production__bg video {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .consultation-radio-check {
    font-size: 12px;
    font-weight: 400;
  }
  .consultation-radio-check a {
    font-size: 12px;
  }
}