@charset "UTF-8";

/* Base */

html {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
  --refRes: 1440;
  font-size: calc(100vw / var(--refRes) * 10);
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  background-color: var(--maroon);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 150%;
  color: var(--gold-light-2);
}

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding-left: var(--header-width);
}

.pleloaderShow .main {
  pointer-events: none;
}

.about-page .main {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}

.footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

section {
  min-height: clamp(100%, 100vh, 100vh);
  height: auto;
  background-color: var(--graphite);
  overflow-x: hidden;
  overflow-y: hidden;
  position: relative;
  z-index: 1;
}

a {
  color: inherit;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

img {
  width: auto;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.container {
  margin: 0 auto;
  padding: 0 var(--container-padding);
  width: 100%;
  height: 100%;
}

.container--fluid {
  padding: 0;
  max-width: 100%;
}

@font-face {
  font-family: DrukCyr;
  font-display: swap;
  src: url("../fonts/DrukCyr-Bold.woff2") format("woff2"), url("../fonts/DrukCyr-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: DrukCyr;
  font-display: swap;
  src: url("../fonts/DrukCyr-Heavy.woff2") format("woff2"), url("../fonts/DrukCyr-Heavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

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

@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../fonts/Roboto-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../fonts/Roboto-Black.woff2") format("woff2"), url("../fonts/Roboto-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: DrukCyr;
  font-display: swap;
  src: url("../fonts/DrukCyr-Super.woff2") format("woff2"), url("../fonts/DrukCyr-Super.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../fonts/Roboto-ExtraBold.woff2") format("woff2"), url("../fonts/Roboto-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../fonts/Roboto-ExtraLight.woff2") format("woff2"), url("../fonts/Roboto-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../fonts/Roboto-Light.woff2") format("woff2"), url("../fonts/Roboto-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

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

@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../fonts/Roboto-Regular.woff2") format("woff2"), url("../fonts/Roboto-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../fonts/Roboto-SemiBold.woff2") format("woff2"), url("../fonts/Roboto-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Roboto;
  font-display: swap;
  src: url("../fonts/Roboto-Thin.woff2") format("woff2"), url("../fonts/Roboto-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: TimesNewRoman;
  font-display: swap;
  src: url("../fonts/TimesNewRoman-Regular.woff2") format("woff2"), url("../fonts/TimesNewRoman-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

[class^=__inner],
[class*=__inner] {
  height: 100%;
  position: relative;
  z-index: 3;
}

.general-page .main {
  padding: 0;
}

.general-page .header {
  width: 100%;
  padding: 3.1111111111vh 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  -webkit-transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out, background-color 0.3s ease-in-out;
  transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.general-page .header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.general-page .logo:not(.nav .logo) {
  display: none;
}

.general-page .restriction {
  width: 4.9305555556vw;
  height: 6.6666666667vh;
  position: static;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.menu-open .general-page .restriction {
  opacity: 0;
}

.general-page .restriction svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.general-page .burger {
  position: static;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  width: 6rem;
  padding: 2rem 0;
}

.general-page .footer__container {
  --container-padding: 4rem;
}

.general-page .nav__restriction {
  top: 2.9rem;
}

.general-page .nav .logo {
  top: 2.4rem;
}

.menu-open .general-page .nav a.menu__close {
  display: none;
}

.general__bg {
  overflow: hidden;
  z-index: -100;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-image: url(./../images/temp/main-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.general__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.general__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 21.3333333333vh;
}

.general__logo {
  width: auto;
  height: 8.5555555556vh;
  margin-bottom: 4.7777777778vh;
  overflow: hidden;
}

.general__logo svg {
  height: 100%;
}

.general__title {
  font-family: "DrukCyr";
  font-weight: 500;
  font-size: 11.1111111111vh;
  line-height: 97.5%;
  text-align: center;
  text-transform: uppercase;
  max-width: 70rem;
  width: 100%;
}

.general__title span {
  color: var(--gold);
}

.general__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 5.7777777778vh;
  padding-bottom: 9vh;
  height: 100vh;
  margin-right: auto;
  position: relative;
}

.general__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.1111111111vh;
  position: relative;
}

.general__list a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 3.4rem;
  padding-bottom: 1.1111111111vh;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  font-family: "DrukCyr";
  font-weight: 500;
  font-size: 3.8888888889vh;
  line-height: 125%;
  text-align: center;
  text-transform: uppercase;
  color: var(--gold-dark);
}

.general__list a:hover {
  color: var(--gold);
}

.general__list a:hover .link__border {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: hoverLine;
  animation-name: hoverLine;
}

.general__list a::before {
  content: "";
  position: absolute;
  width: 100%;
  opacity: 0;
  background-color: var(--maroon-3);
  height: 0.1rem;
  bottom: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.general__list a .link__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 2.6rem;
  height: 2.6rem;
  margin-right: 2rem;
}

.general__list a .link__icon svg {
  display: block;
  width: 100%;
  height: auto;
}

.general__list a .link__border {
  position: absolute;
  width: 100%;
  height: 0.1rem;
  background-color: var(--gold);
  left: 0;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: hoverLine2;
  animation-name: hoverLine2;
  bottom: 0;
}

@-webkit-keyframes hoverLine {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hoverLine {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes hoverLine2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

@keyframes hoverLine2 {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.quote {
  max-width: 33.1rem;
  color: var(--gold-dark);
  font-family: "TimesNewRoman";
  font-style: italic;
  font-weight: 400;
  font-size: 2rem;
  line-height: 110%;
  letter-spacing: 0.1rem;
}

.quote::before {
  content: "";
  display: block;
  height: 6.5555555556vh;
  aspect-ratio: 56/59;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTkiIHZpZXdCb3g9IjAgMCA1NiA1OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBpZD0iJiMyMjY7JiMxMjg7JiMxNTY7IiBkPSJNMCA1OVY0NC4yMTk1QzAgMzkuMjUxOSAwLjYxOTkyNiAzNC4wODA3IDEuODU5NzggMjguNzA2QzMuMTY4NTEgMjMuMjQ5OCA1LjAyODI5IDE4LjAzOCA3LjQzOTExIDEzLjA3MDRDOS45MTg4MiA4LjAyMTM5IDEyLjg4MDcgMy42NjQ2IDE2LjMyNDcgMEwyNi41NTM1IDguOTE3MThDMjMuNzk4MyAxNC4yOTE5IDIxLjY5NzQgMTkuODI5NSAyMC4yNTA5IDI1LjUzQzE4LjgwNDQgMzEuMTQ5MSAxOC4wODEyIDM3LjI1NjcgMTguMDgxMiA0My44NTNWNTlIMFpNMjkuNDQ2NSA1OVY0NC4yMTk1QzI5LjQ0NjUgMzkuMjUxOSAzMC4wNjY0IDM0LjA4MDcgMzEuMzA2MyAyOC43MDZDMzIuNjE1IDIzLjI0OTggMzQuNDc0OCAxOC4wMzggMzYuODg1NiAxMy4wNzA0QzM5LjM2NTMgOC4wMjEzOSA0Mi4zMjcyIDMuNjY0NiA0NS43NzEyIDBMNTYgOC45MTcxOEM1My4yNDQ4IDE0LjI5MTkgNTEuMTQzOSAxOS44Mjk1IDQ5LjY5NzQgMjUuNTNDNDguMjUwOSAzMS4xNDkxIDQ3LjUyNzcgMzcuMjU2NyA0Ny41Mjc3IDQzLjg1M1Y1OUgyOS40NDY1WiIgZmlsbD0iI0FBODg2NSIvPjwvc3ZnPg==);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 3.2222222222vh;
}

/* Стиль магнитной кнопки */

.magnetic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  position: absolute;
  z-index: 5;
}

.magnetic__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  border: 0.2rem solid var(--maroon-3);
  -webkit-transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-transform 0.15s linear;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-transform 0.15s linear;
  transition: transform 0.15s linear, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
  transition: transform 0.15s linear, color 0.3s ease-in-out, border-color 0.3s ease-in-out, -webkit-transform 0.15s linear;
  will-change: transform;
}

.pp-begin .magnetic__inner {
  border-color: var(--maroon-3);
}

.pp-filter .magnetic__inner {
  border-color: var(--gold);
}

.magnetic__text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 120%;
  text-align: center;
  text-transform: uppercase;
  color: var(--gold-light-2);
  -webkit-transition: -webkit-transform 0.25s linear;
  transition: -webkit-transform 0.25s linear;
  transition: transform 0.25s linear;
  transition: transform 0.25s linear, -webkit-transform 0.25s linear;
  will-change: transform;
}

.magnetic__hit {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 4;
  width: 24rem;
  height: 24rem;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Стили для блока ограничения */

.restriction {
  position: absolute;
  top: 4rem;
  right: var(--container-padding);
}

.restriction svg {
  display: block;
  width: 4.4rem;
  height: 3.7rem;
  fill: var(--graphite);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pp-filter .restriction svg {
  fill: #585858;
}

.pp-assortment .restriction svg {
  fill: var(--gold);
}

.pp-limonad .restriction svg {
  fill: var(--gold);
}

.pp-technology .restriction svg {
  fill: var(--gold);
}

.pp-info .restriction svg {
  fill: var(--gold);
}

.pp-bolotnoe .restriction svg {
  fill: var(--gold);
}

.pp-awards .restriction svg {
  fill: var(--gold);
}

.pp-partners .restriction svg {
  fill: #585858;
}

/* Стили масок */

.mask {
  width: 140.3rem;
  height: 126.2rem;
  position: absolute;
  top: -6.6rem;
  right: 13.5rem;
  bottom: 0;
  z-index: 1;
}

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

.mask--info {
  width: 177.5rem;
  height: 197.4rem;
  top: -4.2rem;
  right: unset;
  bottom: unset;
  left: 23.3rem;
}

.mask--bolotnoe {
  width: 155.5rem;
  height: 168.2rem;
  top: -24.7rem;
  right: unset;
  bottom: unset;
  left: -53.1rem;
}

.mask--awards {
  width: 228.8rem;
  height: 216.7rem;
  top: -111rem;
  right: -73.6rem;
  bottom: unset;
}

/* Стиль слоя для меню */

.layer {
  background-image: url(./../images/temp/layer.png);
  background-color: var(--maroon);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  mix-blend-mode: overlay;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

div.line {
  display: inline;
  overflow: hidden;
}

.swiper {
  /* Общий стиль слайда swiper */
}

.swiper-slide {
  height: auto;
}

.swiper {
  /* Пагинация слайдера */
}

/* Кнопка слайдера */

/* Reset and base styles  */

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

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

/* Links */

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

a:hover {
  text-decoration: none;
}

/* Common */

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

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

ul,
ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

img,
svg {
  max-width: 100%;
  height: auto;
  display: block;
}

address {
  font-style: normal;
}

/* Form */

input,
textarea,
button,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

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

button,
input[type=submit] {
  display: inline-block;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

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

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

label {
  cursor: pointer;
}

legend {
  display: block;
}

html,
body {
  height: 100%;
  width: 100%;
}

.none {
  display: none !important;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.no-scroll {
  overflow-y: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

:root {
  --font-family: "Roboto", sans-serif;
  --second-family: "Druk Cyr", sans-serif;
  --third-family: "Times New Roman", sans-serif;
  --container-padding: 4rem;
  --container-width: 131rem;
  --header-width: 5.1rem;
  --footer-height: 2.3rem;
  --white: #ffffff;
  --black: #000000;
  --coral: #b0462f;
  --cream: #fff9f1;
  --cream-2: #f3ece3;
  --gold-dark: #aa8865;
  --gold-dark-2: #B8956C;
  --gold: #debe98;
  --gold-light: #efdec7;
  --gold-light-2: #f7e3c6;
  --graphite: #262626;
  --graphite-2: #2a2a2a;
  --graphite-light: #535353;
  --maroon: #501a00;
  --maroon-2: #68290C;
  --maroon-3: #9c3202;
  --maroon-3-30: rgba(156, 50, 2, 0.3);
  --maroon-4: #792000;
  --yellow: #ffa800;
}

/* Components */

/* Кнопки */

.btn {
  --btn-color: var(--gold);
  --btn-height: 6rem;
  --btn-border-color: var(--gold-dark);
  --btn-background-color: transparent;
  border: 0.1rem solid var(--btn-border-color);
  border-radius: 6.5rem;
  background-color: var(--btn-background-color);
  padding: 2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: var(--btn-height);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 100%;
  text-transform: uppercase;
  text-align: center;
  color: var(--btn-color);
  pointer-events: all;
  cursor: pointer;
}

.btn:hover {
  --btn-color: var(--maroon);
  --btn-background-color: var(--gold-dark);
}

.btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.btn--accent {
  --btn-color: var(--white);
  --btn-border-color: var(--maroon-3);
  --btn-background-color: var(--maroon-3);
}

.btn--accent:hover {
  --btn-color: var(--white);
  --btn-border-color: var(--maroon-2);
  --btn-background-color: var(--maroon-2);
}

.bullets {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.7rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.bullets__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 2.3rem;
  height: 2.3rem;
  padding: 0.4rem;
  border-radius: 50%;
  border: 0.1rem solid var(--graphite-light);
  cursor: pointer;
  position: relative;
}

.bullets__item.is__active::before,
.bullets__item:hover::before {
  opacity: 1;
  visibility: visible;
}

.bullets__item::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background-color: var(--maroon-3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
}

.form__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 2rem;
}

.form-group {
  width: 100%;
  position: relative;
}

.form-group:nth-child(1),
.form-group:nth-child(2) {
  width: calc(50% - 1rem);
}

.form-group--file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form-input {
  width: 100%;
  padding: 2rem 2.7rem 1.8rem;
  background: transparent;
  border: 0.1rem solid var(--graphite-30);
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 100%;
  color: var(--black);
}

.form-input:not(.invalid):hover + .form-label,
.form-input.filled + .form-label {
  color: var(--graphite);
}

.form-input.filled:not(:focus, :hover, :target) {
  color: var(--graphite);
}

.form-label {
  padding: 0 0.4rem 0 0.7rem;
  background-color: var(--white-gray);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-weight: 350;
  font-size: 1.4rem;
  line-height: 100%;
  color: var(--maroon-3);
  position: absolute;
  top: -0.7rem;
  left: 2.7rem;
}

.form-textarea {
  width: 100%;
  padding: 2rem 2.7rem 1.8rem;
  background: transparent;
  border: 0.1rem solid var(--graphite-30);
  resize: none;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 100%;
  color: var(--black);
}

.form-textarea:hover + .form-label {
  color: var(--graphite);
}

.form-textarea.filled:not(:focus, :hover, :target) {
  color: var(--graphite);
}

.form-file {
  display: none;
}

.form-file + .form-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.7rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  color: inherit;
  position: static;
}

.form-file + .form-label:hover span {
  color: inherit;
}

.form-file + .form-label:hover i {
  background-color: var(--maroon-3);
}

.form-file + .form-label:hover svg {
  stroke: var(--white);
}

.form-file + .form-label span {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: var(--maroon-3);
  text-decoration: underline;
}

.form-file + .form-label p {
  font-size: 1.4rem;
}

.form-file + .form-label i {
  --font-size: 3.4rem;
  background-color: var(--graphite-10);
  border-radius: 50%;
}

.form-file + .form-label i svg {
  width: 1.8rem;
  height: 1.8rem;
  stroke: var(--black);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.form-file--clear {
  font-weight: 350;
  font-size: 1.4rem;
  color: var(--maroon-3);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.form-file--clear:hover {
  text-decoration: underline;
}

.form-error {
  display: none;
  font-weight: 350;
  font-size: 1rem;
  line-height: 100%;
  color: var(--maroon-3);
  position: absolute;
  left: 0;
  bottom: -1.2rem;
}

.form .invalid {
  border-color: var(--maroon-3) !important;
  color: var(--maroon-3) !important;
}

.form .invalid + label {
  color: var(--maroon-3) !important;
}

.form .invalid + label + .form-error {
  display: block;
}

.form-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}

.form-text {
  font-weight: 400;
  font-size: 1.2rem;
  color: var(--graphite);
}

.form-text p {
  font-size: inherit;
}

.form-text a {
  color: inherit;
  text-decoration: underline;
}

.form-text a:hover {
  color: var(--maroon-3);
}

.form-btn {
  width: 100%;
}

/* Стили для иконок */

[class^=icon-],
[class*=" icon-"] {
  --icon-size: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: var(--icon-size);
  height: var(--icon-size);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-size: var(--icon-size);
  color: inherit;
  position: relative;
  z-index: 1;
}

/* Текст внутри блока */

p {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

/* Акцентирование текста цветом фуксия */

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
  color: var(--maroon-3);
}

ol {
  color: var(--black);
  padding: 0 0 0 2rem;
  margin-bottom: 1.5rem;
}

/* Modules */

.burger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.6rem;
  width: 3.1rem;
  padding: 1rem 0;
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.menu-open .general-page .burger {
  gap: 0;
  margin-right: -0.8rem;
}

.burger__line {
  width: 100%;
  height: 0.1rem;
  background-color: var(--white);
  -webkit-transition: width 0.3s cubic-bezier(0.26, 0.89, 0.66, 1.59);
  transition: width 0.3s cubic-bezier(0.26, 0.89, 0.66, 1.59);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.burger__line:first-child {
  margin-left: auto;
}

.menu-open .general-page .burger__line:first-child {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-open .general-page .burger__line:last-child {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.burger:hover:not(.menu-open .general-page .burger) .burger__line {
  width: 80%;
}

.menu-open .general-page .burger__line {
  width: 100%;
}

/* Blocks */

.accordion {
  cursor: pointer;
}

.accordion-active .accordion-body,
.accordion-active + .accordion-body {
  grid-template-rows: 1fr;
}

.accordion-body {
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.footer {
  height: var(--footer-height);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.5rem 0;
  background-color: var(--gold);
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 200;
}

.menu-open .footer {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.footer .footerAnimStart .footer__top--center::before {
  height: 100%;
}

.footer .footerAnimStart .footer__top--center::after {
  height: 100%;
}

.footer .footerAnimStart .footer__bottom::before {
  width: 100%;
}

.footer .footer__top--center {
  position: relative;
}

.footer .footer__top--center::before {
  content: "";
  width: 0.1rem;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: height 1s linear;
  transition: height 1s linear;
  background-color: var(--maroon-3-30);
}

.footer .footer__top--center::after {
  content: "";
  width: 0.1rem;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: height 1s linear;
  transition: height 1s linear;
  background-color: var(--maroon-3-30);
}

.footer .footer__bottom {
  position: relative;
}

.footer .footer__bottom::before {
  content: "";
  width: 0;
  height: 0.1rem;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  -webkit-transition: width 1.5s linear;
  transition: width 1.5s linear;
  background-color: var(--maroon-3-30);
}

.footer__container {
  --container-padding: 1.5rem;
}

.footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem 2rem;
}

.footer__copyright {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 300;
  font-size: 1rem;
  line-height: 126%;
  color: var(--maroon-2);
}

.footer__made {
  font-weight: 400;
  font-size: 1rem;
  line-height: 125.69%;
  text-align: center;
  color: var(--maroon-2);
}

.footer__made a {
  text-decoration: underline;
}

.footer__call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  margin-top: 3rem;
}

.footer__call a {
  font-style: normal;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 120%;
  color: var(--gold);
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.footer__call a:hover {
  color: var(var(--gold-dark));
}

.footer__call a.address {
  text-decoration: none;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.footer__call a.address:hover {
  color: var(var(--gold-dark));
}

.about-page .header {
  width: var(--header-width);
  height: 100vh;
  padding: 4rem 0 6rem;
  background-color: var(--graphite);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.menu-open .about-page .header .logo {
  opacity: 0;
  pointer-events: none;
}

.about-page .header__container {
  --container-padding: 0.6rem;
}

.about-page .header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  position: relative;
}

.about-page .nav__restriction {
  -webkit-transition: all 0.9s ease-in;
  transition: all 0.9s ease-in;
}

.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 2.8rem;
}

.logo__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
}

.logo__link > img:not(img.logo__img) {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  position: absolute;
  top: 0;
  left: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.logo__img {
  width: 100%;
  height: 100%;
}

.logo__img-about {
  opacity: 0;
}

.logo__img-about--black {
  opacity: 0;
}

.logo__img-about--gold {
  opacity: 0;
}

html.menu-open {
  overflow: hidden;
}

.nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  pointer-events: none;
  overflow-y: unset;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

html.menu-open .nav {
  pointer-events: all;
}

.nav__layer {
  overflow: hidden;
  width: 65.42%;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--maroon);
  z-index: 1;
  pointer-events: none;
  -webkit-transition: height 0.6s ease-in-out;
  transition: height 0.6s ease-in-out;
}

html.menu-open .nav__layer {
  height: 100%;
  pointer-events: all;
}

html.menu-open.menu-open-closing .nav__layer {
  height: 0;
  pointer-events: none;
}

.nav__mask {
  background-image: url(./../images/temp/menu-mask.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  mix-blend-mode: overlay;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  /*width: 65.42%;*/
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  -webkit-transition: 0s;
  transition: 0s;
}

.nav__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 10;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 21.11%;
  flex: 0 0 21.11%;
  padding-top: 13.5555555556vh;
  padding-right: 1.3888888889vw;
  padding-bottom: 4.4444444444vh;
  padding-left: 2.7777777778vw;
}

.nav__main::before {
  content: "";
  height: 0.1rem;
  width: 0;
  margin-left: -4rem;
  background-color: var(--maroon-3-30);
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  display: none;
  opacity: 0;
}

html.menu-open .nav__main::before {
  opacity: 1;
  width: 100vw;
}

.nav__main ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  -webkit-transform: translateY(3.5rem);
  -ms-transform: translateY(3.5rem);
  transform: translateY(3.5rem);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

html.menu-open .nav__main ul {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.9s ease-in, -webkit-transform 0.9s ease-in;
  transition: opacity 0.9s ease-in, -webkit-transform 0.9s ease-in;
  transition: opacity 0.9s ease-in, transform 0.9s ease-in;
  transition: opacity 0.9s ease-in, transform 0.9s ease-in, -webkit-transform 0.9s ease-in;
}

html.menu-open.menu-open-closing .nav__main ul {
  opacity: 0;
  -webkit-transform: translateY(3.5rem);
  -ms-transform: translateY(3.5rem);
  transform: translateY(3.5rem);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.nav__main ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 3.3333333333vh;
}

.nav__main ul li:last-child {
  margin-bottom: 0;
}

.nav__main ul li a {
  color: var(--gold-dark);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}

.nav__main ul li a:hover {
  color: var(--gold);
}

.nav__main .line {
  display: none;
  display: block;
  width: 0.1rem;
  height: 0;
  background-color: var(--maroon-3-30);
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: height 0.4s ease-out;
  transition: height 0.4s ease-out;
}

html.menu-open .nav__main .line {
  height: 100%;
  -webkit-transition: height 1s ease-in;
  transition: height 1s ease-in;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

html.menu-open.menu-open-closing .nav__main .line {
  height: 0;
  -webkit-transition: height 0.4s ease-out;
  transition: height 0.4s ease-out;
}

.nav__second {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10.4444444444vh;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 44.31%;
  flex: 0 0 44.31%;
  padding-left: 8rem;
}

.nav__second-menu {
  width: 100%;
  gap: 2.2222222222vh;
}

.nav__second ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  -webkit-transform: translateY(3.5rem);
  -ms-transform: translateY(3.5rem);
  transform: translateY(3.5rem);
  -webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.4s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.4s ease-out, transform 0.3s ease-out;
  transition: opacity 0.4s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

html.menu-open .nav__second ul {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-in;
  transition: opacity 0.8s ease-in, -webkit-transform 0.8s ease-in;
  transition: opacity 0.8s ease-in, transform 0.8s ease-in;
  transition: opacity 0.8s ease-in, transform 0.8s ease-in, -webkit-transform 0.8s ease-in;
  overflow-y: auto;
}

html.menu-open.menu-open-closing .nav__second ul {
  opacity: 0;
  -webkit-transform: translateY(3.5rem);
  -ms-transform: translateY(3.5rem);
  transform: translateY(3.5rem);
  -webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.4s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.4s ease-out, transform 0.3s ease-out;
  transition: opacity 0.4s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.nav__second ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-right: 4rem;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.nav__second ul li a {
  color: var(--gold-light-2);
  font-family: "DrukCyr";
  font-size: 8rem;
  font-size: 8.8888888889vh;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  -webkit-transform: translateY(110%);
  -ms-transform: translateY(110%);
  transform: translateY(110%);
}

.nav__second ul li a span {
  display: inline-block;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}

.nav__second ul li a:hover {
  color: var(--white);
}

.nav__restriction {
  opacity: 0;
  position: absolute;
  top: 2.6rem;
  left: var(--container-padding);
  z-index: 2;
}

.nav a.menu__close {
  display: none;
  width: 4.3rem;
  height: 4.3rem;
  position: absolute;
  right: var(--container-padding);
  top: 2.6rem;
  z-index: 150;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.menu-open .nav a.menu__close {
  display: block;
}

.nav a.menu__close:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.nav .logo {
  position: absolute;
  top: 2.5rem;
  left: 4rem;
  z-index: 5;
  opacity: 0;
  -webkit-transform: translateY(3.5rem);
  -ms-transform: translateY(3.5rem);
  transform: translateY(3.5rem);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

html.menu-open .nav .logo {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.9s ease-in, -webkit-transform 0.9s ease-in;
  transition: opacity 0.9s ease-in, -webkit-transform 0.9s ease-in;
  transition: opacity 0.9s ease-in, transform 0.9s ease-in;
  transition: opacity 0.9s ease-in, transform 0.9s ease-in, -webkit-transform 0.9s ease-in;
}

html.menu-open.menu-open-closing .nav .logo {
  opacity: 0;
  -webkit-transform: translateY(3.5rem);
  -ms-transform: translateY(3.5rem);
  transform: translateY(3.5rem);
  -webkit-transition: opacity 0.9s ease-out, -webkit-transform 0.9s ease-out;
  transition: opacity 0.9s ease-out, -webkit-transform 0.9s ease-out;
  transition: opacity 0.9s ease-out, transform 0.9s ease-out;
  transition: opacity 0.9s ease-out, transform 0.9s ease-out, -webkit-transform 0.9s ease-out;
}

.nav .logo .logo--mob {
  display: none;
}

.nav__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.3333333333vh;
  margin-top: auto;
  opacity: 0;
  -webkit-transform: translateY(3.5rem);
  -ms-transform: translateY(3.5rem);
  transform: translateY(3.5rem);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

html.menu-open .nav__contacts {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.9s ease-in, -webkit-transform 0.9s ease-in;
  transition: opacity 0.9s ease-in, -webkit-transform 0.9s ease-in;
  transition: opacity 0.9s ease-in, transform 0.9s ease-in;
  transition: opacity 0.9s ease-in, transform 0.9s ease-in, -webkit-transform 0.9s ease-in;
}

html.menu-open.menu-open-closing .nav__contacts {
  opacity: 0;
  -webkit-transform: translateY(3.5rem);
  -ms-transform: translateY(3.5rem);
  transform: translateY(3.5rem);
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.nav__contacts-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.1111111111vh;
}

.nav__contacts-link {
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-size: 1.5rem;
  line-height: normal;
  color: var(--gold);
}

.nav__contacts .title {
  color: var(--gold-dark);
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}

.nav__contacts .address {
  color: var(--gold);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.sale .partners .sale__item .nav__contacts .address {
  font-size: 1.8rem;
}

.nav__contacts .phone__list {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.nav__contacts .phone__list .title {
  text-transform: none;
}

.nav__contacts .phone__list a {
  color: var(--gold);
  text-decoration: none;
}

.nav__image {
  position: relative;
  z-index: 10;
  height: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 34.58%;
  flex: 0 0 34.58%;
  overflow: hidden;
}

.nav__image img {
  overflow: hidden;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  background-color: var(--black);
  position: relative;
  clip-path: inset(0 0 100%);
  -webkit-transition: clip-path 0.6s ease-in-out, -webkit-transform 0.6s ease 0.4s;
  transition: clip-path 0.6s ease-in-out, -webkit-transform 0.6s ease 0.4s;
  transition: clip-path 0.6s ease-in-out, transform 0.6s ease 0.4s;
  transition: clip-path 0.6s ease-in-out, transform 0.6s ease 0.4s, -webkit-transform 0.6s ease 0.4s;
  pointer-events: none;
  -webkit-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}

html.menu-open .nav__image img {
  clip-path: inset(0 0 0);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

html.menu-open .nav__image img.menu-open-closing html.menu-open .nav__image img {
  clip-path: inset(0 0 100%);
}

.nav .nav__second ul li a:hover span:first-child {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.nav .nav__second ul li a span:nth-child(2) {
  position: absolute;
  width: 100%;
  top: 110%;
  left: 0;
}

.nav .nav__second ul li a:hover span:nth-child(2) {
  -webkit-transform: translateY(-110%);
  -ms-transform: translateY(-110%);
  transform: translateY(-110%);
}

a.link-wa {
  font-weight: 400;
  font-size: 1.2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  gap: 0.5rem;
  margin-top: 1rem;
}

.about__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: block;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.about__panel.is__open {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.about__panel .button__close {
  position: absolute;
  top: 3.9rem;
  right: 4rem;
  z-index: 60;
}

.about__panel .content__inner {
  position: absolute;
  right: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF9F1;
  -webkit-box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  z-index: 50;
  padding: 4rem 9.5rem 4rem 3rem;
  overflow-y: auto;
  -webkit-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}

.about__panel p {
  font-weight: 400;
  line-height: 150%;
  color: var(--black);
  margin-bottom: 1.5rem;
}

.about__panel h2 {
  font-family: "DrukCyr";
  font-weight: 500;
  font-size: 5.5rem;
  text-transform: uppercase;
  color: var(--maroon-3);
  line-height: 100%;
  margin-bottom: 3.4rem;
}

.about__panel.is__open .content__inner {
  right: 0;
}

.about__panel .content__inner::-webkit-scrollbar {
  width: 2.1rem;
}

.about__panel .content__inner::-webkit-scrollbar-track {
  background-color: #F3ECE3;
  border-radius: 0;
}

.about__panel .content__inner::-webkit-scrollbar-thumb {
  background-color: #FFF9F1;
  background-clip: content-box;
  border-radius: 0;
  width: 1.7rem;
  border: 0.2rem solid #F3ECE3;
}

.about__panel .backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(46, 46, 46, 0.7);
  -webkit-box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.25);
}

.panel-open .main > .about__wrapper {
  z-index: -1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.preloader {
  background-color: var(--maroon);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.preloader.remove {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.preloader .layer {
  background-color: transparent;
}

.preloader__restriction {
  position: absolute;
  top: 4rem;
  right: 0;
  width: 19.2rem;
  height: 16.1rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTk2IiBoZWlnaHQ9IjE2NSIgdmlld0JveD0iMCAwIDE5NiAxNjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNODcuOTY3OCAxQzk4LjAyNzEgMSAxMDUuNzI0IDMuNTgxMzEgMTEwLjg1NyA4LjkyMzgzTDExMS4zMjggOS40MTQwNkMxMTYuMTE0IDE0LjUzMTggMTE4LjQ2NSAyMS4zNDcxIDExOC40NjUgMjkuNzUxVjUzLjQ3NzVDMTE4LjQ2NSA2Mi4zNjAyIDExNS4yMjQgNjkuMTY5OSAxMDguNzEzIDczLjc2MTdDMTEyLjMwNCA3NS45ODY3IDExNS4wNzggNzguODAzMyAxMTcuMDA1IDgyLjIyMDdDMTE5LjE3NSA4Ni4wNzA1IDEyMC4yMzggOTAuNjI1IDEyMC4yMzggOTUuODQ1N1YxMzMuNzY2QzEyMC4yMzggMTQyLjU5NiAxMTcuNTc4IDE0OS45MTMgMTEyLjIwNSAxNTUuNjMzTDExMi4yMDYgMTU1LjYzNEMxMDYuOTIzIDE2MS4yNzMgOTguOTIxOCAxNjQgODguNDExMSAxNjRIODMuNzUzOUM3My4yMzYxIDE2NCA2NS4yMzIxIDE2MS4xOTggNTkuOTUxMiAxNTUuNDEyTDU5Ljk0NjMgMTU1LjQwN0w1OS45NDE0IDE1NS40MDFDNTQuODcwNiAxNDkuNjc3IDUyLjM3MTEgMTQyLjI5MyA1Mi4zNzExIDEzMy4zNDJWOTUuODQ1N0M1Mi4zNzEyIDg2LjM5ODggNTUuOTk3IDc4Ljk5OTggNjMuMjMzNCA3My43NTY4QzU3LjAzNyA2OC41Nzk3IDUzLjkyMjkgNjEuNzk1MSA1My45MjI5IDUzLjQ3NzVWMjguOTA0M0M1My45MjI5IDIxLjIwNTYgNTYuMjExIDE0LjYxNDcgNjAuODE0NSA5LjE5MTQxQzY1LjUxNzUgMy42NTA3NyA3My4xODMgMS4wMDAwNSA4My41MzIyIDFIODcuOTY3OFpNNDUuMTM3NyAyLjQ4MjQyVjE2Mi4wOTRIMTcuODU1NVY0MS4zNDM4SDFWMTkuOTA5MkwxLjk0MjM4IDE5Ljg1NTVDOS4yOTI0NiAxOS40MzQyIDE0LjE5NDYgMTguMDMyOSAxNi44OTQ1IDE1Ljg0MDhMMTYuOTAzMyAxNS44MzNMMTYuOTEzMSAxNS44MjYyQzE5LjczMTYgMTMuNjQ2NiAyMS44MDc2IDkuNTU5NTYgMjIuOTcyNyAzLjI5OThMMjMuMTI1IDIuNDgyNDJINDUuMTM3N1pNODYuMTkzNCA5MC40OTEyQzgzLjg2MTEgOTAuNDkxMyA4Mi40NjIzIDkxLjEzODggODEuNjg2NSA5Mi4xODc1QzgxLjM1NjcgOTIuNjYyOSA4MS4wNjI2IDkzLjQwOSA4MC44NTU1IDk0LjQ5NzFDODAuNjQ5MiA5NS41ODA1IDgwLjU0MDEgOTYuOTQzNSA4MC41NCA5OC41OTk2VjEzMi4wNzFDODAuNTQwMSAxMzQuNTU5IDgxLjA4ODkgMTM2LjIzOSA4Mi4wMTA3IDEzNy4yOUM4Mi45MTA4IDEzOC4zMTYgODQuMzE1IDEzOC45MDkgODYuNDE2IDEzOC45MDlDODguNDMyNiAxMzguOTA5IDg5Ljc3NzUgMTM4LjMyMyA5MC42NDM2IDEzNy4zMDNDOTEuNTM2MyAxMzYuMjUxIDkyLjA2OTMgMTM0LjU2NiA5Mi4wNjkzIDEzMi4wNzFWOTguNTk5NkM5Mi4wNjkzIDk1LjY2MDYgOTEuNTA5MSA5My42Mzg1IDkwLjU1MTggOTIuMzcwMUM4OS42MzQ0IDkxLjE1NDkgODguMjQzMiA5MC40OTEyIDg2LjE5MzQgOTAuNDkxMlpNMTcxLjI3IDYwLjMxNTRWODcuMDA3OEgxOTVWMTA3LjAxNUgxNzEuMjdWMTMzLjQ5NUgxNDkuMDg4VjEwNy4wMTVIMTI1LjM1OFY4Ny4wMDc4SDE0OS4wODhWNjAuMzE1NEgxNzEuMjdaTTg2LjE5MzQgMjQuMTg0NkM4NC40Mzg1IDI0LjE4NDcgODMuMjQxNyAyNC42MzM3IDgyLjQ0OTIgMjUuMzkwNkM4MS43MTM3IDI2LjA5MzMgODEuMzEzMiAyNi44NzcxIDgxLjE5NzMgMjcuNzYyN0w4MS4xOTYzIDI3Ljc3MTVMODEuMTk1MyAyNy43ODEyQzgxLjA1ODUgMjguNjk2MiA4MC45ODQ0IDMwLjA1MDMgODAuOTg0NCAzMS44NzAxVjU3LjA3OTFDODAuOTg0NCA1OS42NTU2IDgxLjUwMyA2MS40MDMxIDgyLjM3MyA2Mi40OTIyQzgzLjIwODkgNjMuNTM4NCA4NC40OTMzIDY0LjEyODkgODYuNDE2IDY0LjEyODlDODguMjYxNSA2NC4xMjg4IDg5LjQ4OTIgNjMuNTU4MyA5MC4yODkxIDYyLjU0ODhDOTEuMTI0MiA2MS40OTQ4IDkxLjYyNSA1OS43OTg1IDkxLjYyNSA1Ny4yOTFWMzEuODcwMUM5MS42MjUgMzAuMDY4NSA5MS40Nzc4IDI4Ljc3IDkxLjIyMzYgMjcuOTE5OUw5MS4yMDEyIDI3Ljg0MjhMOTEuMTkwNCAyNy43NjI3QzkxLjA4MTMgMjYuOTI4NSA5MC42NDkgMjYuMTU2NSA4OS43NzQ0IDI1LjQ0MDRMODkuNzE0OCAyNS4zOTI2TDg5LjY2MzEgMjUuMzM1Qzg5LjAzNzYgMjQuNjM4MSA4Ny45NjA4IDI0LjE4NDYgODYuMTkzNCAyNC4xODQ2WiIgc3Ryb2tlPSIjNzkyMDAwIiBzdHJva2Utd2lkdGg9IjIiLz4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
  background-size: cover;
}

.preloader__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.preloader__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.preloader__logo {
  height: 12.5rem;
  margin-bottom: 6rem;
}

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

.preloader__title {
  font-family: "DrukCyr";
  font-weight: 500;
  font-size: 10rem;
  line-height: 97.5%;
  text-transform: uppercase;
  color: var(--white);
  margin-bottom: 3.3rem;
}

.preloader__text {
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 120%;
  text-align: center;
  color: var(--gold);
  margin-bottom: 6rem;
  max-width: 62.4rem;
}

.preloader__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 3rem;
}

.preloader__btn {
  min-width: 27.8rem;
}

/* Elements */

/* Pages */

/* Sections */

.about {
  width: 100%;
  height: 100%;
  max-height: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}

.about::after {
  content: "";
  background-image: url(./../images/temp/bg-texture.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  mix-blend-mode: overlay;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.about svg {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.about__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 1.5rem;
  pointer-events: all;
  position: absolute;
  top: 50%;
  right: var(--container-padding);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.about__menu a {
  font-family: "DrukCyr";
  font-weight: 500;
  font-size: 3rem;
  line-height: 97.5%;
  color: var(--gold);
  text-transform: uppercase;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.about__menu a:hover {
  color: var(--maroon-3);
}

.pp-limonad .about__menu a:hover {
  color: var(--yellow);
}

.about__menu a.is__active {
  color: var(--maroon-3);
}

.pp-limonad .about__menu a.is__active {
  color: var(--yellow);
}

.about__wrapper {
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

.about__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 4.3rem;
  height: 4.9rem;
  position: absolute;
  right: calc(var(--container-padding) - 1rem);
  bottom: 4.8rem;
  pointer-events: all;
  cursor: pointer;
  overflow: hidden;
}

.about__control:hover svg:first-child {
  -webkit-transform: translateY(-120%);
  -ms-transform: translateY(-120%);
  transform: translateY(-120%);
}

.about__control:hover svg:last-child {
  -webkit-transform: translateY(-120%);
  -ms-transform: translateY(-120%);
  transform: translateY(-120%);
}

.about__control svg {
  width: 4.3rem;
  height: 4.9rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}

.about__control svg:last-child {
  top: 120%;
}

.about__container {
  width: 100%;
  height: 100%;
}

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

.about__title {
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 19.7777777778vh;
}

.about__title img {
  opacity: 0;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.about__date {
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 18vh;
  margin-top: 2.2222222222vh;
}

.about__date img {
  opacity: 0;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.about__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 3.3333333333vh;
}

.about__text div.char {
  opacity: 0;
}

.about__object {
  width: 100%;
  position: absolute;
  z-index: 3;
}

.about__object img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.about--main .about__bg {
  overflow: hidden;
  z-index: -100;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-image: url(./../images/temp/main-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.about--main .about__content {
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.about--main .about__logo {
  margin-bottom: 4.3rem;
}

.about--main .about__title {
  font-family: "DrukCyr";
  font-size: 10rem;
  font-weight: 500;
  line-height: 97.5%;
  text-transform: uppercase;
  color: var(--white);
  text-align: center;
  max-width: 60rem;
}

.about--main .about__title span {
  color: var(--gold);
}

.begin {
  background-color: var(--gold-dark-2);
}

.begin::after {
  display: none;
}

.begin .about__inner {
  padding-top: 14.7928994083vh;
}

.begin .about__object {
  bottom: 4.5555555556vh;
  left: 0;
  height: 38.5555555556vh;
}

.begin .about__object img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.begin .magnetic {
  top: 44.4444444444vh;
  right: 37.4531835206vw;
}

.filter .about__inner {
  padding-top: 14.7928994083vh;
}

.filter .about__title {
  position: relative;
  left: -0.7777777778vh;
}

.filter .about__date {
  position: relative;
  left: -1vh;
}

.filter .about__text {
  position: relative;
  left: -0.6666666667vh;
}

.filter .about__object {
  width: 79.3333333333vh;
  aspect-ratio: 1/1;
  bottom: -3.3333333333vh;
  right: 9.6527777778vw;
}

.filter .about__object img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.filter .magnetic {
  bottom: 11.00110011vh;
  left: 2.0833333333vw;
}

.assortment {
  background-color: var(--gold-dark);
}

.assortment .about__inner {
  padding-top: 11.6686114352vh;
}

.assortment .about__title {
  height: 13.7222222222vh;
}

.assortment .about__date {
  position: absolute;
  right: 8.6805555556vw;
  bottom: 7.6666666667vh;
}

.assortment .about__text {
  max-width: 61.4rem;
}

.assortment .about__object {
  height: 61.8888888889vh;
  top: 35.7142857143vh;
  left: 1.3333333333vh;
}

.assortment .about__object img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.assortment .magnetic {
  right: 41.4937759336vw;
  bottom: 44.0528634361vh;
}

.assortment .magnetic__inner {
  border-color: var(--gold-light-2);
}

.limonad {
  background-color: #1A1A1A;
}

.limonad .about__inner {
  padding-top: 8.8888888889vh;
}

.limonad .about__title {
  height: 13.7333333333vh;
}

.limonad .about__date {
  position: absolute;
  left: -0.5555555556vh;
  bottom: 11.2222222222vh;
  height: 13.3333333333vh;
}

.limonad .about__text {
  max-width: 51.2rem;
}

.limonad .about__object {
  top: 16.1111111111vh;
  right: 11.3888888889vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 86.1111111111vh;
}

.limonad .about__object img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.limonad .magnetic {
  left: 5.2083333333vw;
  bottom: 38.3333333333vh;
}

.limonad .magnetic__inner {
  border-color: var(--gold-light-2);
}

.limonad .magnetic__text {
  color: var(--yellow);
}

.technology {
  background-color: var(--gold-dark);
}

.technology .about__inner {
  padding-top: 14.450867052vh;
}

.technology .about__title {
  height: 15.3777777778vh;
}

.technology .about__object {
  top: 42.3333333333vh;
  height: 51.8888888889vh;
  left: 1.3333333333vh;
}

.technology .about__object img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.technology .magnetic {
  right: 32.5694444444vw;
  bottom: 41.5555555556vh;
}

.technology .magnetic__inner {
  border-color: var(--gold-light-2);
}

.info {
  background-color: var(--graphite-2);
}

.info .about__inner {
  padding-top: 4.8899755501vh;
}

.info .about__text {
  max-width: 107.6rem;
}

.info .about__object {
  height: 55.8888888889vh;
  left: 1.9444444444vw;
  bottom: 2.5555555556vh;
  bottom: 0;
}

.info .about__object img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.info .magnetic {
  right: 28.6111111111vw;
  bottom: 39.2222222222vh;
}

.info .magnetic__inner {
  border-color: var(--gold-light-2);
}

.bolotnoe {
  background-color: var(--maroon-3);
}

.bolotnoe .about__inner {
  padding-top: 14.1242937853vh;
}

.bolotnoe .about__title {
  height: 13.5vh;
}

.bolotnoe .about__date {
  height: 20.8888888889vh;
  margin-top: 4.4444444444vh;
  margin-left: 1.3888888889vw;
}

.bolotnoe .about__object {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 48.5555555556vh;
  top: 47.8888888889vh;
  left: 2.6388888889vw;
  z-index: 3;
}

.bolotnoe .about__object img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.bolotnoe .magnetic {
  right: 32.5694444444vw;
  bottom: 41.5555555556vh;
}

.bolotnoe .magnetic__inner {
  border-color: var(--gold-dark);
}

.bolotnoe .magnetic__text {
  color: #1A1A1A;
}

.awards {
  background-color: var(--maroon);
}

.awards .about__inner {
  padding-top: 4.8899755501vh;
}

.awards .about__text {
  max-width: 107.6rem;
  color: var(--maroon);
}

.awards .about__object {
  height: 81.7777777778vh;
  left: -4.2361111111vw;
  top: 35.7777777778vh;
}

.awards .about__object img {
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.awards .magnetic {
  right: 28.6111111111vw;
  bottom: 39.2222222222vh;
}

.awards .magnetic__inner {
  border-color: var(--gold-light-2);
}

.partners {
  background-color: #2E2E2E;
}

.partners .about__inner {
  padding-top: 8.5557837098vh;
}

.partners .about__title {
  height: 20.7777777778vh;
}

.partners .about__date {
  height: 20vh;
  margin-top: 4.4444444444vh;
  margin-left: 2.7777777778vw;
}

.partners .about__text {
  max-width: 50rem;
}

.partners .about__object {
  height: 64.1111111111vh;
  right: 15.1388888889vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: 33.2222222222vh;
}

.partners .about__object img {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.partners .magnetic {
  left: 2.1527777778vw;
  bottom: 11vh;
}

.partners .magnetic__inner {
  border-color: var(--gold-light-2);
}

@media (min-width: 1024px) {
  .about__panel .content__inner {
    width: 70rem;
    padding: 15rem 9.5rem 4.5rem 4rem;
  }
}

@media (max-width: 1024px) {
  .footer .footer__top--center::before {
    display: none;
  }

  .footer .footer__top--center::after {
    display: none;
  }
}

@media (max-width: 834px) {
  html {
    font-size: 62.5%;
  }

  body {
    font-size: 1.3rem;
    line-height: 120%;
  }

  .main {
    padding-left: 0;
  }

  section {
    min-height: auto;
    padding-bottom: 6.5rem;
  }

  section {
    padding-bottom: 8rem;
  }

  .general-page .header__inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .general-page .logo:not(.nav .logo) {
    display: block;
    width: auto;
    height: 3.465rem;
    margin: 0 auto;
  }

  .general-page .nav .logo {
    display: none;
  }

  .general-page .restriction {
    display: block;
    width: 3.3rem;
    height: 2.8rem;
  }

  .general-page .burger {
    margin-left: auto;
    padding: 1rem 0;
  }

  .general-page .footer__container {
    --container-padding: 2rem;
  }

  .general__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3.7rem;
  }

  .general__content {
    padding-top: 11.4rem;
    position: static;
  }

  .general__logo {
    display: none;
  }

  .general__title {
    font-size: 5rem;
    max-width: 33.1rem;
  }

  .general__menu {
    gap: 0.4rem;
    margin: 0;
    height: auto;
  }

  .general__list {
    gap: 3rem;
    text-align: center;
  }

  .general__list a {
    padding-right: 0;
    padding-bottom: 0;
    font-size: 2.5rem;
  }

  .general__list a .link__icon {
    display: none;
  }

  .quote {
    font-size: 1.6rem;
  }

  .quote::before {
    width: 5.6rem;
    height: 5.9rem;
    margin-bottom: 1.7rem;
  }

  .magnetic {
    top: 40.1rem;
    right: 7.1rem;
  }

  .magnetic__inner {
    width: 11rem;
    height: 11rem;
  }

  .magnetic__text {
    font-size: 1.2rem;
  }

  .magnetic__hit {
    width: 18rem;
    height: 18rem;
  }

  .restriction {
    display: none;
  }

  .mask {
    display: none;
  }

  .bullets {
    display: none;
  }

  .form {
    gap: 1rem;
  }

  .form__inner {
    gap: 2rem 1rem;
  }

  .form-group:nth-child(1),
  .form-group:nth-child(2) {
    width: calc(50% - 0.5rem);
  }

  .form-group--file {
    margin-top: -1rem;
  }

  .form-input {
    padding: 1.6rem 2.7rem 1.6rem;
  }

  .form-file + .form-label {
    font-size: 1.2rem;
  }

  .form-file + .form-label p {
    font-size: 1.2rem;
  }

  .form-file + .form-label i {
    --font-size: 2.4rem;
  }

  .form-file + .form-label i svg {
    width: 1.2rem;
    height: 1.2rem;
  }

  .form-file--clear {
    font-size: 1.2rem;
  }

  .form-foot {
    gap: 0.5rem;
  }

  .form-text {
    font-size: 1rem;
  }

  .menu-open .general-page .burger {
    margin-right: 0;
  }

  .menu-open .about-page .burger {
    width: 3.7rem;
    padding: 2rem 0;
    gap: 0;
  }

  .burger {
    position: static;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    gap: 0.8rem;
  }

  .menu-open .about-page .burger__line:first-child {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .menu-open .about-page .burger__line:last-child {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .menu-open .about-page .burger__line {
    width: 100%;
  }

  .pp-bolotnoe .burger__line {
    background-color: var(--black);
  }

  .pp-awards .burger__line {
    background-color: var(--black);
  }

  .footer .footer__bottom::before {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
  }

  .footer {
    display: none;
  }

  .footer__call {
    margin-top: 2rem;
  }

  .about-page .header {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 9rem 0 0;
    background-color: transparent;
    z-index: 201;
    -webkit-transition: all 0.7s ease-in;
    transition: all 0.7s ease-in;
  }

  .menu-open .about-page .header {
    padding: 1.7rem 0 0;
  }

  .about-page .header__container {
    --container-padding: 4rem;
  }

  .about-page .header__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .logo {
    width: 7.5rem;
    height: 4.6rem;
  }

  .about-page .logo__img {
    display: none;
  }

  .pp-begin .about-page .logo__img-about,
  .pp-filter .about-page .logo__img-about,
  .pp-assortment .about-page .logo__img-about,
  .pp-limonad .about-page .logo__img-about,
  .pp-technology .about-page .logo__img-about,
  .pp-info .about-page .logo__img-about,
  .pp-partners .about-page .logo__img-about {
    opacity: 1;
  }

  .pp-bolotnoe .logo__img-about--black {
    opacity: 1;
  }

  .pp-awards .logo__img-about--gold {
    opacity: 1;
  }

  .nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  html.menu-open .nav {
    background-color: #4F1E0D;
    overflow-y: auto;
  }

  .nav__layer {
    width: 100%;
    height: 100%;
    position: fixed;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
  }

  html.menu-open .nav__layer {
    opacity: 1;
  }

  .nav__mask {
    background-size: cover;
  }

  .nav__main {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-top: 2rem;
    padding-right: var(--container-padding);
    padding-bottom: 3rem;
    padding-left: var(--container-padding);
  }

  .nav__main::before {
    display: block;
    -webkit-transition: width 1s ease-in-out 0.6s;
    transition: width 1s ease-in-out 0.6s;
  }

  .nav__main ul {
    margin-bottom: 2rem;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .nav__main ul li {
    margin-bottom: 2rem;
  }

  .nav__main ul li a {
    padding: 1rem 0;
  }

  .nav__main .line {
    width: 0;
    height: 0.1rem;
    top: 0;
    right: 0;
    left: 0;
    bottom: unset;
  }

  html.menu-open .nav__main .line {
    height: 0.1rem;
    width: 100%;
    -webkit-transition: width 1s ease-in;
    transition: width 1s ease-in;
  }

  html.menu-open.menu-open-closing .nav__main .line {
    width: 0;
  }

  .nav__second {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 9.9rem var(--container-padding) 3rem;
  }

  .nav__second ul {
    gap: 1rem;
  }

  .nav__second ul li {
    padding-right: 0;
  }

  .nav__second ul li a {
    font-size: 5rem;
  }

  html.menu-open .nav__restriction {
    opacity: 1;
  }

  .nav a.menu__close {
    width: 3.7rem;
    height: 3.7rem;
    top: 2.1rem;
  }

  .menu-open .about-page .nav a.menu__close {
    opacity: 0;
    pointer-events: none;
  }

  .nav .logo {
    top: 1.9rem;
    left: calc(50% - 2.35rem);
    width: 4.7rem;
  }

  .nav .logo svg {
    display: none;
  }

  .nav .logo .logo--mob {
    display: block;
  }

  .nav__contacts {
    gap: 3rem;
    margin-top: 3rem;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .nav__contacts-item {
    gap: 1rem;
  }

  .nav__image {
    display: none;
  }

  .panel-open .header {
    z-index: 1;
  }

  .preloader__restriction {
    display: none;
    width: 14rem;
    height: 11.7rem;
  }

  .preloader__logo {
    height: 7.9rem;
    margin-bottom: 4rem;
  }

  .preloader__title {
    font-size: 8rem;
    margin-bottom: 2rem;
  }

  .preloader__text {
    font-size: 2rem;
    margin-bottom: 4rem;
  }

  .preloader__btns {
    gap: 2rem;
    max-width: 27.8rem;
  }

  .preloader__btn {
    min-width: 24rem;
  }

  .about__menu {
    display: none;
  }

  .about__control {
    top: 50%;
    right: unset;
    left: var(--container-padding);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .pp-begin .about__control {
    top: 60rem;
  }

  .pp-filter .about__control {
    top: 60rem;
  }

  .pp-assortment .about__control {
    top: 50rem;
  }

  .pp-limonad .about__control {
    top: 50rem;
  }

  .pp-bolotnoe .about__control {
    top: 50rem;
  }

  .pp-technology .about__control {
    top: 43rem;
  }

  .pp-awards .about__control {
    top: 50rem;
  }

  .pp-info .about__control {
    top: 43rem;
  }

  .pp-partners .about__control {
    top: 50rem;
  }

  .about__control:hover svg:first-child {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .about__control svg:last-child {
    display: none;
  }

  .about__title {
    height: 20.5rem;
  }

  .about__date {
    height: 9.2rem;
    margin-top: 2rem;
    position: static !important;
  }

  .about__text {
    margin-top: 3rem;
  }

  .begin {
    background-image: url(./../images/temp/bg-begin.png);
  }

  .begin .about__inner {
    padding-top: 18.4rem;
  }

  .begin .about__object {
    bottom: 6.5rem;
    margin-top: -12.2rem;
    padding-left: var(--container-padding);
    height: 65.8rem;
    top: 53rem;
    bottom: unset;
  }

  .begin .magnetic {
    top: 40.1rem;
    right: 7.1rem;
  }

  .filter {
    background-image: url(./../images/temp/bg-filter.png);
  }

  .filter .about__inner {
    padding-top: 16.7rem;
  }

  .filter .about__object {
    right: 0;
    top: 44rem;
    bottom: unset;
  }

  .filter .magnetic {
    left: unset;
    bottom: unset;
  }

  .assortment {
    background-image: url(./../images/temp/bg-assortment.png);
  }

  .assortment .about__inner {
    padding-top: 16.7rem;
  }

  .assortment .about__date {
    position: static;
    height: 6rem;
  }

  .assortment .about__text {
    max-width: 70%;
  }

  .assortment .about__object {
    height: 37.1rem;
    top: 45rem;
    left: 2rem;
    bottom: unset;
  }

  .assortment .magnetic {
    top: 37.4rem;
    right: 3.5rem;
    bottom: unset;
  }

  .limonad {
    background-image: url(./../images/temp/bg-limonad.png);
  }

  .limonad .about__inner {
    padding-top: 16.7rem;
  }

  .limonad .about__date {
    height: 8rem;
  }

  .limonad .about__object {
    top: 47rem;
    height: 64.4rem;
    right: 2rem;
  }

  .limonad .about__object img {
    height: 100%;
  }

  .limonad .magnetic {
    left: unset;
  }

  .technology {
    background-image: url(./../images/temp/bg-technology.png);
  }

  .technology .about__inner {
    padding-top: 16.7rem;
  }

  .technology .about__title {
    height: 12rem;
  }

  .technology .about__text {
    margin-top: 3rem;
  }

  .technology .about__object {
    width: auto;
    height: 37.9rem;
    top: 43rem;
    left: 0.2rem;
  }

  .technology .magnetic {
    right: 7.1rem;
    bottom: unset;
  }

  .info {
    background-image: url(./../images/temp/bg-info.png);
  }

  .info .about__inner {
    padding-top: 16.7rem;
  }

  .info .about__title {
    width: 100%;
    height: auto;
  }

  .info .about__title img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .info .about__object {
    width: auto;
    height: 60.2rem;
    top: 36rem;
    bottom: unset;
    left: -26.4rem;
  }

  .info .about__object img {
    width: auto;
    height: 100%;
  }

  .info .magnetic {
    top: 40.1rem;
    right: 7.1rem;
    bottom: unset;
  }

  .bolotnoe {
    background-image: url(./../images/temp/bg-bolotnoe.png);
  }

  .bolotnoe .about__inner {
    padding-top: 16.7rem;
  }

  .bolotnoe .about__title {
    height: 14rem;
  }

  .bolotnoe .about__date {
    height: 9.2rem;
    margin-top: 3rem;
    margin-left: 0;
  }

  .bolotnoe .about__object {
    top: 40rem;
  }

  .bolotnoe .about__object img {
    -o-object-fit: contain;
    object-fit: contain;
  }

  .bolotnoe .magnetic {
    top: 40.1rem;
    right: 7.1rem;
    bottom: unset;
  }

  .awards {
    background-image: url(./../images/temp/bg-awards.png);
  }

  .awards .about__inner {
    padding-top: 16.7rem;
  }

  .awards .about__object {
    width: auto;
    height: 52.1rem;
    top: 45rem;
    left: -3.6rem;
  }

  .awards .magnetic {
    top: 48.1rem;
    right: 7.1rem;
    bottom: unset;
  }

  .partners {
    background-image: url(./../images/temp/bg-partners.png);
  }

  .partners .about__inner {
    padding-top: 16.7rem;
  }

  .partners .about__title {
    height: 12.6rem;
  }

  .partners .about__date {
    height: 8rem;
    margin-top: 2rem;
    margin-left: 0;
  }

  .partners .about__object {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 70rem;
    top: 48rem;
    left: 50%;
    right: unset;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }

  .partners .magnetic {
    top: 40.1rem;
    right: 7.1rem;
    left: unset;
    bottom: unset;
  }
}

@media (max-width: 600px) {
  .magnetic {
    top: 38.8rem;
    right: var(--container-padding);
  }

  :root {
    --container-padding: 2rem;
  }

  .form-group:nth-child(1),
  .form-group:nth-child(2) {
    width: 100%;
  }

  .form-label {
    font-size: 1.2rem;
    top: -0.6rem;
  }

  .about-page .header__container {
    --container-padding: 2rem;
  }

  .nav__main::before {
    margin-left: -2rem;
  }

  .nav__main ul li {
    margin-bottom: 2rem;
    margin-bottom: 0;
  }

  .preloader__restriction {
    width: 8rem;
    height: 6.7rem;
  }

  .preloader__title {
    font-size: 5rem;
  }

  .preloader__text {
    font-size: 1.5rem;
    max-width: 25.6rem;
  }

  .preloader__btn {
    width: 100%;
    min-width: unset;
  }

  .pp-begin .about__control {
    top: 50rem;
  }

  .pp-begin .about__control {
    top: 50rem;
  }

  .pp-bolotnoe .about__control {
    top: 45rem;
  }

  .about__title {
    height: 11.7rem;
  }

  .about__date {
    height: 5.2rem;
    margin-top: 1rem;
  }

  .about__text {
    max-width: 19.1rem;
    margin-top: 2rem;
  }

  .about__object {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 2;
  }

  .begin::after {
    display: block;
  }

  .begin .about__inner {
    padding-top: 18.8rem;
  }

  .begin .about__object {
    height: 35.7rem;
    top: 43.7rem;
    left: unset;
    right: 0;
    margin-top: -1.2rem;
  }

  .begin .magnetic {
    top: 42.4rem;
    right: 2.6rem;
  }

  .filter .about__title {
    height: 13.8rem;
    left: unset;
  }

  .filter .about__date {
    height: 6.1rem;
    margin-top: 0.4rem;
    left: unset;
  }

  .filter .about__text {
    left: unset;
  }

  .filter .about__object {
    width: 49.2rem;
    top: 38.2rem;
    right: unset;
    left: -11rem;
  }

  .filter .about__object img {
    height: 100%;
  }

  .filter .magnetic {
    top: 37.4rem;
    right: 3.5rem;
  }

  .assortment .about__title {
    height: 12rem;
  }

  .assortment .about__date {
    height: 5.9rem;
  }

  .assortment .about__text {
    max-width: 25.6rem;
  }

  .limonad .about__date {
    height: 5.9rem;
  }

  .limonad .about__text {
    max-width: 19.1rem;
  }

  .limonad .about__object {
    width: 41.4rem;
    height: 41.4rem;
    right: 2rem;
    bottom: 2rem;
    top: 43.7rem;
    bottom: unset;
  }

  .limonad .magnetic {
    top: 38.8rem;
    right: 2.1rem;
    bottom: unset;
  }

  .technology .about__object img {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
  }

  .technology .magnetic {
    top: 30.4rem;
    right: 3.5rem;
  }

  .info .about__text {
    max-width: 70.5%;
  }

  .info .about__object {
    top: 27.2rem;
    bottom: unset;
  }

  .info .magnetic {
    top: 30.4rem;
    right: 3.5rem;
  }

  .bolotnoe .about__title {
    width: calc(100% - 4.2rem);
    height: auto;
  }

  .bolotnoe .about__title img {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .bolotnoe .about__date {
    margin-top: 2rem;
    margin-left: 0.6rem;
    width: 64.5%;
    height: auto;
  }

  .bolotnoe .about__object {
    height: 43.7rem;
    top: 38.9rem;
    bottom: unset;
    left: -18rem;
  }

  .bolotnoe .magnetic {
    top: 27.3rem;
    right: var(--container-padding);
  }

  .awards .about__title {
    height: 15.4rem;
  }

  .awards .about__text {
    margin-top: 1.6rem;
    max-width: 25.5rem;
  }

  .awards .about__object {
    width: 55.5rem;
    top: 40.8rem;
  }

  .awards .magnetic {
    top: 27.3rem;
    right: var(--container-padding);
  }

  .partners .about__date {
    height: 4.8rem;
    margin-top: 1rem;
  }

  .partners .about__text {
    margin-top: 1.6rem;
    max-width: 23.1rem;
  }

  .partners .about__object {
    top: 43.7rem;
    height: 48.7rem;
  }

  .partners .magnetic {
    top: 35rem;
    right: 3.5rem;
  }
}

@media (min-aspect-ratio: 16/9) {
  .bullets {
    opacity: 0;
    pointer-events: none;
  }
}