@font-face {
  font-family: Jost;
  font-display: swap;
  src: url("../fonts/Jost-Black.woff2") format("woff2"), url("../fonts/Jost-Black.woff") format("woff");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: Jost;
  font-display: swap;
  src: url("../fonts/Jost-Medium.woff2") format("woff2"), url("../fonts/Jost-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: Jost;
  font-display: swap;
  src: url("../fonts/Jost-Regular.woff2") format("woff2"), url("../fonts/Jost-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Jost;
  font-display: swap;
  src: url("../fonts/Jost-SemiBold.woff2") format("woff2"), url("../fonts/Jost-SemiBold.woff") format("woff");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Jost;
  font-display: swap;
  src: url("../fonts/Jost-Bold.woff2") format("woff2"), url("../fonts/Jost-Bold.woff") format("woff");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: Jost;
  font-display: swap;
  src: url("../fonts/Jost-ExtraBold.woff2") format("woff2"), url("../fonts/Jost-ExtraBold.woff") format("woff");
  font-style: normal;
  font-weight: 800;
}
@font-face {
  font-family: Jost;
  font-display: swap;
  src: url("../fonts/Jost-Light.woff2") format("woff2"), url("../fonts/Jost-Light.woff") format("woff");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: Abel;
  font-display: swap;
  src: url("../fonts/Abel-Regular.woff2") format("woff2"), url("../fonts/Abel-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
}
input[type=number] {
  -moz-appearance: textfield;
}

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

input, textarea, a, button {
  -webkit-appearance: none;
  -moz-appearance: none;
}

body {
  background: #fff;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-family: "Jost", sans-serif;
  color: #fff;
  font-weight: 400;
  -webkit-text-size-adjust: none2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background: #101010;
  padding-top: 200px;
}

li {
  display: block;
}

ul {
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
  font-family: "Jost", sans-serif;
}

textarea {
  font-family: "Jost", sans-serif;
  font-size: 14px;
  resize: none;
}

a {
  text-decoration: none;
  color: #598D90;
  display: block;
}
a:hover {
  color: #598D90;
  transition: all 0.2s ease-out;
}

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

input:active, input:focus, button:active, button:focus, span:active, span:focus, span, div:active, div:focus, div, textarea:active, textarea:focus, select:active, select:focus {
  outline: none;
}

textarea, input {
  font-family: "Jost", sans-serif;
  letter-spacing: 0;
}

button {
  font-family: "Jost", sans-serif;
  background: none;
  cursor: pointer;
  border: none;
  font-size: 16px;
}
button:disabled {
  opacity: 0.5;
  cursor: auto !important;
}

h1 {
  background-image: linear-gradient(275deg, #FFF 64.95%, #999 98.94%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 67px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  position: relative;
}

h1, h2 {
  margin: 0;
  font-family: "Jost", sans-serif;
}

h2 {
  margin-bottom: 45px;
  background: linear-gradient(285deg, #FFF 48.78%, #9B9B9B 118.74%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
}

h3 {
  font-size: 30px;
  font-family: "Jost", sans-serif;
  margin-top: 0;
  font-weight: 600;
}

.btn-border {
  border-radius: 20px;
  border: 2px solid #FFF;
  box-shadow: 0px 34px 90px 0px rgba(255, 255, 255, 0.2);
  padding: 25px 52px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  color: #fff;
}
.btn-border:hover {
  border: 2px solid #598D90;
}

.round-btn {
  width: 158px;
  height: 158px;
  background: #1E1E46;
  border-radius: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  text-align: center;
  position: relative;
}
.round-btn::after {
  transition: all 0.2s ease-out;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  border: 1px solid #1E1E46;
  border-radius: 150px;
}
.round-btn:hover {
  transition: all 0.2s ease-out;
  color: #fff;
  background: #7E93D1;
}
.round-btn:hover::after {
  border: 1px solid #7E93D1;
  transition: all 0.2s ease-out;
}

section {
  margin-bottom: 100px;
}

.swiper-wrapper {
  height: auto !important;
}

.container {
  padding: 0;
  width: 1640px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.row {
  display: flex;
}

.row-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.row-space {
  justify-content: space-between;
}

.column {
  flex-direction: column;
}

.overflow-body {
  overflow-y: hidden;
}

.btn {
  border-radius: 10px;
  color: #fff;
  font-size: 20px;
  background: #598D90;
  cursor: pointer;
  font-weight: 400;
  padding: 25px 52px;
  width: fit-content;
}
.btn:hover {
  color: #fff;
  background: #487275;
  transition: all 0.2s ease-out;
}

.card__btn {
  background: #821BF0;
  padding: 20px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 3px 5px 15px rgba(130, 27, 240, 0.25);
}
.card__btn:hover {
  background: #9336F8;
  transition: all 0.2s ease-out;
}

.in-cart {
  background: #4F28EA;
  padding: 17px 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.in-cart:hover {
  background: #7250FA;
  transition: all 0.2s ease-out;
}

.btn-line {
  background: transparent;
  padding: 17px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7250FA;
  border: 1px solid #7250FA;
}
.btn-line:hover {
  background: #7250FA;
  transition: all 0.2s ease-out;
}

.hidden-body {
  overflow: hidden;
}

.bread {
  flex-wrap: wrap;
}
.bread li {
  margin-bottom: 5px;
}

::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}

::-webkit-scrollbar-thumb {
  background: #598D90;
}

::-webkit-scrollbar-track {
  background: #d1d1d1;
}

@media screen and (max-width: 979px) {
  .mobile-col {
    flex-direction: column;
  }

  .mobile-col-rev {
    flex-direction: column-reverse;
  }

  .mobile__none {
    display: none;
  }

  .container {
    width: 100%;
    padding: 0 4vw;
  }
}
@media screen and (min-width: 980px) and (max-width: 1280px) {
  .container {
    width: 100%;
    padding: 0 4vw;
  }
}
@media screen and (min-width: 1420px) and (max-width: 1709px) {
  .container {
    width: 1400px;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1419px) {
  .container {
    width: 1180px;
  }
}
.menu {
  padding: 0;
  padding-top: 30px;
  margin: 0;
  margin-bottom: 50px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: #101010;
  padding-bottom: 30px;
  transition: all 0.2s ease-out;
}
.menu * {
  transition: all 0.2s ease-out;
}
.menu .container {
  align-items: center;
  overflow: visible;
  position: relative;
}
.menu__right {
  align-items: center;
}
.menu__tel {
  margin-right: 50px;
}
.menu__tel svg {
  margin-right: 10px;
}
.menu__tel a {
  font-size: 30px;
  color: #CCC;
}
.menu__tel a span {
  color: #FFF;
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
}
.menu__tel__all {
  font-size: 22px;
  text-align: right;
  border-bottom: 1px solid #598D90;
  width: fit-content;
  margin-left: auto;
  cursor: pointer;
}
.menu__tel__all:hover {
  color: #598D90;
}
.menu__ws {
  align-items: center;
  display: flex;
  height: fit-content;
  margin-right: 10px;
  position: relative;
  z-index: 0;
}
.menu__ws span {
  color: #1AC87F !important;
  width: 0;
  transition: all 0.7s ease;
  opacity: 0;
}
.menu__ws:hover svg path {
  fill: #1AC87F;
}
.menu__ws:hover span {
  opacity: 1;
  width: 150px;
  transition: all 0.7s ease;
}
.menu .menu-tel:hover {
  color: #598D90;
}
.menu .menu-tel:hover span {
  color: #598D90;
}
.menu .menu__tel__text {
  position: relative;
  z-index: 2;
}
.menu__trigger {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  cursor: pointer;
}
.menu__trigger div {
  width: 70px;
  height: 4px;
  background: #fff;
  margin-bottom: 16px;
}
.menu__trigger div:last-child {
  width: 40px;
  margin-bottom: 0;
}
.menu__trigger:hover div {
  background: #598D90;
}
.menu__trigger:hover div:last-child {
  width: 70px;
}
.menu__trigger.active div {
  background: #598D90;
}
.menu__trigger.active div:last-child {
  display: none;
}
.menu__trigger.active div:first-child {
  transform: rotate(45deg);
  margin: 0;
  margin-bottom: -4px;
  transform-origin: center;
}
.menu__trigger.active div:nth-child(2) {
  transform: rotate(-45deg);
  margin: 0;
}
.menu__logo {
  align-items: center;
}
.menu__logo .logo-inner {
  opacity: 0;
  transform: translateX(0px);
  transition: all 0.7s ease;
}
.menu__logo:hover .logo-inner {
  opacity: 1;
  transition: all 0.7s ease;
  transform: translateX(10px);
}

.mobile-tel {
  display: none;
}

.footer__wrapper {
  background: linear-gradient(104deg, #242931 0.17%, #161A23 102.42%);
  z-index: 1;
  position: relative;
}
.footer__wrapper .container {
  padding: 58px 100px;
  padding-top: 500px;
}
.footer__descr {
  text-align: center;
  opacity: 0.7;
  font-size: 14px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.footer__bottom {
  justify-content: space-between;
  padding: 76px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.footer__menu {
  display: grid;
  grid-gap: 10px 0px;
  grid-template-columns: 1fr 2fr;
  max-width: 350px;
}
.footer__menu li {
  width: fit-content;
}
.footer__menu a {
  color: #FFF;
  font-family: Jost;
  font-size: 14px;
}
.footer__menu a:hover {
  color: #598D90;
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer__contacts p, .footer__contacts a {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 14px;
}
.footer__contacts a:hover {
  color: #598D90;
}
.footer__form {
  border-radius: 10px;
  background: linear-gradient(96deg, #161B1F 10.02%, #12161A 92.09%);
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.2);
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 200px;
  margin-bottom: -350px;
  position: relative;
  z-index: 2;
}
.footer__form__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 35px;
}
.footer form {
  display: flex;
  flex-direction: column;
  gap: 45px;
}

.input {
  background: #fff;
  padding: 30px;
  height: 82px;
  border-radius: 10px;
}
.input input {
  border: none;
  background: none;
  font-size: 20px;
  height: 100%;
}
.input input::placeholder {
  font-size: 20px;
  color: #858585;
}

.textarea {
  height: auto;
  padding: 0;
}
.textarea textarea {
  width: 100%;
  font-size: 20px;
  padding: 20px;
  border-radius: 20px;
  height: 100%;
  background: none;
  border: none;
}

.check {
  position: relative;
  cursor: pointer;
  padding-left: 50px;
}
.check::after {
  content: "";
  width: 33px;
  height: 33px;
  border-radius: 2px;
  background: #FFF;
  position: absolute;
  left: 0;
  top: -5px;
  z-index: 1;
}
.check input {
  position: absolute;
  opacity: 0;
  left: -100%;
  z-index: -11;
}

.check.active::before {
  content: "";
  width: 23px;
  height: 23px;
  border-radius: 2px;
  background: #598D90;
  position: absolute;
  left: 5px;
  top: -0.5px;
  z-index: 2;
}

.main-slider {
  margin-bottom: 200px;
}
.main-slider .container {
  overflow: visible;
  width: 100%;
}
.main-slider .main-slider__container {
  height: 926px;
  padding-top: 100px;
}
.main-slider .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: self-start;
  position: relative;
  z-index: 0;
  width: 25vw;
  height: 650px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  position: relative;
  z-index: 1;
  box-shadow: 0px 25.035px 18.776px 0px rgba(0, 0, 0, 0.39);
  filter: blur(10px);
}
.main-slider .swiper-slide::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.5);
}
.main-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  z-index: 1;
  position: relative;
}
.main-slider .swiper-slide-visible {
  margin-bottom: 0;
  filter: blur(5px);
}
.main-slider .before-center, .main-slider .after-center {
  filter: blur(2px);
}
.main-slider .swiper-slide-active {
  z-index: 2;
  position: relative;
  border-radius: 0;
  filter: blur(0px);
}
.main-slider .swiper-slide-active::after {
  opacity: 0;
}
.main-slider .swiper-slide-active img {
  border-radius: 0;
  opacity: 1;
}
.main-slider__container {
  position: relative;
}
.main-slider .swiper-nav {
  position: absolute;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.main-slider .swiper-nav svg {
  width: 22px;
  height: 22px;
}
.main-slider .swiper-nav:hover {
  background: #000;
}
.main-slider .swiper-prev {
  left: 10%;
}
.main-slider .swiper-next {
  right: 10%;
}
.main-slider h2 {
  text-align: center;
  margin-bottom: 100px;
}

.first {
  position: relative;
  height: 750px;
  overflow: hidden;
}
.first .container {
  height: 100%;
  overflow: visible;
}
.first__right {
  position: absolute;
  z-index: 1;
  height: 758px;
  width: 58%;
  right: 0;
  top: -30px;
  overflow: hidden;
  padding: 50px;
  padding-right: 0;
}
.first__right video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  opacity: 1;
}
@media (max-width: 767px) {
  .first__right video {
    display: none; /* Скрываем видео на мобильных устройствах */
  }
}
.first__right::after {
  content: "";
  position: absolute;
  border: 70px solid #101010;
  border-right: 0;
  width: 105%;
  height: 100%;
  left: 0px;
  top: 0;
  z-index: 2;
  filter: blur(7px);
}
.first__right::before {
  content: "";
  position: absolute;
  background: radial-gradient(circle, rgba(16, 16, 16, 0) 0%, #101010 83%);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0;
  z-index: 2;
  filter: blur(0px);
}
.first .sub {
  position: absolute;
  width: 110%;
  height: 818px;
  left: 10px;
  top: -93px;
  filter: blur(15px);
  pointer-events: none;
  z-index: 2;
}
.first__left {
  position: relative;
  width: 45%;
  z-index: 3;
}
.first__left p {
  font-size: 20px;
  margin-top: 30px;
}
.first__bottom {
  gap: 40px;
  flex-wrap: wrap;
  margin-top: 100px;
}
.first__btn, .first .first__btn2 {
  text-align: center;
}
.first__btn p, .first .first__btn2 p {
  color: #7B7A7A;
}

.text-descr {
  color: #FFF;
  font-family: Jost;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.third .sub {
  position: absolute;
  z-index: 2;
  width: 104%;
  height: 115%;
  left: 50%;
  transform: translateX(-50%);
  top: -80px;
  filter: blur(5px);
  pointer-events: none;
  z-index: 2;
}
.third__left {
  width: 50%;
  position: relative;
  z-index: 1;
  padding: 0px;
  height: 100%;
}
.third__left video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.third__left img, .third__left video {
  width: 100%;
}
.third__right {
  width: 35%;
}

.middle-video .third__left {
  width: 55%;
  position: relative;
  z-index: 1;
  padding: 30px;
  height: 100%;
  margin-top: -30px;
}
.middle-video .third__left::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 50px solid #101010;
  filter: blur(5px);
  z-index: 2;
}
.middle-video .third__left::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #101010;
  background: radial-gradient(circle, rgba(16, 16, 16, 0) 0%, #101010 83%);
  filter: blur(5px);
  z-index: 2;
}

.foor {
  height: 700px;
}
.foor__left {
  width: 45%;
}
.foor__right {
  width: 55%;
  position: relative;
}
.foor__right img {
  filter: drop-shadow(-30px -35px 50px rgba(0, 0, 0, 0.15));
  position: absolute;
  right: 0;
  top: 50px;
  width: 410px;
  height: 500px;
  object-fit: cover;
  object-position: center;
  -moz-transform: skew(0deg, 18deg);
  -webkit-transform: skew(0deg, 18deg);
  -o-transform: skew(0deg, 18deg);
  -ms-transform: skew(0deg, 18deg);
  transform: skew(0deg, 13deg);
}
.foor .foor__img1 {
  right: 300px;
  z-index: 3;
  top: 100px;
}
.foor .foor__img2 {
  right: 150px;
  z-index: 2;
  top: 70px;
}
.foor .foor__img3 {
  z-index: 1;
}
.foor .foor__img.active {
  z-index: 5;
}
.foor .foor__draw1 {
  max-width: 414px;
  position: relative;
}
.foor .foor__draw1 svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.foor .foor__draw1 {
  max-width: 414px;
}

.rolls .rolls__img {
  position: relative;
  height: fit-content;
  transition: all 0.2s ease-out;
}
.rolls .rolls__img::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2;
  transition: all 0.2s ease-out;
}
.rolls .rolls__img img {
  object-fit: cover;
  object-position: center;
}
.rolls .rolls__img.active {
  transition: all 0.2s ease-out;
}
.rolls .rolls__img.active::after {
  opacity: 0;
  transition: all 0.2s ease-out;
}
.rolls .container {
  gap: 60px;
}
.rolls__right {
  width: 60%;
}
.rolls__right h2 {
  margin-bottom: 40px;
}
.rolls__right p {
  margin-bottom: 80px;
}
.rolls__left {
  width: 40%;
  padding-top: 100px;
}
.rolls__left img {
  width: 360px;
  height: fit-content;
}
.rolls .rolls__img1 {
  width: 100%;
  height: 800px;
}
.rolls .rolls__img1::after {
  display: none;
}
.rolls .rolls__img1 img {
  width: 100%;
  height: 100%;
}
.rolls .rolls__img3 {
  margin-left: -150px;
  margin-top: 160px;
  position: relative;
  z-index: 2;
}
.rolls .rolls__img2 {
  position: relative;
  z-index: 1;
}
.rolls__anim {
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}
.rolls .rolls__line {
  width: 100%;
  position: relative;
  z-index: 3;
}
.rolls .rolls__anim1 {
  position: absolute;
  top: -40px;
  left: 0;
}
.rolls .rolls__anim2 {
  position: absolute;
  bottom: -25px;
  left: 0;
  transform: translateX(3px);
}
.rolls .rolls__anim3 {
  position: absolute;
  top: -40px;
  left: 40%;
}
.rolls .rolls__anim4 {
  position: absolute;
  bottom: -25px;
  left: 40%;
  transform: translateX(3px);
}

.selectors {
  position: relative;
}
.selectors .container {
  overflow: visible;
}
.selectors * {
  transition: all 0.2s ease-out;
}
.selectors__title {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 40px;
}
.selectors p {
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 104px;
}
.selectors__first {
  margin-bottom: 150px;
  overflow: hidden;
  padding: 0 15px;
}
.selectors__first .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
}
.selectors__item img {
  width: 100%;
  margin-top: 20px;
}
.selectors__item p {
  font-size: 30px;
  margin-top: 20px;
}
.selectors__item:hover img {
  transform: scale(1.05);
}
.selectors__num {
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 40px;
}
.selectors .selectors__item.active {
  color: #598D90;
}
.selectors .selectors__item.active img {
  transform: scale(1.1);
}
.selectors__second {
  overflow: hidden;
  padding: 0 15px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 70px;
}
.selectors .text-descr {
  font-size: 20px;
}

.safety {
  position: relative;
  overflow: hidden;
}
.safety .container {
  z-index: 2;
}
.safety .safety-lines {
  position: absolute;
  bottom: 150px;
  left: 0;
  width: calc(100% + 300px);
}
.safety .wave {
  height: 300px;
  z-index: -1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100vw;
  transition: 1s ease-out;
}
.safety .wave path {
  stroke: #00D5E1;
  stroke-width: 1px;
  stroke-linecap: round;
  fill: none;
}
.safety .wave g {
  margin-bottom: 20px;
}
.safety .wave:nth-child(2) {
  top: 48%;
}
.safety .wave:nth-child(3) {
  top: 46%;
}
.safety .wave:nth-child(4) {
  top: 44%;
}
.safety .wave:nth-child(5) {
  top: 42%;
}
.safety .wave:nth-child(6) {
  top: 40%;
}
.safety .wave:nth-child(7) {
  top: 38%;
}
.safety .wave:nth-child(8) {
  top: 36%;
}
.safety .wave:nth-child(9) {
  top: 34%;
}
.safety .wave:nth-child(10) {
  top: 32%;
}
.safety .wave:nth-child(11) {
  top: 30%;
}
.safety .wave:nth-child(12) {
  top: 28%;
}
.safety .lottie {
  width: 100vw;
  height: 2000px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: -1;
}
.safety__left {
  width: 40%;
}
.safety__title {
  margin-bottom: 40px;
  align-items: center;
  gap: 40px;
}
.safety__title h2 {
  margin: 0;
}

.third2 .container {
  align-items: center;
}
.third2 .container img {
  height: 900px;
  object-fit: cover;
}

.opt .container {
  overflow: visible;
  gap: 100px;
}
.opt__left {
  width: 50%;
}
.opt__right {
  width: 50%;
  position: relative;
}
.opt__right img {
  width: 100%;
}
.opt__right .map2 {
  position: absolute;
  left: 0;
  top: 0;
}
.opt__right .map3 {
  width: 130px;
  height: 130px;
  position: absolute;
  right: 20%;
  top: 50%;
  transform: translateY(-50%);
}
.opt__doors {
  position: relative;
  gap: 26px;
  align-items: center;
  margin-top: 100px;
}
.opt__doors img {
  filter: drop-shadow(0px 0px 34.752px #47809F);
}
.opt__doors .first-door {
  transform: scale(1.2);
  margin-right: 50px;
  position: relative;
  z-index: 10;
}
.opt__doors .door {
  position: absolute;
  left: 0;
}
.opt__doors .door:nth-child(8) {
  left: 150px;
}
.opt__doors .door:nth-child(7) {
  left: 250px;
}
.opt__doors .door:nth-child(6) {
  left: 350px;
}
.opt__doors .door:nth-child(5) {
  left: 450px;
}
.opt__doors .door:nth-child(4) {
  left: 550px;
}
.opt__doors .door:nth-child(3) {
  left: 650px;
}
.opt__doors .door:nth-child(2) {
  left: 750px;
}
.opt__mail {
  margin-top: 100px;
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  padding: 30px 50px;
  border-radius: 2px;
  border: 1px solid #1E1E1E;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  color: #fff;
}
.opt__mail:hover {
  color: #598D90;
}

.swiper2 {
  margin-top: 50px;
  overflow: hidden;
}
.swiper2 * {
  transition: all 0.2s ease-out;
}
.swiper2 .swiper-slide {
  opacity: 0;
  margin-top: 100px;
}
.swiper2 .swiper-slide::after {
  display: none;
}
.swiper2 .swiper-slide-prev {
  opacity: 1;
  margin-top: 100px;
}
.swiper2 .swiper-slide-prev .swiper-slide-shadow-left {
  transform: skew(0, -10deg);
}
.swiper2 .swiper-slide-prev:after, .swiper2 .swiper-slide-prev img {
  transform: skew(0, -10deg);
}
.swiper2 .swiper-slide-next {
  margin-top: 100px;
  opacity: 1;
}
.swiper2 .swiper-slide-next .swiper-slide-shadow-right {
  transform: skew(0, 10deg);
}
.swiper2 .swiper-slide-next img {
  transform: skew(0, 10deg);
}
.swiper2 .swiper-slide-active {
  opacity: 1;
  margin: 0;
}
.swiper2 .swiper-prev {
  left: 30%;
  top: 52%;
}
.swiper2 .swiper-next {
  right: 30%;
  top: 52%;
}

.title-line {
  flex-direction: column;
  display: flex;
  align-items: center;
  gap: 90px;
}

.gallery h2 {
  text-align: center;
}
.gallery p {
  text-align: center;
  margin-bottom: 100px;
}
.gallery__wrapper {
  gap: 70px;
  align-items: center;
}
.gallery__left {
  height: 100%;
  width: 70%;
  display: grid;
  grid-gap: 30px 0;
  grid-template-columns: repeat(3, 1fr);
}
.gallery__item1 {
  margin-right: 50px;
  height: 480px;
  padding-top: 55px;
}
.gallery__item1::after {
  content: "";
  width: 100%;
  height: 56px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../files/tri.svg") no-repeat center;
  background-size: contain;
}
.gallery__item2 {
  margin-right: 30px;
  height: 480px;
  padding-top: 55px;
}
.gallery__item2::after {
  content: "";
  width: 100%;
  height: 56px;
  position: absolute;
  transform: rotate(360deg) scale(-1, 1);
  top: 0;
  left: 0;
  background: url("../files/tri.svg") no-repeat center;
  background-size: contain;
}
.gallery__item3 {
  height: 480px;
  padding-top: 60px;
}
.gallery__item3::after {
  content: "";
  width: 100%;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../files/tri.svg") no-repeat center;
  background-size: cover;
}
.gallery__item4 {
  grid-column-start: 1;
  grid-column-end: 3;
  margin-right: 200px;
  padding-top: 90px;
}
.gallery__item4::after {
  content: "";
  width: 100%;
  height: 90px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../files/tri.svg") no-repeat center;
  background-size: cover;
  transform: rotate(360deg) scale(-1, 1);
}
.gallery__item5 {
  grid-column-start: 3;
  grid-column-end: 5;
  margin-left: -150px;
  padding-top: 90px;
}
.gallery__item5::after {
  content: "";
  width: 100%;
  height: 90px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../files/tri.svg") no-repeat center;
  background-size: cover;
}
.gallery__item6, .gallery__item7, .gallery__item8 {
  padding-top: 55px;
}
.gallery__item6::after, .gallery__item7::after, .gallery__item8::after {
  content: "";
  width: 330px;
  height: 56px;
  position: absolute;
  top: 0;
  right: 0;
  background: url("../files/tri.svg") no-repeat center;
  background-size: contain;
  transform: rotate(360deg) scale(-1, 1);
}
.gallery__right {
  width: 30%;
}
.gallery__right .gallery__item {
  margin-bottom: 20px;
}
.gallery__inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 19px 0;
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  transform: translateY(50px);
  opacity: 0;
  transition: all 0.5s ease;
}
.gallery__item {
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: all 0.5s ease;
}
.gallery__item:hover img {
  filter: grayscale(0);
  transition: all 0.5s ease;
  transform: scaleX(1.1);
}
.gallery__item:hover .gallery__inner {
  opacity: 1;
  transition: all 0.5s ease;
  transform: translate(0) scaleX(1.1);
}

.swiper-nav {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.swiper-nav svg {
  width: 22px;
  height: 22px;
}

.selectors__page {
  display: none;
}

.gallery__mobile {
  display: none;
}
.gallery__mobile .gallery__inner {
  opacity: 1;
  transform: none;
}
.gallery__mobile .gallery__mobile__nav {
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}
.gallery__mobile .swiper-nav {
  background: black;
}

.safety__right {
  width: 60%;
}
.safety__right img {
  border-radius: 20px;
  width: 100%;
}

.blog h1 {
  font-size: 40px;
  text-align: center;
}
.blog__selectors__name {
  align-items: center;
  gap: 15px;
  font-size: 45px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 60px;
}
.blog__selectors__cat {
  border-radius: 10px;
  border: 1px solid #598D90;
  padding: 16px 35px;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  color: #fff;
  width: fit-content;
}
.blog__selectors__cat:hover {
  border-radius: 10px;
  border: 1px solid #598D90;
  background: #35595B;
  color: #fff;
}
.blog__selectors__cat.active {
  color: #fff;
  background: #598D90;
}
.blog__wrapper h2 {
  margin-bottom: 80px;
}
.blog__wrapper__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
}
.blog__wrapper__item {
  padding: 32px 40px;
  background: #121212;
  border: 1px solid #313131;
}
.blog__wrapper__item img {
  width: 100%;
  height: 315px;
  border-radius: 12px;
  transition: all 0.5s ease;
}
.blog__wrapper__item p {
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
  margin: 20px 0;
}
.blog__wrapper__item .btn {
  border-radius: 20px;
  border: 2px solid #FFF;
/*  box-shadow: 0px 34px 90px 0px rgba(255, 255, 255, 0.2);*/
  padding: 20px 52px;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  background: none;
  text-align: center;
  margin: 10px auto 0;
}
.blog__wrapper__item .btn:hover {
  box-shadow: 0px 34px 90px 0px rgba(255, 255, 255, 0.2);
}
.blog__wrapper__item:hover img {
  transform: scale(1.1);
  transition: all 2s ease;
}
.blog__bread {
  align-items: center;
  gap: 40px;
}
.blog__bread a {
  background-image: linear-gradient(275deg, #FFF 64.95%, #999 98.94%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.blog__bread a:hover {
  background-image: linear-gradient(275deg, #FFF 64.95%, #598D90 98.94%);
}
.blog__bread li {
  font-size: 20px;
}
.blog__bread li:last-child {
  font-size: 30px;
  font-weight: 700;
}

.footer-2 {
  padding-top: 100px;
  background: linear-gradient(123deg, #161A23 2.95%, #242931 42.4%, #161A23 101.19%);
}
.footer-2 .footer__form {
  display: none;
}
.footer-2 .footer__wrapper {
  background: none;
}
.footer-2 .footer__wrapper .container {
  padding-top: 0;
}

.article {
  margin-bottom: 150px;
}
.article .container {
  padding: 60px 60px;
  border-radius: 1px;
  background: #161616;
  width: 80%;
  max-width: 1480px;
}
.article h2 {
  -webkit-text-fill-color: #fff;
  margin-bottom: 100px;
  font-size: 30px;
}
.article__imgs {
  margin-bottom: 100px;
  gap: 100px;
}
.article__imgs img {
  width: 50%;
  height: 574px;
  object-fit: cover;
  box-shadow: -22px 4px 60px 0px rgba(0, 0, 0, 0.8) inset;
  transform: skewX(0deg) skewY(10deg);
}
.article__imgs img:last-child {
  transform: skew(0deg, -10deg);
}
.article__text p {
  font-size: 20px;
  margin-bottom: 20px;
  color: #C4C4C4;
}
.article__text strong {
  color: #fff;
}
.article__text img {
  width: 100%;
  object-fit: cover;
  margin: 60px 0;
}

.article__btns {
  max-width: 720px;
  width: 100%;
  margin: 0 auto 150px;
}
.article__btns a {
  text-align: center;
  font-size: 20px;
  padding: 25px 52px;
}
.article__btns .row {
  margin-bottom: 40px;
  gap: 20px;
}
.article__btns .row a {
  width: 50%;
}

.roof-anim {
  margin-bottom: 150px;
}
.roof-anim .third__left {
  position: relative;
  z-index: 2;
}
.roof-anim .third__right {
  position: relative;
  z-index: 1;
}
.roof-anim .third__right h2 {
  font-size: 40px;
}
.roof-anim .third__right p {
  font-size: 20px;
  margin-bottom: 20px;
}
.roof-anim .third__right li {
  margin-bottom: 10px;
  font-size: 20px;
  display: list-item;
}
.roof-anim .third__right ul {
  padding-left: 30px;
  margin-bottom: 20px;
}
.roof-anim .container {
  align-items: center;
  overflow: visible;
}
.roof-anim .roof__lines {
  margin-bottom: 200px;
}
.roof-anim .roof__lines div {
  width: 100%;
  height: 1px;
  background: #636363;
  margin-bottom: 15px;
}
.roof-anim .roof__lines:last-child {
  margin-top: 250px;
  margin-bottom: 0;
}
.roof-anim .first__btn, .roof-anim .first__btn2 {
  margin-top: 50px;
}
.roof-anim .first__btn p, .roof-anim .first__btn2 p {
  margin-top: 10px;
}

.roof-trigger3 .third__left img {
  box-shadow: none;
}

.roof-vars {
  text-align: center;
  background: #181818;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.roof-items__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 200px;
}
.roof-items__left {
  text-align: center;
}
.roof-items__left img {
  position: relative;
  z-index: 1;
  max-width: 250px;
}
.roof-items__left p {
  font-size: 20px;
  margin-top: 25px;
  position: relative;
  z-index: 0;
}
.roof-items img {
  width: 100%;
}
.roof-items__right img {
  width: 900px;
}
.roof-items h2, .roof-items .roof__descr {
  text-align: center;
}
.roof-items .roof__descr {
  font-size: 20px;
  margin-bottom: 140px;
}
.roof-items .btn-border {
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 150px;
}

.trip-items {
  position: relative;
}
.trip-items::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
  height: 3px;
  background: radial-gradient(circle, white 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 110%;
}

.third.trip-items {
  margin-bottom: 400px;
}
.third.trip-items::after {
  bottom: -200px;
}

.trip-photos {
  text-align: center;
}
.trip-photos p {
  font-size: 20px;
}
.trip-photos__row {
  justify-content: space-between;
  margin-top: 100px;
}
.trip-photos__row img {
  width: 40%;
}

.trip-grid {
  margin-bottom: 250px;
}
.trip-grid__wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 150px 100px;
}
.trip-grid__wrapper img {
  width: 100%;
  height: 750px;
  object-fit: cover;
}

.roof__descr {
  font-size: 20px;
  margin-bottom: 140px;
  text-align: center;
}

.trip-slider .roof__descr {
  margin-top: 50px;
}

.trip-fade__item {
  text-align: center;
  margin-bottom: 200px;
}
.trip-fade__item p {
  font-size: 20px;
  margin-top: 30px;
}
.trip-fade__item img {
  height: 710px;
  width: 100%;
  max-width: 568px;
  object-fit: cover;
}

.menu__drop {
  position: absolute;
  right: 0;
  top: 117px;
  z-index: 22;
  background: linear-gradient(146deg, #222 5.86%, #111 42.49%);
  padding: 40px 60px 70px;
  text-transform: uppercase;
  font-size: 20px;
  border-top: none;
  display: none;
  max-height: 800px;
  background: url("../img/bgmenu.png") no-repeat center;
  background-size: contain;
}
.menu__drop .close, .menu__drop .drop-ws {
  display: none;
}
.menu__drop a {
  align-items: center;
  gap: 30px;
  display: flex;
  cursor: pointer;
}
.menu__drop span {
  background: linear-gradient(92deg, #848D93 18.47%, #FFF 61.84%, #848D93 89.99%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.menu__drop li {
  display: block;
  margin-top: 25px;
  opacity: 1;
  font-size: 18px;
}
.menu__drop li:first-of-type {
  margin-top: 0;
}
.menu__drop li img {
  width: 30px;
  height: 30px;
}
.menu__drop li:hover span {
  background: linear-gradient(92deg, rgba(255, 255, 255, 0.5) -8.43%, rgba(132, 141, 147, 0.5) 18.47%, rgba(255, 255, 255, 0.5) 61.84%, rgba(132, 141, 147, 0.5) 89.99%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.main-slider__portfolio {
  justify-content: center;
  gap: 50px;
  margin-bottom: 20px;
}
.main-slider__portfolio__item {
  width: 80px;
  height: 80px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #101010;
}
.main-slider__portfolio__item:hover {
  transform: scale(1.02) !important;
}
.main-slider__portfolio .active {
  filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.89));
  transform: scale(1.1) !important;
}

.ograda-slider__top {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}
.ograda-slider__line {
  height: 3px;
  width: 100%;
  background: radial-gradient(circle, white 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 110%;
  margin-bottom: 50px;
}
.ograda-slider__prev, .ograda-slider__next {
  display: flex;
  gap: 20px;
  align-items: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.ograda-slider__prev svg, .ograda-slider__next svg {
  transition: all 0.2s ease-out;
}
.ograda-slider .swiper-wrapper {
  align-items: flex-end;
}
.ograda-slider__prev:hover {
  transition: all 0.2s ease-out;
}
.ograda-slider__prev:hover svg {
  transition: all 0.2s ease-out;
  transform: translateX(10px);
}
.ograda-slider__next:hover {
  transition: all 0.2s ease-out;
}
.ograda-slider__next:hover svg {
  transition: all 0.2s ease-out;
  transform: translateX(-10px);
}
.ograda-slider .swiper-slide {
  width: 547px;
  display: flex;
  height: 612px;
  align-items: flex-end;
  border: 1px solid #fff;
}
.ograda-slider .swiper-slide img {
  box-shadow: -26px 4px 34px 0px rgba(0, 0, 0, 0.5), 22px 4px 60px 0px rgba(0, 0, 0, 0.8) inset;
  height: 612px;
  margin-top: auto;
  width: 100%;
  object-fit: cover;
  opacity: 0.3;
  transition: all 0.2s ease-out;
}
.ograda-slider .swiper-slide-active {
  height: 731px !important;
  border: none;
}
.ograda-slider .swiper-slide-active img {
  border: none;
  transition: all 0.2s ease-out;
  height: 731px !important;
  opacity: 1;
}
.ograda-slider .swiper-slide-prev img, .ograda-slider .swiper-slide-next img {
  opacity: 0.5;
}
.ograda-slider__container {
  margin-top: 50px;
  overflow: hidden;
  position: relative;
}
.ograda-slider__selects {
  padding: 0 20px;
}
.ograda-slider .swiper-nav {
  position: absolute;
  z-index: 3;
  top: 60%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ograda-slider .swiper-nav svg {
  width: 22px;
  height: 22px;
}
.ograda-slider .swiper-nav:hover {
  background: #000;
}
.ograda-slider .swiper-prev {
  left: 30%;
}
.ograda-slider .swiper-next {
  right: 30%;
}

.ograda-rain {
  margin-top: 200px;
  padding: 70px 0;
  position: relative;
}
.ograda-rain::after {
  content: "";
  position: absolute;
  top: -50px;
  left: 0;
  width: 100%;
  height: 100px;
  background: #101010;
  filter: blur(20px);
}
.ograda-rain::before {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 100px;
  background: #101010;
  filter: blur(20px);
  z-index: 1;
}

.rain-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 0;
  object-fit: cover;
  opacity: 0.2;
}

.ograda-rain__content {
  width: 100%;
  border-radius: 4px 4px 100px 4px;
  width: 650px !important;
  height: 620px !important;
}

.ograda-rolls {
  position: relative;
}
.ograda-rolls .lottie {
  width: 50%;
  position: absolute;
  left: 0;
  top: -474px;
}
.ograda-rolls .rolls__left__imgs .rolls__img {
  height: 470px;
}
.ograda-rolls .rolls__left__imgs .rolls__img img {
  height: 100%;
}
.ograda-rolls .rolls__left {
  padding-top: 150px;
}
.ograda-rolls .ograda-rolls__anim {
  margin-bottom: 50px;
}

.third-ograda .container {
  align-items: center;
}

.smole {
  margin-bottom: 150px;
  position: relative;
  overflow: hidden;
  padding-bottom: 200px;
}
.smole::after {
  content: "";
  position: absolute;
  bottom: -80px;
  left: -50px;
  width: 120%;
  height: 150px;
  filter: blur(36px);
  background: #101010;
}
.smole::before {
  content: "";
  position: absolute;
  top: -30px;
  left: -50px;
  width: 120%;
  z-index: 2;
  height: 250px;
  filter: blur(30px);
  background: #101010;
}
.smole .container {
  position: relative;
  z-index: 2;
}
.smole .smole-bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0.2;
  z-index: 0;
}
.smole .container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.smole p {
  font-size: 20px;
}

.smole-slider {
  z-index: 2;
  height: 700px;
  position: relative;
  width: 539px;
  margin: 50px auto 0;
  transform-style: preserve-3d;
}
.smole-slider .jas-control {
  display: flex;
  flex-direction: row-reverse;
  position: absolute;
  top: -100px;
  font-size: 50px;
  z-index: 22;
  width: 700px;
  justify-content: space-between;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.smole-slider .jas-control a {
  background: rgba(0, 0, 0, 0.7);
  width: 100px;
  height: 100px;
  border-radius: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.smole-slider img {
  height: 100%;
  width: 100%;
}
.smole-slider .jas-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.smole-slider .jas-item.active {
  opacity: 1;
}
.smole-slider .jas-item.active::after {
  display: none;
}

.roof-vars {
  position: relative;
}

.pan1 {
  position: absolute;
  top: -100px;
  left: 0;
  z-index: 2;
  opacity: 0;
}

.pan2 {
  position: absolute;
  bottom: -50px;
  right: 0;
  z-index: 2;
  opacity: 0;
}

.trip-fade__item__row {
  gap: 100px;
}

.trip-fade-vid {
  width: 50%;
  height: 772px;
  object-fit: cover;
  margin-bottom: 50px;
}
.trip-fade-vid:first-child {
  -moz-transform: skew(0deg, 5deg);
  -webkit-transform: skew(0deg, 5deg);
  -o-transform: skew(0deg, 5deg);
  -ms-transform: skew(0deg, 5deg);
  transform: skew(0deg, 5deg);
}
.trip-fade-vid:last-child {
  -moz-transform: skew(0deg, -5deg);
  -webkit-transform: skew(0deg, -5deg);
  -o-transform: skew(0deg, -5deg);
  -ms-transform: skew(0deg, -5deg);
  transform: skew(0deg, -5deg);
}

.trip-fade__item {
  position: relative;
}
.trip-fade__item .lottie {
  position: absolute;
  left: -500px;
  top: 0;
  transform: rotate(45deg);
  z-index: -1;
}
.trip-fade__item .lottie2 {
  position: absolute;
  right: -500px;
  top: 0;
  transform: rotate(-45deg);
  z-index: -1;
}

.panno-price {
  position: relative;
}
.panno-price::after {
  content: "";
  position: absolute;
  top: 0;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
  height: 3px;
  background: radial-gradient(circle, white 0%, rgba(255, 255, 255, 0) 100%);
  border-radius: 110%;
}

.pan-third {
  margin-top: 100px;
}
.pan-third .third__right {
  margin-top: 100px;
}

.pan-third2 .lottie3 {
  width: 114px;
  height: 114px;
  margin-right: 50px;
}
.pan-third2 img {
  box-shadow: 0px 73px 100px 0px rgba(255, 255, 255, 0.15);
}
.pan-third2 .container {
  overflow: visible;
}

.mirror-foor {
  height: 680px;
  margin-bottom: 300px;
}
.mirror-foor__left {
  width: 55%;
  max-width: 540px;
}
.mirror-foor__left p {
  text-align: right;
}
.mirror-foor .line {
  border: 1px solid #fff;
  margin-bottom: 50px;
}
.mirror-foor__right {
  height: 980px;
  width: 45%;
  margin-left: 100px;
  position: relative;
}
.mirror-foor__right h2 {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #929292;
}
.mirror-foor__right img {
  filter: drop-shadow(-26px 4px 34px rgba(0, 0, 0, 0.5));
  position: absolute;
  left: 0;
  top: 50px;
  width: 420px;
  height: 580px;
  object-position: center;
  -moz-transform: skew(0deg, 5deg);
  -webkit-transform: skew(0deg, 5deg);
  -o-transform: skew(0deg, 5deg);
  -ms-transform: skew(0deg, 5deg);
  transform: skew(0deg, 5deg);
  border-radius: 10px;
  box-shadow: 0px 25.035px 18.776px 0px rgba(0, 0, 0, 0.39);
}
.mirror-foor .mirror-foor__img1 {
  left: 400px;
  z-index: 3;
  top: 200px;
}
.mirror-foor .mirror-foor__img2 {
  left: 220px;
  z-index: 2;
  top: 125px;
}
.mirror-foor .mirror-foor__img3 {
  z-index: 1;
}
.mirror-foor .mirror-foor__img.active {
  z-index: 5;
}
.mirror-foor .foor__draw1 {
  max-width: 414px;
  position: relative;
}
.mirror-foor .foor__draw1 svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mirror-foor .foor__draw1 {
  max-width: 414px;
}

.mirror-third .mirror-foor__left p {
  text-align: left;
}
.mirror-third h2 {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px solid #929292;
}
.mirror-third .mirror-third__svg {
  margin-top: 100px;
}
.mirror-third .mirror-third__svg2 {
  margin-left: -40px;
  margin-top: -50px;
  width: 140px;
  height: 140px;
  transition: all 0.2s ease-out;
}
.mirror-third .mirror-third__svg2:hover {
  transform: scale(1.1);
  transition: all 0.2s ease-out;
}

.mirror-center .lottie4 {
  width: 350px;
}
.mirror-center h2 {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 20px;
}
.mirror-center p {
  display: block;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  max-width: 400px;
}
.mirror-center .container {
  justify-content: center;
  align-items: center;
}

.slice {
  width: 244px;
  height: 102px;
  border-radius: 158px;
  background: #1C1C1C;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-out;
}
.slice * {
  transition: all 0.2s ease-out;
}
.slice::after {
  transition: all 0.2s ease-out;
  content: "";
  position: absolute;
  left: 12px;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
  width: 73px;
  height: 73px;
  border-radius: 200px;
  background: #fff;
}

.slice.active {
  background: #54A1A6;
  box-shadow: 5px 5px 13px 0px rgba(26, 64, 66, 0.9) inset, -5px -5px 10px 0px rgba(89, 141, 144, 0.9) inset, 5px -5px 10px 0px rgba(89, 141, 144, 0.2) inset, -5px 5px 10px 0px rgba(89, 141, 144, 0.2) inset, -1px -1px 2px 0px rgba(89, 141, 144, 0.5), 1px 1px 2px 0px rgba(255, 255, 255, 0.3);
  transition: all 0.2s ease-out;
}
.slice.active::after {
  transition: all 0.2s ease-out;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(200%);
  width: 73px;
  height: 73px;
  border-radius: 200px;
  background: #fff;
}

.mirror-slice {
  background: url("../img/m5.png") no-repeat center;
  background-size: cover;
  min-height: 100vh;
  position: relative;
}
.mirror-slice::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 0;
}
.mirror-slice .container {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.mirror-slice__wrapper {
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(66px);
  backdrop-filter: blur(66px);
  padding: 50px 70px;
  align-items: center;
}
.mirror-slice h2 {
  font-size: 30px;
  font-weight: 700;
}
.mirror-slice p {
  font-size: 20px;
}
.mirror-slice__left {
  width: 60%;
}
.mirror-slice .slice {
  background: #070707;
}
.mirror-slice .slice svg {
  opacity: 0;
}
.mirror-slice .slice.active {
  background: #54A1A6;
  box-shadow: 5px 5px 13px 0px rgba(26, 64, 66, 0.9) inset, -5px -5px 10px 0px rgba(89, 141, 144, 0.9) inset, 5px -5px 10px 0px rgba(89, 141, 144, 0.2) inset, -5px 5px 10px 0px rgba(89, 141, 144, 0.2) inset, -1px -1px 2px 0px rgba(89, 141, 144, 0.5), 1px 1px 2px 0px rgba(255, 255, 255, 0.3);
}
.mirror-slice .slice.active svg {
  opacity: 1;
}

.mirror-slice.on::after {
  display: none;
}

.mirror-shema {
  position: relative;
  margin-top: 200px;
}
.mirror-shema .third__left {
  width: 40%;
}
.mirror-shema .third__left img {
  max-height: 650px;
  object-fit: cover;
  width: 100%;
  max-width: 550px;
  -moz-transform: skew(0deg, -5deg);
  -webkit-transform: skew(0deg, -5deg);
  -o-transform: skew(0deg, -5deg);
  -ms-transform: skew(0deg, -5deg);
  transform: skew(0deg, -5deg);
}
.mirror-shema h2, .mirror-shema p {
  padding-left: 100px;
}
.mirror-shema .third__right {
  max-height: 880px;
}
.mirror-shema .third__right img {
  height: 100%;
  margin-top: 20px;
}
.mirror-shema__img {
  position: absolute;
  left: 0;
  top: 50%;
}
.mirror-shema .container {
  align-items: flex-start;
}

.calc-plate {
  background: #181818;
  transform-origin: center;
  height: 573px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 150px 0;
}
.calc-plate__top {
  justify-content: center;
  align-items: center;
  gap: 150px;
  margin-bottom: 75px;
}
.calc-plate__top svg {
  width: 90px;
  height: 90px;
}
.calc-plate p {
  font-size: 20px;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
}
.calc-plate__title {
  font-size: 45px;
  padding: 20px 50px;
  border: 1px white solid;
  border-radius: 20px;
  font-weight: 700;
}

.calc__right {
  width: 100%;
  max-width: 430px;
  position: sticky;
  top: 50px;
  height: 100%;
}
.calc__left {
  width: calc(100% - 576px);
}
.calc__title {
  margin-bottom: 250px;
}
.calc__title h2 {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #929292;
}
.calc .container {
  gap: 140px;
  overflow: visible;
  position: relative;
}
.calc__call {
  padding: 60px;
  background: linear-gradient(96deg, #161B1F 0%, #12161A 100%);
  box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 38px;
}
.calc__call__promo {
  height: 82px;
  padding-left: 30px;
  padding-right: 30px;
  background: white;
  border-radius: 10px;
  overflow: hidden;
  margin-left: 38px;
  font-size: 20px;
  border: 1px #979797 solid;
}
.calc__call__number {
  border: 1px #BFBFBF solid;
  height: 42px;
  background: #fff;
  border-radius: 100px;
  margin-left: 38px;
  width: 162px;
}
.calc__call__number__btn {
  width: 50px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  cursor: pointer;
}
.calc__call__number input {
  border: none;
  border-left: 1px #BFBFBF solid;
  border-right: 1px #BFBFBF solid;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 22px;
  color: #000;
}
.calc__call__row {
  align-items: center;
}
.calc__call__row span {
  display: flex;
  gap: 10px;
  font-size: 20px;
}
.calc__call__row .span_div {
  display: flex;
  gap: 10px;
  font-size: 20px;
}
.calc__call .btn {
  background: linear-gradient(128deg, #598D90 0%, #0B3C3F 100%);
  box-shadow: 0px 0px 40px rgba(90, 141, 144, 0.3);
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
  transition: all 0.2s ease-out;
}
.calc__call .btn:hover {
  background: linear-gradient(128deg, #538285 0%, #082e30 100%);
  transition: all 0.2s ease-out;
}
.calc .check2.active::before {
  width: 33px;
  height: 33px;
  top: -5px;
  border-radius: 2px;
  left: 0;
  background: url("../files/arr3.svg") no-repeat center;
}
.calc .check2.active:after {
  background-color: #5cbf54;
}
.calc .check2 {
  display: flex;
  gap: 16px;
  font-size: 20px;
}
.calc__col {
  margin-bottom: 245px;
}
.calc__col__top {
  align-items: center;
  gap: 60px;
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 100px;
}
.calc__col__num {
  width: 86px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 30px;
  background: #1C1C1C;
  box-shadow: 5px 5px 13px rgba(22, 22, 22, 0.9) inset;
  border-radius: 10px;
}
.calc__col__wrapper {
  display: grid;
  grid-gap: 0 22px;
  grid-template-columns: repeat(3, 1fr);
}
.calc__col__wrapper svg {
  width: 100%;
}
.calc__col .check {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0;
}
.calc__col .check__row {
  max-width: 70%;
  position: absolute;
  bottom: -87px;
  font-size: 30px;
}
.calc__col .check::after {
  bottom: -80px;
  right: 0;
  left: auto;
  width: 60px;
  height: 60px;
  background: #EBF3FF;
  box-shadow: 2.2697672844px 2.2697672844px 13.7741918564px #222222 inset;
  top: auto;
}
.calc__col .check::before {
  bottom: -73px;
  width: 45px;
  height: 45px;
  right: 7px;
  left: auto;
  top: auto;
}
.calc__col__figure {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  cursor: pointer;
}
.calc__col__figure__ask {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
.calc__col__figure p {
  font-size: 30px;
  text-align: center;
  position: absolute;
  bottom: -10px;
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
}
.calc__col__figure .calc-hover {
  display: none;
}
.calc__col__figure:hover svg .calc-hover {
  display: block;
}
.calc__col__descr {
  font-size: 20px;
  border-radius: 2px;
  border: 1px #656565 solid;
  padding: 20px 45px;
  width: fit-content;
  max-width: 1000px;
}
.calc__col__descr a {
  display: inline-block;
  color: #fff;
  text-decoration: underline;
}
.calc .calc__col__figure.active svg .calc-hover {
  display: block;
}
.calc .calc-frames .calc__col__wrapper {
  grid-gap: 165px 35px;
}
.calc .calc-frames img {
  margin-bottom: 20px;
  border-radius: 0px;
  height: 329px;
  width: 329px;
}
.calc .calc-frames .calc__col__descr {
  margin-top: 150px;
}
.calc .calc-frames .check:hover img, .calc .calc-frames .check:hover svg {
  background: linear-gradient(130deg, #131313 0%, #1F2021 48%, #131313 100%);
  box-shadow: 0px 4px 50px rgba(255, 255, 255, 0.3);
}
.calc .calc-frames .check.active img {
  background: linear-gradient(130deg, #131313 0%, #1F2021 48%, #131313 100%);
  box-shadow: 0px 4px 50px rgba(255, 255, 255, 0.3);
}
.calc .check3.active::after {
  box-shadow: 2.2697672844px 2.2697672844px 13.7741918564px #222222 inset;
  border: 3px #54A1A6 solid;
}
.calc .check3.active::before {
  background: #54A1A6;
}
.calc .calc-el {
  padding-right: 100px;
}
.calc .calc-el .calc__col__wrapper {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 277px;
}
.calc .calc-el .check__row {
  text-align: center;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  bottom: -100px;
}
.calc .calc-el__img {
  width: 270px;
  height: 270px;
  text-align: center;
  margin: 0 auto;
}
.calc .calc-srandart__descr {
  font-size: 35px;
  font-weight: 500;
  margin-bottom: 90px;
}
.calc .calc-srandart__descr:not(:first-child) {
  margin-top: 100px;
}
.calc .calc-srandart .calc__col__figure__ask {
  width: 33px;
  top: 5px;
  bottom: auto;
  right: auto;
  height: auto;
  position: relative;
  margin-left: 50px;
}
.calc .calc-srandart .check {
  flex-direction: row;
}
.calc .calc-srandart .check::after {
  left: 0;
  top: 0;
}
.calc .calc-srandart .check::before {
  left: 8px;
  top: 8px;
}
.calc .calc-srandart .check span {
  color: #727272;
}
.calc .calc-srandart .calc__col__wrapper {
  grid-gap: 85px;
  grid-template-columns: repeat(1, 1fr);
}
.calc .calc-srandart .check__row {
  position: relative;
  bottom: auto;
  margin-left: 100px;
}
.calc .calc-width__top {
  font-size: 45px;
  align-items: center;
  gap: 25px;
  margin-bottom: 50px;
}
.calc .calc-width__top input {
  height: 82px;
  font-size: 24px;
  color: #858585;
  text-align: center;
  box-shadow: 10px 10px 20px #C6C6C6 inset;
  border-radius: 10px;
  border: none;
}
.calc .calc-width__grid p {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 50px;
}
.calc .calc-width__grid__wrapper, .calc .calc-width__grid__wrapper2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 59px;
}
.calc .calc-width__grid__wrapper label, .calc .calc-width__grid__wrapper2 label {
  padding: 25px 50px;
  border: 1px solid #fff;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
}
.calc .calc-slice__left {
  width: 80px;
  transform: rotate(-90deg);
  height: 102px;
}
.calc .calc-slice .calc__col__wrapper {
  display: flex;
  margin: 300px 0 100px;
  gap: 58px;
}
.calc .calc-slice .calc__col__wrapper p {
  font-size: 30px;
}
.calc .calc-slice .calc__col__wrapper p:first-child {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #fff;
}
.calc .calc-slice__right {
  margin-top: -160px;
}

.calc__footer__del__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 35px;
}
.calc__footer__form1 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 35px;
}

.valid {
  position: relative;
}
.valid::after {
  content: "*";
  color: #E90000;
  position: absolute;
  right: 10px;
  top: 10px;
}

.check4 {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0px;
}
.check4 img {
  margin-bottom: 25px;
  max-height: 150px;
}
.check4 .check__row {
  position: relative;
  align-items: flex-end;
}
.check4 .check__row span {
  font-size: 24px;
}
.check4 .check__row::after {
  content: "";
  width: 50px;
  height: 50px;
  border-radius: 222px;
  background: #FFF;
  position: relative;
  box-shadow: 2.2697672844px 2.2697672844px 13.7741918564px #222222 inset;
  z-index: 1;
  flex-shrink: 0;
  margin-left: 15px;
}
.check4 .check__row input {
  position: absolute;
  opacity: 0;
  left: -100%;
  z-index: -11;
}

.check4.active .check__row::after {
  content: "";
  background: url("../files/act.svg") no-repeat center;
  width: 50px;
  height: 50px;
  background-size: contain;
}

.first-int {
  margin-bottom: 150px;
}

.int-anim .container {
  align-items: center;
}
.int-anim .third__left {
  gap: 50px;
}
.int-anim .third__left img {
  border-radius: 10px;
  width: 45%;
  object-fit: cover;
}

.int-anim2 .third__right {
  margin-bottom: 150px;
}
.int-anim2 .int-anim2__block {
  cursor: pointer;
  position: relative;
}
.int-anim2 .int-anim2__block span {
  position: absolute;
  top: 45%;
  left: 50%;
  display: block;
  font-size: 50px;
  font-weight: 500;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.int-anim2 .int-anim2__block img {
  width: 100%;
  height: auto;
  max-height: 595px;
  border-radius: 20px;
  object-fit: cover;
  margin-bottom: 25px;
  transition: all 0.5s ease;
}
.int-anim2 .int-anim2__block:hover span {
  opacity: 1;
}
.int-anim2 .int-anim2__block:hover img {
  border-radius: 400px;
  opacity: 0.5;
}
.int-anim2 .int-anim2__block p {
  font-weight: 500;
  font-size: 30px;
}
.int-anim2 .third__left {
  width: 60%;
  gap: 100px;
}

.int-calc-plate .calc-plate__title {
  padding: 0;
  border: none;
}
.int-calc-plate p {
  text-align: left;
}
.int-calc-plate .calc-plate__top {
  margin-bottom: 0;
  width: 35%;
}
.int-calc-plate .first__btn, .int-calc-plate .first__btn2 {
  margin-right: 100px;
}
.int-calc-plate .first__btn p, .int-calc-plate .first__btn2 p {
  margin-top: 20px;
  text-align: center;
}
.int-calc-plate .btn-border {
  box-shadow: 0px 17px 50px rgba(255, 255, 255, 0.1);
}
.int-calc-plate .container {
  align-items: center;
}

.lottie5 {
  width: 200px;
  height: 151px;
}

.order-ride .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.ord-item h2 {
  font-size: 30px;
}
.ord-item__num {
  font-family: Abel;
}
.ord-item .foor__img {
  box-shadow: -30px -35px 50px rgba(0, 0, 0, 0.15);
}

.ord-item1 .ord-item__right {
  margin-top: 200px;
}
.ord-item1 .ord-item__left {
  width: 70%;
  position: relative;
  overflow: hidden;
}
.ord-item1 .ord-item__left video {
  width: 100%;
}
.ord-item1 .ord-item__left::after {
  content: "";
  position: absolute;
  left: -70px;
  height: 120%;
  top: -40px;
  background: #101010;
  filter: blur(20px);
  width: 150px;
  transform: skewX(5deg);
  z-index: 2;
}
.ord-item1 .ord-item__left::before {
  content: "";
  position: absolute;
  right: -68px;
  height: 115%;
  top: -40px;
  background: #101010;
  filter: blur(20px);
  width: 150px;
  transform: skewX(5deg);
  z-index: 2;
}
.ord-item1 .ord-item__num {
  margin-left: 100px;
}
.ord-item1 .ord-item__right {
  justify-content: flex-end;
}

.ord-item__right__text h2 {
  font-size: 30px;
  margin-bottom: 40px;
}
.ord-item__right__text span {
  font-size: 20px;
}

.ord-item__num {
  font-size: 180px;
  opacity: 0.3;
}

.ord-item2 .foor__right {
  height: 680px;
}
.ord-item2 h2, .ord-item2 span {
  padding-left: 50px;
}

.ord-item3 .ord-item__left {
  width: 50%;
}
.ord-item3 .ord-item__left img {
  width: 100%;
}
.ord-item3 .ord-item__right {
  align-items: center;
  width: 40%;
}
.ord-item3 .container {
  align-items: center;
}

.ord-item4 .foor__left {
  max-width: 500px;
}
.ord-item4 span {
  display: block;
}

.ord-item5 {
  margin-bottom: 100px;
}
.ord-item5 .ograda-slider__line {
  margin-top: 150px;
}
.ord-item5 .ord-item__right {
  justify-content: flex-end;
  gap: 100px;
  margin-bottom: 100px;
}

.ord-item__photos {
  max-width: 1200px;
  margin: 0 auto;
  gap: 40px;
}
.ord-item__photos__item {
  width: 50%;
  position: relative;
  z-index: 1;
}
.ord-item__photos__item:last-child {
  z-index: 0;
}
.ord-item__photos__item img {
  width: 100%;
  height: 590px;
  position: relative;
  z-index: 0;
}
.ord-item__photos__item p {
  font-size: 20px;
  margin-top: 50px;
  text-align: right;
  margin-right: 50px;
}

.ord-selectors .container {
  overflow: visible;
}
.ord-selectors__items {
  margin-top: 50px;
  gap: 30px;
}
.ord-selectors__items img {
  cursor: pointer;
  width: 100px;
  height: 100px;
}
.ord-selectors__items img:hover {
  background: linear-gradient(151deg, rgba(27, 135, 181, 0.07) 0%, rgba(0, 0, 0, 0.03) 100%);
  box-shadow: 0px 0px 20px rgba(151, 213, 200, 0.25);
  border-radius: 10px;
}
.ord-selectors p {
  font-size: 20px;
}
.ord-selectors__left {
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 1;
  position: relative;
}
.ord-selectors__left img {
  opacity: 0.3;
  display: block;
  height: 292px;
  width: 240px;
  transform: translateX(100px);
  border-radius: 20px;
  object-fit: cover;
  transition: all 0.2s ease-out;
}
.ord-selectors__left img:hover {
  transition: all 0.2s ease-out;
  transform: translate(0);
  opacity: 1;
  cursor: pointer;
}
.ord-selectors__right {
  height: 600px;
  position: relative;
  z-index: 2;
  width: 100%;
}
.ord-selectors__right img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
}
.ord-selectors .third__right {
  width: 60%;
  display: flex;
}

.ord-item51 {
  position: relative;
  z-index: 0;
}

.main-slider .before-center {
  transform: skewY(-10deg) scale(1) !important;
}
.main-slider .after-center {
  transform: skewY(10deg) scale(1) !important;
}
.main-slider .swiper-slide-active {
  transform: skewY(0deg) scale(1.2) !important;
}

.ograda-slider1 {
  margin-bottom: 0;
}
.ograda-slider1 .main-slider {
  margin-bottom: 0;
}
.ograda-slider1 .main-slider h2 {
  display: none;
}

.calc-ord-sels {
  margin-bottom: 250px;
}
.calc-ord-sels__row {
  gap: 50px;
}
.calc-ord-sels__item {
  width: 217px;
  text-align: center;
  opacity: 0.5;
  position: relative;
  transition: all 0.2s ease-out;
}
.calc-ord-sels__item:hover {
  opacity: 1;
  color: #fff;
  border: 2px solid #fff;
}
.calc-ord-sels__item::after {
  content: "";
  position: absolute;
  top: 50%;
  height: 80%;
  border: 2px solid #fff;
  width: 120%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 16px;
  transition: all 0.2s ease-out;
  opacity: 0;
}
.calc-ord-sels__item.active {
  opacity: 1;
}
.calc-ord-sels__item.active::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.calc2 .calc__right {
  margin-left: auto;
}
.calc2 .calc__left {
  max-width: 950px;
}
.calc2 .mir-calc-wrapper {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 250px 150px !important;
}
.calc2 .mir-calc-wrapper .check:hover img, .calc2 .mir-calc-wrapper .check:hover svg {
  box-shadow: none !important;
  background: none !important;
}
.calc2 .mir-calc-wrapper .check.active img {
  box-shadow: none !important;
  background: none !important;
}
.calc2 .calc__col__figure__ask {
  width: 40px !important;
  height: 40px !important;
  border-radius: 0 !important;
}
.calc2 .calc-mir {
  display: none;
}
.calc2 .calc-mir.active {
  display: grid;
}
.calc2 .calc-width label {
  font-size: 30px;
  font-weight: 500;
  position: relative;
  box-shadow: 0px 34px 90px 0px rgba(255, 255, 255, 0.1);
}
.calc2 .calc-width label input {
  position: absolute;
  left: 100%;
  opacity: 0;
}
.calc2 .calc-width .calc__col__figure__ask {
  position: absolute;
  top: -30px;
  right: -50px;
}
.calc2 .calc__descr {
  font-size: 20px;
  margin-bottom: 150px;
}
.calc2 .calc-kr .check {
  display: block;
}
.calc2 .calc-kr .check .calc__col__figure__ask {
  position: absolute;
}
.calc2 .calc-kr .check::after {
  top: auto;
  bottom: 0;
}
.calc2 .calc-kr .check::before {
  top: auto;
  bottom: 7px;
}
.calc2 .calc-kr .calc-kr-img {
  margin-bottom: 50px;
  padding-top: 50px;
}
.calc2 .calc-uploade {
  margin-bottom: 150px;
}
.calc2 .calc-uploade .calc-ord-sels__item {
  width: auto;
  align-items: center;
  gap: 10px;
  display: flex;
  position: relative;
}
.calc2 .calc-uploade .calc-ord-sels__item input {
  position: absolute;
  left: 100%;
  opacity: 0;
}
.calc2 .calc__footer__del__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 35px;
}

.calc__footer .calc__call__row2 {
  gap: 30px;
}
.calc__footer .calc__call__descr {
  font-size: 24px;
  margin-top: 40px;
}
.calc__footer .btn-next {
  width: fit-content;
}
.calc__footer__hide {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.calc__footer__title {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 50px;
}
.calc__footer .calc__footer__form1 .textarea {
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 2;
}
.calc__footer__bottoms .btn-submit {
  background: #598d90;
  transition: all 0.2s ease-out;
}
.calc__footer__bottoms .btn-submit:hover {
  background: #4a7679;
  transition: all 0.2s ease-out;
}
.calc__footer__bottoms .btn-back {
  background: #858585;
  transition: all 0.2s ease-out;
}
.calc__footer__bottoms .btn-back:hover {
  background: #686868;
}
.calc__footer__bottoms .btn {
  width: fit-content;
  box-shadow: none;
}
.calc__footer__maininfo {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 55px 20px;
}
.calc__footer__maininfo p {
  font-size: 30px;
  font-weight: 500;
}
.calc__footer__maininfo p span {
  font-weight: 400;
}
.calc__footer__selects {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.calc__footer .calc__footer1, .calc__footer .calc__footer2 {
  display: none;
}
.calc__footer .calc__footer1.active {
  display: block;
}
.calc__footer .calc__footer2.active {
  display: block;
}
.calc__footer .btn-border {
  cursor: pointer;
}
.calc__footer .check i {
  color: #e90000;
  font-size: 20px;
  margin-left: -10px;
  font-style: normal;
}

.calc__footer__hide {
  display: none;
}

.calc__footer__hide.active {
  display: flex;
}

.mirror-frames .calc__col__wrapper {
  grid-template-columns: repeat(2, 1fr);
}

.ograd {
  display: none;
}

.ograd.active {
  display: block;
}

.prim .swiper-slide {
  height: 850px;
  max-height: 650px;
}

.imgroof {
  box-shadow: 0px 73px 100px rgba(255, 255, 255, 0.15);
}

.trip-items .roof-items__right {
  width: 70%;
  text-align: right;
}
.trip-items .roof-items__right img {
  width: 100%;
  margin-left: auto;
}
.trip-items .roof-items__left {
  width: 30%;
}
.trip-items .roof-items__left img {
  width: 100%;
  max-width: 70%;
}

.trip-slider {
  margin-bottom: 300px;
}
.trip-slider p {
  font-size: 20px;
  text-align: center;
}

.between {
  text-align: center;
}
.between img {
  width: 100%;
}

.int-video .int-video__video {
  width: 100%;
  height: 642px;
  display: flex;
  justify-content: center;
  position: relative;
}
.int-video .int-video__video::after {
  transform: skewX(-5deg);
  left: 132px;
}
.int-video .int-video__video::before {
  transform: skewX(-5deg);
  right: 132px;
}
.int-video .int-video__video video {
  max-width: 1200px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.menu-scroll {
  padding: 0;
  transition: all 0.2s ease-out;
}
.menu-scroll .menu__logo, .menu-scroll .menu__right {
  transform: scale(0.6);
}
.menu-scroll .menu__drop {
  top: 57px;
}

.blur {
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: 9;
  background: rgba(21, 21, 21, 0.5);
  backdrop-filter: blur(100px);
  -webkit-backdrop-filter: blur(100px);
  -moz-backdrop-filter: blur(100px);
  top: 0;
  left: 0;
  display: none;
}

.check4 .check__row .mkad-input {
  position: relative;
  left: auto;
  z-index: 1;
  opacity: 1;
  background: none;
  border: none;
  color: #fff;
  font-size: 24px;
  width: 80px;
  border-bottom: 1px solid #fff;
}

.smole-vid {
  background: radial-gradient(circle, rgba(16, 16, 16, 0) 0%, #101010 83%);
}
.smole-vid video {
  width: 100%;
  object-fit: cover;
  filter: blur(17px);
}
.smole-vid::after {
  content: "";
  position: absolute;
  border-bottom: 70px solid #101010;
  border-right: 0;
  border-top: 70px solid #101010;
  width: 105%;
  height: 100%;
  left: 0px;
  top: 0;
  z-index: 2;
  filter: blur(117px);
}

.calc-width__grid__wrapper label, .calc-width__grid__wrapper2 label {
  position: relative;
}
.calc-width__grid__wrapper label input, .calc-width__grid__wrapper2 label input {
  position: absolute;
  left: 100%;
  opacity: 0;
  z-index: -11;
}

.lk {
  margin-top: -50px;
}
.lk__top {
  margin-bottom: 25px;
}
.lk__top__right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.lk__top__right span {
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
}
.lk__top__right .btn {
  font-size: 16px;
  background: #858585;
  padding: 14px 25px;
}
.lk__pagiation {
  margin-bottom: 40px;
  gap: 10px;
  align-items: center;
}
.lk__pagiation__link {
  width: 40px;
  height: 35px;
  border: 1px solid #6C6C6C;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.lk__pagiation__link.active {
  background: #598D90;
  width: 51px;
  height: 43px;
}
.lk__pagiation__link.active:hover {
  color: #fff;
}
.lk__order {
  background: #151515;
  padding: 75px 45px;
  border-radius: 10px;
  margin-bottom: 57px;
}
.lk__order__row {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding-bottom: 24px;
  border-bottom: 2px solid #474747;
  margin-bottom: 24px;
  grid-gap: 20px;
}
.lk__order__top {
  font-weight: 600;
}
.lk__order__body {
  border-bottom: 2px solid #474747;
  padding-bottom: 15px;
  margin-bottom: 25px;
}
.lk__order__body li {
  display: list-item;
  position: static;
  margin-bottom: 10px;
}
.lk__order__body ol, .lk__order__body ul {
  padding: 0;
  padding-left: 20px;
}
.lk__order__bottom__status {
  font-weight: 600;
  color: #000;
  background: #fff;
  border-radius: 10px;
  padding: 15px 15px;
  height: fit-content;
  margin-top: 20px;
  font-size: 16px;
}
.lk__order__bottom .btn {
  padding: 16px 40px;
  height: fit-content;
}
.lk__order__bottom__btns {
  gap: 50px;
}
.lk__order__bottom .btn-grey {
  background: #4b4b4b;
  color: #8F8F8F;
}
.lk .lk-status {
  padding: 10px;
  border-radius: 10px;
  margin-top: -10px;
  width: fit-content;
}
.lk .lk-status.green {
  background: #718B8A;
}
.lk .lk-status.grey {
  background: #4E4E4E;
}
.lk .lk__pagiation.mob {
  display: none;
}

.lkpanel__setting {
  margin-top: 50px;
}
.lkpanel__setting .btn {
  padding: 20px 40px;
  border: 1px solid #598D90;
  background: none;
  color: #fff;
}
.lkpanel__setting .btn:hover {
  background: #598D90;
  color: #fff;
}
.lkpanel__setting__top {
  gap: 20px;
  margin-bottom: 30px;
}
.lkpanel__setting .btn.active {
  background: #598D90;
  color: #fff;
}
.lkpanel__setting__bottom .lk__pagiation {
  margin-left: auto;
  margin-right: 50px;
}
.lkpanel__setting__btn {
  cursor: pointer;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lkpanel__setting__btn:hover svg path {
  stroke: #598D90;
}
.lkpanel .lk-search {
  height: 56px;
  border: 1px solid #fff;
  border-radius: 10px;
  width: 376px;
  display: flex;
  align-items: center;
  padding: 0 20px;
  font-size: 16px;
}
.lkpanel .lk-search input {
  background: none;
  border: none;
  font-size: 16px;
  width: 100%;
  color: #fff;
}
.lkpanel .lk-search svg {
  margin-top: 5px;
}
.lkpanel__order .lk__order__row {
  color: #ADFBFF;
}
.lkpanel__order .lk__order__top {
  color: #fff;
}
.lkpanel .lk__order__cell .check:after, .lkpanel .lk__order__cell .check:before {
  transform: scale(0.8);
}
.lkpanel .lk-status select {
  background: none;
  border: none;
  color: #fff;
}
.lkpanel .lk__order__row {
  padding-right: 50px;
  position: relative;
}
.lkpanel .lk__order__bottom .btn {
  display: flex;
  align-items: center;
  gap: 10px;
}
.lkpanel .lkpanel-trigger {
  position: absolute;
  right: 0;
  display: flex;
  gap: 5px;
  top: 10px;
  cursor: pointer;
  height: 40px;
}
.lkpanel .lkpanel-trigger div {
  width: 6px;
  height: 6px;
  background: #bbb;
  border-radius: 50px;
}
.lkpanel .lkpanel-trigger:hover div {
  background: #fff;
}
.lkpanel .lkpanel__setting__btn.active {
  background: #598D90;
  height: 54px;
  width: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.lkpanel .lkpanel__setting__btn.active:hover svg path {
  stroke: #fff;
}
.lkpanel .lkpanel__setting__bottom {
  align-items: center;
  margin-bottom: 50px;
  position: relative;
}
.lkpanel .lkpanel__setting__bottom .lk__pagiation {
  margin-bottom: 0;
}
.lkpanel .lkpanel__filters {
  position: absolute;
  right: 0;
  top: 70px;
  background: #272727;
  padding: 40px;
  border-radius: 10px;
  width: 390px;
  z-index: 2;
  display: none;
}
.lkpanel .lkpanel__filters__item {
  margin-bottom: 28px;
}
.lkpanel .lkpanel__filters__item span {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
.lkpanel .lkpanel__filters__item label {
  height: 56px;
  padding: 0 10px;
  border-radius: 10px;
  width: 100%;
  display: block;
  background: #fff;
  display: flex;
  align-items: center;
}
.lkpanel .lkpanel__filters__item select {
  font-size: 16px;
  border: none;
  width: 100%;
}
.lkpanel .lkpanel__filter__stat {
  border-top: 2px solid #474747;
  padding-top: 20px;
}
.lkpanel .lkpanel__filter__stat span {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
}
.lkpanel .lkpanel__filter__stat .check {
  font-size: 18px;
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
}
.lkpanel .lkpanel__filter__stat2 .check:after, .lkpanel .lkpanel__filter__stat2 .check::before {
  border-radius: 50px;
  transform: scale(0.7);
}
.lkpanel .lkpanel__filter__stat2 .row {
  gap: 50px;
}
.lkpanel .lkpanel__filters.active {
  display: block;
}
.lkpanel .lkpanel__move {
  position: absolute;
  top: 50px;
  right: -30px;
  background: #272727;
  padding: 40px;
  border-radius: 10px;
  width: 390px;
  z-index: 2;
  display: none;
}
.lkpanel .lkpanel__move::after {
  content: "";
  position: absolute;
  right: 30px;
  top: -30px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20px 40px 20px;
  border-color: transparent transparent #272727 transparent;
  transform: rotate(0deg);
}
.lkpanel .lkpanel__move span {
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
}
.lkpanel .lkpanel__move .btn {
  width: 100%;
  padding: 20px;
}
.lkpanel .lkpanel__move.active {
  display: block;
}

.lkcalc__btns .btn {
  font-weight: 600;
  padding: 10px 20px;
  margin-left: 20px;
  background: #598D90;
}
.lkcalc__btns .lk-search {
  margin-right: auto;
}

.lkcalc__btns__check {
  margin-bottom: 70px;
}
.lkcalc__btns__check span {
  display: block;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 30px;
}
.lkcalc__btns__check label {
  font-size: 19px;
}

.btn-save {
  padding: 20px 45px;
  margin-top: 20px;
}

.lkcalc__body__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.lkcalc__body__hide {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 40px;
  margin-top: 40px;
  display: none;
}
.lkcalc__body__hide .input {
  padding: 25px;
  font-size: 20px;
  width: 100%;
}
.lkcalc__body__hide p {
  font-size: 20px;
  margin-top: 20px;
}
.lkcalc__body__item {
  padding-bottom: 70px;
}
.lkcalc__body__item:nth-child(even) {
  padding-left: 40px;
}
.lkcalc__body__item:nth-child(odd) {
  padding-right: 40px;
  border-right: 1px solid #6C6F71;
}
.lkcalc__body__show {
  font-weight: 600;
  font-size: 20px;
  align-items: center;
  gap: 15px;
  cursor: pointer;
}
.lkcalc__body__show svg {
  transition: all 0.2s ease-out;
}
.lkcalc__body__show.active svg {
  transform: rotate(180deg);
}
.lkcalc__body__hide.active {
  display: grid;
}
.lkcalc__body .lkcalc__body__item-text .lkcalc__body__hide {
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 20px;
}

.lkcalc__body2 {
  margin-top: 100px;
}

.btn-sam {
  position: relative;
}
.btn-sam input {
  position: absolute;
  left: 100%;
  opacity: 0;
  z-index: -11;
}

.calc .container {
  gap: 100px;
}

.calc .calc-frames img:not(.calc__col__figure__ask) {
  width: 200px !important;
  height: 200px;
}

.calc .calc-frames .check__row {
  font-size: 22px;
}

.calc .calc-el__img {
  width: 200px;
  height: 200px;
}

.tooltip {
  display: none;
}

.label {
  position: relative;
}

.calc__col__figure__ask {
  z-index: 2;
}

.tippy-content p {
  font-size: 16px;
}
.tippy-content img {
  width: 200px;
  margin-top: 10px;
  text-align: center;
}

.tippy-box[data-animation=scale][data-state=hidden] {
  opacity: 0;
  transform: scale(1.1) translateY(-10px);
}

.tippy-box[data-theme~=reserv] {
  background: red;
}

.input input {
  width: 100%;
}

.calc-srandart .check__row {
  display: flex;
  padding-top: 10px;
  width: 100%;
}
.calc-srandart .check__row p {
  margin-right: 10px;
}
.calc-srandart .check__row .calc__col__figure__ask {
  margin-left: auto;
}

.width-label label.active {
  border: 1px solid #598D90;
}

#formContainer {
  display: none;
}

.popupform.fancybox__content {
  background: #14181B !important;
  display: none;
  max-width: 1100px !important;
  width: 100%;
  padding: 80px 200px;
}
.popupform.fancybox__content form {
  display: flex;
  flex-direction: column;
  gap: 45px;
}

.num-input {
  max-width: 300px;
  height: 60px;
  padding: 10px 30px;
  font-size: 18px;
  display: none;
}

.num33.check {
  display: none;
}

.num33 {
  margin-left: 40px;
}

.calc2 .calc-width label {
  display: block;
  width: 100%;
}

@media screen and (min-width: 1081px) {
  .lkord__order {
    background: none;
    margin-bottom: 0;
    padding: 0;
  }
  .lkord__order:not(:nth-of-type(3)) .lk__order__top {
    display: none;
  }

  .ograda-slider .swiper-next {
    right: 35%;
  }
  .ograda-slider .swiper-prev {
    left: 35%;
  }

  .menu__trigger {
    width: 70px;
    height: 40px;
    justify-content: center;
  }
}
.roof-trigger3 .third__left {
  z-index: -1;
  position: relative;
}

@media screen and (min-width: 1420px) {
  .calc .calc-frames .calc__col__wrapper {
    grid-gap: 165px 175px;
  }

  .menu__drop {
    top: 89px;
  }

  .main-slider .main-slider__container {
    margin: 0 auto;
    min-width: 980px;
    max-width: 1280px;
  }

  .calc .calc-mir img:not(.calc__col__figure__ask) {
    width: 300px !important;
    height: 300px;
  }
}
.calc__col__figure.active svg rect:last-child {
  stroke: #598D90;
}

.gallery__item4, .gallery__item5 {
  height: 384px;
}

.gallery__item6, .gallery__item8 {
  height: 284px;
}

.gallery__item7 {
  height: 469px;
}

.newblock {
  overflow: hidden;
  position: relative;
}
.newblock .container {
  overflow: visible;
}
.newblock .title-line {
  gap: 50px;
}
.newblock h2 {
  margin-bottom: 50px;
}
.newblock__slider {
  margin-top: 100px;
  position: relative;
}
.newblock .swiper-slide {
  background: #121212;
  border: 1px solid #313131;
  padding: 40px 55px;
  display: flex;
  flex-direction: column;
  max-width: 440px;
  height: auto;
}
.newblock .swiper-slide p {
  font-size: 20px;
}
.newblock .swiper-slide img {
  margin: 0 auto 25px;
  max-width: 270px;
  height: 260px;
  width: 100%;
}
.newblock__price {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 25px;
}
.newblock__descr {
  font-size: 20px;
  margin-bottom: 20px;
}
.newblock ul {
  margin-bottom: 25px;
}
.newblock ul li {
  font-size: 20px;
}
.newblock ul span:first-child {
  color: #A9A9A9;
}
.newblock__order {
  background: #000;
  border: 1px solid #fff;
  border-radius: 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 25px;
  padding: 25px 0;
  max-width: 320px;
  box-shadow: 0px 23px 50px rgba(255, 255, 255, 0.05);
}
.newblock__order:hover {
  box-shadow: 0px 23px 50px rgba(255, 255, 255, 0.1);
  transition: all 0.2s ease-out;
}
.newblock__nav {
  justify-content: center;
  margin-top: 25px;
  gap: 20px;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  z-index: 2;
  width: 100%;
  justify-content: space-between;
}
.newblock__nav div {
  cursor: pointer;
}

.preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  z-index: 2;
  color: #333;
}

.blog__selectors__name {
  width: fit-content;
  cursor: pointer;
}
.blog__selectors__name svg {
  transition: all 0.2s ease-out;
}

.blog__selectors__name.active svg {
  transform: rotate(180deg);
  transition: all 0.2s ease-out;
}

.ord-item1 .ord-item__right {
  margin-top: 50px;
}

@media screen and (max-width: 1080px) {
  .blog__wrapper__item .btn  {
    font-size: 16px;
  }
  h1 {
    font-size: 45px;
  }

  h2 {
    font-size: 24px;
    margin-bottom: 30px;
  }

  section {
    margin-bottom: 60px;
  }

  body {
    padding-top: 120px;
  }

  .menu {
    padding-top: 20px;
    z-index: 22;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }

  .menu__logo img:first-child {
    width: 36px;
  }
  .menu__logo img:last-child {
    width: 136px;
  }

  .menu__tel {
    display: none;
  }

  .menu.menu-scroll {
    padding: 0;
    padding-top: 5px;
  }
  .menu.menu-scroll .menu__drop {
    top: 0;
  }

  .menu-scroll .menu__logo, .menu-scroll .menu__right {
    transform: scale(0.9);
  }

  .opt__doors .door, .opt__doors .first-door {
    width: 12.5%;
  }
  .opt__doors .door {
    position: absolute;
    left: 0;
  }
  .opt__doors .door:nth-child(8) {
    left: 0%;
  }
  .opt__doors .door:nth-child(7) {
    left: 15%;
  }
  .opt__doors .door:nth-child(6) {
    left: 30%;
  }
  .opt__doors .door:nth-child(5) {
    left: 45%;
  }
  .opt__doors .door:nth-child(4) {
    left: 60%;
  }
  .opt__doors .door:nth-child(3) {
    left: 75%;
  }
  .opt__doors .door:nth-child(2) {
    left: 90%;
  }

  .mobile-tel {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background: linear-gradient(156deg, #598D90 38.22%, #0B3C3F 136.01%);
    box-shadow: 0px 0px 40px 0px rgba(90, 141, 144, 0.3);
    width: 70px;
    height: 70px;
    right: 20px;
    bottom: 20px;
    z-index: 21;
  }

  .footer__form {
    padding: 20px;
  }
  .footer__form .footer__form__grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .first__bottom {
    margin-top: 50px;
    flex-direction: column;
  }

  .main-slider .container {
    overflow: hidden;
  }

  .first {
    margin-bottom: 0;
  }

  .first-int {
    margin-bottom: 100px;
  }

  .int-anim .third__left {
    gap: 20px;
    flex-direction: column;
  }

  .int-anim .third__left img {
    width: 100%;
    max-width: 450px;
  }

  .first__right {
    display: none;
  }

  .first__left {
    width: 100%;
    text-align: center;
    padding-bottom: 0px;
  }
  .first__left h1 {
    text-align: center;
  }

  .main-slider .swiper-nav {
    width: 50px;
    height: 50px;
  }
  .main-slider .swiper-nav svg {
    width: 30px;
    height: 30px;
  }

  .menu__trigger {
    gap: 0px;
  }
  .menu__trigger div {
    width: 42px;
    border-radius: 30px;
    height: 2px;
    margin-bottom: 10px;
  }
  .menu__trigger div:last-child {
    width: 22px;
    margin: 0;
  }

  .text-descr, .first__left p {
    font-size: 14px;
  }

  .btn-border {
    font-size: 16px;
    border-radius: 100px;
    padding: 10px 20px;
  }

  .first__left p {
    margin-top: 10px;
  }

  .first {
    margin-bottom: 0px;
    padding-bottom: 100px;
    height: auto;
  }
  .first .btn-border {
    max-width: 350px;
    margin: 0 auto;
  }
  .first h1 {
    margin-bottom: 25px;
  }

  .main-slider {
    margin-bottom: 70px;
  }
  .main-slider h2 {
    margin-bottom: 40px;
  }
  .main-slider .swiper-slide {
    height: fit-content;
    max-height: 400px;
  }
  .main-slider .swiper-slide::after {
    display: none;
  }
  .main-slider .swiper-slide img {
    object-fit: contain;
  }
  .main-slider .swiper-wrapper {
    align-items: center;
  }

  .third .container {
    flex-direction: column-reverse;
    gap: 50px;
  }
  .third__left, .third__right {
    width: 100%;
  }
  .third__right {
    max-width: 400px;
  }

  .foor__right {
    display: none;
  }

  .foor__left {
    width: 100%;
  }

  .foor__draw1 img, .foor__draw2 img {
    max-width: 400px;
    width: 100%;
  }

  .foor__draw1 {
    margin-top: 50px;
    margin-bottom: 20px;
  }

  .foor {
    height: auto;
  }

  .rolls .container {
    flex-direction: column-reverse;
  }

  .rolls__left {
    width: 100%;
    padding-top: 0;
  }

  .rolls__right {
    width: 100%;
  }

  .rolls {
    margin-bottom: 100px;
  }
  .rolls .container {
    gap: 20px;
  }
  .rolls .rolls__img1 {
    height: 400px;
  }
  .rolls .rolls__anim {
    position: absolute;
    top: 180px;
    z-index: 3;
  }
  .rolls .rolls__line {
    width: 92%;
  }
  .rolls .rolls__anim1, .rolls .rolls__anim3 {
    width: 35px;
    height: 35px;
    top: -24px;
  }
  .rolls .rolls__anim2, .rolls .rolls__anim4 {
    width: 25px;
    height: 25px;
    bottom: -8px;
    transform: translateX(5px);
  }
  .rolls .rolls__left__imgs {
    display: flex;
    gap: 20px;
  }
  .rolls .rolls__left__imgs .rolls__img {
    width: 50%;
  }
  .rolls .rolls__left__imgs .rolls__img img {
    width: 100%;
  }
  .rolls .rolls__left__imgs .rolls__img3 {
    margin: 0;
  }

  .selectors .selectors__item.active img {
    transform: scale(1.15);
    animation-name: example;
    animation-duration: 0.5s;
  }
  .selectors .text-descr {
    font-size: 16px;
  }
  .selectors p {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .selectors__item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .selectors__item img {
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
  }
  .selectors .selectors__num {
    margin-bottom: 0;
  }
  .selectors .selectors__page {
    display: flex;
    justify-content: center;
    gap: 30px;
  }
  .selectors .selectors__page div {
    cursor: pointer;
  }

  .selectors__first {
    margin-bottom: 70px;
  }

  .selectors__second {
    margin-top: 60px;
    display: block;
    grid-gap: 20px;
    overflow: hidden;
  }
  .selectors__second .selectors__item {
    min-height: 200px;
  }
  .selectors__second .selectors__item img {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .selectors__second img {
    max-width: 250px;
  }

  @keyframes example {
    0% {
      transform: scale(1.1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1.15);
    }
  }
  .safety .container {
    flex-direction: column;
  }
  .safety .safety-lines {
    display: none;
  }

  .safety__left {
    width: 100%;
  }

  .safety__right {
    width: 100%;
  }

  .safety__title svg {
    display: none;
  }

  .safety__right {
    margin-top: 50px;
  }
  .safety__right img {
    height: 40vh;
    object-fit: cover;
    border-radius: 20px;
    width: 100%;
  }

  .third2 .third__left {
    height: 40vh;
  }
  .third2 .third__left img {
    height: 100%;
  }

  .opt .container {
    flex-direction: column;
  }
  .opt .opt__left, .opt .opt__right {
    width: 100%;
  }
  .opt .opt__doors {
    margin-top: 50px;
    width: 100%;
  }

  .title-line {
    gap: 20px;
  }
  .title-line svg {
    max-width: 350px;
  }

  .gallery__wrapper {
    display: none;
  }

  .gallery__mobile {
    overflow: hiddens;
  }
  .gallery__mobile .swiper-slide {
    position: relative;
    height: auto;
    padding-top: 55px;
  }
  .gallery__mobile .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .gallery__mobile .swiper-slide::after {
    content: "";
    width: 300px;
    height: 56px;
    position: absolute;
    transform: rotate(360deg) scale(-1, 1);
    top: 0;
    right: 0;
    background: url("../files/tri.svg") no-repeat center;
    background-size: contain;
  }

  .footer__form {
    width: 100%;
  }

  .input {
    font-size: 16px;
  }
  .input input::placeholder {
    font-size: 16px;
  }

  .btn {
    font-size: 16px;
    padding: 20px 25px;
    width: 100%;
  }

  .footer__bottom {
    flex-direction: column;
    gap: 40px;
  }

  .footer__wrapper .container {
    padding: 0 4vw;
    padding-top: 400px;
    padding-bottom: 30px;
  }

  .gallery__mobile {
    display: block;
  }

  .selectors__first .swiper-wrapper {
    display: flex;
  }

  .blog h1 {
    font-size: 35px;
  }
  .blog .blog__selectors__name {
    margin-bottom: 40px;
    font-size: 18px;
  }
  .blog .blog__selectors__name svg {
    width: 15px;
    height: 15px;
  }
  .blog .blog__selectors__cat {
    width: fit-content;
    padding: 10px 20px;
    font-size: 14px;
  }
  .blog .blog__selectors__grid {
    margin-bottom: 20px;
  }

  .blog__wrapper__grid {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    grid-gap: 15px;
  }
  .blog__wrapper__item {
    padding: 20px;
  }
  .blog__wrapper__item p {
    font-size: 18px;
  }
  .blog__wrapper__item .btn {
    padding: 10px 20px;
  }
  .blog__wrapper__item img {
    height: 250px;
  }

  .blog__bread {
    flex-wrap: wrap;
    gap: 10px;
  }
  .blog__bread li {
    font-size: 14px;
  }
  .blog__bread svg {
    width: 15px;
    height: 15px;
  }
  .blog__bread li:last-child {
    font-size: 18px;
  }

  .article {
    margin-bottom: 70px;
  }
  .article .container {
    width: 100%;
    padding: 20px 10px;
  }
  .article h2 {
    margin-bottom: 40px;
  }

  .article__imgs {
    display: none;
  }

  .article__btns {
    margin-bottom: 70px;
    padding: 0 4vw;
  }
  .article__btns .row {
    flex-direction: column;
    margin-bottom: 20px;
  }
  .article__btns .row a {
    width: 100%;
  }
  .article__btns a {
    font-size: 16px;
    padding: 20px 20px;
  }

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

  .roof-items__left img {
    max-width: 200px;
  }
  .roof-items__left p {
    margin-bottom: 45px;
  }

  .roof-items__item {
    margin-bottom: 50px;
  }

  .roof-trigger2 .container {
    flex-direction: column;
  }

  .roof-anim {
    margin-bottom: 50px;
  }
  .roof-anim .roof__lines {
    margin-bottom: 50px;
  }

  .roof-trigger3 {
    position: relative;
    padding-bottom: 50px;
  }
  .roof-trigger3 .third__left {
    position: absolute;
    top: 30px;
    left: 0;
    opacity: 0.3;
  }
  .roof-trigger3 .third__left img {
    width: 100%;
    max-width: 460px;
  }

  .trip-grid {
    margin-bottom: 100px;
  }

  .third.trip-items {
    margin-bottom: 200px;
  }

  .third.trip-items::after {
    bottom: -100px;
  }

  .roof__descr {
    font-size: 14px;
    margin-bottom: 50px;
  }

  .trip-fade__item {
    margin-bottom: 50px;
  }

  .third__left img {
    max-width: 500px;
  }

  .menu__drop {
    position: fixed;
    border-radius: 0;
    top: 0;
    height: 100vh;
    overflow-y: auto;
    width: 100%;
    padding: 25px;
    max-height: 100vh;
    font-size: 16px;
    background: #000;
  }
  .menu__drop .close {
    display: block;
    margin-bottom: 25px;
    text-align: right;
  }
  .menu__drop .drop-ws {
    display: flex;
    align-items: center;
    color: #CCC;
    gap: 15px;
    justify-content: space-between;
  }
  .menu__drop .drop-ws a {
    gap: 10px;
    font-size: 16px;
    color: #fff;
  }
  .menu__drop .drop-ws svg {
    margin-right: 30px;
  }
  .menu__drop .drop-ws strong {
    color: #fff;
  }
  .menu__drop .drop-ws .drop-ws__app {
    gap: 10px;
  }
  .menu__drop .drop-ws .drop-ws__app svg {
    margin-right: 0;
  }
  .menu__drop li img {
    width: 30px;
    height: 30px;
  }

  .ograda-rain {
    margin-top: 50px;
  }

  .ograda-rain__content {
    width: 100% !important;
  }

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

  .trip-fade-vid {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }

  .pan-third2 .third__right {
    flex-direction: column;
    gap: 20px;
  }

  .int-anim .container {
    flex-direction: column;
  }
  .int-anim .third__right {
    text-align: center;
  }
  .int-anim .third__left {
    align-items: center;
  }

  .mirror-center .container {
    flex-direction: column-reverse;
  }
  .mirror-center .mirror-center__wrapper {
    text-align: center;
  }

  .int-anim2 .third__right {
    margin-bottom: 55px;
  }
  .int-anim2 .third__left {
    align-items: center;
    width: 100%;
    flex-direction: column;
  }
  .int-anim2 .third__left p, .int-anim2 .third__left span {
    font-size: 18px;
  }

  .int-calc-plate .container {
    flex-direction: column;
  }
  .int-calc-plate .calc-plate__top {
    width: 100%;
    text-align: center;
  }
  .int-calc-plate .calc-plate__top p {
    text-align: center;
  }
  .int-calc-plate .first__btn {
    margin: 0;
    margin-top: 50px;
  }

  .ord-item1 .ord-item__left {
    margin-top: 50px;
    width: 100%;
  }
  .ord-item1 .ord-item__left::after, .ord-item1 .ord-item__left::before {
    display: none;
  }

  .ord-item1 .ord-item__right {
    margin-top: 0;
    flex-direction: column-reverse;
  }

  .ord-item1 .ord-item__num {
    margin-left: 0;
  }

  .ord-item__num {
    font-size: 70px;
  }

  .ord-item2 h2, .ord-item2 span {
    padding: 0;
  }

  .ord-item3 .ord-item__left {
    display: none;
  }

  .ord-item3 .ord-item__right {
    width: 100%;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .ord-item__photos {
    display: none;
  }

  .ord-item5 .ord-item__right {
    flex-direction: column-reverse;
    gap: 10px;
    margin-bottom: 0px;
  }

  .ord-item5 .ograda-slider__line {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .ord-item5 {
    margin-bottom: 0;
  }

  .ord-selectors .container {
    flex-direction: column;
  }

  .ord-selectors .third__right {
    width: 100%;
    flex-direction: column;
  }

  .ord-selectors__left {
    display: flex;
    flex-direction: row;
  }
  .ord-selectors__left img {
    width: 50%;
    height: 160px;
    transform: translateX(0) translateY(60px);
  }

  .ord-selectors__right {
    height: 400px;
  }

  .calc__right {
    display: none;
  }

  .calc__col__num {
    font-size: 16px;
    width: 50px;
    height: 50px;
  }

  .calc__col__top {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 50px;
  }

  .calc-ord-sels__row {
    flex-wrap: wrap;
    margin-bottom: 50px;
  }

  .calc-ord-sels {
    margin-bottom: 0;
  }

  .calc2 .mir-calc-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .calc__left {
    width: 100%;
  }

  .calc .calc-frames img {
    width: 300px;
    height: 300px;
  }

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

  .footer__form__grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .calc2 .calc-kr .calc-kr-img {
    width: 250px;
  }

  .calc2 .calc-kr .check .calc__col__figure__ask {
    width: 15px !important;
    height: 15px !important;
  }

  .calc__footer__del__grid, .calc__footer__maininfo {
    grid-template-columns: repeat(1, 1fr);
  }

  .calc__footer__form1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .calc__footer .calc__footer__form1 .textarea {
    grid-column-start: auto;
  }

  .main-slider .main-slider__container {
    height: auto;
    max-height: 500px;
  }

  .calc .calc-width__grid__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .calc .calc-width__grid__wrapper label {
    font-size: 14px;
  }

  .calc__footer__bottoms {
    flex-direction: column;
  }
  .calc__footer__bottoms .btn {
    width: 100%;
    max-width: 450px;
  }

  .calc2 .calc-width .calc__col__figure__ask {
    top: -50px;
    right: 0;
    width: 20px !important;
    height: 20px !important;
  }

  .calc__call__row2 {
    flex-wrap: wrap;
  }

  .calc__call__row span {
    flex-wrap: wrap;
  }

  .calc__call {
    padding: 25px;
  }

  .calc .container {
    gap: 20px;
  }

  .calc__col {
    margin-bottom: 160px;
  }

  .calc-srandart {
    overflow: hidden;
  }

  .calc2 .mir-calc-wrapper {
    grid-gap: 150px !important;
  }

  .mir-calc-wrapper .check {
    max-width: 350px;
  }

  .calc .calc-slice .calc__col__wrapper p {
    font-size: 16px;
  }

  .calc-plate__title {
    font-size: 30px;
    text-align: center;
  }

  .mirror-shema__img {
    width: 100%;
    max-width: 450px;
    opacity: 0.5;
  }

  .mirror-shema {
    margin-top: 50px;
    overflow: hidden;
  }
  .mirror-shema .third__left {
    display: none;
  }

  .mirror-shema h2, .mirror-shema p {
    padding-left: 0;
  }

  .mirror-slice__wrapper {
    flex-direction: column-reverse;
  }
  .mirror-slice__wrapper .mirror-slice__left {
    width: 100%;
    margin-top: 20px;
  }

  .mirror-foor__right {
    display: none;
  }

  .mirror-foor {
    height: auto;
    margin-bottom: 50px;
  }

  .mirror-foor__left {
    width: 100%;
  }
  .mirror-foor__left p {
    text-align: left;
  }

  .calc__title {
    margin-bottom: 50px;
  }

  .calc__col .check {
    max-width: 450px;
  }

  .smole-slider {
    overflow: hidden;
    width: 300px;
    height: 400px;
  }
  .smole-slider .jas-control {
    width: 300px;
  }
  .smole-slider .jas-control a {
    width: 70px;
    height: 70px;
  }

  .smole {
    overflow: hidden;
    padding-bottom: 50px;
  }
  .smole .smole-bg {
    height: 300px;
  }

  .smole .container {
    align-items: flex-start;
  }

  .roof-items .roof__descr {
    margin-bottom: 20px;
  }

  .trip-items .roof-items__left img {
    max-width: 100%;
  }

  .trip-items .roof-items__left {
    width: 50%;
  }

  .trip-items .roof-items__right {
    width: 100%;
  }

  .roof-items__left p {
    margin: 10px 0;
    margin-bottom: 30px;
  }

  .trip-photos__row {
    flex-direction: column;
    gap: 20px;
  }
  .trip-photos__row img {
    width: 100%;
  }

  .trip-grid__wrapper {
    grid-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }
  .trip-grid__wrapper img {
    height: 400px;
  }

  .trip-fade__item img {
    height: 400px;
  }

  .roof-items__right img {
    width: 100%;
    max-width: 400px;
  }

  .third__left {
    text-align: center;
  }

  .trip-fade-vid {
    height: 500px;
  }

  .panno-price {
    padding-top: 50px;
  }

  .ograda-slider__selects {
    margin-bottom: 50px;
  }

  .ograda-slider__prev, .ograda-slider__next {
    font-size: 20px;
  }
  .ograda-slider__prev svg, .ograda-slider__next svg {
    width: 15px;
  }

  .ograda-slider .swiper-slide-active img, .ograda-slider .swiper-slide-active {
    height: 500px !important;
  }

  .ograda-slider .swiper-slide img, .ograda-slider .swiper-slide {
    height: 500px;
  }

  .pan-third {
    margin-top: 0;
  }
  .pan-third .third__right {
    margin-top: 0;
  }

  .first-int {
    margin-bottom: 0;
  }

  .calc-ord-sels__row {
    justify-content: center;
  }

  .calc__footer__del__grid, .calc2 .calc__footer__del__grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .calc__footer .calc__call__descr {
    font-size: 18px;
    margin-top: 0;
  }

  .calc__footer__hide {
    gap: 30px;
  }

  .check4 .check__row span, .calc__footer__maininfo p {
    font-size: 18px;
  }

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

  .calc__footer__maininfo {
    grid-gap: 10px;
  }

  .main-slider__portfolio {
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .ograda-rain__content {
    height: 400px !important;
  }

  .ograda-rolls .rolls__left {
    padding-top: 0;
  }

  .smole-slider .jas-control a {
    width: 35px;
    height: 35px;
    font-size: 16px;
  }

  .smole {
    margin-bottom: 0;
  }

  .ograda-rolls .rolls__left__imgs .rolls__img {
    height: 200px;
  }

  .ograda-rolls .ograda-rolls__anim {
    margin-top: -100px;
    z-index: 0;
  }

  .rolls__right {
    position: relative;
    z-index: 2;
  }

  .mirror-frames .calc__col__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  .calc .calc-el .calc__col__wrapper {
    grid-gap: 150px;
  }

  .calc-figurs .calc__col__wrapper {
    margin-bottom: 50px;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px 20px;
  }
  .calc-figurs .calc__col__wrapper svg {
    height: 100px;
  }
  .calc-figurs .calc__col__figure p {
    font-size: 16px;
  }

  .calc-srandart .calc-width .calc__col__figure__ask {
    top: 24px;
  }
  .calc-srandart .calc-width__grid__wrapper {
    margin-top: 50px;
    grid-gap: 70px 20px;
  }

  .calc .calc-el {
    padding: 0;
  }

  .calc .calc-el .calc__col__wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 50px 50px;
  }
  .calc .calc-el .calc__col__wrapper .calc__col__figure__ask {
    right: -10px;
    top: -20px;
    width: 15px;
    height: 15px;
  }
  .calc .calc-el .calc__col__wrapper .check {
    flex-direction: column;
  }
  .calc .calc-el .calc__col__wrapper .check::after {
    position: relative;
    bottom: auto;
    right: auto;
    width: 40px;
    height: 40px;
    margin: 20px auto 0;
    order: 3;
    margin-top: auto;
  }
  .calc .calc-el .calc__col__wrapper .check::before {
    bottom: 4px;
    width: 30px;
    height: 30px;
    right: 58px;
  }
  .calc .calc-el .calc__col__wrapper .check__row {
    font-size: 14px;
    transform: none;
    position: relative;
    bottom: auto;
    margin: 0 auto;
    margin-top: 20px;
    left: auto;
    margin-bottom: 20px;
  }

  .calc .calc-el__img {
    width: 130px;
    height: 130px;
  }

  .calc .calc-el .calc__col__wrapper .check::before {
    right: 68px;
  }

  .calc .calc-frames img {
    width: 100px !important;
    height: 100px !important;
    border-radius: 0 !important;
  }

  .mirror-frames .calc__col__wrapper {
    grid-template-columns: repeat(2, 1fr);
    max-width: 500px;
    grid-gap: 50px;
    font-size: 16px;
  }
  .mirror-frames .calc__col__wrapper .check__row {
    font-size: 16px;
    bottom: -50px;
  }
  .mirror-frames .calc__col__wrapper .check::after {
    width: 30px;
    height: 30px;
    bottom: -51px;
    right: 10px;
  }
  .mirror-frames .calc__col__wrapper .check::before {
    bottom: -49px;
    width: 24px;
    height: 24px;
    right: 13px;
  }

  .calc-srandart .check__row {
    font-size: 16px;
    margin-left: 50px !important;
    max-width: 100%;
  }
  .calc-srandart .check::after {
    width: 30px;
    height: 30px;
    bottom: -51px;
    right: 10px;
  }
  .calc-srandart .check::before {
    bottom: -49px;
    width: 24px;
    height: 24px;
    right: 13px;
  }

  .calc__col {
    margin-bottom: 80px;
  }

  .calc .calc-frames .calc__col__figure__ask {
    width: 20px !important;
    height: 20px !important;
  }

  .calc-mir .check::after, .calc-frames .check::after {
    width: 30px;
    height: 30px;
    bottom: -24px;
  }
  .calc-mir .check::before, .calc-frames .check::before {
    width: 20px;
    height: 20px;
    bottom: -20px;
    right: 5px;
  }
  .calc-mir .check__row, .calc-frames .check__row {
    font-size: 16px;
    bottom: -20px;
    max-width: 90%;
  }
  .calc-mir .mir-calc-wrapper, .calc-frames .mir-calc-wrapper {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 100px 50px !important;
  }

  .calc-width span {
    font-size: 18px;
  }

  .opt__doors .door:nth-child(8), .opt__doors .door:nth-child(7) {
    display: none;
  }

  .calc .calc-width__grid__wrapper label {
    font-size: 16px;
    padding: 10px;
  }

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

  .calc .calc-width__top input {
    height: 52px;
    font-size: 16px;
  }

  .selectors__first .swiper-wrapper {
    grid-gap: 0;
  }

  .calc .calc-frames .calc__col__descr {
    padding: 20px 10px;
    font-size: 16px;
  }
  .calc .calc-frames .calc__col__descr img {
    width: 40px !important;
    height: 40px !important;
    margin-right: 20px !important;
  }

  .mirror-shema__img {
    position: relative;
    margin-top: 50px;
  }

  .mirror-shema {
    margin-bottom: 0px;
  }

  .calc-plate__title, .roof-anim .third__right h2 {
    font-size: 20px;
  }

  .calc-plate p, .roof-anim .third__right p {
    font-size: 16px;
  }

  .mirror-third .mirror-third__svg {
    display: none;
  }

  .calc .calc-el .calc__col__wrapper .check::before {
    right: 50%;
    transform: translateX(50%);
  }

  .mirror-frames .calc__col__wrapper .check::before {
    width: 15px;
    height: 15px;
    bottom: -44px;
    right: 17px;
  }

  .calc-frames .check__row {
    max-width: 75%;
  }

  .calc .calc-srandart .check::before {
    left: 7px;
    top: 7px;
    width: 15px;
    height: 15px;
  }

  .ograda-rolls .lottie {
    width: 100%;
    z-index: -1;
    pointer-events: none;
    top: -437px;
  }

  .ograda-rolls .rolls__left {
    margin-top: 50px;
  }

  .calc .calc-kr .check::before {
    left: 7px;
    top: auto;
    width: 15px;
    height: 15px;
  }

  .calc .calc-srandart__descr {
    font-size: 20px;
  }

  .lk {
    margin-top: 0px;
  }

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

  .lk__top__right {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .lk__top__right .btn {
    width: fit-content;
  }

  .lk__pagiation.desc {
    display: none;
  }

  .lk__pagiation.mob {
    display: flex;
    justify-content: center;
  }

  .lk__order {
    padding: 20px;
  }

  .lk__order__row {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 12px;
    color: #598D90;
  }

  .lk__order__top {
    color: #fff;
  }

  .lk .lk-status.grey {
    color: #fff;
  }

  .lk__order__table {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .lk__order__bottom__row {
    flex-direction: column;
  }

  .lk__order__bottom__status {
    width: fit-content;
  }

  .lk__order__bottom__btns {
    margin-top: 20px;
    flex-direction: column;
    text-align: center;
    gap: 10px;
    max-width: 400px;
    margin: 0 auto;
    width: 100%;
    margin-top: 20px;
  }

  .lk .lk-status.green {
    color: #fff;
  }

  .lkpanel__setting__top .btn {
    width: fit-content;
  }

  .lkpanel .lk-search {
    width: 70%;
    margin-right: auto;
  }

  .lkpanel .lkpanel__filters, .lkpanel .lkpanel__move {
    width: 100%;
    max-width: 390px;
    padding: 25px;
  }

  .lkpanel__order {
    padding-top: 70px;
    position: relative;
  }

  .lkpanel .lkpanel-trigger {
    top: 26px;
    right: 20px;
  }

  .lk__order__cell .check {
    position: absolute;
    top: 16px;
    left: 20px;
  }

  .lkpanel .lk__order__row {
    position: static;
  }

  .lkpanel .lkpanel__move {
    right: 0;
    top: 60px;
  }

  .lkord__order .lk__order__row {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .lkcalc__btns {
    flex-direction: column;
    gap: 10px;
  }
  .lkcalc__btns .lk-search {
    width: 100%;
    margin-bottom: 30px;
  }
  .lkcalc__btns .btn {
    width: 100%;
    max-width: 400px;
    margin: 0;
  }

  .lkcalc__body__grid {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
  }

  .lkcalc__body__item:nth-child(odd), .lkcalc__body__item:nth-child(even) {
    padding: 0;
    border: none;
  }

  .lkcalc__body__show {
    font-size: 12px;
  }
  .lkcalc__body__show svg {
    flex-shrink: 0;
    width: 15px;
    height: 15px;
  }

  .lkcalc__body__hide .input {
    padding: 20px;
    height: 70px;
    font-size: 15px;
  }
  .lkcalc__body__hide p {
    font-size: 12px;
  }

  .btn-save {
    padding: 14px;
    font-size: 14px;
  }

  .main-slider .swiper-nav {
    top: 55%;
  }

  .swiper2 {
    padding-top: 50px !important;
    max-width: 450px !important;
  }
  .swiper2 .swiper-nav {
    top: 50%;
  }
  .swiper2 .swiper-slide {
    height: 55vh;
  }

  .smole {
    background: url("../img/smoke.png") no-repeat left;
    background-size: cover;
  }

  .smole .smole-bg {
    display: none;
  }
  .smole .jas-control a {
    line-height: 110%;
    font-size: 30px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
  }

  .main-slider__container {
    max-width: 450px;
  }

  .main-slider .main-slider__container {
    max-height: 560px;
    padding-top: 50px;
  }

  .ograd .main-slider__container {
    max-height: 560px;
  }

  .main-slider .container {
    overflow: visible;
    padding: 0;
  }

  .ograda-slider .swiper-slide-active img, .ograda-slider .swiper-slide-active, .ograda-slider .swiper-slide img, .ograda-slider .swiper-slide {
    height: 400px !important;
    object-position: bottom;
  }

  .main-slider__portfolio {
    margin-bottom: 50px;
  }

  .ograda-rain__content {
    width: 350px !important;
    height: 350px !important;
  }

  .calc .mir-calc-wrapper .check__row {
    font-size: 16px;
  }

  .swiper2 .swiper-next, .ograda-slider .swiper-next {
    right: 10%;
  }

  .swiper2 .swiper-prev, .ograda-slider .swiper-prev {
    left: 10%;
  }

  .main-slider .main-slider__container {
    margin: 0 auto 50px;
  }

  .middle-video .third__left {
    width: 100%;
    max-width: 600px;
  }

  .middle-video .third__left {
    margin-top: 0px;
  }

  .third .sub {
    display: none;
  }

  .third__left video {
    min-height: 300px;
  }

  .calc-srandart .check__row {
    padding-top: 0;
  }

  .calc .calc-srandart .calc__col__wrapper {
    grid-gap: 50px;
  }

  .calc .calc-srandart .calc__col__figure__ask {
    height: 20px;
    height: 20px;
  }

  .calc .calc-el .calc__col__wrapper .calc__col__figure__ask {
    width: 35px;
    height: 35px;
    top: -35px;
  }

  .calc .calc-srandart .calc__col__figure__ask {
    width: 35px;
    height: 35px;
  }

  .popupform.fancybox__content {
    padding: 80px 20px;
  }
  .popupform.fancybox__content .btn {
    text-align: center;
  }

  .calc2 .calc-width label {
    padding: 10px;
  }

  .calc-width__grid__wrapper2 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .calc-width__grid__wrapper2 label {
    font-size: 16px !important;
  }

  #formContainer {
    display: none;
  }

  .int-calc-plate .btn-border {
    margin: 25px auto 0;
    text-align: center;
  }
  .int-calc-plate .first__btn2 {
    margin: 0;
  }

  .label .calc__col__figure__ask {
    top: -30px;
  }

  .calc2 .calc-width .calc__col__figure__ask {
    top: -40px;
  }

  .calc-width__grid__wrapper2 {
    margin-top: 30px;
    grid-gap: 70px 59px;
  }

  .calc .calc-frames img:not(.calc__col__figure__ask) {
    width: 100px !important;
  }

  .newblock .swiper-slide {
    padding: 20px;
  }
  .newblock__order {
    padding: 10px;
  }
  .newblock__slider {
    position: relative;
  }
  .newblock__nav {
    position: absolute;
    z-index: 2;
    width: 100%;
    justify-content: space-between;
    top: 50%;
    transform: translateY(-50%);
  }
  .newblock__nav svg {
    width: 43px;
    height: 43px;
  }
}
@media screen and (min-width: 1420px) and (max-width: 1709px) {
  .first__right {
    width: 52%;
  }

  .first__left {
    width: 48%;
  }

  .main-slider .swiper-slide {
    height: 520px;
  }

  .main-slider {
    margin-bottom: 100px;
  }

  .opt__right {
    width: 40%;
  }

  .main-slider .main-slider__container {
    height: 679px;
  }

  .menu__drop {
    max-height: 600px;
    top: 62px;
    padding: 10px 60px 30px;
  }
  .menu__drop li {
    font-size: 16px;
    margin-top: 15px;
  }

  .trip-photos__row img {
    height: 600px;
  }

  .trip-grid__wrapper img {
    height: 600px;
  }

  .trip-fade-vid {
    height: 660px;
  }

  .ograda-slider .swiper-slide-active img {
    height: 600px !important;
  }

  .ograda-slider .swiper-slide img, .ograda-slider .swiper-slide {
    height: 500px;
  }

  .ograda-slider .swiper-prev {
    left: 35%;
  }

  .ograda-slider .swiper-next {
    right: 35%;
  }

  .calc-ord-sels__row {
    padding-left: 30px;
  }

  .rolls .rolls__img1 {
    height: 600px;
  }

  .calc__col__wrapper svg {
    height: 240px;
  }

  .calc .calc-el .check__row {
    font-size: 20px;
  }

  .calc .calc-el .calc__col__wrapper {
    grid-gap: 200px 50px;
  }

  .mirror-foor__right img {
    height: 450px;
    object-fit: cover;
    width: 350px;
  }

  .calc-slice .calc__col__wrapper svg {
    width: 80px;
  }

  .ograda-slider .swiper-slide-active {
    height: 500px !important;
  }

  .ograda-slider .swiper-slide-active img {
    height: 500px !important;
  }

  .ograda-slider .swiper-slide img, .ograda-slider .swiper-slide {
    height: 450px;
  }

  .ograda-rain__content {
    width: 450px !important;
    height: 450px !important;
  }

  .smole-slider {
    height: 500px;
  }

  .third-ograda .third__left img {
    height: 600px;
    object-fit: cover;
    border-radius: 0 20px 0 0;
  }

  .menu__tel a {
    font-size: 16px;
  }
  .menu__tel a span {
    font-size: 16px;
  }

  .menu {
    padding: 15px 0;
  }

  .menu__logo img {
    height: 40px;
  }
  .menu__logo .logo-inner {
    height: 12px;
  }

  .menu__trigger div {
    margin-bottom: 8px;
    width: 50px;
    height: 3px;
  }

  .menu__tel svg {
    width: 30px;
    height: 30px;
  }

  .menu-scroll {
    padding: 0;
  }

  .menu-scroll .menu__drop {
    top: 47px;
  }

  .ograda-rolls .lottie {
    top: -389px;
  }

  .swiper2 {
    max-width: 700px;
    width: 700px;
    margin: 0 auto;
  }

  .panno-slider .swiper-slide {
    width: 400px;
  }

  .smole-slider {
    width: 400px;
  }
}
@media screen and (min-width: 780px) and (max-width: 1080px) {
  .calc-ord-sels__row {
    flex-direction: row;
  }

  .calc2 .mir-calc-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .calc-ord-sels__row {
    flex-direction: row !important;
  }

  .calc__footer__del__grid, .calc__footer__maininfo {
    grid-template-columns: repeat(2, 1fr);
  }

  .swiper2 {
    max-width: 700px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1420px) {
  .btn-border {
    font-size: 16px;
  }

  .foor .foor__img1 {
    right: 150px;
  }
  .foor .foor__img2 {
    right: 80px;
  }
  .foor .foor__img3 {
    right: 0;
  }

  .safety .safety__title {
    align-items: flex-start;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
  }

  .gallery__wrapper {
    margin-top: -100px;
  }

  .first .container {
    gap: 40px;
  }
  .first .container .btn-border {
    width: 100%;
  }
  .first .container .first__btn, .first .container .first__btn2 {
    width: 100%;
    max-width: 300px;
  }

  .main-slider .swiper-slide {
    height: 450px;
  }

  .main-slider .main-slider__container {
    height: 650px;
  }

  .opt {
    position: relative;
  }
  .opt .container {
    position: static;
  }

  .opt__right {
    position: absolute;
    right: 0;
    bottom: -50px;
    width: 40%;
  }

  .trip-photos__row img {
    height: 500px;
  }

  .trip-grid__wrapper img {
    height: 500px;
  }

  .trip-grid__wrapper {
    grid-gap: 50px;
  }

  .trip-grid {
    margin-bottom: 100px;
  }

  .trip-slider {
    margin-bottom: 200px;
  }

  .menu__drop li {
    font-size: 16px;
    margin-top: 15px;
  }

  .roof-items__right img {
    width: 600px;
  }

  .trip-fade-vid {
    height: 500px;
  }

  .trip-fade__item img {
    height: 400px;
  }

  .trip-fade__item {
    margin-bottom: 20px;
  }

  .panno-price {
    padding-top: 100px;
  }

  .ograda-slider .swiper-slide-active {
    height: 500px !important;
  }

  .ograda-slider .swiper-slide-active img {
    height: 500px !important;
  }

  .ograda-slider .swiper-slide img, .ograda-slider .swiper-slide {
    height: 450px;
  }

  .first {
    height: auto;
    padding-bottom: 70px;
  }

  .first-int {
    margin-bottom: 0;
  }

  .calc2 .mir-calc-wrapper {
    grid-gap: 250px 48px !important;
  }

  .calc .calc-width__grid__wrapper {
    grid-gap: 55px 40px;
  }

  .calc2 .calc__col__figure__ask {
    width: 30px !important;
    right: -26px;
    height: 30px !important;
  }

  .calc .calc-width__grid__wrapper label {
    padding: 25px 45px;
  }

  .calc2 .calc-width .calc__col__figure__ask {
    right: -26px;
  }

  .calc .calc-frames img {
    width: 100px;
    height: 100px;
  }

  .calc .mirror-frames .calc__col__wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-gap: 175px 60px;
  }

  .calc__col .check__row {
    font-size: 16px;
  }

  .calc .calc-frames img {
    border-radius: 0;
  }

  .calc__col__top {
    font-size: 24px;
  }

  .calc__call__row span {
    font-size: 16px;
  }

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

  .calc__col .check::after {
    width: 30px;
    height: 30px;
  }

  .calc__col .check::before {
    bottom: -73px;
    width: 15px;
    height: 15px;
    right: 7px;
    left: auto;
    top: auto;
  }

  .frame1 {
    width: 100px !important;
  }

  .frame2 {
    border-radius: 12px !important;
  }

  .footer__form__grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .check4 .check__row span {
    font-size: 18px;
  }

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

  .calc__footer__maininfo p {
    font-size: 18px;
  }

  .calc__footer__bottoms {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
  }
  .calc__footer__bottoms .btn {
    width: 100%;
  }

  .ograda-slider {
    margin-top: 100px;
  }

  .calc .calc-el .calc__col__wrapper {
    grid-gap: 200px 50px;
  }

  .calc .calc-el .check__row {
    font-size: 18px;
  }

  .calc .calc-el__img {
    width: 200px;
    height: 200px;
  }

  .calc .calc-width__grid__wrapper {
    grid-gap: 20px;
  }

  .calc__col__wrapper svg {
    height: 200px;
  }

  .calc-slice .calc__col__wrapper svg {
    width: 80px;
  }

  .mirror-shema__img {
    top: auto;
    bottom: 20px;
    width: 550px;
  }

  .mirror-foor__right img {
    height: 450px;
    object-fit: cover;
    width: 350px;
  }

  .third2 .container img {
    height: 450px;
  }

  .dush-foor .rolls .rolls__img1 {
    height: 550px;
  }

  .dush-foor .foor__right img {
    width: 410px;
    height: 500px;
  }

  .mirror-shema .third__right {
    width: 50%;
  }
  .mirror-shema .third__left img {
    height: 459px;
  }

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

  .calc .calc-el__img {
    width: 100px;
    height: 100px;
  }

  .calc__col__figure__ask {
    right: -27px;
    top: -21px;
  }

  .calc-el .check::after {
    right: -40px;
  }

  .calc .calc-width__top {
    flex-direction: row;
    font-size: 18px;
  }
  .calc .calc-width__top input {
    font-size: 18px;
    height: 72px;
  }

  .calc-el .check::before {
    bottom: -76px;
    width: 20px;
    height: 20px;
    right: -35px;
    left: auto;
    top: auto;
  }

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

  .ograda-rain__content {
    width: 450px !important;
    height: 450px !important;
  }

  .selectors__item p {
    width: 80%;
    font-size: 18px;
  }

  .ograda-rolls .rolls__left__imgs .rolls__img {
    height: 350px;
    width: 300px;
  }
  .ograda-rolls .rolls__left__imgs .rolls__img img {
    width: 100%;
    height: 100%;
  }

  .rolls .rolls__img1 {
    height: 500px !important;
  }

  .smole-slider {
    height: 500px;
  }

  .third-ograda .third__left img {
    height: 500px;
    object-fit: cover;
    border-radius: 0 20px 0 0;
  }

  .safety .container {
    gap: 30px;
  }

  .main-slider .main-slider__container {
    height: 650px;
  }

  .menu__tel a {
    font-size: 16px;
  }
  .menu__tel a span {
    font-size: 16px;
  }

  .menu {
    padding: 15px 0;
  }

  .menu__logo img {
    height: 40px;
  }
  .menu__logo .logo-inner {
    height: 12px;
  }

  .menu__trigger div {
    margin-bottom: 8px;
    width: 50px;
    height: 3px;
  }

  .menu__tel svg {
    width: 30px;
    height: 30px;
  }

  .menu-scroll {
    padding: 0;
  }

  .menu__drop {
    top: 59px;
  }

  .menu-scroll .menu__drop {
    top: 47px;
  }

  body {
    padding-top: 150px;
  }

  .ograda-rolls .lottie {
    top: -322px;
  }

  .calc__call {
    padding: 30px;
  }

  .calc__call__promo {
    font-size: 18px;
    padding: 15px;
    height: 72px;
  }

  .calc__call .btn {
    margin-top: 20px;
  }

  .calc .calc-slice__right p {
    font-size: 20px !important;
  }

  .calc__col {
    margin-bottom: 120px;
  }

  .calc__footer__del__grid, .calc__footer__form1, .footer__form__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .calc__footer__del__grid .input, .calc__footer__form1 .input, .footer__form__grid .input {
    height: 62px;
    padding: 0 15px;
    font-size: 16px;
  }
  .calc__footer__del__grid .input input, .calc__footer__form1 .input input, .footer__form__grid .input input {
    font-size: 16px;
  }
  .calc__footer__del__grid .input input::placeholder, .calc__footer__form1 .input input::placeholder, .footer__form__grid .input input::placeholder {
    font-size: 16px;
  }

  .calc__footer .calc__call__descr {
    font-size: 18px;
  }

  .check4 img {
    max-height: 108px;
  }

  .calc__footer__del__grid {
    grid-gap: 50px;
  }

  .calc__footer .calc__footer__form1 .textarea {
    height: 100px;
  }

  .dush-rolls .rolls__left img {
    width: 270px;
  }

  .dush-foor .foor__right img {
    width: 298px;
    height: 375px;
  }

  .footer__form {
    padding: 80px;
  }

  .menu__drop {
    padding: 20px;
  }
  .menu__drop a {
    font-size: 14px;
  }
  .menu__drop a img {
    width: 20px;
    height: 20px;
  }

  .calc-mir .calc__col__figure__ask, .calc-frames .calc__col__figure__ask {
    right: 0 !important;
  }
  .calc-mir .mir-calc-wrapper, .calc-frames .mir-calc-wrapper {
    grid-gap: 100px !important;
  }
  .calc-mir .check img, .calc-frames .check img {
    width: 200px;
    height: 200px;
  }
  .calc-mir .check::after, .calc-frames .check::after {
    width: 30px;
    height: 30px;
    bottom: -24px;
    right: 0;
  }
  .calc-mir .check::before, .calc-frames .check::before {
    width: 20px;
    height: 20px;
    bottom: -20px;
    right: 5px;
  }
  .calc-mir .check__row, .calc-frames .check__row {
    font-size: 16px;
    bottom: -20px;
    max-width: 80%;
  }

  .calc .calc-width__grid__wrapper {
    grid-gap: 50px;
  }

  .calc .calc-width__grid__wrapper label {
    font-size: 18px;
  }

  .calc__call .btn {
    font-size: 16px;
    padding: 20px;
  }

  .check4 {
    align-items: flex-start;
  }

  .foor__right img {
    width: 309px;
    height: 391px;
  }

  .frame1 {
    width: 144px !important;
  }

  .frame1-check {
    width: 150px !important;
  }

  .mirror-frames .check {
    width: 150px;
  }
  .mirror-frames .check img {
    width: 150px;
    height: 150px;
    margin-bottom: 50px;
  }

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

  .swiper2 {
    max-width: 620px;
    margin: 0 auto;
  }

  .foor {
    height: 600px;
  }

  .ograda-slider .swiper-slide {
    width: 400px;
  }

  .smole-slider {
    width: 400px;
  }

  .mirror-frames .check {
    width: auto;
  }

  .calc .calc-frames img:not(.calc__col__figure__ask) {
    width: 200px !important;
  }

  .calc-frames .check__row {
    bottom: -30px;
  }

  .menu__drop {
    height: 480px;
    top: 54px;
  }

  .mirror-foor .mirror-foor__img1 {
    left: 200px;
  }

  .mirror-foor .mirror-foor__img2 {
    left: 100px;
  }

  .calc .calc-el {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 1080px) and (max-width: 1280px) {
  .calc__col__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  .lk__order__row {
    font-size: 12px;
    grid-gap: 10px;
  }

  .lk .lk-status {
    padding: 5px;
    text-align: center;
  }

  .calc__col {
    margin-bottom: 150px;
  }

  .calc .calc-width__grid__wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .calc .calc-width__grid__wrapper label {
    position: relative;
  }
  .calc .calc-width__grid__wrapper input {
    position: absolute;
    left: 100%;
    opacity: 0;
  }

  .calc__footer .calc__call__row2 {
    flex-wrap: wrap;
  }

  .calc-ord-sels__row {
    flex-wrap: wrap;
  }

  .calc__footer .calc__footer__form1 .textarea {
    grid-column-start: 1;
  }

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

  .calc__footer__bottoms {
    flex-wrap: wrap;
  }

  .calc2 .calc__footer__del__grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .calc__call {
    gap: 30px;
  }

  .calc .calc-el {
    margin-bottom: 250px;
  }

  .calc .calc__col__figure__ask {
    width: auto !important;
  }

  .calc .calc-frames img {
    height: 150px;
  }
}
@media screen and (min-width: 1080px) {
  .blog__selectors__grid .swiper-wrapper {
    display: flex;
    gap: 40px 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1709px) {
  .mirror-frames .calc__col__wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
.captcha-container {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 600px) {
  .captcha-container {
      flex-direction: column;
      align-items: center;
  }

  .captcha-container img,
  .captcha-container input {
      margin-bottom: 10px;
      width: 100%;
      max-width: 300px; /* или другой подходящий размер */
  }

  .captcha-container input[type="text"] {
      width: calc(100% - 20px); /* чтобы немного уменьшить ширину, если нужно */
  }
}

/* Прелоадер */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8); /* Прозрачный фон */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999; /* Показать поверх всего */
}

/* Анимация спиннера */
.spinner {
  border: 8px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  border-top: 8px solid #3498db; /* Цвет спиннера */
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

/* Анимация вращения */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Скрыть основной контент до загрузки */
.first__right {
  display: none; /* Скрыть до загрузки */
}
.blog__wrapper__item img {
  object-fit: cover;
}
.blog__wrapper__item p {
  font-weight: 400;
}