/* Start:/dist/css/style.css?1758286541311260*/
/**
 * Swiper 10.0.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 8, 2023
 */

@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */

/* 3D Shadows */

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Slide styles end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform-origin: center;
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-lock {
  display: none;
}

/* Navigation font start */

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

/* Navigation font end */

.choices {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  font-size: 16px;
}

.choices:focus {
  outline: 0;
}

.choices:last-child {
  margin-bottom: 0;
}

.choices.is-open {
  overflow: visible;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
  background-color: #eaeaea;
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
}

.choices.is-disabled .choices__item {
  cursor: not-allowed;
}

.choices [hidden] {
  display: none !important;
}

.choices[data-type*=select-one] {
  cursor: pointer;
}

.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 7.5px;
}

.choices[data-type*=select-one] .choices__input {
  display: block;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  margin: 0;
}

.choices[data-type*=select-one] .choices__button {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  padding: 0;
  background-size: 8px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -10px;
  margin-right: 25px;
  height: 20px;
  width: 20px;
  border-radius: 10em;
  opacity: 0.25;
}

.choices[data-type*=select-one] .choices__button:focus,
.choices[data-type*=select-one] .choices__button:hover {
  opacity: 1;
}

.choices[data-type*=select-one] .choices__button:focus {
  box-shadow: 0 0 0 2px #00bcd4;
}

.choices[data-type*=select-one] .choices__item[data-value=""] .choices__button {
  display: none;
}

.choices[data-type*=select-one]::after {
  content: "";
  height: 0;
  width: 0;
  border-style: solid;
  border-color: #333 transparent transparent;
  border-width: 5px;
  position: absolute;
  right: 11.5px;
  top: 50%;
  margin-top: -2.5px;
  pointer-events: none;
}

.choices[data-type*=select-one].is-open::after {
  border-color: transparent transparent #333;
  margin-top: -7.5px;
}

.choices[data-type*=select-one][dir=rtl]::after {
  left: 11.5px;
  right: auto;
}

.choices[data-type*=select-one][dir=rtl] .choices__button {
  right: auto;
  left: 0;
  margin-left: 25px;
  margin-right: 0;
}

.choices[data-type*=select-multiple] .choices__inner,
.choices[data-type*=text] .choices__inner {
  cursor: text;
}

.choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
  position: relative;
  display: inline-block;
  margin: -4px 0 8px;
  padding-left: 16px;
  border-left: 1px solid #008fa1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
  background-size: 8px;
  width: 8px;
  line-height: 1;
  opacity: 0.75;
  border-radius: 0;
}

.choices[data-type*=select-multiple] .choices__button:focus,
.choices[data-type*=select-multiple] .choices__button:hover,
.choices[data-type*=text] .choices__button:focus,
.choices[data-type*=text] .choices__button:hover {
  opacity: 1;
}

.choices__inner {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #f9f9f9;
  padding: 7.5px 7.5px 3.75px;
  border: 1px solid #ddd;
  border-radius: 2.5px;
  font-size: 14px;
  min-height: 44px;
  overflow: hidden;
}

.is-focused .choices__inner,
.is-open .choices__inner {
  border-color: #b7b7b7;
}

.is-open .choices__inner {
  border-radius: 2.5px 2.5px 0 0;
}

.is-flipped.is-open .choices__inner {
  border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.choices__list--single {
  display: inline-block;
  padding: 4px 16px 4px 4px;
  width: 100%;
}

[dir=rtl] .choices__list--single {
  padding-right: 4px;
  padding-left: 16px;
}

.choices__list--single .choices__item {
  width: 100%;
}

.choices__list--multiple {
  display: inline;
}

.choices__list--multiple .choices__item {
  display: inline-block;
  vertical-align: middle;
  border-radius: 20px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  margin-right: 3.75px;
  margin-bottom: 3.75px;
  background-color: #00bcd4;
  border: 1px solid #00a5bb;
  color: #fff;
  word-break: break-all;
  box-sizing: border-box;
}

.choices__list--multiple .choices__item[data-deletable] {
  padding-right: 5px;
}

[dir=rtl] .choices__list--multiple .choices__item {
  margin-right: 0;
  margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
  background-color: #00a5bb;
  border: 1px solid #008fa1;
}

.is-disabled .choices__list--multiple .choices__item {
  background-color: #aaa;
  border: 1px solid #919191;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  visibility: hidden;
  z-index: 1;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  top: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2.5px;
  border-bottom-right-radius: 2.5px;
  overflow: hidden;
  word-break: break-all;
  will-change: visibility;
}

.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
  visibility: visible;
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: -1px;
  border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  position: relative;
  max-height: 300px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  position: relative;
  padding: 10px;
  font-size: 14px;
}

[dir=rtl] .choices__list--dropdown .choices__item,
[dir=rtl] .choices__list[aria-expanded] .choices__item {
  text-align: right;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0.5;
}

.choices__item {
  cursor: default;
}

.choices__item--selectable {
  cursor: pointer;
}

.choices__item--disabled {
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  opacity: 0.5;
}

.choices__heading {
  font-weight: 600;
  font-size: 12px;
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
}

.choices__button {
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.choices__button:focus,
.choices__input:focus {
  outline: 0;
}

.choices__input {
  display: inline-block;
  vertical-align: baseline;
  background-color: #f9f9f9;
  font-size: 14px;
  margin-bottom: 5px;
  border: 0;
  border-radius: 0;
  max-width: 100%;
  padding: 4px 0 4px 2px;
}

.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
  display: none;
}

.choices__input::-ms-clear,
.choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

[dir=rtl] .choices__input {
  padding-right: 2px;
  padding-left: 0;
}

.choices__placeholder {
  opacity: 0.5;
}

.custom-select_styles .choices {
  display: flex;
  align-items: center;
  height: 100%;
}

.custom-select_styles .choices::after {
  display: none;
}

.custom-select_styles .choices::before {
  content: url(/dist/css/../img/icons/arrow-select.svg);
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translate(0, -50%);
  transition: all 0.3s ease;
}

.custom-select_styles .choices.is-open::before {
  transform: translate(0, -50%) scale(1, -1);
}

.custom-select_styles .choices__inner {
  padding: 0 0 0 16px !important;
  border: none !important;
  background-color: transparent !important;
  color: #131411;
  font-family: TT Norms;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 0.16px;
  text-transform: uppercase;
  min-height: auto;
}

.custom-select_styles .choices__list--single {
  padding: 0 !important;
}

.custom-select_styles .choices__list--dropdown {
  border: none;
}

.custom-select_styles .choices__list--dropdown .choices__item {
  padding: 8px 16px !important;
  color: #969696;
  font-family: TT Norms;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #d8d8d8;
}

.lb-loader,
.lightbox {
  text-align: center;
  line-height: 0;
  position: absolute;
  left: 0;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: #000;
  filter: alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  width: 100%;
  z-index: 10000;
  font-weight: 400;
  outline: 0;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  border: 4px solid #fff;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  background-color: #fff;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  top: 43%;
  height: 25%;
  width: 100%;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/dist/css/../images/loading.gif) no-repeat;
}

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

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}

.lb-next,
.lb-prev {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/dist/css/../images/prev.png) left 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/dist/css/../images/next.png) right 48% no-repeat;
  filter: alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: 700;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/dist/css/../images/close.png) top right no-repeat;
  text-align: right;
  outline: 0;
  filter: alpha(Opacity=70);
  opacity: 0.7;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: alpha(Opacity=100);
  opacity: 1;
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
  */

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

/* Offset direction
  */

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

/* Give origins 0 height/width so they don't interfere with clicking the
  * connect elements.
  */

.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
  */

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

/* Styling;
  * Giving the connect element a border radius causes issues with using transform: scale
  */

.noUi-target {
  background: #fafafa;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3fb8af;
}

/* Handles and cursors;
  */

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
}

.noUi-active {
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}

/* Handle stripes;
  */

.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
  */

[disabled] .noUi-connect {
  background: #b8b8b8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
  *
  */

.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
  *
  */

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
  *
  */

.noUi-marker {
  position: absolute;
  background: #ccc;
}

.noUi-marker-sub {
  background: #aaa;
}

.noUi-marker-large {
  background: #aaa;
}

/* Horizontal layout;
  *
  */

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
  *
  */

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
}

.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
}

.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  -webkit-animation: f-spinner-rotate 2s linear infinite;
          animation: f-spinner-rotate 2s linear infinite;
}

.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none;
}

.f-spinner svg *:first-child {
  stroke: var(--f-spinner-color-1);
}

.f-spinner svg *:last-child {
  stroke: var(--f-spinner-color-2);
  -webkit-animation: f-spinner-dash 2s ease-in-out infinite;
          animation: f-spinner-dash 2s ease-in-out infinite;
}

@-webkit-keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

.f-throwOutUp {
  -webkit-animation: 0.175s ease-out both f-throwOutUp;
          animation: 0.175s ease-out both f-throwOutUp;
}

.f-throwOutDown {
  -webkit-animation: 0.175s ease-out both f-throwOutDown;
          animation: 0.175s ease-out both f-throwOutDown;
}

@-webkit-keyframes f-throwOutUp {
  to {
    transform: translate3d(0, -150px, 0);
    opacity: 0;
  }
}

@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, -150px, 0);
    opacity: 0;
  }
}

@-webkit-keyframes f-throwOutDown {
  to {
    transform: translate3d(0, 150px, 0);
    opacity: 0;
  }
}

@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, 150px, 0);
    opacity: 0;
  }
}

.f-zoomInUp {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease-out 0.1s both f-zoomInUp;
          animation: var(--f-transition-duration, 0.2s) ease-out 0.1s both f-zoomInUp;
}

.f-zoomOutDown {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown;
          animation: var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown;
}

@-webkit-keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }

  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }

  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}

@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}

.f-fadeIn {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;
          animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;
  z-index: 2;
}

.f-fadeOut {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;
          animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;
  z-index: 1;
}

@-webkit-keyframes f-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}

@keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}

.f-fadeSlowIn {
  -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
          animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2;
}

.f-fadeSlowOut {
  -webkit-animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
          animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1;
}

@-webkit-keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}

@keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}

.f-fadeFastIn {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
          animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2;
}

.f-fadeFastOut {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;
          animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;
  z-index: 2;
}

@-webkit-keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }

  100% {
    opacity: 1;
  }
}

@keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}

@keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}

.f-crossfadeIn {
  -webkit-animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
          animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2;
}

.f-crossfadeOut {
  -webkit-animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
          animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both f-crossfadeOut;
  z-index: 1;
}

@-webkit-keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}

@keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}

.f-slideIn.from-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext;
}

.f-slideIn.from-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev;
}

.f-slideOut.to-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext;
}

.f-slideOut.to-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev;
}

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

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

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

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%);
  }
}

@keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%);
  }
}

@-webkit-keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%);
  }
}

@keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%);
  }
}

.f-classicIn.from-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index: 2;
}

.f-classicIn.from-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index: 2;
}

.f-classicOut.to-next {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index: 1;
}

.f-classicOut.to-prev {
  -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
          animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index: 1;
}

@-webkit-keyframes f-classicInNext {
  0% {
    transform: translateX(-75px);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes f-classicInNext {
  0% {
    transform: translateX(-75px);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes f-classicInPrev {
  0% {
    transform: translateX(75px);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes f-classicInPrev {
  0% {
    transform: translateX(75px);
    opacity: 0;
  }

  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes f-classicOutNext {
  100% {
    transform: translateX(-75px);
    opacity: 0;
  }
}

@keyframes f-classicOutNext {
  100% {
    transform: translateX(-75px);
    opacity: 0;
  }
}

@-webkit-keyframes f-classicOutPrev {
  100% {
    transform: translateX(75px);
    opacity: 0;
  }
}

@keyframes f-classicOutPrev {
  100% {
    transform: translateX(75px);
    opacity: 0;
  }
}

:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
}

.f-button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  transition: var(--f-button-transition);
}

.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg);
}

.f-button:focus:not(:focus-visible) {
  outline: none;
}

.f-button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color));
}

.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity 0.15s ease;
  transform: var(--f-button-transform);
  filter: var(--f-button-svg-filter);
  pointer-events: none;
}

.f-button[disabled] {
  cursor: default;
}

.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}

.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
  position: absolute;
  z-index: 1;
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
  top: 50%;
  transform: translateY(-50%);
}

.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos);
}

.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos);
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
}

.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos);
}

.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
  transform: rotate(90deg);
}

html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto;
}

html.with-fancybox body {
  touch-action: none;
}

html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow: hidden !important;
  overscroll-behavior-y: none;
}

.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  z-index: var(--fancybox-zIndex, 1050);
  outline: none;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain;
}

.fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
  box-sizing: inherit;
}

.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity;
}

.fancybox__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}

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

.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox__track {
  display: flex;
  margin: 0 auto;
  height: 100%;
}

.fancybox__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 4px;
  overflow: auto;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px;
}

.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video {
  overflow: hidden;
}

.fancybox__slide.has-image {
  overflow: hidden;
}

.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
  overflow: visible;
}

.fancybox__slide::before,
.fancybox__slide::after {
  content: "";
  flex: 0 0 0;
  margin: auto;
}

.fancybox__content {
  -ms-grid-row-align: center;
      align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20;
}

.is-loading .fancybox__content {
  opacity: 0;
}

.is-draggable .fancybox__content {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}

.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}

.is-dragging .fancybox__content {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
  cursor: auto;
}

.fancybox__slide.has-image > .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: none;
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,
.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
  visibility: hidden;
}

.is-animating .fancybox__content,
.is-dragging .fancybox__content {
  filter: blur(0px);
  will-change: transform, width, height;
}

.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.fancybox__caption {
  -ms-grid-row-align: center;
      align-self: center;
  max-width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 14px 0 4px 0;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible;
}

.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
  opacity: 0;
  visibility: hidden;
}

.is-compact .fancybox__caption {
  padding-bottom: 0;
}

.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 40;
}

.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: 0.75;
}

.is-loading .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}

.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1;
}

.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative;
}

.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  transition: all 0.25s ease;
}

.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(24, 24, 27, 0.5);
}

.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px;
}

.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  top: 5px;
  right: 5px;
}

.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1);
}

.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1;
}

.is-idle .fancybox__nav {
  -webkit-animation: 0.15s ease-out both f-fadeOut;
          animation: 0.15s ease-out both f-fadeOut;
}

.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  -webkit-animation: 0.15s ease-out both f-fadeOut;
          animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__slide > .f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer;
}

.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 40;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

.fancybox-focus-guard {
  outline: none;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}

.fancybox__container:not([aria-hidden]) {
  opacity: 0;
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
  -webkit-animation: 0.25s ease 0.1s backwards f-fadeIn;
          animation: 0.25s ease 0.1s backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
  -webkit-animation: 0.35s ease backwards f-fadeIn;
          animation: 0.35s ease backwards f-fadeIn;
}

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
  -webkit-animation: 0.15s ease forwards f-fadeOut;
          animation: 0.15s ease forwards f-fadeOut;
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
  -webkit-animation: 0.35s ease forwards f-fadeOut;
          animation: 0.35s ease forwards f-fadeOut;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}

.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
  width: 100%;
  height: 100%;
}

.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,
.fancybox__container:not(.is-compact) .has-map .fancybox__content,
.fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
  width: calc(100% - 120px);
  height: 90%;
}

.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}

.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}

.has-map .fancybox__content {
  background: #e5e3df;
}

.fancybox__html5video,
.fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}

.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}

.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
}

.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px;
}

.f-thumbs {
  position: relative;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  perspective: 1000px;
  transform: translateZ(0);
}

.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1;
}

.f-thumbs .f-spinner svg {
  display: none;
}

.f-thumbs.is-vertical {
  height: 100%;
}

.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.f-thumbs__track {
  display: flex;
  will-change: transform;
}

.f-thumbs__slide {
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  min-width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer;
}

.f-thumbs__slide.is-loading img {
  opacity: 0;
}

.is-classic .f-thumbs__viewport {
  height: 100%;
}

.is-modern .f-thumbs__track {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--left, 0) * 1px);
  width: calc(100% - var(--width, 0) * 1px);
  cursor: pointer;
}

.is-modern .f-thumbs__slide {
  --clip-path: inset(
    0
      calc(
        (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 *
          (1 - var(--progress, 0))
      )
      round var(--f-thumb-border-radius, 0)
  );
  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transition: none;
  pointer-events: none;
}

.is-modern .f-thumbs__slide > * {
  -webkit-clip-path: var(--clip-path);
          clip-path: var(--clip-path);
}

.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within {
  filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color));
}

.is-modern.in-touch .f-thumbs__slide {
  filter: none;
}

.is-modern.is-resting .f-thumbs__slide {
  transition: all 0.33s ease;
}

.is-modern.is-resting .f-thumbs__slide > * {
  transition: all 0.33s ease;
}

.f-thumbs__slide__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  transition: opacity 0.2s ease;
}

.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity);
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none;
}

.f-thumbs__slide__button:focus-visible {
  outline: none;
  opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity);
}

.is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  -webkit-animation: f-fadeIn 0.2s ease-out;
          animation: f-fadeIn 0.2s ease-out;
  z-index: 10;
}

.f-thumbs__slide__img {
  position: absolute;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: var(--f-thumb-offset);
  box-sizing: border-box;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.f-thumbs.is-horizontal .f-thumbs__track {
  margin: 0 auto;
  padding: 8px 0 12px 0;
}

.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0;
}

.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  margin: auto 0;
  padding: 0 8px;
}

.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0;
}

.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}

.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-classic .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}

.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
}

.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap);
}

.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0;
}

.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px;
}

.fancybox__thumbs.is-masked {
  max-height: 0px !important;
}

.is-closing .fancybox__thumbs {
  transition: none !important;
}

.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  z-index: 20;
}

.fancybox__toolbar :focus-visible {
  z-index: 1;
}

.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.is-idle .fancybox__toolbar {
  pointer-events: none;
  -webkit-animation: 0.15s ease-out both f-fadeOut;
          animation: 0.15s ease-out both f-fadeOut;
}

.fancybox__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}

.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
  flex-grow: 1;
  flex-basis: 0;
}

.fancybox__toolbar__column.is-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
}

.fancybox__infobar {
  padding: 0 5px;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.fancybox__infobar span {
  padding: 0 5px;
}

.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg);
}

[data-fancybox-toggle-slideshow] {
  position: relative;
}

[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: 0.3;
}

[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none;
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex;
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none;
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}

:-webkit-full-screen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex;
}

:-ms-fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex;
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex;
}

.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}

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

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

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

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

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

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

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

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

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

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

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

:focus,
:active {
  outline: none;
}

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

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

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

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

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

button {
  cursor: pointer;
}

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

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

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

.header {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 9;
  background: #fff;
}

.header-body {
  display: flex;
  align-items: center;
  height: 82px;
}

.header-body__logo {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 22px 0 0;
  border-right: 1px solid #edf0f2;
}

.header-body__logo img {
  width: 140px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.header-body__burger {
  cursor: pointer;
  margin: 0 20px 0 24px;
}

.header-body__call {
  color: #131411;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  text-transform: uppercase;
  white-space: nowrap;
}

.header-body__call:hover {
  text-decoration: underline;
}

.header-body__btn {
  cursor: pointer;
  margin: 0 0 0 22px;
  display: inline-flex;
  align-items: center;
  height: 38px;
  padding: 0 13.5px;
  border: 0.5px solid #131411;
  color: #000;
  font-family: Manrope;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.header-body__btn:hover {
  background-color: #131411;
  color: #edf0f2;
}

.header-body__btn_mobile {
  margin: 0 0 0 auto !important;
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  justify-content: center;
  align-items: center;
  border: 1px solid #edf0f2;
  border-radius: 50%;
}

.header-body__lang {
  display: flex;
  align-items: center;
  margin: 0 0 0 34px;
  color: #d9dcde;
}

.header-body__lang span {
  margin: 0 2px;
}

.header-body__lang a {
  color: #d9dcde;
  font-family: TT Norms;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  text-transform: uppercase;
}

.header-body__lang a:hover {
  text-decoration: underline;
}

.header-body__lang a._active {
  color: #131411;
}

.header-menu {
  margin: 0 auto;
}

.header-menu ul {
  display: flex;
  align-items: center;
}

.header-menu ul li:not(:first-child) {
  margin: 0 0 0 24px;
}

.header-menu ul li._dropdown {
  position: relative;
}

.header-menu ul li._dropdown:hover svg {
  transform: scale(1, -1);
}

.header-menu ul li._dropdown:hover::before {
  cursor: pointer;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 50px;
  background: transparent;
}

.header-menu ul li._dropdown:hover ._dropdown-list {
  opacity: 1;
  pointer-events: unset;
}

.header-menu ul li._dropdown_bold span {
  font-weight: 500;
  position: relative;
}

.header-menu ul li._dropdown_bold span::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: -2px;
  right: -2px;
  display: block;
  height: 0.5px;
  background-color: #131411;
}

.header-menu ul li._dropdown ._dropdown-list {
  position: absolute;
  top: calc(100% + 16px);
  left: 50%;
  transform: translate(-50%, 0);
  padding: 24px;
  border: 1px solid #000;
  background: #fff;
  transition: all 0.3s ease;
  opacity: 0;
  pointer-events: none;
}

.header-menu ul li._dropdown ._dropdown-list::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: -8px;
  border-bottom: 8px solid #000;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  transform: translate(-50%, 0);
}

.header-menu ul li._dropdown ._dropdown-list::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 50%;
  top: -6px;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  transform: translate(-50%, 0);
}

.header-menu ul li._dropdown ._dropdown-list a {
  display: block;
  color: #565656;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-transform: none;
  white-space: nowrap;
}

.header-menu ul li._dropdown ._dropdown-list a:not(:first-child) {
  margin: 12px 0 0;
}

.header-menu ul li._dropdown ._dropdown-list a:hover {
  color: #969696;
}

.header-menu ul li._dropdown span {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #131411;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.header-menu ul li._dropdown span:hover {
  color: #969696;
}

.header-menu ul li._dropdown span svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 0 0 0 4px;
  transition: all 0.3s ease;
}

.header-menu ul li a {
  color: #131411;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.header-menu ul li a:hover {
  color: #969696;
}

.menu {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: #fff;
  transform: translate(0, -100%);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease;
}

.menu.active {
  transform: translate(0);
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}

.menu .container {
  position: relative;
}

.menu-wrapper {
  position: relative;
  height: 100vh;
  overflow-y: auto;
  padding: 0 0 40px;
}

.menu__letter {
  position: absolute;
  pointer-events: none;
  left: -100px;
  bottom: 0;
}

.menu__close {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  width: 40px;
  height: 40px;
  top: 16px;
  left: 50%;
  transform: translate(-50%, 0);
}

.menu-top {
  padding: 32px 0 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.menu-body {
  margin: 86px 0 0 auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.menu-body__wrapper {
  display: flex;
  overflow: hidden;
  transform: translate(0%, 0);
}

.menu-body__bottom {
  margin: 40px 0 0;
  display: flex;
  flex-direction: column;
}

.menu-body__bottom-link {
  align-self: flex-start;
  display: inline-flex;
  font-size: 16px !important;
  padding: 6px 6px 6px 20px;
  border: 1px solid #d8d8d8;
  border-radius: 39.375px;
  text-align: center;
}

.menu-body__bottom-link:not(:first-child) {
  margin: 20px 0 0;
}

.menu-body__bottom-link ._arrow {
  width: 40px !important;
  height: 40px !important;
  margin: 0 0 0 20px !important;
}

.menu-body__bottom-link ._arrow svg {
  left: -10px !important;
  width: 33px;
}

.menu-body__bottom-phone {
  margin: 60px auto 0;
  color: #131411;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-align: center;
  line-height: 22px;
  text-transform: uppercase;
  display: none;
}

.menu-body__btn {
  margin: 40px auto 0 0;
  font-size: 18px !important;
  padding: 6px 6px 6px 20px;
  border-radius: 39.375px;
  border: 1px solid #d8d8d8;
  background: #fff;
}

.menu-body__btn ._arrow {
  width: 40px !important;
  height: 40px !important;
  margin: 0 0 0 20px !important;
}

.menu-body__btn ._arrow svg {
  width: 34px;
  left: -10px !important;
}

.menu-body__links {
  width: 100%;
  padding: 0 8px 0 0;
  display: flex;
  flex-direction: column;
  transition: all 0.4s ease;
}

.menu-body__links .header-body__call {
  display: none;
}

.menu-body__links.submenu-open {
  opacity: 0;
  pointer-events: none;
}

.menu-body__links.submenu-open._submenu {
  opacity: 1;
  pointer-events: unset;
}

.menu-body__links._submenu {
  opacity: 0;
  pointer-events: none;
}

.menu-body__links._submenu a {
  font-family: TT Norms;
  font-size: 24px;
}

.menu-body__links ._submenu-back {
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #969696;
  font-family: TT Norms;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.menu-body__links ._submenu-back:hover {
  color: #131411;
}

.menu-body__links ._submenu-back svg {
  margin: 0 16px 0 0;
}

.menu-body__links ._submenu-name {
  margin: 12px 0 0;
  color: #131411;
  font-family: Cormorant Unicase;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.menu-body__links-item {
  color: #969696;
  font-family: Cormorant Unicase;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  text-transform: uppercase;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.menu-body__links-item:hover {
  color: #131411;
}

.menu-body__links-item:not(:first-child) {
  margin: 12px 0 0;
}

.footer {
  position: relative;
  margin: 80px 0 0;
}

.footer__watermark {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 76px;
  border-right: 10px solid #14d85e;
  padding: 0 42px 0 0;
}

.footer__watermark-text {
  font-family: "TT Norms";
  font-size: 14px;
  line-height: 18px;
  color: #131411;
  opacity: 0.34;
}

.footer__watermark-logo {
  width: 230px;
  margin: 0 0 0 20px;
}

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

.footer-body {
  display: flex;
  padding: 100px 0 70px;
  border-top: 1px solid #d8d8d8;
}

.footer-body__logo {
  width: 196px;
}

.footer-body__logo img {
  width: 100%;
  height: 100%;
}

.footer-body__links {
  display: flex;
  flex-direction: column;
  margin: 24px 0 0;
}

.footer-body__links a {
  font-family: "TT Norms";
  font-size: 14px;
  line-height: 140%;
  color: #131411;
  opacity: 0.6;
}

.footer-body__links a:hover {
  text-decoration: underline;
}

.footer-body__links a:not(:first-child) {
  margin: 1px 0 0;
}

.footer-body__year {
  margin: 1px 0 0;
  color: #131411;
  font-family: TT Norms;
  font-size: 12px;
  line-height: 22px;
  opacity: 0.6;
}

.footer-body__cr {
  max-width: 244px;
  margin: 40px 0 0;
  color: #969696;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.footer-col:nth-child(1) {
  display: flex;
  flex-direction: column;
}

.footer-col:nth-child(1) .footer-col__social,
.footer-col:nth-child(1) .footer-col__bottom-logo {
  display: none;
}

.footer-col:nth-child(1) .footer-body__links {
  margin: 48px 0 0;
}

.footer-col:nth-child(1) .footer-body__links:not(:nth-child(2)) {
  margin: 30px 0 0;
}

.footer-col:nth-child(2) {
  margin: 0 auto;
}

.footer-col__bottom {
  margin: 60px 0 0;
  display: flex;
  align-items: flex-end;
}

.footer-col__bottom-logo {
  margin: 0 0 0 75px;
}

.footer-col__social {
  margin: 0 0 3px;
  display: flex;
  align-items: center;
  gap: 9px;
}

.footer-col__social-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #131411;
  border: 1px solid #131411;
  transition: all 0.3s ease;
}

.footer-col__social-item svg {
  width: 16px;
  height: 16px;
}

.footer-col__social-item svg path {
  transition: all 0.3s ease;
}

.footer-col__social-item:hover {
  background-color: #fff;
}

.footer-col__social-item:hover svg path {
  fill: #131411;
}

.footer-col__social-item:nth-child(2) svg {
  width: auto;
  height: 14px;
}

.footer-col__title {
  font-family: "Cormorant";
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  text-transform: uppercase;
  color: #d8d8d8;
  margin: 0 0 20px;
}

.footer-col__links {
  display: flex;
}

.footer-col__links-col:not(:first-child) {
  margin: 0 0 0 75px;
}

.footer-col__links-col a {
  cursor: pointer;
  display: block;
  font-family: "Cormorant";
  font-size: 18px;
  line-height: 140%;
  color: #131411;
}

.footer-col__links-col a:hover {
  text-decoration: underline;
}

.footer-col__links-col a:not(:first-child) {
  margin: 12px 0 0;
}

.footer-col__btn {
  margin: 50px 0 0;
  width: 306px;
}

.footer-col__btn svg {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 0 0 0 8px;
}

.footer-col__info-item {
  font-family: "Cormorant";
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}

.footer-col__info-item > br._mobile {
  display: none;
}

.footer-col__info-item:first-child {
  position: relative;
  padding: 0 0 11px;
}

.footer-col__info-item:first-child::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100px;
  height: 1px;
  background: #d9d9d9;
}

.footer-col__info-item:not(:first-child) {
  margin: 14px 0 0;
}

.footer-col__info-item ._title {
  color: #131411;
}

.footer-col__info-item ._link {
  font-weight: 400;
  color: #131411;
  margin: 0 0 0 2px;
}

.footer-col__info-item ._link:hover {
  text-decoration: underline;
}

.footer-col__info-item ._link br {
  display: none;
}

.footer-col__watermark {
  margin: 68px 0 0;
  display: flex;
  align-items: center;
}

.footer-col__watermark-text {
  color: rgba(19, 20, 17, 0.3);
  font-family: TT Norms;
  font-size: 14px;
  line-height: 18px;
}

.footer-col__watermark-logo {
  width: 110px;
  margin: 0 0 0 24px;
}

.footer-col__watermark-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.btn {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f6f6f6;
  padding: 12px 24px;
  font-family: "TT Norms";
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  color: #000000;
  text-align: center;
  transition: all 0.3s ease;
}

.btn:hover {
  background: #cccccc;
}

.btn_dark {
  background: #131411;
  color: #f6f6f6;
}

.btn_dark:hover {
  background: #5c5c5c;
}

.btn_arrow {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  color: #131411;
  font-family: Cormorant Unicase;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.btn_arrow:hover span svg {
  transform: translate(14px, -50%);
}

.btn_arrow ._arrow {
  flex: 0 0 auto;
  position: relative;
  width: 54px;
  height: 54px;
  border: 1px solid #e2e1e1;
  border-radius: 50%;
  margin: 0 0 0 30px;
}

.btn_arrow ._arrow svg {
  position: absolute;
  top: 50%;
  left: -14px;
  transform: translate(0, -50%);
  transition: all 0.4s ease;
}

.btn_border {
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  padding: 0 24px;
  border: 1px solid #131411;
  background: #fff;
  color: #131411;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.btn_border:hover {
  background: #131411;
  color: #fff;
}

.title {
  font-family: "Cormorant Unicase";
  font-weight: 300;
  font-size: 52px;
  line-height: 60px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #131411;
}

.text {
  color: #131411;
  font-family: TT Norms;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%;
}

.text span {
  font-weight: 500;
}

.section-devider {
  margin: 120px 0 90px;
  width: 100%;
  display: flex;
  align-items: center;
}

.section-devider img {
  margin: 0 24px;
  transform: translate(0, -4px);
}

.section-devider::before,
.section-devider::after {
  content: "";
  display: block;
  flex: 1 1 auto;
  height: 1px;
  background-color: #d8d8d8;
}

select {
  -webkit-appearance: none;
}

.main-slider__handler {
  position: relative;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border: 1px solid #f6f6f6;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-animation: sliderBtnAnim 1s infinite alternate linear;
          animation: sliderBtnAnim 1s infinite alternate linear;
}

.main-slider__handler._active {
  -webkit-animation: none;
          animation: none;
}

.main-slider__handler:hover {
  -webkit-animation: none;
          animation: none;
}

@-webkit-keyframes sliderBtnAnim {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

@keyframes sliderBtnAnim {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

.main-slider__handler svg {
  position: relative;
  z-index: 1;
}

.main-slider__handler::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -15px;
  right: -15px;
  bottom: -15px;
  top: -15px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.main-slider img-comparison-slider {
  width: 100%;
}

.main-slider__img {
  height: 100%;
  position: relative;
  height: auto;
}

.main-slider__img._second .main-slider__img-content {
  display: flex;
  flex-direction: column;
  margin: 0 0 0 auto;
}

.main-slider__img._second .main-slider__img-content-wrapper {
  display: block;
}

.main-slider__img._second .main-slider__img-title {
  display: none;
}

.main-slider__img img {
  width: 100%;
  height: 100%;
}

.main-slider__img img:nth-of-type(2) {
  display: none;
}

.main-slider__img img:nth-of-type(3) {
  display: none;
}

.main-slider__img .container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.main-slider__img-street {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.main-slider__img-street span {
  position: absolute;
  color: #f6f6f6;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-transform: uppercase;
}

.main-slider__img-street span:nth-child(1) {
  left: -22px;
  top: 90px;
  transform: rotate(-90deg);
}

.main-slider__img-street span:nth-child(2) {
  right: -22px;
  top: 90px;
  transform: rotate(90deg);
}

.main-slider__img-content {
  padding: 250px 40px 0;
  display: flex;
  position: absolute;
  width: calc(100% - 72px);
  height: 100%;
}

.main-slider__img-content-wrapper {
  margin: 0 0 0 auto;
  display: none;
}

.main-slider__img-advantage {
  display: flex;
  align-items: center;
  color: #fff;
  font-family: Cormorant Unicase;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 4px;
  text-transform: uppercase;
}

.main-slider__img-advantage:not(:first-child) {
  margin: 20px 0 0;
}

.main-slider__img-advantage span {
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 38px 0 0;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.4) 100%);
  border: 2px solid #f6f6f6;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(13.6363639832px);
          backdrop-filter: blur(13.6363639832px);
  color: #fff;
  text-align: center;
  font-family: TT Norms;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.main-slider__img-text {
  color: #fff;
  font-family: TT Norms;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px;
  text-transform: uppercase;
  margin: 30px 0 0;
}

.main-slider__img-title {
  color: #fff;
}

.main-slider__img-title span {
  display: block;
  color: #fff;
  font-family: TT Norms;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  text-transform: uppercase;
}

.main-slider__img-title span._small {
  font-size: 14px;
}

.main-slider__img-title span br {
  display: none;
}

.main-slider__img-title span:nth-child(1) {
  letter-spacing: 2px;
  color: #fff;
  font-family: Cormorant Unicase;
  font-size: 52px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  text-transform: uppercase;
}

.main-slider__img-title span:nth-child(2) {
  margin: 8px 0 0;
}

.main-slider__img-advantages {
  padding: 14px 0 0;
  margin: 0 0 0 200px;
}

.main-slider__img-list {
  display: flex;
  align-items: center;
  color: #fff;
  font-family: TT Norms;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.main-slider__img-list span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  margin: 0 20px 0 0;
  border: 1px solid #f6f6f6;
  border-radius: 50%;
  overflow: hidden;
}

.main-slider__img-list span::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: -15px;
  right: -15px;
  bottom: -15px;
  top: -15px;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.main-slider__img-item {
  display: flex;
  align-items: center;
}

.main-slider__img-item:not(:first-child) {
  margin: 0 0 0 20px;
}

.two {
  margin: 92px 0 0;
  scroll-margin-top: 100px;
}

.two-body {
  display: flex;
}

.two-body__text {
  padding: 20px 0 0;
  max-width: 636px;
}

.two-body__text-descr {
  margin: 50px 0 0;
  color: #565656;
}

.two-body__text-date {
  margin: 68px 0 0;
  color: #131411;
  font-family: TT Norms;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.two-body__img {
  position: relative;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  align-items: flex-start;
  margin: 0 -10px 0 24px;
}

.two-body__img::before {
  content: "";
  display: block;
  width: 785px;
  height: 785px;
  border: 2px solid #fff;
  position: absolute;
  z-index: -1;
  top: -120px;
  right: -94px;
  border-radius: 50%;
}

.two-body__img-item {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
  overflow: hidden;
  width: 306px;
}

.two-body__img-item:nth-child(1) {
  margin: 0 0 auto;
}

.two-body__img-item:nth-child(2) {
  margin: 70px 0 0 30px;
}

.two-body__img-item-wrapper {
  width: 0;
  overflow: hidden;
  transition: width 1s ease;
}

.two-body__img img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  height: auto;
  width: 306px;
}

.callback {
  margin: 120px 0 0;
}

.callback .container {
  max-width: 1400px;
}

.callback_parameters .callback-body {
  border-bottom: none;
  padding: 82px 0 0;
}

.callback_parameters .callback-body__btn br {
  display: none;
}

.callback_parameters-item .callback-body {
  border-bottom: none;
  padding: 82px 0 0;
}

.callback-body {
  display: flex;
  justify-content: center;
  padding: 82px 0;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
}

.callback-body__btn {
  display: flex;
  align-items: center;
  color: #131411;
  font-family: Cormorant Unicase;
  font-size: 52px;
  font-style: normal;
  font-weight: 300;
  line-height: 60px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.callback-body__btn br {
  display: none;
}

.callback-body__btn span {
  margin: 0 0 0 40px;
}

.callback_choose br {
  display: none;
}

.callback_future .callback-body {
  border-bottom: none;
  padding-bottom: 0;
}

.callback_report {
  margin: 36px 0 0;
}

.position {
  position: relative;
  scroll-margin-top: 100px;
}

.position .container {
  width: 100%;
}

.position__map {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
  bottom: 0;
}

.position__map > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
  display: none;
}

.position__map > img:nth-of-type(1) {
  display: block;
}

.position__map-compass {
  position: absolute;
  top: 20px;
  right: 40px;
}

.position-body {
  padding: 42px 0 60px;
}

.position-body__subtitle {
  margin: 28px 0 0;
  color: #969696;
  font-family: TT Norms;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.position-body__text {
  margin: 40px 0 0;
  max-width: 610px;
}

.position-body__new {
  margin: 16px 0 0;
  color: #131411;
  font-family: TT Norms;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.position-body__btn {
  cursor: pointer;
  margin: 40px 0 0;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

.position-body__btn ._text {
  flex: 0 1 auto;
  color: #131411;
  font-family: Cormorant Unicase;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.position-body__btn ._text br {
  display: none;
}

.position-body__btn ._arrow {
  flex: 0 0 auto;
  position: relative;
  display: block;
  margin: 0 0 0 30px;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border: 1px solid #e2e1e1;
}

.position-body__btn ._arrow svg {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: -14px;
}

.balance {
  padding: 156px 0 133px;
  background-image: url(/dist/css/../img/balance/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.balance .container {
  max-width: 1242px;
}

.balance-body {
  display: flex;
  flex-direction: column;
}

.balance-body__title {
  font-size: 72px;
  line-height: 72px;
  color: #ffffff;
}

.balance-body__btn {
  margin: 70px 0 0;
  color: #ffffff;
}

.balance-body__btn svg path {
  stroke: #ffffff;
}

.balance-body__btn br {
  display: none;
}

.balance-body__btn:nth-child(3) {
  margin: 20px 0 0;
}

.parking {
  margin: 220px 0 0;
  scroll-margin-top: 100px;
}

.parking-body {
  display: flex;
}

.parking-body__img {
  flex: 0 0 auto;
  width: 30.556%;
  position: relative;
}

.parking-body__img:not(:first-child) {
  margin: 0 0 0 44px;
}

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

.parking-body__img span {
  position: absolute;
  top: 30px;
  left: 40px;
  color: #f6f6f6;
  font-family: TT Norms;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-transform: uppercase;
  padding: 0 40px 0 0;
}

.parking-body__img span br {
  display: none;
}

.parking-body__slider {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-width: 0;
  margin: 0 0 0 44px;
}

.parking-body__slider .swiper-wrapper {
  height: auto;
}

.parking-body__slider-text {
  margin: 40px 0 0;
}

.parking-body__slider-text p:not(:first-child) {
  margin: 16px 0 0;
}

.parking-body__slider-pagination {
  display: flex;
  margin: auto 0 0;
  padding: 16px 0 0;
}

.parking-body__slider-pagination span {
  height: 1px;
  width: 100%;
  max-width: 94px;
  border-radius: 0;
  background-color: rgba(19, 20, 17, 0.2);
  transition: all 0.3s ease;
  opacity: 1;
  margin: 0;
}

.parking-body__slider-pagination span:not(:first-child) {
  margin: 0 0 0 24px !important;
}

.parking-body__slider-pagination span.swiper-pagination-bullet-active {
  height: 2px;
  background-color: #131411;
}

.layout {
  margin: 140px 0 0;
}

.layout-body {
  display: flex;
  justify-content: space-between;
}

.layout-body__content {
  flex: 0 0 485px;
  padding: 12px 0 0;
}

.layout-body__img {
  margin: 0 0 0 24px;
  overflow: hidden;
}

.layout-body__img video {
  width: 102%;
  height: 102%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: translate(-1%, -1%);
}

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

.layout-body__img img:nth-child(2) {
  display: none;
}

.layout-body__text {
  margin: 56px 0 0;
  max-width: 484px;
}

.layout-body__tobe {
  margin: 50px 0 0;
  color: #131411;
  font-family: TT Norms;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.layouts {
  margin: 100px 0 0;
}

.layouts-content {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  padding: 80px 0 135px;
}

.layouts-text {
  text-align: center;
}

.layouts-text br._mobile {
  display: none;
}

.layouts-text span {
  display: block;
}

.layouts-body {
  margin: 74px 0 0;
  display: flex;
  justify-content: center;
}

.layouts-body__item:not(:first-child) {
  position: relative;
  padding: 0 0 0 84px;
  margin: 0 0 0 84px;
}

.layouts-body__item:not(:first-child)::before {
  content: "";
  width: 2px;
  height: 80px;
  background: #d9d9d9;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.about {
  scroll-margin-top: 100px;
}

.about-body {
  padding: 100px 0;
  position: relative;
}

.about-body__a {
  position: absolute;
  right: 0;
  bottom: 10px;
  pointer-events: none;
}

.about-body__text {
  margin: 54px 0 0;
  max-width: 770px;
}

.about-body__text br {
  display: none;
}

.about-body__btn {
  margin: 50px 0 0;
}

.architecture {
  padding: 214px 0 0;
  position: relative;
  overflow: hidden;
}

.architecture__divider {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
}

.architecture__divider img {
  width: 100%;
  height: 100%;
}

.architecture .container {
  position: relative;
  max-width: 1192px;
}

.architecture .container::before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: -130px;
  right: -54px;
  width: 1309px;
  height: 1309px;
  border-radius: 50%;
  border: 2px solid #ffffff;
}

.architecture-body {
  display: flex;
  flex-direction: column;
  position: relative;
}

.architecture-body__num {
  pointer-events: none;
  position: absolute;
  z-index: 0;
  right: -10px;
  top: 150px;
}

.architecture-body__title {
  position: relative;
  align-self: flex-end;
}

.architecture-body__content {
  position: relative;
  max-width: 636px;
  margin: -10px 0 0;
}

.architecture-body__info {
  color: #131411;
  font-family: TT Norms;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  text-transform: uppercase;
}

.architecture-body__text {
  margin: 32px 0 0;
  color: #131411;
  font-family: TT Norms;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
}

.architecture-body__subtext {
  margin: 16px 0 0;
  color: #969696;
  font-family: TT Norms;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}

.architecture-body__img {
  width: 100%;
  margin: 0;
  position: relative;
}

.architecture-body__img-circle {
  position: absolute;
  left: -80px;
  bottom: 200px;
}

.architecture-body__img-item {
  width: 1040px;
  margin: 0 0 0 440px;
}

.architecture-body__img-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.architecture-body__img-item img:nth-child(2) {
  display: none;
}

.architecture_second {
  background-color: #ffffff;
}

.architecture_second .container {
  max-width: 1282px;
}

.architecture_second .container::before {
  border-color: #f6f6f6;
  top: -150px;
  right: -180px;
}

.architecture_second .architecture-body__title {
  align-self: flex-start;
}

.architecture_second .architecture-body__content {
  align-self: flex-end;
  max-width: 550px;
}

.architecture_second .architecture-body__num {
  left: 0;
}

.architecture_second .architecture-body__img-circle {
  left: auto;
  bottom: 150px;
  right: -20px;
}

.architecture_second .architecture-body__img-item {
  width: 912px;
  margin: 0 0 0 -200px;
}

.yards {
  margin: 80px 0 0;
  scroll-margin-top: 100px;
}

.yards .container {
  max-width: 1368px;
}

.yards__title ._mobile {
  display: none;
}

.yards-top {
  display: flex;
  margin: 40px 0 0;
}

.yards-top__item {
  display: flex;
}

.yards-top__item:not(:first-child) {
  margin: 0 0 0 110px;
}

.yards-top__item:nth-child(1) {
  flex: 0 1 636px;
}

.yards-top__item:nth-child(2) {
  flex: 0 1 524px;
}

.yards-top__item-num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border-radius: 50%;
  border: 1px solid #131411;
  color: #131411;
  text-align: center;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.yards-top__item-text {
  margin: 0 0 0 24px;
  color: #131411;
  font-family: TT Norms;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.yards-slider {
  display: flex;
  margin: 80px 0 0;
}

.yards-slider__text-content {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.yards-slider__text-content .swiper-wrapper {
  height: auto;
}

.yards-slider__text-title {
  color: #131411;
  font-family: Cormorant Unicase;
  font-size: 36px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.yards-slider__text-title p:not(:first-child) {
  margin: 8px 0 0;
}

.yards-slider__text-text {
  max-width: 510px;
}

.yards-slider__text-pagination {
  display: flex;
  margin: 48px 0 0;
}

.yards-slider__text-pagination span {
  height: 1px;
  width: 100%;
  max-width: 94px;
  border-radius: 0;
  background-color: rgba(19, 20, 17, 0.2);
  transition: all 0.3s ease;
  opacity: 1;
  margin: 0;
}

.yards-slider__text-pagination span:not(:first-child) {
  margin: 0 0 0 24px !important;
}

.yards-slider__text-pagination span.swiper-pagination-bullet-active {
  height: 2px;
  background-color: #131411;
}

.yards-slider__img {
  position: relative;
  overflow: hidden;
}

.yards-slider__img-nav {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #f6f6f6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  transition: all 0.3s ease;
}

.yards-slider__img-nav:hover {
  background-color: #cdcdcd;
}

.yards-slider__img-nav.swiper-button-disabled {
  display: none;
  cursor: unset;
  background-color: #f6f6f6;
}

.yards-slider__img-nav_prev {
  left: 20px;
}

.yards-slider__img-nav_prev svg {
  transform: scale(-1, 1);
}

.yards-slider__img-nav_next {
  right: 20px;
}

.yards-slider__img-circle {
  display: none;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
}

.yards-slider__img-circle img {
  -o-object-fit: contain;
     object-fit: contain;
}

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

.lobby {
  position: relative;
  z-index: 1;
  flex: 0 0 100%;
  display: flex;
  height: 100vh;
  scroll-margin-top: 100px;
}

.lobby__img {
  position: relative;
}

.lobby__img-circle {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.lobby-content {
  flex: 0 0 100%;
}

.lobby .container {
  height: 100%;
}

.lobby-body {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 100%;
  padding: 120px 110px 70px 0;
}

.lobby-body__num {
  position: absolute;
  z-index: -1;
  top: 110px;
  left: 0;
}

.lobby-body__text {
  margin: auto 0 0;
  max-width: 440px;
}

.lobby-body__text p:not(:first-child) {
  margin: 40px 0 0;
}

.feel {
  flex: 0 0 100%;
  height: 100vh;
}

.feel .container {
  height: 100%;
}

.feel-body {
  height: 100%;
  display: flex;
  position: relative;
}

.feel-body::before {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  width: 976px;
  height: 976px;
  border: 2px solid #fff;
  border-radius: 50%;
  top: -395px;
  right: -150px;
}

.feel-body__a {
  position: absolute;
  top: -180px;
  left: -200px;
  pointer-events: none;
}

.feel-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 120px 0 70px;
}

.feel-text__title {
  font-size: 40px;
  line-height: 48px;
}

.feel-text__item {
  max-width: 446px;
}

.feel-content {
  display: flex;
  margin: 0 0 0 auto;
}

.feel-col {
  display: flex;
  flex-direction: column;
}

.feel-col__lamp {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.feel-col__lamp img {
  transform: translate(-14px, 0);
}

.feel-col__lamp-text {
  position: relative;
  margin: 62px 0 0;
  color: #131411;
  text-align: center;
  font-family: Cormorant Unicase;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.feel-col__lamp-text::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: calc(100% + 10px);
  display: block;
  width: 6px;
  height: 100px;
  background-image: url(/dist/css/../img/lobby/feel/to.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}

.feel-col__texture {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin: auto 0 24px;
  position: relative;
}

.feel-col__texture::before {
  content: "";
  position: absolute;
  top: 8px;
  right: 102px;
  transform: rotate(90deg);
  display: block;
  width: 6px;
  height: 100px;
  background-image: url(/dist/css/../img/lobby/feel/to.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}

.feel-col__texture-text {
  color: #131411;
  text-align: center;
  font-family: Cormorant Unicase;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 56px 0 0;
}

.feel-col__textures {
  padding: 90px 0 0;
}

.feel-col__textures-title {
  color: #131411;
  text-align: center;
  font-family: Cormorant Unicase;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.feel-col__textures-list {
  margin: 50px 0 0;
  display: flex;
}

.feel-col__textures-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.feel-col__textures-item::before {
  content: "";
  position: absolute;
  top: -38px;
  left: 50%;
  transform: translate(-50%, 0) scale(1, -1);
  display: block;
  width: 6px;
  height: 100px;
  background-image: url(/dist/css/../img/lobby/feel/to.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}

.feel-col__textures-item span {
  color: #969696;
  text-align: center;
  font-family: Cormorant Unicase;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: -10px 0 0;
}

.feel-col__fish {
  margin: auto 0 0;
}

.eq-gsap-row {
  margin: 100px 0 0;
  display: flex;
}

.eq-gsap-row-2 {
  display: flex;
  margin: 66px 0 0;
}

.eq-gsap-row-2 .lobby__img-circle {
  bottom: auto;
  top: 0;
}

.eq-gsap-row-2 .lobby-body {
  padding: 120px 0 20px;
  margin: 0 0 0 auto;
  width: calc(50% - 86px);
}

.eq-gsap-row-2 .lobby-content {
  transform: translate(-50%, 0);
}

.materials {
  flex: 0 0 100%;
  height: 100vh;
  position: relative;
}

.materials .container {
  height: 100%;
}

.materials__wood {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  pointer-events: none;
}

.materials__wood img:nth-child(2) {
  display: none;
}

.materials-body {
  display: flex;
  position: relative;
  height: 100%;
}

.materials-body__a {
  pointer-events: none;
  position: absolute;
  bottom: 100px;
  right: -200px;
}

.materials-body__wrapper {
  width: 100%;
}

.materials-body__wrapper::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 976px;
  height: 976px;
  border: 2px solid #fff;
  border-radius: 50%;
  top: -395px;
  right: -150px;
  display: none;
}

.materials-body__content {
  position: relative;
  width: 100%;
  height: 100%;
}

.materials-body__content-a {
  display: none;
}

.materials-body__content .materials__wood {
  display: none;
}

.materials-text {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  padding: 120px 0 80px;
}

.materials-text__title {
  font-size: 40px;
  line-height: 48px;
}

.materials-text__item {
  margin: auto 0 0;
  max-width: 390px;
}

.materials-luster {
  position: absolute;
  top: 0;
  left: 28%;
  transform: translate(-50%, 0);
}

.materials-luster img:nth-of-type(2) {
  display: none;
}

.materials-luster__text {
  color: #131411;
  text-align: center;
  font-family: Cormorant Unicase;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: absolute;
  bottom: 115px;
  right: 100%;
  width: 162px;
}

.materials-luster__text::before {
  content: "";
  position: absolute;
  top: -26px;
  right: -54px;
  transform: rotate(90deg);
  display: block;
  width: 6px;
  height: 100px;
  background-image: url(/dist/css/../img/lobby/feel/to.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}

.materials-materials {
  position: absolute;
  right: 0;
  bottom: 0;
}

.materials-materials__item {
  display: flex;
  align-items: center;
  position: relative;
}

.materials-materials__item::before {
  content: "";
  position: absolute;
  top: -38px;
  left: 50%;
  transform: translate(-50%, 0) scale(1, -1);
  display: block;
  width: 6px;
  height: 100px;
  background-image: url(/dist/css/../img/lobby/feel/to.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}

.materials-materials__item:nth-child(1) {
  position: absolute;
  right: 450px;
  bottom: 10px;
}

.materials-materials__item:nth-child(1)::before {
  transform: translate(0) scale(1) rotate(90deg);
  top: 10px;
  right: 105px;
  left: auto;
}

.materials-materials__item:nth-child(2) {
  position: absolute;
  right: 450px;
  bottom: 120px;
}

.materials-materials__item:nth-child(2) span {
  width: 174px;
  margin: 0 40px 0 0;
}

.materials-materials__item:nth-child(2)::before {
  transform: translate(0) scale(1) rotate(90deg);
  top: 10px;
  right: 105px;
  left: auto;
}

.materials-materials__item:nth-child(3) {
  flex-direction: column;
  position: absolute;
  right: 310px;
  bottom: 250px;
}

.materials-materials__item:nth-child(3) span {
  width: 174px;
  margin: 0 0 40px;
}

.materials-materials__item:nth-child(3)::before {
  transform: translate(0) scale(1, -1) rotate(0);
  top: 54px;
  right: 84px;
  left: auto;
}

.materials-materials__item:nth-child(4) {
  flex-direction: column;
  position: absolute;
  right: 160px;
  bottom: 350px;
}

.materials-materials__item:nth-child(4) span {
  width: 200px;
  margin: 0 0 40px;
}

.materials-materials__item:nth-child(4)::before {
  transform: translate(0) scale(1, -1) rotate(0);
  top: 54px;
  right: 100px;
  left: auto;
}

.materials-materials__item:nth-child(5) {
  flex-direction: column;
  position: absolute;
  right: 0px;
  bottom: 450px;
}

.materials-materials__item:nth-child(5) span {
  width: 200px;
  margin: 0 0 40px;
}

.materials-materials__item:nth-child(5)::before {
  transform: translate(0) scale(1, -1) rotate(0);
  top: 54px;
  right: 100px;
  left: auto;
}

.materials-materials__item span {
  display: flex;
  justify-content: center;
  color: #131411;
  text-align: center;
  font-family: Cormorant Unicase;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 50px 0 0;
}

.progress {
  position: relative;
  padding: 0 0 165px;
}

.progress_page {
  padding: 60px 0 80px;
}

.progress_page .progress__text {
  bottom: -145px;
}

.progress__text {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translate(-50%, 0);
  width: 1664px;
  pointer-events: none;
}

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

.progress__nav {
  display: none !important;
  margin: 48px auto 0 !important;
  justify-content: center;
}

.progress-top {
  display: flex;
  align-items: center;
}

.progress-top__title {
  color: #131411;
  font-family: Cormorant Unicase;
  font-size: 52px;
  font-weight: 300;
  line-height: 60px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.progress-top__nav {
  display: flex;
  margin: 0 0 0 auto;
}

.progress-top__nav span {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #131411;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.progress-top__nav span:not(:first-child) {
  margin: 0 0 0 16px;
}

.progress-top__nav span:nth-child(2) svg {
  transform: scale(-1, 1);
}

.progress-top__nav span:hover {
  background: #cdcdcd;
}

.progress-body {
  margin: 60px 0 0;
}

.progress-body__item {
  overflow: hidden;
  display: block;
  position: relative;
}

.progress-body__item:hover .progress-item__info-arrow svg {
  transform: translate(14px, -50%);
}

.progress-body__item:hover .progress-body__item-img img {
  transform: scale(1.1);
}

.progress-body__item._soon {
  border: 1px solid #969696;
  background: #f6f6f6;
}

.progress-body__item._soon .progress-item__info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progress-body__item._soon .progress-item__info-title {
  color: #969696;
  text-align: center;
}

.progress-body__item._soon .progress-item__info-date {
  margin: 10px 0 0;
  color: #969696;
  text-align: center;
}

.progress-body__item-img {
  position: relative;
  width: 100%;
  height: 100%;
}

.progress-body__item-img::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.35;
}

.progress-body__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.4s ease;
}

.progress-body__item-top {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  padding: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.progress-item__info-title {
  color: #fff;
  font-family: Cormorant Unicase;
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.progress-item__info-date {
  color: #fff;
  font-family: TT Norms;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.progress-item__info-arrow {
  position: relative;
}

.progress-item__info-arrow svg {
  position: absolute;
  top: 50%;
  left: -14px;
  transform: translate(0, -50%);
  transition: all 0.4s ease;
}

.progress-item__info-arrow::before {
  content: "";
  width: 54px;
  height: 54px;
  display: block;
  border-radius: 50%;
  border: 1px solid #e2e1e1;
}

.progress_item {
  position: relative;
}

.progress_item-body {
  position: relative;
  margin: 33px 0 0;
  padding: 33px 0 0;
  overflow: hidden;
  border-top: 1px solid #d8d8d8;
}

.progress_item-body .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.progress_item-body-nav {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #f6f6f6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  transition: all 0.3s ease;
}

.progress_item-body-nav:hover {
  background-color: #cdcdcd;
}

.progress_item-body-nav.swiper-button-disabled {
  display: none;
  cursor: unset;
  background-color: #f6f6f6;
}

.progress_item-body-nav_prev {
  left: 20px;
}

.progress_item-body-nav_next {
  right: 20px;
}

.progress_item-body-nav_next svg {
  transform: scale(-1, 1);
}

.accent {
  position: relative;
  margin: 250px 0 0;
  height: 100vh;
  overflow: hidden;
  scroll-margin-top: 100px;
}

.accent-icon {
  position: absolute;
  top: 50%;
  right: 250px;
  transform: translate(0, -50%);
}

.accent-icon__item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(246, 246, 246, 0.5);
  border: 2px solid #f6f6f6;
  border-radius: 50%;
  opacity: 0.9;
  width: 182px;
  height: 182px;
}

.accent-icon__item::before,
.accent-icon__item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #f6f6f6;
  border-radius: 50%;
}

.accent-icon__item::before {
  z-index: -1;
  background: rgba(246, 246, 246, 0.3);
  opacity: 0.7;
  width: calc(100% + 48px);
  height: calc(100% + 48px);
}

.accent-icon__item::after {
  z-index: -2;
  background: rgba(246, 246, 246, 0.1);
  opacity: 0.5;
  width: calc(100% + 98px);
  height: calc(100% + 98px);
}

.accent-icon__item > img {
  display: block !important;
  width: 60px !important;
  height: 60px !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.accent-icon__item._sub {
  position: absolute;
  width: 102px;
  height: 102px;
  transform: translate(50%, 50%);
}

.accent-icon__item._sub img {
  width: 40px !important;
  height: 40px !important;
}

.accent-icon__item._sub::before,
.accent-icon__item._sub::after {
  border: 1px solid #f6f6f6;
}

.accent-icon__item._sub::before {
  width: calc(100% + 28px);
  height: calc(100% + 28px);
}

.accent-icon__item._sub::after {
  width: calc(100% + 54px);
  height: calc(100% + 54px);
}

.accent-icon__item:nth-child(2) {
  left: -190px;
  top: -190px;
}

.accent-icon__item:nth-child(3) {
  right: -190px;
  top: -190px;
  transform: translate(-50%, 50%);
}

.accent-icon__item:nth-child(4) {
  left: -190px;
  bottom: -190px;
  transform: translate(50%, -50%);
}

.accent-icon__item:nth-child(5) {
  right: -190px;
  bottom: -190px;
  transform: translate(-50%, -50%);
}

.accent__img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.accent__img-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

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

.accent__img-item img:nth-child(2) {
  display: none;
}

.accent .container {
  height: 100%;
}

.accent-body {
  position: relative;
  height: 100%;
}

.accent-body::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: none;
  width: 100%;
  background: #f6f6f6;
  top: 0;
  bottom: 0;
  right: 100%;
}

.accent-body__info {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
  z-index: 1;
  padding: 124px 0 0;
}

.accent-body__info::before {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 925px;
  height: 925px;
  border-radius: 0 50% 50% 0;
  background: #f6f6f6;
  top: -84px;
  left: -250px;
  height: auto;
  bottom: -84px;
}

.accent-body__info-title {
  color: #131411;
  font-family: Cormorant Unicase;
  font-size: 52px;
  font-style: normal;
  font-weight: 300;
  line-height: 60px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.accent-body__img {
  position: absolute;
  right: 0;
  width: 280px;
  height: 280px;
}

.accent-body__img span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  border-radius: 50%;
}

.accent-body__img span:nth-child(1) {
  width: 182px;
  height: 182px;
  background: rgba(246, 246, 246, 0.5);
  border: 2px solid #f6f6f6;
  opacity: 0.8999999762;
}

.accent-body__img span:nth-child(2) {
  width: 230px;
  height: 230px;
  background: rgba(246, 246, 246, 0.3);
  border: 2px solid #f6f6f6;
  opacity: 0.6999999881;
}

.accent-body__img span:nth-child(3) {
  width: 280px;
  height: 280px;
  border: 2px solid #f6f6f6;
  opacity: 0.5;
  background: rgba(246, 246, 246, 0.1);
}

.accent-body__img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.accent-content {
  position: relative;
  margin: auto 0;
  padding: 0 0 300px;
}

.accent-content__nav {
  display: none;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.accent-content__nav span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 1px solid #131411;
}

.accent-content__nav span:not(:first-child) {
  margin: 0 0 0 24px;
}

.accent-content__nav span:nth-child(2) svg {
  transform: scale(-1, 1);
}

.accent-content__item {
  position: absolute;
  opacity: 0;
}

.accent-content__item:first-child {
  opacity: 1;
}

.accent-content__item-num {
  position: absolute;
  top: 50%;
  left: -232px;
  transform: translate(0, -50%);
  z-index: -1;
  pointer-events: none;
}

.accent-content__item-name {
  color: #131411;
  font-family: TT Norms;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  text-transform: uppercase;
}

.accent-content__item-descr {
  margin: 20px 0 0;
  max-width: 435px;
  color: #000;
  font-family: TT Norms;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.building {
  margin: 50px 0 120px;
  scroll-margin-top: 100px;
}

.building-tooltip {
  position: absolute;
  z-index: 1;
}

.building-tooltip:nth-child(1) {
  top: 120px;
  left: 82px;
}

.building-tooltip:nth-child(2) {
  top: 298px;
  left: 342px;
}

.building-tooltip:nth-child(3) {
  top: 440px;
  left: 380px;
}

.building-tooltip:nth-child(4) {
  top: 240px;
  left: 660px;
}

.building-tooltip:nth-child(5) {
  top: 160px;
  left: 850px;
}

.building-tooltip:nth-child(6) {
  top: 538px;
  left: 1014px;
}

.building-tooltip:nth-child(6) .building-tooltip__content {
  left: auto;
  right: 22px;
  top: auto;
  bottom: 22px;
  transform: translate(50%, 50%) scale(0);
}

.building-tooltip:nth-child(7) {
  top: 432px;
  left: 1080px;
}

.building-tooltip:nth-child(7) .building-tooltip__content {
  left: auto;
  right: 22px;
  transform: translate(50%, -50%) scale(0);
}

.building-tooltip._active .building-tooltip__btn {
  background-color: #131411;
}

.building-tooltip._active .building-tooltip__btn svg {
  transform: rotate(45deg);
}

.building-tooltip._active .building-tooltip__btn svg path {
  fill: #ffffff;
}

.building-tooltip._active .building-tooltip__content {
  pointer-events: unset;
  visibility: visible;
  opacity: 1;
  transform: translate(0) scale(1);
}

.building-tooltip__btn {
  position: relative;
  z-index: 1;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  background-color: #ffffff;
  border-radius: 50%;
  border: 1px solid #131411;
  transition: all 0.4s ease;
}

.building-tooltip__btn:hover {
  background-color: #dadada;
}

.building-tooltip__btn:hover svg {
  transform: rotate(20deg);
}

.building-tooltip__btn svg {
  pointer-events: none;
  transition: all 0.4s ease;
}

.building-tooltip__btn svg path {
  transition: all 0.4s ease;
}

.building-tooltip__content {
  width: 298px;
  position: absolute;
  z-index: -1;
  top: 22px;
  left: 22px;
  border: 1px solid #000;
  background: #fff;
  padding: 16px 20px;
  transition: all 0.4s ease;
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
}

.building-tooltip__content-title {
  color: #131411;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.building-tooltip__content-text {
  margin: 16px 0 0;
  color: #565656;
  font-family: TT Norms;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

.building-body {
  width: 1296px;
  position: relative;
}

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

.building-body__info {
  display: flex;
  align-items: center;
  position: absolute;
}

.building-body__info_first {
  left: 0;
  bottom: 66px;
}

.building-body__info_second {
  right: 30px;
  bottom: 5px;
}

.building-body__info-item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 52.5px;
  background: #fff;
}

.building-body__info-item:not(:first-child) {
  margin: 0 0 0 28px;
}

.building-body__info-value {
  width: 44px;
  height: 44px;
  border: 1px solid #131411;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
  color: #131411;
  text-align: center;
  font-family: Cormorant Unicase;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.building-body__info-text {
  margin: 0 0 0 12px;
  color: #131411;
  font-family: Cormorant Unicase;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.residences {
  margin: 80px 0 0;
  overflow: hidden;
  background-image: url(/dist/css/../img/residences/img@2x.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.residences .container {
  position: relative;
}

.residences-body {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 120px 0 50px;
  height: 750px;
}

.residences-body::before {
  content: "";
  position: absolute;
  top: -255px;
  left: -150px;
  display: block;
  width: 834px;
  height: 834px;
  border-radius: 50%;
  border: 2px solid #f6f6f6;
  pointer-events: none;
}

.residences-body__info {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 40px;
  color: #000;
  font-family: TT Norms;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.residences-body__info span {
  display: block;
  max-width: 440px;
}

.residences-body__info::before {
  content: "";
  position: absolute;
  z-index: -1;
  display: block;
  width: 694px;
  height: 694px;
  background: #f6f6f6;
  border-radius: 50%;
  top: -150px;
  left: 50%;
  transform: translate(-50%, 0%);
}

.residences-body__title {
  color: #fff;
  font-family: Cormorant Unicase;
  font-size: 72px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.residences-body__text {
  margin: 30px 0 0;
  color: #fff;
  font-family: TT Norms;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.residences-body__btn {
  margin: auto 0 0;
  padding: 20px 0 0;
  color: #fff;
}

.residences-body__btn span svg path {
  stroke: #fff;
}

.view {
  margin: 110px 0 0;
}

.view-body {
  display: flex;
}

.view-slider {
  min-width: 0;
  position: relative;
  overflow: hidden;
  height: 662px;
}

.view-slider .swiper-wrapper {
  height: calc(100% - 62px);
}

.view-slider img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right;
     object-position: right;
}

.view-slider__nav {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translate(0, -50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff;
  transition: all 0.3s ease;
}

.view-slider__nav:hover {
  background-color: #cdcdcd;
}

.view-slider__nav.swiper-button-disabled {
  display: none;
  cursor: unset;
  background-color: #f6f6f6;
}

.view-slider__nav-prev {
  left: 0;
}

.view-slider__nav-next {
  right: 0;
}

.view-slider__nav-next svg {
  transform: scale(-1, 1);
}

.view-slider__pagination {
  display: flex;
  justify-content: center;
  margin: 60px 0 0;
}

.view-slider__pagination span {
  height: 1px;
  width: 100%;
  max-width: 94px;
  border-radius: 0;
  background-color: rgba(19, 20, 17, 0.2);
  transition: all 0.3s ease;
  opacity: 1;
  margin: 0;
}

.view-slider__pagination span:not(:first-child) {
  margin: 0 0 0 24px !important;
}

.view-slider__pagination span.swiper-pagination-bullet-active {
  height: 2px;
  background-color: #131411;
}

.view-text {
  display: flex;
  flex-direction: column;
  flex: 0 0 546px;
  margin: 0 0 0 110px;
}

.view-text__text {
  margin: 32px 0 0;
  max-width: 416px;
  color: #565656;
}

.view-text__advantages {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 0;
  gap: 24px 40px;
}

.view-text__advantages-item {
  display: flex;
  align-items: center;
  flex: 0 0 calc(60% - 40px);
}

.view-text__advantages-item:nth-child(2),
.view-text__advantages-item:nth-child(4) {
  flex: 0 0 calc(30% - 40px);
}

.view-text__advantages-num {
  flex: 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 43px;
  border: 1px solid #131411;
  border-radius: 50%;
  color: #131411;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 23px;
}

.view-text__advantages-text {
  color: #131411;
  font-family: Onest;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin: 0 0 0 24px;
  white-space: nowrap;
}

.view-text__btn {
  margin: auto 0 0;
}

.view-text__btn br {
  display: none;
}

.form {
  margin: 32px 0 0;
}

.form .container {
  border-top: 1px solid #d8d8d8;
}

.form_top {
  padding: 158px 0;
}

.form_top .form-body {
  position: relative;
  margin: 0 auto;
}

.form_top .form-body__a {
  position: absolute;
  pointer-events: none;
  z-index: -1;
  top: 10px;
  right: -40px;
}

.form__title {
  text-align: center;
  margin: 0 0 60px;
  flex: 1 1 100%;
}

.form-body {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 120px 0 0;
}

.form-body__item:not(:first-child) {
  margin: 0 0 0 24px;
}

.form-body__item_phone {
  flex: 0 0 220px;
}

.form-body__item_name {
  flex: 0 1 306px;
}

.form-body__item_text {
  display: none;
}

.form-body__item-name {
  color: #888;
  font-feature-settings: "calt" off;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: 0 0 12px;
}

.form-body__item-input {
  height: 54px;
  border-bottom: 2px solid #d8d8d8;
}

.form-body__item-input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  font-family: TT Norms;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.36px;
  color: #131411;
}

.form-body__item-input input:placeholder {
  color: #888;
}

.form-body__item_select {
  display: flex;
  flex-wrap: wrap;
}

.form-body__item_select .form-body__item-name {
  flex: 1 1 100%;
}

.form-body__item_select .form-body__item-select {
  flex: 0 0 calc(50% - 13px);
}

.form-body__item_select .form-body__item-select:last-child {
  margin: 0 0 0 26px;
}

.form-body__item-select {
  height: 54px;
  border-bottom: 2px solid #d8d8d8;
}

.form-body__item-select select {
  width: 100%;
  height: 100%;
  background-color: transparent;
  font-family: TT Norms;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.36px;
  color: #131411;
}

.form-body__item-select select:placeholder {
  color: #888;
}

.form-body__item_btn {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.form-body__item-btn {
  background-color: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-family: TT Norms;
}

.form-body__item-btn ._arrow {
  width: 48px;
  height: 48px;
}

.form-body__text {
  margin: 50px 0 0;
  color: #888;
  text-align: center;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.form-body__text a {
  color: #888;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.video {
  margin: 70px 0 0;
  scroll-margin-top: 100px;
}

.video-body {
  display: flex;
  padding: 0 0 100px;
  border-bottom: 1px solid #d8d8d8;
}

.video-body__text {
  display: flex;
  flex-direction: column;
}

.video-body__text-item {
  margin: 40px 0 20px;
  color: #565656;
  font-family: TT Norms;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

.video-body__text-time {
  max-width: 550px;
  color: #969696;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  margin: auto 0 0;
  padding: 7px 0 38px;
  border-top: 1px solid #969696;
}

.video-body__text-time span {
  font-family: Cormorant Unicase;
}

.video-body__item {
  flex: 0 1 636px;
  align-self: flex-end;
  margin: 0 0 0 70px;
}

.video-body__item video {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.parameters_info {
  margin: 60px 0 0;
}

.parameters_info__title br {
  display: none;
}

.parameters_info-body {
  display: flex;
  align-items: center;
  margin: 18px 0 0;
}

.parameters_info-body__text {
  display: flex;
  color: #131411;
  font-family: TT Norms;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.parameters_info-body__text span {
  display: block;
  font-weight: 500;
}

.parameters_info-body__text p {
  max-width: 720px;
}

.parameters_info-body__text svg {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 4px 10px 0 0;
}

.parameters_info-body__img {
  position: relative;
  margin: 0 0 0 60px;
}

.parameters_info-body__img img {
  width: 100%;
  height: auto;
  margin: 0 0 14px;
}

.parameters_info-body__img::before {
  content: "";
  display: block;
  width: 1px;
  height: 78px;
  background: #969696;
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translate(0, -50%);
}

.filters {
  margin: 46px 0 0;
}

.filters-body {
  padding: 40px 0 60px;
  border-top: 1px solid rgba(19, 20, 17, 0.1);
  border-bottom: 1px solid rgba(19, 20, 17, 0.1);
}

.filters-body__select {
  margin: 0 0 8px;
  width: 196px;
  height: 44px;
  border-bottom: 1px solid #565656;
}

.filters-body__select select {
  cursor: pointer;
  width: 100%;
  height: 44px;
  padding: 0 16px;
  color: #131411;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  border-bottom: 1px solid #565656;
  background: transparent;
}

.filters-body__title {
  flex: 0 0 100%;
  margin: 0 0 32px;
}

.filters-body__title br {
  display: none;
}

.filters-body__text {
  margin: 0 0 0 64px;
  color: #565656;
  font-family: TT Norms;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.filters-row {
  display: flex;
}

.filters-row:nth-child(1) {
  flex-wrap: wrap;
  align-items: flex-end;
}

.filters-row:not(:first-child) {
  margin: 50px 0 0;
}

.filters-item {
  flex: 1 1 306px;
}

.filters-item:nth-child(1) {
  flex: 0 0 196px;
}

.filters-item:not(:first-child) {
  margin: 0 0 0 60px;
}

.filters-item .input-content-width {
  flex: 0 1 auto;
  min-width: 34px;
  background-color: transparent;
  color: #131411;
  text-align: center;
  font-family: TT Norms;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.36px;
}

.filters-item .input-content-width::-webkit-outer-spin-button,
.filters-item .input-content-width::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.filters-item .input-content-width[type=number] {
  -moz-appearance: textfield;
}

.filters-item .buffer {
  position: absolute;
  top: -1000px;
  left: -1000px;
  visibility: hidden;
  white-space: nowrap;
}

.filters-item__name {
  color: #888;
  font-feature-settings: "calt" off;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.filters-item_cost input {
  margin: 0 0 0 14px;
}

.filters-item_cost input.input-content-width {
  min-width: 100px;
}

.filters-item__fromTo {
  display: flex;
  margin: 0 0 14px;
}

.filters-item__fromTo._square span {
  margin: 0 12px;
}

.filters-item__fromTo._square input {
  margin: 0 4px;
}

.filters-item__fromTo-col {
  flex: 0 0 50%;
  display: flex;
  justify-content: center;
  color: #131411;
  text-align: center;
  font-family: TT Norms;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.36px;
}

.filters-item__fromTo-col:not(:first-child) {
  border-left: 1px solid #969696;
}

.filters-item__fromTo-col span {
  width: auto;
  flex: 0 1 auto;
  background-color: transparent;
  text-align: center;
  margin: 0 0 0 10px;
}

.filters-item__to {
  margin: 0 0 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #131411;
  text-align: center;
  font-family: TT Norms;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.36px;
}

.filters-item__to input {
  margin: 0 10px;
}

.filters-item__to svg {
  margin: 0 0 0 10px;
}

.filters-item__slider {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 52px;
}

.filters-item__slider .noUi-horizontal {
  height: 1px;
}

.filters-item__slider .noUi-pips {
  display: flex;
  align-items: center;
  top: -64px;
  height: 32px;
}

.filters-item__slider .noUi-base {
  cursor: pointer;
  height: 10px;
  transform: translate(0, -50%);
}

.filters-item__slider .noUi-handle {
  cursor: pointer;
  right: -8px;
  top: -4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #131411;
}

.filters-item__slider .noUi-handle::before,
.filters-item__slider .noUi-handle::after {
  display: none;
}

.filters-item__slider .noUi-touch-area {
  display: none;
}

.filters-item__slider .noUi-marker {
  display: none;
}

.filters-item__slider .noUi-value {
  color: #131411;
  font-family: TT Norms;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.36px;
  cursor: pointer;
  padding: 10px;
}

.filters-item__slider .noUi-value:nth-child(2) {
  left: 14px !important;
}

.filters-item__slider .noUi-value:last-child {
  left: calc(100% - 10px) !important;
}

.filters-item__slider .noUi-connects {
  height: 2px;
  top: 4px;
}

.filters-item__slider .noUi-connect {
  background-color: #131411;
}

.filters-item__slider_fromTo .filter-slider-floor {
  background: transparent;
}

.filters-item__slider_fromTo .noUi-connects {
  background-color: #131411;
}

.filters-item__slider_fromTo .noUi-connect {
  background: #969696;
}

.filters-others {
  margin: 30px 0 0;
}

.filters-others._open .filters-others-title svg {
  transform: scale(1, 1);
}

.filters-others-title {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  height: 44px;
  color: #131411;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  /* 142.857% */
  text-transform: uppercase;
}

.filters-others-title span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0 0 0 8px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-family: TT Norms;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  background-color: #131411;
}

.filters-others-title svg {
  margin: 0 0 0 16px;
  transition: all 0.3s ease;
  transform: scale(1, -1);
}

.filters-others-body {
  margin: 24px 0 0;
  display: flex;
  flex-wrap: wrap;
  height: 0;
  overflow: hidden;
  transition: all 0.4s ease;
  gap: 24px;
}

.filters-others-body__btn span {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 46px;
  background: #fff;
  padding: 0 16px;
  border: 1px solid #fff;
  color: #131411;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.filters-others-body__btn span:hover {
  border: 1px solid #131411;
}

.filters-others-body__btn input {
  display: none;
}

.filters-others-body__btn input:disabled + span {
  cursor: default;
  background: #ececec;
  color: #969696;
  border-color: #ececec;
}

.filters-others-body__btn input:checked + span {
  color: #f6f6f6;
  background: #131411;
  border: 1px solid #131411;
}

.filters-others-body__btn input:checked + span svg {
  display: block;
}

.filters-others-body__btn svg {
  display: block;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 0 0 0 8px;
  display: none;
}

.filters-others-bottom {
  display: flex;
  margin: 40px 0 0;
  padding: 55px 0 0;
  border-top: 1px solid rgba(19, 20, 17, 0.1);
}

.filters-others-bottom__clear {
  margin: 0 0 0 12px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 54px;
  padding: 0 24px;
  color: #131411;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.filters-others-bottom__clear svg {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
}

.parameters-content {
  margin: 66px 0 0;
}

.parameters-content-sort {
  display: flex;
  justify-content: flex-end;
}

.parameters-content-sort label:not(:first-child) {
  margin: 0 0 0 12px;
}

.parameters-content-sort label input {
  display: none;
}

.parameters-content-sort label input:checked + span {
  background: #131411;
  color: #fff;
}

.parameters-content-sort label input:checked + span svg {
  transform: scale(1, -1);
}

.parameters-content-sort label input:checked + span svg path {
  stroke: #fff;
}

.parameters-content-sort label span {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 0 4px;
  color: #131411;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  transition: all 0.4s ease;
}

.parameters-content-sort label span svg {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin: 0 4px 0 0;
  transition: all 0.4s ease;
}

.parameters-content-sort label span svg path {
  stroke: #131411;
  transition: all 0.4s ease;
}

.parameters-content-body {
  margin: 40px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.parameters-content-body__card {
  display: flex;
  flex-direction: column;
  background: #fff;
  width: calc(25% - 18px);
  flex: 0 0 calc(25% - 18px);
}

.parameters-content-body__card-img {
  flex: 0 0 auto;
  padding: 24px;
  height: 306px;
}

.parameters-content-body__card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.parameters-content-body__card-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 20px 20px;
}

.parameters-content-body__card-info {
  padding: 20px 0 0;
  width: 100%;
  display: flex;
  border-top: 1px solid rgba(19, 20, 17, 0.1);
}

.parameters-content-body__card-info span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  flex: 1 1 auto;
  padding: 0 4px;
  background: #f6f6f6;
  color: #131411;
  text-align: center;
  font-family: TT Norms;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  white-space: nowrap;
}

.parameters-content-body__card-info span:not(:first-child) {
  margin: 0 0 0 12px;
}

.parameters-content-body__card-street {
  margin: 20px 0 0;
  color: #888;
  font-feature-settings: "calt" off;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.parameters-content-body__card-type {
  margin: 4px 0 0;
  color: #131411;
  font-family: TT Norms;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.parameters-content-body__card-price {
  margin: 4px 0 0;
  color: #131411;
  font-feature-settings: "calt" off;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.parameters-content-body__card-btn {
  margin: 20px 0;
}

.parameters-content-body__card-params {
  margin: 0;
  padding: 20px 0 0;
  position: relative;
  border-top: 1px solid rgba(19, 20, 17, 0.1);
}

.parameters-content-body__card-params-wrap {
  display: flex;
  overflow: hidden;
}

.parameters-content-body__card-params._empty {
  margin: auto 0 0;
  padding: 0;
}

.parameters-content-body__card-params ._more {
  display: none;
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
}

.parameters-content-body__card-params ._more span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  background: #131411;
  color: #fff;
  text-align: center;
  font-family: TT Norms;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

.parameters-content-body__card-params ._more::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  width: 84px;
  height: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.parameters-content-body__card-params ._item {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 26px;
  padding: 0 4px;
  background: #f6f6f6;
  color: #131411;
  text-align: center;
  font-family: TT Norms;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  white-space: nowrap;
}

.parameters-content-body__card-params ._item:not(:first-child) {
  margin: 0 0 0 12px;
}

.parameters-content-body__card-params_more ._more {
  display: block;
}

.parameters-content-body__card-params_more:hover ._dropdown {
  opacity: 1;
}

.parameters-content-body__card-params ._dropdown {
  position: absolute;
  width: 306px;
  right: -17px;
  top: calc(100% + 15px);
  padding: 16px;
  color: #131411;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid #000;
  background-color: #fff;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s ease;
}

.parameters-content-body__card-params ._dropdown::before {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: -8px;
  border-bottom: 8px solid #000;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  transform: translate(1px, 0);
}

.parameters-content-body__card-params ._dropdown::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: 20px;
  top: -6px;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}

.parameters-content-pagination {
  margin: 46px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.parameters-content-pagination__arrow {
  cursor: pointer;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #ffffff;
  transition: all 0.3s ease;
}

.parameters-content-pagination__arrow svg path {
  transition: all 0.3s ease;
}

.parameters-content-pagination__arrow:hover {
  background-color: #131411;
}

.parameters-content-pagination__arrow:hover svg path {
  stroke: #ffffff;
}

.parameters-content-pagination__arrow:last-child svg {
  transform: scale(-1, 1);
}

.parameters-content-pagination__nums {
  margin: 0 25px;
}

.parameters-content-pagination__nums span,
.parameters-content-pagination__nums a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #131411;
  text-align: center;
  font-family: TT Norms;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.36px;
  min-width: 32px;
  height: 32px;
}

.parameters-content-pagination__nums span:not(:first-child),
.parameters-content-pagination__nums a:not(:first-child) {
  margin: 0 0 0 14px;
}

.parameters-content-pagination__nums span._active,
.parameters-content-pagination__nums a._active {
  background: #131411;
  color: #fff;
}

.flat-page-top {
  margin: 30px 0 0;
}

.flat-page-top__body {
  display: flex;
  align-items: center;
}

.flat-page-top__back {
  flex: 0 0 640px;
}

.flat-page-top__back a svg {
  transition: all 0.3s ease;
}

.flat-page-top__back a:hover svg {
  transform: translate(-5px, 0);
}

.flat-page-top__breadcrumbs {
  display: flex;
  align-items: center;
}

.flat-page-top__breadcrumbs span {
  display: inline-flex;
}

.flat-page-top__breadcrumbs span::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-image: url(/dist/css/../img/parameters/arrow.svg);
  background-position: center;
  background-size: 100%;
  margin: 0 6px;
}

.flat-page-top__breadcrumbs a {
  display: inline-flex;
  align-items: center;
  color: #969696;
  font-family: TT Norms;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.flat-page-top__breadcrumbs a::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-image: url(/dist/css/../img/parameters/arrow.svg);
  background-position: center;
  background-size: 100%;
  margin: 0 6px;
}

.flat-page-top__breadcrumbs a:first-child::before {
  display: none;
}

.flat-page-top__breadcrumbs a:last-child {
  color: #131411;
}

.flat-page-content {
  margin: 34px 0 0;
}

.flat-page-content-body {
  display: flex;
}

.flat-page-content__img {
  flex: 0 0 550px;
}

.flat-page-content__img-item {
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  background: #fff;
  padding: 50px;
  height: 550px;
}

.flat-page-content__img-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.flat-page-content__img-item.active {
  display: flex;
}

.flat-page-content__img-compass {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.flat-page-content__img-tabs {
  display: flex;
  margin: 20px 0 0;
}

.flat-page-content__img-tabs__item {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 calc(50% - 12px);
  height: 44px;
  border-bottom: 1px solid #131411;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
  color: #131411;
  background-color: transparent;
  transition: all 0.3s ease;
}

.flat-page-content__img-tabs__item.active {
  background: #131411;
  color: #f6f6f6;
}

.flat-page-content__img-tabs__item.active:hover {
  background-color: #131411;
}

.flat-page-content__img-tabs__item:hover {
  background-color: #d3d3d3;
}

.flat-page-content__img-tabs__item:not(:first-child) {
  margin: 0 0 0 24px;
}

.flat-page-content__info {
  flex: 1 1 auto;
  margin: 0 0 0 90px;
}

.flat-page-content__info-name {
  color: #b3b4b4;
  font-family: TT Norms;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  text-transform: uppercase;
}

.flat-page-content__info-name._mobile {
  display: none;
}

.flat-page-content__info-type {
  margin: 8px 0 0;
  color: #131411;
  font-family: Cormorant Unicase;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 48px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.flat-page-content__info-type._mobile {
  display: none;
}

.flat-page-content__info-content {
  width: 100%;
  margin: 20px 0 0;
  padding: 30px 0 24px;
  border-top: 1px solid rgba(19, 20, 17, 0.1);
  border-bottom: 1px solid rgba(19, 20, 17, 0.1);
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.flat-page-content__info-content__item {
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0 20px;
  flex: 0 0 calc(50% - 8px);
  background: #fff;
}

.flat-page-content__info-content__item ._name {
  color: #131411;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.flat-page-content__info-content__item ._value {
  padding: 0 0 0 10px;
  margin: 0 0 0 auto;
  color: #131411;
  font-family: TT Norms;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
}

.flat-page-content__info-btn {
  width: 100%;
  margin: 24px 0 0;
}

.flat-page-content__info-params {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin: 24px 0 0;
  padding: 24px 0 0;
  border-top: 1px solid rgba(19, 20, 17, 0.1);
}

.flat-page-content__info-params._mobile {
  display: none;
}

.flat-page-content__info-params span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 46px;
  background: #fff;
  padding: 0 16px;
  white-space: nowrap;
  color: #131411;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.flat-page-similar {
  margin: 78px 0 0;
}

.flat-page-similar .parameters-content-body__card-btn {
  font-weight: 500;
}

.flat-page-similar__title {
  border-top: 1px solid rgba(19, 20, 17, 0.1);
  padding: 55px 0 0;
  font-size: 40px;
  line-height: 48px;
}

.flat-page-similar-body {
  margin: 40px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.thanks-body {
  position: relative;
  padding: 250px 0 150px;
  text-align: center;
}

.thanks-body__a {
  pointer-events: none;
  position: absolute;
  right: -60px;
  bottom: -60px;
}

.thanks-body__title br {
  display: none;
}

.thanks-body__text {
  margin: 12px 0 0;
}

.thanks-body__text br._mobile {
  display: none;
}

.thanks-body__btn {
  margin: 36px 0 0;
}

.thanks-body__btn br {
  display: none;
}

.location_main {
  position: relative;
  padding: 100px 0;
}

.location_main__bg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}

.location_main__bg-compass {
  position: absolute;
  top: 18px;
  right: 36px;
}

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

.location_main__bg > img:nth-of-type(2),
.location_main__bg > img:nth-of-type(3) {
  display: none;
}

.location_main-body {
  position: relative;
}

.location_main-body__text-street {
  margin: 20px 0 0;
  color: #131411;
  font-family: TT Norms;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.location_main-body__text-content {
  margin: 60px 0 0;
  color: #565656;
  font-family: TT Norms;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  max-width: 565px;
}

.location_places {
  position: relative;
  margin: 70px 0 0;
}

.location_places__a {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  width: 1650px;
  top: 75px;
  right: -510px;
}

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

.location_places._second {
  margin: 120px 0 0;
}

.location_places-body {
  display: flex;
  justify-content: space-between;
}

.location_places-body__card {
  flex: 0 0 calc(25% - 37.5px);
}

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

.location_places-body__card-img._text {
  padding: 80px 0 0;
  color: #969696;
  text-align: center;
  font-family: Cormorant Unicase;
  font-size: 52px;
  font-style: normal;
  font-weight: 300;
  line-height: 60px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.location_places-body__card-text {
  margin: 40px 0 0;
  color: #131411;
  font-family: TT Norms;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.location_places-body__card-text span {
  display: block;
  margin: 16px 0 0;
  color: #969696;
  font-family: TT Norms;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.location_places-text {
  margin: 60px 0 0;
}

.location_places-text p {
  max-width: 1185px;
}

.location_places-text p:not(:first-child) {
  max-width: 1015px;
  margin: 40px 0 0;
}

.location_future {
  margin: 80px 0 0;
}

.location_future-body {
  display: flex;
  align-items: center;
}

.location_future-body__map {
  flex: 0 0 526px;
}

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

.location_future-body__content {
  margin: 0 0 0 110px;
}

.location_future-body__content-title {
  text-align: center;
}

.location_future-body__content-text {
  color: #565656;
  margin: 60px 0 0;
}

.location_future-body__content-btn {
  margin: 40px 0 0;
}

.location_future-body__content-btn br {
  display: none;
}

.location_future-more {
  margin: 120px 0 0;
}

.location_future-more-body {
  display: flex;
}

.location_future-more-body__content {
  display: flex;
  flex-direction: column;
}

.location_future-more-body__content-text {
  color: #565656;
}

.location_future-more-body__content-text p:nth-child(2) {
  max-width: 525px;
}

.location_future-more-body__content-text p:not(:first-child) {
  margin: 40px 0 0;
}

.location_future-more-body__content-btn {
  margin: auto 0 0;
  padding: 40px 0 0;
}

.location_future-more-body__content-btn br {
  display: none;
}

.location_future-more-body__slider {
  flex: 0 0 660px;
  min-width: 0;
  position: relative;
  overflow: hidden;
  margin: 0 0 0 32px;
}

.location_future-more-body__slider img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.location_future-more-body__slider-nav {
  cursor: pointer;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translate(0, -50%);
  background-color: #f6f6f6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  transition: all 0.3s ease;
}

.location_future-more-body__slider-nav:hover {
  background-color: #cdcdcd;
}

.location_future-more-body__slider-nav.swiper-button-disabled {
  cursor: unset;
  background-color: #f6f6f6;
}

.location_future-more-body__slider-nav_prev {
  left: 20px;
}

.location_future-more-body__slider-nav_prev svg {
  transform: scale(-1, 1);
}

.location_future-more-body__slider-nav_next {
  right: 20px;
}

.location_future-bottom {
  margin: 100px 0 0;
}

.location_future-bottom__title {
  color: #969696;
  font-family: Cormorant Unicase;
  font-size: 31px;
  font-weight: 400;
  line-height: 48px;
  text-transform: uppercase;
}

.location_future-bottom__title br {
  display: none;
}

.location_future-bottom__content {
  display: flex;
  margin: 80px 0 0;
}

.location_future-bottom__content-img {
  flex: 0 0 636px;
}

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

.location_future-bottom__content-text {
  margin: 0 0 0 110px;
  color: #565656;
  font-family: TT Norms;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
}

.payment_main {
  padding: 100px 0 125px;
}

.payment_main-body {
  position: relative;
}

.payment_main-body__a {
  position: absolute;
  z-index: -1;
  bottom: -125px;
  right: -250px;
}

.payment_main-body__text {
  display: flex;
  align-items: flex-end;
  margin: 180px 0 0;
}

.payment_main-body__text-content {
  color: #131411;
  font-family: TT Norms;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.payment_main-body__text-descr {
  margin: 0 0 0 110px;
  color: #565656;
  font-family: TT Norms;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.payment_circles {
  padding: 60px 0;
}

.payment_circles-body {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0 calc(33.224% + 20px);
}

.payment_circles-body._active {
  padding: 0;
  min-height: 450px;
}

.payment_circles-body._active .payment_circles-body__content {
  position: relative;
  z-index: 100;
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}

.payment_circles-body._active .payment_circles-body__content-close {
  display: block;
}

.payment_circles-body._active .payment_circles-body__item {
  opacity: 0;
}

.payment_circles-body._active .payment_circles-body__close {
  opacity: 1;
}

.payment_circles-body__close {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  transition: all 0.3s ease;
}

.payment_circles-body__item {
  width: calc(33.333% + 20px);
  padding: 0 0 calc(33.024% + 20px);
  position: absolute;
  top: 0;
  border: 2px solid #d8d8d8;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.4s ease;
}

.payment_circles-body__item:hover {
  z-index: 2;
  border-color: #fff;
  background-color: #fff;
}

.payment_circles-body__item:hover > span > span:nth-child(1) {
  transform: translate(0, -100%);
}

.payment_circles-body__item:hover > span > span:nth-child(2) {
  transform: translate(0);
}

.payment_circles-body__item > span {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  color: #131411;
  text-align: center;
  font-family: Cormorant Unicase;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
}

.payment_circles-body__item > span > span {
  display: block;
  transition: all 0.3s ease;
}

.payment_circles-body__item > span > span:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, 100%);
}

.payment_circles-body__item:nth-child(1) {
  /*left: 0;*/
  left: 16%;  /* Только 2 элемента */
}

.payment_circles-body__item:nth-child(2) {
  z-index: 1;
  /*left: 50%;*/
  /*transform: translate(-50%);*/
  right: 16%; /* Только 2 элемента */
}

.payment_circles-body__item:nth-child(3) {
  right: 0;
}

.payment_circles-body__item:nth-child(3)._active {
  left: auto;
  right: calc(66.666% - 20px);
}

.payment_circles-body__item._active {
  opacity: 1 !important;
  z-index: 2;
  border-color: #fff;
  background-color: #fff;
  left: 0;
  transform: translate(0);
}

.payment_circles-body__content {
  /*position: absolute;
  z-index: 4;
  top: 50%;
  transform: translate(0, -50%);
  width: 526px;*/
  margin-left: calc(33.333% + 110px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.5s ease 0.3s;
}

.payment_circles-body__content-close {
  cursor: pointer;
  display: none;
  position: absolute;
  top: -4px;
  right: 0;
}

.payment_circles-body__content-item {
  display: none;
}

.payment_circles-body__content-item._space-top {
  padding: 100px 0 0;
}

.payment_circles-body__content-item._space-top .payment_circles-content__text {
  margin: 0;
}

.payment_circles-body__content-item._active {
  display: block;
}

.payment_circles-content__title {
  color: #131411;
  font-family: TT Norms;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.payment_circles-content__tabs {
  display: none;
}

.payment_circles-content__tabs.active {
  display: block;
}

.payment_circles-content__btns {
  display: flex;
  margin: 20px 0 0;
}

.payment_circles-content__btns span {
  cursor: pointer;
  height: 52px;
  padding: 0 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  border: 1px solid #969696;
  white-space: nowrap;
  color: #969696;
  text-align: center;
  font-family: TT Norms;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-transform: uppercase;
}

.payment_circles-content__btns span:not(:first-child) {
  margin: 0 0 0 24px;
}

.payment_circles-content__btns span.active {
  border: 1px solid #131411;
  color: #131411;
}

.payment_circles-content__text {
  color: #565656;
  margin: 60px 0 0;
}

.payment_circles-content__btn {
  margin: 16px 0 0;
}

.payment_circles-content__stats {
  margin: 60px 0 0;
}

.payment_circles-content__stats-item {
  display: flex;
  align-items: center;
  color: #565656;
  font-family: TT Norms;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}

.payment_circles-content__stats-item span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 86px;
  height: 52px;
  color: #131411;
  text-align: center;
  font-family: TT Norms;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  text-transform: uppercase;
  margin: 0 24px 0 0;
  border-radius: 32px;
  border: 1px solid #b3b4b4;
}

.payment_circles-content__stats-item:not(:first-child) {
  margin: 16px 0 0;
}

.payment_info {
  margin: 32px 0 0;
}

.payment_info-body {
  justify-content: space-between;
  border-top: 1px solid #d8d8d8;
  padding: 50px 0;
  display: none;
}

.payment_info-body.active {
  display: flex;
}

.payment_info-body__img {
  flex: 0 0 660px;
  margin: 0 0 0 60px;
}

.payment_info-body__img img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.payment_info-body__content-title {
  margin: 40px 0 0;
  color: #131411;
  font-family: TT Norms;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  text-transform: uppercase;
}

.payment_info-body__content-subtitle {
  margin: 20px 0 0;
  color: #131411;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.payment_info-body__content-list {
  margin: 12px 0 0;
}

.payment_info-body__content-list li {
  color: #131411;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}

.payment_info-body__content-list li:not(:first-child) {
  margin: 4px 0 0;
}

.payment_info-body__content-btn {
  margin: 52px 0 0;
}

.payment_info-body__content-btn br {
  display: none;
}

.payment_info-body__content-btns span {
  cursor: pointer;
  height: 38px;
  padding: 0 24px;
  margin-bottom: 12px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 32px;
  border: 1px solid #969696;
  color: #969696;
  text-align: center;
  font-family: TT Norms;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  text-transform: uppercase;
}

.payment_info-body__content-btns span.active {
  border: 1px solid #131411;
  color: #131411;
}

.payment_info-body__content-btns span:not(:last-child) {
  margin-right: 12px;
}

.payment_info-body__content-text {
  margin: 20px 0 0;
  color: #131411;
  font-family: TT Norms;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.payment_info-body__content-text p:not(:first-child) {
  margin: 12px 0 0;
}

.report_gallery {
  margin: 30px 0 0;
}

.report_gallery-top__back a {
  display: block;
  width: 52px;
  height: 30px;
}

.report_gallery-top__back a:hover svg {
  transform: translate(-10px, 0);
}

.report_gallery-top__back a svg {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
}

.report_gallery-top__title {
  margin: 40px 0 0;
  font-size: 40px;
  font-weight: 300;
  line-height: 48px;
}

.report_gallery-body {
  border-top: 1px solid #d8d8d8;
  margin: 40px 0 0;
  padding: 50px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.report_gallery-body::after {
  content: "";
  flex-grow: 999;
}

.report_gallery-body li {
  flex: 1 1 auto;
  height: 300px;
  position: relative;
}

.report_gallery-body li img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.policy_info {
  margin: 40px 0 0;
}

.policy_info__title {
  color: #131411;
  font-size: 40px;
  font-weight: 300;
  line-height: 48px;
}

.policy_info__text {
  margin: 20px 0 0;
  color: #565656;
  font-family: TT Norms;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
}

.policy_content {
  margin: 50px 0 0;
}

.policy_content .container {
  border-top: 1px solid #d8d8d8;
}

.policy_content-body {
  padding: 54px 0 0;
}

.policy_content-body__item {
  border-bottom: 1px solid #b3b4b4;
}

.policy_content-body__item:not(:first-child) {
  margin: 40px 0 0;
}

.policy_content-body__item.open .policy_content-body__item-title span {
  background: #131411;
}

.policy_content-body__item.open .policy_content-body__item-title span svg {
  transform: rotate(45deg);
}

.policy_content-body__item.open .policy_content-body__item-title span svg path {
  fill: #ffffff;
}

.policy_content-body__item-title {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  color: #131411;
  font-family: Cormorant Unicase;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: 48px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.policy_content-body__item-title span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border: 1px solid #131411;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.policy_content-body__item-title span svg {
  transition: all 0.3s ease;
}

.policy_content-body__item-title span svg path {
  transition: all 0.3s ease;
}

.policy_content-body__item-content {
  color: #565656;
  font-family: TT Norms;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  overflow: hidden;
  height: 0;
  transition: all 0.3s ease;
}

.policy_content-body__item-content ._wrapper {
  padding: 24px;
}

.policy_content-body__item-content p:not(:first-child) {
  margin: 24px 0 0;
}

.gallery {
  margin: 80px 0 0;
}

.gallery._second {
  overflow: hidden;
  margin: 100px 0 50px;
  padding: 0 0 50px;
}

.gallery._second .gallery-top::before {
  left: auto;
  top: -30px;
  right: -330px;
  width: 750px;
  height: 750px;
}

.gallery._second .gallery-top__num {
  top: -50px;
}

.gallery._second .container {
  border-top: 1px solid #d8d8d8;
  padding: 100px 36px 0;
}

.gallery-top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.gallery-top::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 840px;
  height: 840px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  top: -180px;
  left: -120px;
  pointer-events: none;
}

.gallery-top__title {
  color: #131411;
  font-family: Cormorant Unicase;
  font-size: 52px;
  font-weight: 300;
  line-height: 60px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.gallery-top__num {
  position: absolute;
  z-index: -1;
  top: -38px;
  left: 306px;
}

.gallery-top__nav {
  display: flex;
  padding: 0 0 12px;
}

.gallery-top__nav._mobile {
  display: none;
}

.gallery-top__nav span {
  cursor: pointer;
  background-color: #f6f6f6;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #131411;
  width: 44px;
  height: 44px;
  transition: all 0.3s ease;
}

.gallery-top__nav span:hover {
  background-color: #cdcdcd;
}

.gallery-top__nav span:not(:first-child) {
  margin: 0 0 0 16px;
}

.gallery-top__nav span.swiper-button-disabled {
  cursor: unset;
  background-color: #f6f6f6;
}

.gallery-top__nav span:nth-child(1) svg {
  transform: scale(-1, 1);
}

.gallery-body {
  margin: 40px 0 0;
}

.gallery-body__item {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 30px;
}

.gallery-body__item a {
  display: block;
}

.gallery-body__item-content {
  pointer-events: none;
}

.gallery-body__item-title {
  color: #fff;
  font-family: Cormorant Unicase;
  font-size: 40px;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.gallery-body__item-value {
  color: #fff;
  font-family: TT Norms;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.gallery-body__item-img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.gallery-body__item-img img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: none;
}

.gallery-body__item-img img:first-child {
  display: block;
}

.genplan {
  position: relative;
}

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

.genplan img._mobile {
  display: none;
}

.genplan-card {
  position: absolute;
  z-index: 2;
  width: 252px;
  padding: 20px;
  background-color: #ffffff;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}

.genplan-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 50px);
  height: calc(100% + 50px);
}

.genplan-card:nth-child(1) {
  top: 14%;
  left: 39%;
}

.genplan-card:nth-child(2) {
  top: 31%;
  left: 74%;
}

.genplan-card._active {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}

.genplan-card:hover {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}

.genplan-card__top {
  display: flex;
  justify-content: center;
  padding: 0 0 20px;
  border-bottom: 1px solid #d8d8d8;
}

.genplan-card__top-logo {
  width: 140px;
}

.genplan-card__top-logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.genplan-card__top-num {
  width: 32px;
  height: 32px;
  margin: 0 0 0 14px;
}

.genplan-card__top-num img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.genplan-card__info {
  margin: 15px 0;
}

.genplan-card__info-item {
  display: flex;
  align-items: center;
}

.genplan-card__info-item:not(:first-child) {
  margin: 5px 0 0;
}

.genplan-card__info-value {
  color: #131411;
  text-align: center;
  font-family: Cormorant;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  flex: 0 0 auto;
}

.genplan-card__info-value span {
  transform: translate(0, -3px);
}

.genplan-card__info-title {
  margin: 0 0 0 12px;
  color: #131411;
  font-family: Cormorant;
  font-size: 20px;
  text-transform: uppercase;
}

.genplan-card__info-title._square {
  width: 100%;
  margin: 5px 0 0;
  text-transform: unset;
  text-align: center;
}

.genplan-card__info-title._square span {
  line-height: 1;
  display: inline-block;
  transform: translate(0, -2px);
}

.genplan-card__btn {
  cursor: pointer;
  height: 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #131411;
  font-family: Cormorant;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  text-transform: uppercase;
  border-radius: 200px;
  border: 1px solid #d8d8d8;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 5.65%, rgba(255, 255, 255, 0.1) 94.35%);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.genplan-select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.genplan-select img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}

.genplan-select img._active {
  opacity: 1;
  visibility: visible;
}

.home {
  position: relative;
}

.home__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

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

.home-top {
  position: relative;
  display: none;
  height: 64px;
  background-color: #f6f6f6;
}

.home-top__title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #131411;
  font-family: Cormorant;
  font-size: 20px;
  text-transform: uppercase;
  white-space: nowrap;
}

.home-top__close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translate(0, -50%);
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.home-body {
  display: flex;
  position: relative;
}

.home-body__item {
  position: relative;
  flex: 0 0 70%;
}

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

.home-body__item .home-card {
  display: block;
}

.home-body__item-select {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}

.home-body__item-select img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}

.home-body__item-select img._active {
  opacity: 1;
  visibility: visible;
}

.home-body__back {
  cursor: pointer;
  display: flex;
  align-items: center;
  position: absolute;
  left: calc(70% + 75px);
  bottom: 26px;
  color: #fff;
  font-family: Cormorant Unicase;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 2px;
  text-transform: uppercase;
  white-space: nowrap;
}

.home-body__back:hover span svg {
  transform: scale(-1, 1) translate(0px, -50%);
}

.home-body__back span {
  flex: 0 0 auto;
  border-radius: 50%;
  border: 1px solid #e2e1e1;
  width: 54px;
  height: 54px;
  margin: 0 30px 0 0;
  position: relative;
}

.home-body__back span svg {
  position: absolute;
  top: 50%;
  right: 0;
  transform: scale(-1, 1) translate(-14px, -50%);
  transition: all 0.4s ease;
}

.home-body__back span svg path {
  stroke: #ffffff;
}

.home-bottom {
  margin: 30px 0 0;
  align-items: center;
  justify-content: center;
  display: none;
}

.home-bottom span {
  margin: 0 0 0 14px;
}

.home-card {
  position: absolute;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.4s ease;
  top: 50%;
  right: -260px;
  transform: translate(0, -50%);
  width: 400px;
  padding: 20px;
  background: #ffffff;
  display: none;
}

.home-card._active {
  opacity: 1;
  visibility: visible;
  pointer-events: unset;
}

.home-card__top {
  display: flex;
  align-items: center;
  padding: 0 0 30px;
  border-bottom: 1px solid #d8d8d8;
}

.home-card__top-logo {
  display: flex;
}

.home-card__top-logo > img {
  width: 140px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.home-card__top-logo span {
  margin: 0 0 0 14px;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
}

.home-card__top-logo span img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.home-card__top-floor {
  margin: 0 0 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 108px;
  height: 30px;
  color: #131411;
  font-family: TT Norms;
  font-size: 16px;
  border-radius: 200px;
  border: 1px solid #d8d8d8;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.04) 5.65%, rgba(255, 255, 255, 0.1) 94.35%);
}

.home-card__top-floor span {
  margin: 0 0 0 3px;
}

.home-card__remain {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px auto 0;
  max-width: 306px;
  padding: 0 0 16px;
  border-bottom: 1px solid #d8d8d8;
  color: #131411;
  font-family: Cormorant;
  font-size: 20px;
  text-transform: uppercase;
}

.home-card__remain > span:not(._text) {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  color: #131411;
  text-align: center;
  font-family: Cormorant;
  font-size: 22px;
  margin: 0 12px;
}

.home-card__remain > span:not(._text) span {
  transform: translate(0, -3px);
}

.home-card__bedrooms {
  margin: 20px auto 0;
}

.home-card__bedrooms-item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #131411;
  font-family: TT Norms;
  font-size: 16px;
  text-transform: uppercase;
}

.home-card__bedrooms-item._hidden {
  display: none;
}

.home-card__bedrooms-item > span:not(._text) {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  color: #131411;
  text-align: center;
  font-family: Cormorant;
  font-size: 22px;
  margin: 0 12px;
}

.home-card__bedrooms-item > span:not(._text) span {
  transform: translate(0, -3px);
}

.home-card__bedrooms-item ._arrow {
  position: relative;
  width: 30px;
  height: 30px;
  margin: 0 0 0 14px !important;
}

.home-card__bedrooms-item ._arrow svg {
  position: absolute;
  top: 50%;
  transition: all 0.4s ease;
  transform: translate(0, -50%);
  width: 25px;
  left: -6px;
}

.home-card__bedrooms-item:hover ._arrow svg {
  transform: translate(4px, -50%);
}

.home-card__bedrooms-item:not(:first-child) {
  margin: 24px 0 0;
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

.callback_modal {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f6f6f6;
  height: 100vh;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.7) translate(0, -100%);
  transition: all 0.4s ease;
}

.callback_modal.active {
  opacity: 1;
  pointer-events: unset;
  transform: scale(1) translate(0);
}

.callback_modal__a {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 492px;
}

.callback_modal__a._mobile {
  display: none;
}

.callback_modal__a img {
  width: 100%;
  height: 100%;
}

.callback_modal-body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 120px 0;
  position: relative;
}

.callback_modal-body__close {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 40px;
  right: 40px;
  width: 48px;
  height: 48px;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
}

.callback_modal-body__title {
  text-align: center;
}

.callback_modal-body__subtitle {
  margin: 40px 0 0;
  font-family: "TT Norms";
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  color: #131411;
}

.callback_modal-body__form {
  width: 100%;
  max-width: 914px;
  display: flex;
  margin: 60px auto 0;
}

.callback_modal-body__form label {
  width: 100%;
}

.callback_modal-body__form label:not(:first-child) {
  margin: 0 0 0 24px;
}

.callback_modal-body__form label:nth-child(1) {
  flex: 0 0 auto;
  width: 220px;
}

.callback_modal-body__form label span {
  font-family: "TT Norms";
  font-size: 16px;
  line-height: 22px;
  font-feature-settings: "calt" off;
  color: #888888;
}

.callback_modal-body__form label input {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 12px 0 0;
  padding: 0 16px;
  height: 54px;
  background: transparent;
  border-bottom: 2px solid #d8d8d8;
  font-family: "TT Norms";
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #131411;
}

.callback_modal-body__form-btn {
  cursor: pointer;
  align-self: flex-end;
  display: flex;
  align-items: center;
  margin: 0 0 0 24px;
  font-family: "TT Norms";
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  text-transform: uppercase;
  color: #131411;
}

.callback_modal-body__form-btn span {
  margin: 0 0 0 24px;
  display: block;
  width: 48px;
  height: 48px;
  position: relative;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
}

.callback_modal-body__form-btn span svg {
  position: absolute;
  top: 50%;
  left: -6px;
  transform: translate(0, -50%);
}

.callback_modal-body__policy {
  margin: 40px 0 0;
  font-family: "TT Norms";
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #888888;
}

.callback_modal-body__policy a {
  color: #888888;
  text-decoration: underline;
}

.notfound-body {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding: 0 0 110px;
}

.notfound-body__a {
  position: absolute;
  pointer-events: none;
  bottom: 0;
  left: 50%;
  transform: translate(20%, 0);
}

.notfound-body__title {
  margin: 40px 0 0;
  font-family: "Cormorant Unicase";
  font-weight: 300;
  font-size: 50px;
  line-height: 59px;
  text-align: center;
  text-transform: uppercase;
  color: #1c1c1c;
}

.notfound-body__subtitle {
  margin: 16px 0 0;
  font-family: "TT Norms";
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #131411;
}

.notfound-body__dots {
  margin: 80px 0 0;
  display: flex;
}

.notfound-body__dots span {
  display: block;
  width: 8px;
  height: 9px;
  border-radius: 50%;
  background: #d9d9d9;
  opacity: 0.8;
}

.notfound-body__dots span:not(:first-child) {
  margin: 0 0 0 12px;
}

.notfound-body__subs {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 46px 0 0;
}

.notfound-body__subs > span {
  font-family: "TT Norms";
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #131411;
}

.notfound-body__subs > a {
  display: inline-block;
  position: relative;
  margin: 24px 0 0;
  font-family: "TT Norms";
  font-weight: 700;
  font-size: 12px;
  line-height: 19px;
  text-transform: uppercase;
  color: #131411;
}

.notfound-body__subs > a svg {
  position: absolute;
  left: 0;
  bottom: -17px;
}

.preloader {
  overflow: hidden;
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f6f6f6;
  pointer-events: none;
}

.preloader.hidden {
  display: none;
}

.preloader .container {
  height: 100%;
}

.preloader-body {
  position: relative;
  height: inherit;
}

.preloader-body__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.preloader-body__logo-light {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 1.5s ease;
  width: 0;
  opacity: 0;
  -webkit-clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
}

.preloader-body__percents {
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translate(-50%, 0);
  font-family: "Jeko";
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 48px;
  text-align: center;
  color: #d9d9d9;
}

body {
  background: #f6f6f6;
}

body.lock {
  overflow: hidden;
}

.container {
  max-width: 1368px;
  margin: 0 auto;
  padding: 0 36px;
}

.wrapper {
  min-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 82px 0 0;
}

.content {
  flex: 1 1 auto;
}

._sitemap {
  height: 100vh;
  padding: 50px 0;
  background-color: rgb(58, 58, 58);
}

._sitemap-con {
  max-width: 500px;
  margin: 0 auto;
  padding: 0 15px;
}

._sitemap-body ol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

._sitemap-body ol li {
  font-size: 30px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
}

._sitemap-body ol li:not(:first-child) {
  margin: 15px 0 0;
}

._sitemap-body__item {
  color: #fff;
  transition: all 0.3s;
}

._sitemap-body__item:hover {
  color: rgb(179, 203, 255);
}

@media (min-width: 640px) {
  .choices__list--dropdown .choices__item--selectable,
  .choices__list[aria-expanded] .choices__item--selectable {
    padding-right: 100px;
  }

  .choices__list--dropdown .choices__item--selectable::after,
  .choices__list[aria-expanded] .choices__item--selectable::after {
    content: attr(data-select-text);
    font-size: 12px;
    opacity: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }

  [dir=rtl] .choices__list--dropdown .choices__item--selectable,
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable {
    text-align: right;
    padding-left: 100px;
    padding-right: 10px;
  }

  [dir=rtl] .choices__list--dropdown .choices__item--selectable::after,
  [dir=rtl] .choices__list[aria-expanded] .choices__item--selectable::after {
    right: auto;
    left: 10px;
  }
}

@media (min-width: 768px) {
  .yards-slider__img {
    flex: 0 0 50%;
  }

  .progress-body .swiper-slide {
    width: 440px;
  }

  .progress-body__item {
    width: 440px;
    height: 440px;
  }

  .gallery-body .swiper-slide {
    width: 440px !important;
    height: 440px !important;
  }
}

@media (min-width: 991px) {
  .building-tooltip:hover .building-tooltip__btn {
    background-color: #131411;
  }

  .building-tooltip:hover .building-tooltip__btn svg {
    transform: rotate(45deg);
  }

  .building-tooltip:hover .building-tooltip__btn svg path {
    fill: #ffffff;
  }

  .building-tooltip:hover .building-tooltip__content {
    pointer-events: unset;
    visibility: visible;
    opacity: 1;
    transform: translate(0) scale(1);
  }
}

@media (min-width: 1101px) {
  .yards-slider__text {
    width: 100%;
    flex: 0 0 auto;
    transform: translate(-50%, 0);
  }

  .yards-slider__text .container {
    height: 100%;
    display: flex;
    justify-content: flex-end;
  }

  .yards-slider__text-content {
    justify-content: flex-end;
    width: calc(50% - 86px);
    height: 100%;
  }
}

@media (min-width: 1200px) {
  .architecture-body__img-item img {
    transform: translate(0, -20px);
  }

  .eq-gsap-row-2 .lobby__img {
    flex: 0 0 calc((100vw - 72px) * 0.52 + 36px);
    transform: translate(0);
  }
}

@media (min-width: 1201px) {
  .lobby__img {
    flex: 0 0 calc((100vw - 72px) * 0.56 + 36px);
    transform: translate(-100%, 0);
  }

  .lobby__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left;
       object-position: left;
  }

  .accent .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .accent .swiper-wrapper .swiper-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .accent-content .swiper-slide {
    position: absolute;
  }
}

@media (min-width: 1368px) {
  .lobby__img {
    flex: 0 0 calc(50vw + 77.76px);
  }
}

@media (max-width: 1630px) {
  .materials__wood {
    right: -180px;
  }

  .materials-body__a {
    right: -100px;
  }
}

@media (max-width: 1368px) {
  .building .container {
    overflow-x: scroll;
    padding: 0 0 35px;
  }

  .building .container::-webkit-scrollbar {
    height: 3px;
    background: #ffffff;
  }

  .building .container::-webkit-scrollbar-thumb {
    background-color: #e9e9e9;
    border-radius: 20px;
  }
}

@media (max-width: 1360px) {
  .materials-luster {
    left: 20%;
  }
}

@media (max-width: 1340px) {
  .header-body {
    height: 72px;
  }

  .header-body__logo {
    padding: 0 16px 0 0;
  }

  .header-body__burger {
    margin: 0 20px 0 22px;
  }

  .header-body__call {
    margin: 0 0 0 18px;
  }

  .header-body__btn {
    margin: 0 0 0 14px;
  }

  .header-menu ul li._dropdown_bold {
    display: block;
  }

  .header-menu ul li {
    display: none;
  }

  .menu .header-body__call {
    display: block;
  }

  .menu .header-body__lang {
    display: flex;
  }

  .menu__letter {
    left: 0;
  }

  .menu-body {
    margin: 72px 0 0;
    padding: 0 0 0 60px;
    justify-content: flex-start;
    width: 100%;
  }

  .menu-body__bottom {
    margin: 140px 0 0;
  }

  .menu-body__links {
    flex: 0 0 100%;
    padding: 0;
  }
}

@media (max-width: 1300px) {
  .header-body__lang {
    margin: 0 0 0 40px;
  }

  .accent-icon {
    right: 180px;
  }

  .location_future-body__map {
    flex: 0 0 500px;
  }

  .location_future-body__content {
    margin: 0 0 0 80px;
  }

  .home-body__item {
    flex: 0 0 66%;
  }

  .home-body__back {
    left: calc(66% + 75px);
  }

  .wrapper {
    padding: 72px 0 0;
  }
}

@media (max-width: 1260px) {
  .form__title {
    font-size: 40px;
    line-height: 48px;
    text-align: left;
  }

  .form-body {
    padding: 0;
    margin: 60px auto 0;
    width: 100%;
    max-width: 700px;
    border: none;
  }

  .form-body__item:not(:first-child) {
    margin: 0 0 0 15px;
  }

  .form-body__item_phone {
    flex: 0 0 180px;
    margin: 0 !important;
  }

  .form-body__item_name {
    flex: 0 0 216px;
  }

  .form-body__item_select {
    flex: 0 0 250px;
    margin: 0 0 0 34px !important;
  }

  .form-body__item_select .form-body__item-select {
    flex: 0 0 calc(50% - 5px);
  }

  .form-body__item_select .form-body__item-select:last-child {
    margin: 0 0 0 10px;
  }

  .form-body__item_btn {
    order: 9;
    margin: 34px 0 0 auto;
  }

  .form-body__text {
    max-width: 306px;
    text-align: left;
    margin: 34px auto 0 0;
  }
}

@media (max-width: 1230px) {
  .layout {
    margin: 100px 0 0;
  }

  .layout .container {
    padding: 0;
  }

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

  .layout-body__content {
    padding: 0 36px;
  }

  .layout-body__img {
    margin: 30px 0 0;
  }

  .layout-body__text {
    margin: 60px 0 0;
    max-width: 590px;
  }

  .layout-body__tobe {
    margin: 60px 0 0;
  }
}

@media (max-width: 1200px) {
  .footer__watermark {
    border: none;
    padding: 0;
    bottom: 78px;
    left: 310px;
  }

  .footer-body {
    padding: 40px 0 170px;
    flex-wrap: wrap;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    -ms-grid-rows: (1fr)[5];
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .footer-body__logo {
    width: 192px;
  }

  .footer-body__cr {
    margin: 124px 0 0;
    font-size: 12px;
    line-height: 140%;
    max-width: 205px;
  }

  .footer-col:nth-child(1) {
    flex: 0 0 244px;
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 1/1/6/3;
  }

  .footer-col:nth-child(1) .footer-col__social,
  .footer-col:nth-child(1) .footer-col__bottom-logo {
    display: flex;
  }

  .footer-col:nth-child(1) .footer-col__bottom-logo,
  .footer-col:nth-child(1) .footer-col__social {
    margin: 50px 0 0;
  }

  .footer-col:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-area: 1/3/3/6;
    margin: 0;
  }

  .footer-col:nth-child(2) .footer-col__bottom {
    display: none;
  }

  .footer-col:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-area: 3/3/6/6;
    margin: 40px 0 0;
  }

  .footer-col__bottom-logo {
    width: 190px;
  }

  .footer-col__bottom-logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .footer-col__links-col:not(:first-child) {
    margin: 0 0 0 50px;
  }

  .footer-col__links-col a {
    font-size: 16px;
    line-height: 22px;
  }

  .footer-col__links-col a:not(:first-child) {
    margin: 16px 0 0;
  }

  .footer-col__btn {
    margin: 40px 0 0;
    width: 296px;
  }

  .footer-col__info-item {
    font-size: 16px;
    line-height: 22px;
  }

  .footer-col__info-item {
    font-size: 18px;
    line-height: 26px;
  }

  .footer-col__info-item:not(:first-child) {
    margin: 11px 0 0;
  }

  .footer-col__watermark {
    margin: 48px 0 0;
  }

  .btn {
    padding: 8px 13px;
    font-size: 12px;
    line-height: 20px;
  }

  .section-devider {
    margin: 100px 0 90px;
  }

  .main-slider__handler {
    width: 56px;
    height: 56px;
  }

  .main-slider__handler svg {
    height: 12px;
  }

  .main-slider__img img {
    display: none;
  }

  .main-slider__img img:nth-of-type(2) {
    display: block;
  }

  .main-slider__img-street span {
    font-size: 12px;
  }

  .main-slider__img-street span:nth-child(1) {
    left: -32px;
    top: 55px;
  }

  .main-slider__img-street span:nth-child(2) {
    right: -32px;
    bottom: 55px;
  }

  .main-slider__img-content {
    padding: 120px 0 0;
  }

  .main-slider__img-advantage {
    font-size: 26px;
    letter-spacing: 2px;
  }

  .main-slider__img-advantage:not(:first-child) {
    margin: 12px 0 0;
  }

  .main-slider__img-advantage span {
    margin: 0 18px 0 0;
    font-size: 14px;
    line-height: 1;
    width: 34px;
    height: 34px;
    border-width: 1px;
  }

  .main-slider__img-text {
    margin: 15px 0 0;
    font-size: 15px;
    line-height: 24px;
  }

  .main-slider__img-title {
    font-size: 30px;
    line-height: 36px;
  }

  .main-slider__img-title span {
    font-size: 24px;
    line-height: 32px;
  }

  .main-slider__img-advantages {
    margin: 52px 0 0;
    padding: 0;
  }

  .two {
    margin: 60px 0 0;
  }

  .two-body__img-item {
    width: 240px;
  }

  .two-body__img img {
    width: 240px;
  }

  .callback_parameters .callback-body {
    padding: 60px 0 0;
  }

  .callback_parameters .callback-body__btn br {
    display: block;
  }

  .callback_parameters-item .callback-body {
    padding: 60px 0 0;
  }

  .callback-body {
    padding: 60px 0;
  }

  .callback_report {
    margin: 40px 0 0;
  }

  .position {
    display: flex;
    flex-direction: column-reverse;
  }

  .position__map {
    bottom: auto;
    top: auto;
    right: auto;
    position: relative;
    margin: 10px 0 0;
  }

  .position__map > img:nth-of-type(1) {
    display: none;
  }

  .position__map > img:nth-of-type(2) {
    display: block;
  }

  .position__map-compass {
    top: auto;
    right: auto;
    left: 40px;
    bottom: 40px;
  }

  .position-body {
    padding: 60px 0 0;
  }

  .balance {
    padding: 130px 0 140px;
    background-image: url(/dist/css/../img/balance/bg-tablet.jpg);
  }

  .balance-body__title {
    font-size: 52px;
    line-height: 60px;
    max-width: 600px;
  }

  .balance-body__btn {
    margin: 130px 0 0;
  }

  .parking {
    margin: 86px 0 0;
  }

  .parking-body {
    flex-wrap: wrap;
  }

  .parking-body__img:not(:first-child) {
    margin: 0 0 0 24px;
  }

  .parking-body__img {
    width: auto;
    flex: 0 0 calc(50% - 12px);
  }

  .parking-body__slider {
    margin: 24px 0 0;
  }

  .parking-body__slider-text {
    margin: 24px 0 0;
  }

  .layouts-content {
    padding: 50px 0 80px;
  }

  .layouts-text {
    max-width: 624px;
    margin: 0 auto;
  }

  .layouts-text br {
    display: none;
  }

  .layouts-text br._mobile {
    display: block;
  }

  .layouts-body__item:not(:first-child) {
    padding: 0 0 0 44px;
    margin: 0 0 0 44px;
  }

  .layouts-body__item:not(:first-child)::before {
    width: 1px;
  }

  .layouts-body__item img:nth-child(1) {
    height: 132px;
  }

  .about-body {
    padding: 90px 0 100px;
  }

  .about-body__a {
    right: -60px;
    bottom: 60px;
  }

  .about-body__text {
    max-width: 520px;
  }

  .about-body__text br {
    display: block;
  }

  .architecture {
    padding: 80px 0 0 !important;
  }

  .architecture .container {
    padding: 0 !important;
  }

  .architecture .container::before {
    width: 863px !important;
    height: 863px !important;
    left: -200px !important;
    right: auto !important;
    top: 30px !important;
  }

  .architecture-body__num {
    top: -30px !important;
    right: 20px !important;
  }

  .architecture-body__title {
    align-self: flex-start !important;
    padding: 0 36px !important;
  }

  .architecture-body__content {
    margin: 176px 0 0 !important;
    max-width: 620px !important;
    padding: 0 36px !important;
  }

  .architecture-body__text {
    font-size: 22px !important;
    line-height: 32px !important;
    max-width: 456px !important;
  }

  .architecture-body__subtext {
    font-size: 22px !important;
    line-height: 32px !important;
    max-width: 360px !important;
  }

  .architecture-body__img {
    margin: 170px 0 0 !important;
  }

  .architecture-body__img-circle {
    width: 300px;
    height: 300px;
    left: auto;
    bottom: auto;
    right: -24px;
    top: -354px;
  }

  .architecture-body__img-circle img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .architecture-body__img-item {
    width: 100% !important;
    margin: 0 !important;
  }

  .architecture_second .architecture-body__content {
    align-self: flex-start;
  }

  .architecture_second .architecture-body__num {
    left: auto;
    top: 40px !important;
  }

  .lobby {
    height: auto;
    flex-direction: column;
  }

  .lobby__img {
    margin: 60px 0 0;
    width: 100%;
  }

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

  .lobby-content {
    flex: 1 1 auto;
  }

  .lobby-body {
    width: 100%;
    padding: 0;
  }

  .lobby-body__num {
    top: 20px;
  }

  .lobby-body__text {
    margin: 280px 0 0;
    max-width: 700px;
  }

  .lobby-body__text p:not(:first-child) {
    margin: 24px 0 0;
  }

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

  .feel {
    height: auto;
  }

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

  .feel-body::before {
    top: 24px;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
  }

  .feel-body__a {
    width: 455px;
    left: auto;
    top: -90px;
    right: -78px;
  }

  .feel-body__a img {
    width: 100%;
    height: 100%;
  }

  .feel-text__title {
    max-width: 600px;
  }

  .feel-text__title br {
    display: none;
  }

  .feel-text__item {
    margin: 40px 0 0;
    max-width: 570px;
  }

  .feel-content {
    margin: 0 auto;
  }

  .eq-gsap-row {
    margin: 120px 0 0;
    height: auto;
    display: block;
  }

  .eq-gsap-row-2 {
    margin: 120px 0 0;
    height: auto;
    display: block;
  }

  .eq-gsap-row-2 .lobby-body {
    width: 100%;
    padding: 0;
  }

  .eq-gsap-row-2 .lobby-content {
    transform: translate(0);
  }

  .materials {
    height: auto;
  }

  .materials .container {
    padding: 0;
    height: auto;
  }

  .materials__wood {
    display: none;
  }

  .materials__wood img:nth-child(1) {
    display: none;
  }

  .materials__wood img:nth-child(2) {
    display: block;
  }

  .materials-body {
    flex-direction: column;
    display: block;
    height: auto;
  }

  .materials-body__a {
    width: 455px;
    bottom: auto;
    top: -90px;
    right: -80px;
  }

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

  .materials-body__wrapper::before {
    display: block;
    top: 30px;
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
  }

  .materials-body__wrapper {
    margin: 86px 0 0;
    height: auto;
    overflow-x: scroll;
  }

  .materials-body__wrapper::-webkit-scrollbar {
    height: 3px;
    background: #ffffff;
  }

  .materials-body__wrapper::-webkit-scrollbar-thumb {
    background-color: #e9e9e9;
    border-radius: 20px;
  }

  .materials-body__content {
    padding: 0 200px 0 0;
  }

  .materials-body__content-a {
    position: absolute;
    right: 60px;
    top: 40px;
    display: block;
    width: 552px;
    height: 680px;
  }

  .materials-body__content-a img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .materials-body__content {
    width: 1215px;
    height: 1020px;
  }

  .materials-body__content .materials__wood {
    right: 0;
    display: block;
  }

  .materials-text {
    padding: 80px 0 0 70px;
  }

  .materials-text__title {
    max-width: 600px;
  }

  .materials-text__title br {
    display: none;
  }

  .materials-text__item {
    margin: 40px 0 0;
    max-width: 570px;
  }

  .materials-luster {
    left: 180px;
    transform: translate(0);
  }

  .materials-luster img:nth-of-type(1) {
    display: none;
  }

  .materials-luster img:nth-of-type(2) {
    display: block;
  }

  .materials-materials__item:nth-child(1) {
    right: 650px;
    bottom: 200px;
  }

  .materials-materials__item:nth-child(2) {
    right: 650px;
    bottom: 320px;
  }

  .materials-materials__item:nth-child(3) {
    right: 470px;
    bottom: 460px;
  }

  .materials-materials__item:nth-child(4) {
    right: 300px;
    bottom: 560px;
  }

  .materials-materials__item:nth-child(5) {
    right: 130px;
    bottom: 640px;
  }

  .progress {
    padding: 0 0 60px;
  }

  .progress_page {
    padding: 40px 0 0;
  }

  .progress_page .progress__text {
    bottom: -100px;
  }

  .progress__text {
    width: 836px;
    bottom: -40px;
  }

  .progress_item-body {
    margin: 20px 0 0;
    padding: 20px 0 0;
  }

  .accent {
    margin: 120px 0 0;
    padding: 0 0 650px;
    height: auto;
  }

  .accent-icon {
    right: auto;
    left: 50%;
    top: auto;
    bottom: 154px;
    transform: translate(-50%, 0);
  }

  .accent-icon__item:nth-child(2) {
    left: -220px;
    top: -130px;
  }

  .accent-icon__item:nth-child(3) {
    right: -220px;
    top: -130px;
  }

  .accent-icon__item:nth-child(4) {
    left: -220px;
    bottom: -130px;
  }

  .accent-icon__item:nth-child(5) {
    right: -220px;
    bottom: -130px;
  }

  .accent__img-item img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: bottom;
       object-position: bottom;
  }

  .accent__img-item img:nth-child(1) {
    display: none;
  }

  .accent__img-item img:nth-child(2) {
    display: block;
  }

  .accent .container {
    padding: 0;
  }

  .accent-body__info::before {
    width: 1250px;
    height: 1250px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 50%;
    top: auto;
    bottom: -50px;
  }

  .accent-body__info-title {
    text-align: center;
  }

  .accent-body__img {
    right: auto;
    bottom: -465px;
    left: 50%;
    transform: translate(-50%, 0);
    display: none;
  }

  .accent-content {
    padding: 0 0 90px;
    margin: 140px 0 0;
  }

  .accent-content__nav {
    display: flex;
  }

  .accent-content__item {
    position: relative;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .accent-content__item-num {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .accent-content__item-name {
    text-align: center;
  }

  .accent-content__item-descr {
    text-align: center;
  }

  .residences {
    margin: 40px 0 0;
  }

  .residences-body {
    padding: 80px 0 0;
    height: 768px;
  }

  .residences-body::before {
    width: 677px;
    height: 677px;
    top: -260px;
    left: -185px;
  }

  .residences-body__info::before {
    top: -110px;
  }

  .residences-body__title {
    font-size: 52px;
    line-height: 60px;
  }

  .residences-body__text {
    margin: 40px 0 0;
  }

  .residences-body__btn {
    margin: 66px 0 0;
    padding: 0;
  }

  .view {
    margin: 70px 0 0;
  }

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

  .view-slider {
    height: 530px;
  }

  .view-slider img {
    -o-object-position: center;
       object-position: center;
  }

  .view-text {
    margin: 60px 0 0;
    flex: 1 1 auto;
  }

  .view-text__text {
    max-width: 100%;
  }

  .view-text__advantages-item {
    flex: 0 0 calc(50% - 20px) !important;
  }

  .view-text__btn {
    margin: 38px 0 0;
  }

  .form {
    margin: 0;
  }

  .form .container {
    border: none;
  }

  .form_top {
    margin: 140px 0 0;
    padding: 0;
  }

  .form_top .container {
    position: relative;
  }

  .form_top .container::before {
    content: "";
    display: block;
    height: 1px;
    background-color: #d8d8d8;
    position: absolute;
    left: 0;
    right: 0;
  }

  .form_top .form-body {
    padding: 100px 0 90px;
  }

  .form_top .form-body__a {
    top: 20px;
    width: 361px;
    right: -77px;
  }

  .form_top .form-body__a svg {
    width: 100%;
    height: 100%;
  }

  .video {
    margin: 40px 0 0;
  }

  .video-body {
    flex-direction: column;
    padding: 0 0 58px;
  }

  .video-body__text-title {
    max-width: 650px;
  }

  .video-body__text-item {
    margin: 28px 0 0;
    font-size: 22px;
    line-height: 32px;
  }

  .video-body__text-time {
    display: none;
  }

  .video-body__item {
    flex: 1 1 100%;
    margin: 48px 0 0;
  }

  .parameters_info {
    margin: 30px 0 0;
  }

  .parameters_info-body {
    margin: 32px 0 0;
    flex-direction: column;
    align-items: flex-start;
  }

  .parameters_info-body__text p {
    max-width: 510px;
  }

  .parameters_info-body__img {
    width: 100%;
    margin: 40px auto 0;
    padding: 0 34px;
  }

  .parameters_info-body__img::before {
    display: none;
  }

  .filters-body__select {
    margin: 48px 0 0;
    order: 3;
  }

  .filters-body__title {
    margin: 0;
  }

  .filters-body__text {
    flex: 0 0 100%;
    margin: 20px 0 0;
    order: 2;
  }

  .filters-row:nth-child(1) {
    gap: 0;
  }

  .filters-row {
    flex-wrap: wrap;
    gap: 40px 96px;
  }

  .filters-row:not(:first-child) {
    margin: 40px 0 0;
  }

  .filters-item {
    flex: 0 0 calc(50% - 48px) !important;
  }

  .filters-item:not(:first-child) {
    margin: 0;
  }

  .parameters-content-body__card {
    width: calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
  }

  .flat-page-top {
    margin: 20px 0 0;
  }

  .flat-page-top__back {
    flex: 1 1 auto;
  }

  .flat-page-content-body {
    flex-wrap: wrap;
  }

  .flat-page-content__img {
    padding: 35px 0 0;
    flex: 0 0 360px;
    display: flex;
    align-self: flex-start;
    flex-direction: column-reverse;
  }

  .flat-page-content__img-item {
    height: 346px;
    padding: 20px;
    margin: 36px 0 0;
  }

  .flat-page-content__img-compass {
    right: 5px;
    bottom: 5px;
    width: 96px;
    height: 96px;
  }

  .flat-page-content__img-compass img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .flat-page-content__img-tabs {
    margin: 0;
  }

  .flat-page-content__info {
    margin: 0 0 0 36px;
    flex: 0 0 calc(100% - 396px);
  }

  .flat-page-content__info-name {
    font-size: 20px;
    line-height: 26px;
  }

  .flat-page-content__info-type {
    margin: 12px 0 0;
    font-size: 32px;
    line-height: 36px;
  }

  .flat-page-content__info-content {
    padding: 20px 0 24px;
    gap: 12px;
  }

  .flat-page-content__info-content__item {
    flex: 1 1 100%;
    height: 52px;
    padding: 0 16px;
  }

  .flat-page-content__info-params {
    flex: 1 1 100%;
    display: none;
  }

  .flat-page-content__info-params._mobile {
    display: flex;
  }

  .thanks-body {
    padding: 150px 0;
  }

  .thanks-body__a {
    right: -150px;
    width: 420px;
  }

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

  .thanks-body__a {
    right: -26px;
    width: 300px;
  }

  .thanks-body__title {
    font-size: 48px;
    line-height: 60px;
  }

  .thanks-body__text {
    font-size: 20px;
    line-height: 28px;
  }

  .thanks-body__btn {
    margin: 48px 0 0;
  }

  .location_main {
    padding: 60px 0 0;
    display: flex;
    flex-direction: column-reverse;
  }

  .location_main .container {
    width: 100%;
  }

  .location_main__bg {
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 40px 0 0;
  }

  .location_main__bg-compass {
    top: 54px;
    right: 40px;
  }

  .location_main__bg > img {
    display: none;
  }

  .location_main__bg > img:nth-of-type(2) {
    display: block;
  }

  .location_main-body__text-street {
    margin: 24px 0 0;
  }

  .location_main-body__text-content {
    max-width: 645px;
  }

  .location_places {
    margin: 80px 0 0;
  }

  .location_places__a {
    width: 1500px;
    top: 260px;
    right: -540px;
  }

  .location_places._second .location_places-body__card._text {
    margin: 0 0 60px;
  }

  .location_places._second .location_places-text {
    margin: 80px 0 0;
  }

  .location_places-body {
    flex-wrap: wrap;
  }

  .location_places-body__card {
    flex: 0 0 calc(33.333% - 16px);
  }

  .location_places-body__card._text {
    flex: 0 0 100%;
    margin: 0 0 34px;
  }

  .location_places-body__card-img._text {
    padding: 0;
    text-align: left;
  }

  .location_places-body__card-text {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 1px;
  }

  .location_future-body {
    flex-direction: column;
    align-items: unset;
  }

  .location_future-body__map {
    flex: 0 0 auto;
    width: 100%;
  }

  .location_future-body__content {
    margin: 60px 0 0;
  }

  .location_future-body__content-title {
    text-align: left;
  }

  .location_future-body__content-text {
    margin: 40px 0 0;
  }

  .location_future-more {
    margin: 60px 0 0;
  }

  .location_future-more-body {
    flex-direction: column-reverse;
  }

  .location_future-more-body__content {
    margin: 40px 0 0;
  }

  .location_future-more-body__content-text p {
    max-width: 630px;
  }

  .location_future-more-body__content-text p:nth-child(2) {
    max-width: 630px;
  }

  .location_future-more-body__content-text p:not(:first-child) {
    margin: 20px 0 0;
  }

  .location_future-more-body__content-btn {
    margin: 60px 0 0;
    padding: 0;
  }

  .location_future-more-body__slider {
    flex: 0 0 auto;
    width: 100%;
    margin: 0;
  }

  .location_future-bottom {
    margin: 60px 0 0;
  }

  .location_future-bottom__title {
    font-size: 32px;
  }

  .location_future-bottom__title br {
    display: block;
  }

  .location_future-bottom__content {
    margin: 60px 0 0;
    flex-direction: column-reverse;
  }

  .location_future-bottom__content-img {
    flex: 0 0 100%;
    margin: 40px 0 0;
  }

  .location_future-bottom__content-text {
    margin: 0;
  }

  .payment_main {
    padding: 60px 0 105px;
  }

  .payment_main-body__a {
    width: 674px;
    bottom: -105px;
  }

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

  .payment_main-body__text {
    margin: 80px 0 0;
    flex-direction: column;
    align-items: unset;
  }

  .payment_main-body__text-descr {
    margin: 30px 0 0;
    max-width: 310px;
  }

  .payment_circles-body__item > span {
    font-size: 24px;
    line-height: 32px;
  }

  .payment_circles-body__content {
    /*width: 364px;*/
    margin-left: calc(33.333% + 52px);
  }

  .payment_circles-body__content-close {
    top: -20px;
  }

  .payment_circles-body__content-item._space-top {
    padding: 20px 0 0;
  }

  .payment_circles-content__title {
    font-size: 20px;
    line-height: 26px;
  }

  .payment_circles-content__btns {
    margin: 16px 0 0;
  }

  .payment_circles-content__btns span {
    height: 38px;
    padding: 0 24px;
    font-size: 16px;
    line-height: 22px;
  }

  .payment_circles-content__btns span:not(:first-child) {
    margin: 0 0 0 16px;
  }

  .payment_circles-content__text {
    margin: 30px 0 0;
    font-size: 16px;
    line-height: 22px;
  }

  .payment_circles-content__stats {
    margin: 30px 0 0;
  }

  .payment_circles-content__stats-item {
    font-size: 16px;
    line-height: 22px;
  }

  .payment_circles-content__stats-item span {
    width: 65px;
    height: 38px;
    margin: 0 20px 0 0;
    font-size: 16px;
    line-height: 22px;
  }

  .payment_circles-content__stats-item:not(:first-child) {
    margin: 12px 0 0;
  }

  .payment_info-body {
    padding: 60px 0 0;
    flex-direction: column;
  }

  .payment_info-body__img {
    flex: 1 1 100%;
    margin: 40px 0 0;
  }

  .payment_info-body__content-btn {
    margin: 30px 0 0;
  }

  .report_gallery {
    margin: 24px 0 0;
  }

  .report_gallery-top__title {
    margin: 20px 0 0;
  }

  .report_gallery-body {
    padding: 40px 0 0;
  }

  .report_gallery-body li {
    height: 156px;
  }

  .policy_info__text {
    font-size: 20px;
    line-height: 28px;
  }

  .policy_content {
    margin: 40px 0 0;
  }

  .policy_content .container {
    border: none;
  }

  .policy_content-body {
    padding: 44px 0 0;
    border-top: 1px solid #b3b4b4;
  }

  .policy_content-body__item-title {
    padding: 20px 10px;
    font-size: 28px;
    line-height: 36px;
  }

  .policy_content-body__item-content {
    font-size: 20px;
    line-height: 28px;
  }

  .policy_content-body__item-content ._wrapper {
    padding: 24px 10px;
  }

  .gallery {
    margin: 60px 0 0;
  }

  .home-body__item {
    flex: 0 0 64%;
  }

  .home-body__back {
    left: calc(64% + 40px);
  }

  .callback_modal__a {
    width: 419px;
  }

  .callback_modal-body__close {
    top: 28px;
    right: 0;
  }

  .callback_modal-body__subtitle {
    margin: 30px 0 0;
    font-size: 20px;
    line-height: 28px;
  }

  .callback_modal-body__form label input {
    font-size: 16px;
    line-height: 22px;
  }
}

@media (max-width: 1100px) {
  .two-body {
    flex-direction: column;
  }

  .two-body__text {
    padding: 0;
  }

  .two-body__text-descr {
    margin: 40px 0 0;
  }

  .two-body__text-date {
    margin: 60px 0 0;
  }

  .two-body__img {
    margin: -60px 0 0 auto;
  }

  .two-body__img::before {
    width: 680px;
    height: 680px;
    top: -208px;
    right: -126px;
  }

  .two-body__img-item:nth-child(2) {
    margin: 54px 0 0 36px;
  }

  .yards {
    margin: 60px 0 0;
  }

  .yards__title ._mobile {
    display: block;
  }

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

  .yards-top__item:not(:first-child) {
    margin: 32px 0 0;
  }

  .yards-top__item {
    flex: 0 0 auto !important;
  }

  .yards-top__item:nth-child(2) {
    max-width: 525px;
  }

  .yards-slider {
    flex-direction: column;
    padding: 0 25px;
  }

  .yards-slider__text .container {
    padding: 0;
    margin: 40px 0 0;
  }

  .yards-slider__text-text {
    max-width: 100%;
    margin: 24px 0 0;
    padding: 0 20px 0 0;
  }

  .yards-slider__text-pagination {
    margin: 38px 0 0;
  }

  .accent-body__info::before {
    width: 1134px;
    height: 1134px;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 50%;
  }
}

@media (max-width: 992px) {
  .preloader-body__logo {
    width: 332px;
    height: 76px;
  }

  .preloader-body__logo img {
    width: 332px !important;
    height: 76px !important;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .preloader-body__logo-light img {
    width: 332px !important;
    height: 76px !important;
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }

  .preloader-body__percents {
    font-size: 28px;
    line-height: 32px;
    bottom: 80px;
  }
}

@media (max-width: 991px) {
  .callback_choose br {
    display: block;
  }

  .callback_future .callback-body br {
    display: block;
  }

  .parking-body__img span {
    font-size: 18px;
    line-height: 26px;
    top: 24px;
    left: 24px;
    padding: 0 24px 0 0;
  }

  .parking-body__img span br {
    display: block;
  }

  .parking-body__slider-pagination span {
    max-width: 86px;
  }

  .yards-slider__text-pagination span {
    max-width: 86px;
  }

  .view-slider__pagination span {
    max-width: 86px;
  }

  .payment_circles-content__btns {
    gap: 16px;
    flex-wrap: wrap;
  }

  .payment_circles-content__btns span:not(:first-child) {
    margin: 0;
  }

  .genplan > img {
    display: none;
  }

  .genplan img._mobile {
    display: block;
  }

  .genplan-card {
    width: 192px;
    padding: 16px;
  }

  .genplan-card:nth-child(1) {
    left: 380px;
  }

  .genplan-card:nth-child(1) {
    top: 10%;
    left: 28%;
  }

  .genplan-card:nth-child(2) {
    left: 720px;
  }

  .genplan-card:nth-child(2) {
    top: auto;
    left: auto;
    right: 26%;
    bottom: 30%;
  }

  .genplan-card__top {
    padding: 0 0 16px;
  }

  .genplan-card__top-logo {
    width: 100px;
  }

  .genplan-card__top-num {
    width: 26px;
    height: 26px;
    margin: 0 0 0 10px;
  }

  .genplan-card__info {
    margin: 10px 0;
  }

  .genplan-card__info-value {
    width: 32px;
    height: 32px;
    font-size: 18px;
  }

  .genplan-card__info-value span {
    transform: translate(0, -4px);
  }

  .genplan-card__info-title {
    font-size: 16px;
    margin: 0 0 0 8px;
  }

  .genplan-card__btn {
    height: 34px;
    font-size: 16px;
  }

  .genplan-select img {
    display: none;
  }

  .genplan-select img._mobile {
    display: block;
  }

  .home-top {
    display: flex;
  }

  .home-body__item {
    flex: 0 0 100%;
  }

  .home-body__item .home-card {
    display: none !important;
  }

  .home-body__item .home-card._active {
    display: none !important;
  }

  .home-body__back {
    display: none;
  }

  .home-bottom {
    display: flex;
  }

  .home-bottom._lock {
    display: none;
  }

  .home-card {
    right: auto;
    top: auto;
    width: 100%;
    display: none;
    position: relative;
    transform: translate(0);
  }

  .home-card._active {
    display: block;
  }

  .home-card__remain {
    max-width: 100%;
  }

  .home-card__bedrooms {
    max-width: 100%;
  }

  .callback_modal-body__form label:nth-child(1) {
    width: 100%;
  }

  .notfound-body__a {
    left: auto;
    right: -52px;
    bottom: -10px;
    transform: translate(0);
    width: 450px;
  }

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

@media (max-width: 767px) {
  .header-body {
    height: 64px;
    justify-content: space-between;
  }

  .header-body__logo {
    border: none;
    padding: 0;
  }

  .header-body__logo img {
    width: 152px;
  }

  .header-body__burger {
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid #edf0f2;
    padding: 0 0 0 20px;
    margin: 0 0 0 20px;
  }

  .header-body__call {
    display: none;
  }

  .header-body__btn {
    display: none;
  }

  .header-body__btn_mobile {
    display: flex;
  }

  .header-body__lang {
    display: none;
  }

  .header-menu {
    display: none;
  }

  .menu {
    transform: translate(100%, 0);
    overflow: hidden;
  }

  .menu .header-body__call {
    margin: 0;
  }

  .menu .header-body__lang {
    margin: 25px 0 0;
  }

  .menu .container {
    padding: 0 12px;
    height: 100%;
  }

  .menu-wrapper {
    padding: 0 0 40px;
  }

  .menu__letter {
    height: auto;
    width: 550px;
    left: -14px;
    bottom: 0px;
  }

  .menu__letter svg {
    width: 100%;
    height: 100%;
  }

  .menu__close {
    transform: translate(0);
    top: -84px;
    right: 10px;
    left: auto;
  }

  .menu-top {
    display: none;
    margin: auto 0 0;
    justify-content: center;
    flex-direction: column;
  }

  .menu-body {
    margin: 92px 0 0;
    padding: 0 0 40px;
    justify-content: center;
    width: 100%;
    height: auto;
  }

  .menu-body__bottom {
    margin: 100px 0 0;
    align-items: center;
  }

  .menu-body__bottom-link {
    margin: 0 auto;
  }

  .menu-body__bottom-link:not(:first-child) {
    margin: 20px auto 0;
  }

  .menu-body__bottom-phone {
    display: block;
  }

  .menu-body__btn {
    margin: 45px auto 0;
  }

  .menu-body__links {
    align-items: center;
    overflow-y: auto;
  }

  .menu-body__links .header-body__call {
    display: flex;
    justify-content: center;
    margin: 25px 0 0;
  }

  .menu-body__links._submenu a {
    font-size: 16px;
    line-height: 26px;
  }

  .menu-body__links ._submenu-back {
    font-size: 16px;
    line-height: 26px;
  }

  .menu-body__links ._submenu-back svg {
    width: 25px;
    margin: 0 8px 0 0;
  }

  .menu-body__links ._submenu-name {
    margin: 16px 0 0;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1px;
  }

  .menu-body__links-item {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
  }

  .menu-body__links-item:not(:first-child) {
    margin: 16px 0 0;
  }

  .footer__watermark {
    right: 0;
    left: auto;
    bottom: 60px;
    border-right: 10px solid #14d85e;
    padding: 0 42px 0 0;
  }

  .footer-body {
    display: flex;
    flex-direction: column;
    padding: 60px 0 100px;
  }

  .footer-body.no-border {
    border: none;
  }

  .footer-body__logo {
    width: 202px;
  }

  .footer-body__cr {
    margin: 26px 0 0;
    max-width: 100%;
  }

  .footer-col {
    width: 100%;
    flex: 1 1 auto;
  }

  .footer-col:nth-child(1) {
    flex: 1 1 auto;
    width: 100%;
  }

  .footer-col:nth-child(1) .footer-body__logo {
    order: 1;
  }

  .footer-col:nth-child(1) .footer-body__cr {
    order: 3;
  }

  .footer-col:nth-child(1) .footer-body__links {
    order: 4;
  }

  .footer-col:nth-child(1) .footer-body__links:nth-child(4) {
    order: 6;
  }

  .footer-col:nth-child(1) .footer-body__year {
    order: 5;
  }

  .footer-col:nth-child(1) .footer-col__social {
    order: 2;
  }

  .footer-col:nth-child(1) .footer-col__bottom-logo {
    order: 7;
  }

  .footer-col:nth-child(1) .footer-col__social {
    margin: 28px 0 0;
  }

  .footer-col:nth-child(1) .footer-col__bottom-logo {
    margin: 38px 0 0;
  }

  .footer-col:nth-child(1) .footer-body__links {
    margin: 16px 0 0;
  }

  .footer-col:nth-child(1) .footer-body__links:not(:nth-child(2)) {
    margin: 16px 0 0;
  }

  .footer-col:nth-child(1) .footer-body__links a {
    font-size: 12px;
  }

  .footer-col:nth-child(2) {
    margin: 40px 0 0;
  }

  .footer-col:nth-child(3) {
    margin: 40px 0 0;
  }

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

  .footer-col__links-col:not(:first-child) {
    margin: 12px 0 0;
  }

  .footer-col__links-col a {
    font-size: 18px;
    line-height: 140%;
  }

  .footer-col__links-col a:not(:first-child) {
    margin: 12px 0 0;
  }

  .footer-col__info-item > br._mobile {
    display: block;
  }

  .footer-col__watermark {
    margin: 60px 0 0;
  }

  .footer-col__watermark-logo {
    width: 134px;
  }

  .title {
    letter-spacing: 1px;
    font-size: 32px;
    line-height: 36px;
  }

  .title br {
    display: none;
  }

  .text {
    font-size: 18px;
    line-height: 26px;
  }

  .section-devider {
    margin: 100px 0 65px;
  }

  .section-devider img {
    margin: 0 20px;
    height: 12px;
    transform: translate(0, -2px);
  }

  .main-slider__handler {
    width: 48px;
    height: 48px;
  }

  .main-slider__handler svg {
    height: 10px;
  }

  .main-slider__img._second .main-slider__img-title {
    display: block;
  }

  .main-slider__img._second .main-slider__img-street span:nth-child(1) {
    display: none;
  }

  .main-slider__img._second .main-slider__img-street span:nth-child(2) {
    display: block;
  }

  .main-slider__img img:nth-of-type(1) {
    display: none;
  }

  .main-slider__img img:nth-of-type(2) {
    display: none;
  }

  .main-slider__img img:nth-of-type(3) {
    display: block;
  }

  .main-slider__img .container {
    display: block;
  }

  .main-slider__img-street span:nth-child(2) {
    bottom: auto;
    top: 55px;
    display: none;
  }

  .main-slider__img-content {
    padding: 140px 0 0;
    width: calc(100% - 40px);
    flex-direction: column;
    align-items: center;
  }

  .main-slider__img-content-wrapper {
    display: block;
    margin: 200px 0 0;
  }

  .main-slider__img-advantage {
    justify-content: center;
  }

  .main-slider__img-advantage span {
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
  }

  .main-slider__img-text {
    margin: 24px 0 0;
  }

  .main-slider__img-title {
    text-align: center;
  }

  .main-slider__img-title span br {
    display: block;
  }

  .main-slider__img-title span:nth-child(1) {
    font-size: 28px;
    line-height: 34px;
  }

  .main-slider__img-advantages {
    margin: 110px 0 0;
  }

  .main-slider__img-list {
    font-size: 16px;
  }

  .main-slider__img-list span {
    width: 36px;
    height: 36px;
    margin: 0 10px 0 0;
    font-size: 12px;
    line-height: 16px;
  }

  .main-slider__img-item:not(:first-child) {
    margin: 0 0 0 18px;
  }

  .two .container {
    padding: 0;
  }

  .two-body__text {
    padding: 0 20px;
  }

  .two-body__text-date {
    margin: 44px 0 0;
    font-size: 16px;
    line-height: 22px;
  }

  .two-body__img {
    margin: -22px 0 0;
  }

  .two-body__img::before {
    width: 498px;
    height: 498px;
    top: -104px;
    right: -138px;
  }

  .two-body__img-item {
    width: calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
  }

  .two-body__img-item:nth-child(1) {
    margin: 62px 0 0;
  }

  .two-body__img-item:nth-child(2) {
    margin: 0 0 0 16px;
  }

  .two-body__img img {
    width: calc(50vw - 8px);
    flex: 0 0 calc(50vw - 8px);
  }

  .callback_parameters .callback-body {
    padding: 54px 0 0;
  }

  .callback_parameters .callback-body__btn {
    flex-direction: column;
    align-items: flex-start;
  }

  .callback_parameters .callback-body__btn ._arrow {
    margin: 16px 0 0 14px;
  }

  .callback_parameters-item .callback-body {
    padding: 54px 0 0;
  }

  .callback-body {
    padding: 54px 0;
  }

  .callback-body__btn {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 1px;
  }

  .callback_report {
    margin: 30px 0 0;
  }

  .position__map {
    margin: 20px 0 0;
  }

  .position__map > img:nth-of-type(2) {
    display: none;
  }

  .position__map > img:nth-of-type(3) {
    display: block;
  }

  .position__map-compass {
    left: 20px;
    bottom: 20px;
  }

  .position-body__subtitle {
    font-size: 18px;
    line-height: 26px;
  }

  .position-body__text {
    margin: 24px 0 0;
  }

  .position-body__new {
    margin: 20px 0 0;
    font-size: 20px;
    line-height: 28px;
  }

  .balance {
    padding: 60px 0;
  }

  .balance-body__title {
    font-size: 32px;
    line-height: 36px;
  }

  .balance-body__btn {
    margin: 170px 0 0;
    justify-content: flex-start;
  }

  .balance-body__btn:nth-child(3) {
    margin: 24px 0 0;
  }

  .parking {
    margin: 82px 0 0;
  }

  .parking-body {
    flex-direction: column-reverse;
    flex-wrap: unset;
  }

  .parking-body__img:not(:first-child) {
    margin: 0;
  }

  .parking-body__img {
    flex: 1 1 100%;
    margin: 20px 0 0;
  }

  .parking-body__slider {
    margin: 0 0 20px;
  }

  .parking-body__slider-pagination {
    padding: 0;
    margin: 40px 0 0;
  }

  .parking-body__slider-pagination span:not(:first-child) {
    max-width: 68px;
    margin: 0 0 0 16px !important;
  }

  .parking-body__slider-pagination span {
    max-width: 68px;
  }

  .layout {
    margin: 130px 0 0;
  }

  .layout-body__content {
    padding: 0 20px;
  }

  .layout-body__img {
    margin: 20px 0 0;
  }

  .layout-body__img img:nth-child(1) {
    display: none;
  }

  .layout-body__img img:nth-child(2) {
    display: block;
  }

  .layout-body__title br {
    display: block;
  }

  .layout-body__text {
    margin: 40px 0 0;
  }

  .layout-body__tobe {
    margin: 40px 0 0;
    font-size: 16px;
    line-height: 22px;
  }

  .layouts-content {
    padding: 40px 0 50px;
  }

  .layouts-body {
    margin: 50px 0 0;
    flex-direction: column;
    align-items: center;
  }

  .layouts-body__item:not(:first-child) {
    padding: 28px 0 0;
    margin: 28px 0 0;
  }

  .layouts-body__item:not(:first-child)::before {
    width: 60px;
    height: 1px;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
  }

  .about-body {
    padding: 60px 0;
  }

  .about-body__a {
    width: 284px;
    height: 350px;
    right: -40px;
    top: 84px;
    bottom: auto;
  }

  .about-body__a img {
    width: 100%;
    height: 100%;
  }

  .about-body__text {
    margin: 30px 0 0;
  }

  .about-body__text br {
    display: none;
  }

  .about-body__btn {
    margin: 40px 0 0;
  }

  .architecture {
    padding: 60px 0 0 !important;
  }

  .architecture .container::before {
    width: 802px !important;
    height: 802px !important;
    left: -276px !important;
    top: 16px !important;
  }

  .architecture-body__num {
    width: 320px !important;
    right: auto !important;
    left: 20px !important;
    top: 40px !important;
  }

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

  .architecture-body__title {
    padding: 0 20px !important;
  }

  .architecture-body__content {
    margin: 225px 0 0 !important;
    padding: 0 20px !important;
  }

  .architecture-body__info {
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .architecture-body__text {
    margin: 28px 0 0 !important;
    font-size: 18px !important;
    line-height: 26px !important;
  }

  .architecture-body__subtext {
    font-size: 18px !important;
    line-height: 26px !important;
  }

  .architecture-body__img {
    margin: 300px 0 0 !important;
  }

  .architecture-body__img-circle {
    width: 240px !important;
    height: 240px !important;
    right: 0px !important;
    top: -290px !important;
  }

  .architecture-body__img-item img:nth-child(1) {
    display: none;
  }

  .architecture-body__img-item img:nth-child(2) {
    display: block;
  }

  .yards-top {
    margin: 32px 0 0;
  }

  .yards-top__item-num {
    width: 36px;
    height: 36px;
    font-size: 12px;
    line-height: 16px;
  }

  .yards-top__item-text {
    font-size: 16px;
    line-height: 22px;
  }

  .yards-slider {
    margin: 60px 0 0;
    padding: 0;
  }

  .yards-slider__text-content {
    margin: 30px 0 0;
    padding: 0 20px;
  }

  .yards-slider__text-pagination span:not(:first-child) {
    max-width: 68px;
    margin: 0 0 0 16px !important;
  }

  .yards-slider__text-pagination span {
    max-width: 68px;
  }

  .yards-slider__img-nav {
    width: 36px;
    height: 36px;
  }

  .yards-slider__img-nav svg {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
  }

  .yards-slider__img-nav_prev {
    left: 10px;
  }

  .yards-slider__img-nav_next {
    right: 10px;
  }

  .lobby__img {
    margin: 40px 0 0;
  }

  .lobby__img-circle {
    height: 250px;
    left: -40px;
    transform: translate(-30px, 0);
  }

  .lobby-body__num {
    top: 34px;
    width: 320px;
  }

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

  .lobby-body__title br {
    display: block;
  }

  .lobby-body__text {
    margin: 245px 0 0;
  }

  .lobby-body__text p:not(:first-child) {
    margin: 16px 0 0;
  }

  .feel .container {
    padding: 0;
  }

  .feel-body::before {
    display: none;
  }

  .feel-body__a {
    width: 370px;
    top: 64px;
    right: -90px;
  }

  .feel-text {
    padding: 40px 20px 0;
  }

  .feel-text__title {
    font-size: 32px;
    line-height: 36px;
  }

  .feel-content {
    margin: 52px 0 0;
    padding: 0 20px;
    overflow-x: scroll;
  }

  .feel-content::-webkit-scrollbar {
    height: 3px;
    background: #ffffff;
  }

  .feel-content::-webkit-scrollbar-thumb {
    background-color: #e9e9e9;
    border-radius: 20px;
  }

  .eq-gsap-row {
    margin: 90px 0 0;
  }

  .eq-gsap-row-2 {
    margin: 90px 0 0;
  }

  .materials-body__a {
    width: 370px;
    top: 70px;
    right: -90px;
  }

  .materials-body__wrapper::before {
    display: none;
  }

  .materials-body__wrapper {
    margin: 72px 0 0;
  }

  .materials-body__content {
    padding: 0 140px 0 0;
  }

  .materials-body__content-a {
    width: 384px;
    height: 472px;
  }

  .materials-body__content .materials__wood {
    width: 465px;
    height: 338px;
  }

  .materials-body__content .materials__wood img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .materials-body__content {
    width: 844px;
    height: 708px;
  }

  .materials-text {
    padding: 40px 20px 0;
  }

  .materials-text__title {
    font-size: 32px;
    line-height: 36px;
  }

  .materials-text__title br._mobile {
    display: block;
  }

  .materials-luster {
    left: 120px;
  }

  .materials-luster img {
    width: 280px;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .materials-luster__text {
    width: 114px;
    font-size: 8.326px;
    line-height: 11.101px;
    letter-spacing: 0.694px;
    right: calc(100% + 2px);
    bottom: 80px;
  }

  .materials-luster__text::before {
    height: 70px;
    top: -20px;
    right: -40px;
  }

  .materials-materials__item img {
    width: 83px;
  }

  .materials-materials__item::before {
    height: 70px;
  }

  .materials-materials__item:nth-child(1) {
    right: 460px;
    bottom: 140px;
  }

  .materials-materials__item:nth-child(1) img {
    width: 83px;
  }

  .materials-materials__item:nth-child(1)::before {
    top: 5px;
    right: 72px;
  }

  .materials-materials__item:nth-child(2) {
    right: 460px;
    bottom: 220px;
  }

  .materials-materials__item:nth-child(2) span {
    margin: 0 25px 0 0;
    width: 120px;
  }

  .materials-materials__item:nth-child(2)::before {
    top: 5px;
    right: 72px;
  }

  .materials-materials__item:nth-child(3) {
    right: 340px;
    bottom: 320px;
  }

  .materials-materials__item:nth-child(3) span {
    width: 105px;
    margin: 0 0 30px;
  }

  .materials-materials__item:nth-child(3)::before {
    top: 40px;
    right: 50px;
  }

  .materials-materials__item:nth-child(4) {
    right: 200px;
    bottom: 390px;
  }

  .materials-materials__item:nth-child(4) span {
    width: 140px;
    margin: 0 0 35px;
  }

  .materials-materials__item:nth-child(4)::before {
    top: 40px;
    right: 68px;
  }

  .materials-materials__item:nth-child(5) {
    right: 104px;
    bottom: 440px;
  }

  .materials-materials__item:nth-child(5) span {
    width: 94px;
    margin: 0 0 35px;
  }

  .materials-materials__item:nth-child(5)::before {
    right: 45px;
    top: 44px;
  }

  .materials-materials__item span {
    font-size: 8.326px;
    line-height: 11.101px;
    letter-spacing: 0.694px;
    margin: 0 35px 0 0;
  }

  .progress {
    padding: 0 0 100px;
  }

  .progress__text {
    width: 375px;
    bottom: 0;
  }

  .progress__nav {
    display: flex !important;
  }

  .progress-top__title {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 1px;
  }

  .progress-top__nav {
    display: none;
  }

  .progress-body__item {
    padding: 0 0 100%;
  }

  .progress-body__item:hover .progress-item__info-arrow svg {
    transform: translate(10px, -50%);
  }

  .progress-body__item-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .progress-body__item-top {
    padding: 20px;
  }

  .progress-item__info-title {
    font-size: 28px;
    line-height: 36px;
  }

  .progress-item__info-date {
    font-size: 14px;
    line-height: 22px;
  }

  .progress-item__info-arrow svg {
    width: 32px;
    left: -10px;
  }

  .progress-item__info-arrow::before {
    width: 40px;
    height: 40px;
  }

  .progress_item-body-nav {
    width: 36px;
    height: 36px;
  }

  .progress_item-body-nav svg {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
  }

  .accent {
    margin: 80px 0 0;
    padding: 0 0 300px;
  }

  .accent-icon {
    bottom: 80px;
  }

  .accent-icon__item {
    width: 130px;
    height: 130px;
    border: 1.5px solid #f6f6f6;
  }

  .accent-icon__item::before {
    width: calc(100% + 34px);
    height: calc(100% + 34px);
  }

  .accent-icon__item::after {
    width: calc(100% + 68px);
    height: calc(100% + 68px);
  }

  .accent-icon__item > img {
    width: 42px !important;
    height: 42px !important;
  }

  .accent-icon__item._sub {
    width: 54px;
    height: 54px;
  }

  .accent-icon__item._sub img {
    width: 21px !important;
    height: 21px !important;
  }

  .accent-icon__item._sub::before {
    width: calc(100% + 14px);
    height: calc(100% + 14px);
  }

  .accent-icon__item._sub::after {
    width: calc(100% + 28px);
    height: calc(100% + 28px);
  }

  .accent-icon__item:nth-child(2) {
    left: -115px;
    top: -70px;
  }

  .accent-icon__item:nth-child(3) {
    right: -115px;
    top: -70px;
  }

  .accent-icon__item:nth-child(4) {
    left: -115px;
    bottom: -70px;
  }

  .accent-icon__item:nth-child(5) {
    right: -115px;
    bottom: -70px;
  }

  .accent-body {
    padding: 0 20px;
  }

  .accent-body__info::before {
    width: 845px;
    height: 845px;
    top: auto;
    bottom: -40px;
  }

  .accent-body__info-title {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 1px;
  }

  .accent-body__img {
    width: 200px;
    height: 200px;
    bottom: -275px;
  }

  .accent-body__img span:nth-child(1) {
    width: 130px;
    height: 130px;
  }

  .accent-body__img span:nth-child(2) {
    width: 164px;
    height: 164px;
  }

  .accent-body__img span:nth-child(3) {
    width: 200px;
    height: 200px;
  }

  .accent-body__img img {
    width: 43px;
    height: 43px;
  }

  .accent-content {
    margin: 92px 0 0;
    padding: 0 0 70px;
  }

  .accent-content .swiper-slide:nth-child(1) .accent-content__item-num {
    width: 400px;
  }

  .accent-content .swiper-slide:nth-child(2) .accent-content__item-num {
    width: 436px;
  }

  .accent-content .swiper-slide:nth-child(3) .accent-content__item-num {
    width: 440px;
    top: 70%;
  }

  .accent-content__nav span {
    width: 36px;
    height: 36px;
  }

  .accent-content__nav span svg {
    width: 14px;
    height: 14px;
  }

  .accent-content__nav span:not(:first-child) {
    margin: 0 0 0 16px;
  }

  .accent-content__item-num img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }

  .accent-content__item-name {
    font-size: 20px;
    line-height: 28px;
  }

  .accent-content__item-descr {
    font-size: 18px;
    line-height: 26px;
  }

  .building-tooltip:nth-child(6) {
    top: 420px;
    left: 964px;
  }

  .building-tooltip:nth-child(7) {
    top: 352px;
    left: 980px;
  }

  .building-body {
    width: 1080px;
  }

  .building-body__info_first {
    bottom: 30px;
  }

  .building-body__info_second {
    bottom: 40px;
  }

  .building-body__info-item {
    padding: 7px;
  }

  .building-body__info-item ._arrow {
    width: 40px;
    height: 40px;
    margin: 0 0 0 20px;
  }

  .building-body__info-item ._arrow svg {
    width: 33px;
    left: -10px;
  }

  .building-body__info-value {
    width: 30px;
    height: 30px;
    font-size: 10px;
    line-height: 15px;
  }

  .building-body__info-text {
    font-size: 18px;
    line-height: 24px;
  }

  .residences-body {
    padding: 60px 0 0;
    height: 650px;
  }

  .residences-body::before {
    width: 460px;
    height: 460px;
    left: auto;
    right: -40px;
    top: -140px;
  }

  .residences-body__info {
    bottom: 0px;
    font-size: 18px;
    line-height: 26px;
  }

  .residences-body__info::before {
    width: 554px;
    height: 554px;
    top: -80px;
  }

  .residences-body__title {
    font-size: 32px;
    line-height: 36px;
  }

  .residences-body__text {
    margin: 24px 0 0;
    font-size: 20px;
    line-height: 28px;
  }

  .residences-body__text br {
    display: none;
  }

  .residences-body__btn {
    margin: 100px 0 0;
  }

  .view {
    margin: 50px 0 0;
  }

  .view-slider {
    height: 282px;
  }

  .view-slider .swiper-wrapper {
    height: calc(100% - 54px);
  }

  .view-slider__nav {
    width: 36px;
    height: 36px;
  }

  .view-slider__nav svg {
    width: 15px;
    height: 15px;
  }

  .view-slider__pagination {
    margin: 40px 0 0;
  }

  .view-slider__pagination span:not(:first-child) {
    max-width: 68px;
    margin: 0 0 0 16px !important;
  }

  .view-slider__pagination span {
    max-width: 68px;
  }

  .view-text {
    margin: 40px 0 0;
  }

  .view-text__text {
    margin: 24px 0 0;
  }

  .view-text__advantages {
    margin: 28px 0 0;
    gap: 20px;
  }

  .view-text__advantages-item {
    flex: 1 1 100% !important;
  }

  .view-text__advantages-num {
    width: 36px;
    height: 36px;
    font-size: 12px;
    line-height: 16px;
  }

  .view-text__advantages-text {
    margin: 0 0 0 16px;
    font-size: 18px;
    line-height: 26px;
  }

  .view-text__btn br {
    display: block;
  }

  .form_top {
    margin: 90px 0 0;
  }

  .form_top .container::before {
    display: none;
  }

  .form_top .form-body {
    border-top: 1px solid #d8d8d8;
    padding: 60px 0;
  }

  .form_top .form-body__a {
    width: 552px;
    right: -230px;
  }

  .form__title {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 1px;
  }

  .form__title {
    margin: 0 0 30px;
  }

  .form-body__item:not(:first-child) {
    margin: 30px 0 0 !important;
  }

  .form-body__item {
    flex: 1 1 100% !important;
  }

  .form-body__item:nth-child(2) {
    margin: 0 !important;
  }

  .form-body__item-input input {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.32px;
  }

  .form-body__item_select .form-body__item-select {
    flex: 0 0 calc(50% - 8px);
  }

  .form-body__item_select .form-body__item-select:last-child {
    margin: 0 0 0 16px;
  }

  .form-body__item-select select {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.32px;
  }

  .form-body__item_btn {
    order: unset;
  }

  .form-body__item_btn:not(:first-child) {
    margin: 40px auto 0 0 !important;
  }

  .form-body__text {
    margin: 25px auto 0 !important;
    text-align: center;
  }

  .video .container {
    padding: 0;
  }

  .video-body {
    padding: 0 0 60px;
    border: none;
    position: relative;
  }

  .video-body::after {
    content: "";
    display: block;
    left: 20px;
    right: 20px;
    height: 1px;
    background-color: #d8d8d8;
    bottom: 0;
    position: absolute;
  }

  .video-body__text {
    padding: 0 20px;
  }

  .video-body__text-item {
    margin: 24px 0 0;
    font-size: 16px;
    line-height: 22px;
  }

  .video-body__text-item br {
    display: none;
  }

  .video-body__item {
    margin: 40px 0 0;
  }

  .parameters_info__title br {
    display: block;
  }

  .parameters_info-body__text {
    font-size: 16px;
    line-height: 22px;
    flex-direction: column;
  }

  .parameters_info-body__text span {
    margin: 10px 0 0;
  }

  .parameters_info-body__text svg {
    margin: 0 0 16px;
  }

  .parameters_info-body__img {
    margin: 30px 0 0;
    padding: 0;
  }

  .filters {
    margin: 40px 0 0;
  }

  .filters-body {
    padding: 30px 0 50px;
  }

  .filters-body__select {
    margin: 40px 0 0;
    width: 100%;
  }

  .filters-body__title br {
    display: block;
  }

  .filters-body__text {
    font-size: 16px;
    line-height: 22px;
  }

  .filters-body__text br {
    display: none;
  }

  .filters-row:not(:first-child) {
    margin: 30px 0 0;
  }

  .filters-row {
    gap: 30px;
  }

  .filters-item {
    flex: 1 1 100% !important;
  }

  .filters-others-body {
    margin: 20px 0 0;
    gap: 16px;
  }

  .filters-others-body__btn {
    width: 100%;
  }

  .filters-others-bottom {
    margin: 50px 0 0;
    padding: 50px 0 0;
    flex-direction: column;
  }

  .filters-others-bottom__clear {
    margin: 12px 0 0;
  }

  .parameters-content {
    margin: 30px 0 0;
  }

  .parameters-content-sort {
    justify-content: unset;
  }

  .parameters-content-sort label span {
    font-size: 12px;
    padding: 0 8px 0 4px;
    line-height: 18px;
  }

  .parameters-content-body {
    margin: 30px 0 0;
  }

  .parameters-content-body__card {
    width: 100%;
    flex: 1 1 100%;
  }

  .parameters-content-body__card-info span {
    padding: 0 8px;
  }

  .parameters-content-pagination {
    margin: 40px 0 0;
  }

  .parameters-content-pagination__arrow {
    width: 36px;
    height: 36px;
  }

  .parameters-content-pagination__arrow svg {
    width: 15px;
    height: 15px;
  }

  .parameters-content-pagination__nums {
    margin: 0 14px;
    width: 100%;
    max-width: 210px;
    display: flex;
    justify-content: space-between;
  }

  .parameters-content-pagination__nums span._desctop-only,
  .parameters-content-pagination__nums a._desctop-only {
    display: none;
  }

  .parameters-content-pagination__nums span:not(:first-child),
  .parameters-content-pagination__nums a:not(:first-child) {
    margin: 0;
  }

  .flat-page-top__breadcrumbs span a {
    display: none;
  }

  .flat-page-top__breadcrumbs span::after {
    content: "...";
  }

  .flat-page-content-body {
    flex-direction: column;
  }

  .flat-page-content__img {
    flex: 1 1 auto;
    -ms-grid-row-align: unset;
        align-self: unset;
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid rgba(19, 20, 17, 0.1);
  }

  .flat-page-content__img-item {
    margin: 0;
    height: 306px;
  }

  .flat-page-content__img-tabs {
    margin: 0 0 20px;
  }

  .flat-page-content__img-tabs__item {
    height: 40px;
    font-size: 13px;
    line-height: 18px;
  }

  .flat-page-content__img-tabs__item:not(:first-child) {
    margin: 0 0 0 16px;
  }

  .flat-page-content__info {
    margin: 20px 0 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }

  .flat-page-content__info-name {
    order: 1;
    display: none;
  }

  .flat-page-content__info-name._mobile {
    display: block;
  }

  .flat-page-content__info-type {
    order: 2;
    display: none;
  }

  .flat-page-content__info-type._mobile {
    display: block;
  }

  .flat-page-content__info-content {
    order: 3;
    padding: 0 0 24px;
    margin: 0;
    border-top: none;
  }

  .flat-page-content__info-btn {
    order: 5;
  }

  .flat-page-content__info-params {
    order: 4;
    gap: 8px;
    display: flex;
    padding: 0 0 24px;
    border: none;
    border-bottom: 1px solid rgba(19, 20, 17, 0.1);
  }

  .flat-page-content__info-params._mobile {
    display: none;
  }

  .flat-page-content__info-params span {
    height: 32px;
    padding: 0 12px;
    font-size: 12px;
    line-height: 16px;
  }

  .flat-page-similar {
    margin: 40px 0 0;
  }

  .flat-page-similar__title {
    padding: 30px 0 0;
    font-size: 32px;
    line-height: 36px;
  }

  .thanks-body {
    padding: 100px 0 160px;
  }

  .thanks-body__title {
    font-size: 40px;
    line-height: 44px;
  }

  .thanks-body__title br {
    display: block;
  }

  .thanks-body__text {
    font-size: 16px;
    line-height: 22px;
  }

  .thanks-body__text br {
    display: none;
  }

  .thanks-body__text br._mobile {
    display: block;
  }

  .thanks-body__btn {
    margin: 60px 0 0;
    text-align: left;
  }

  .thanks-body__btn br {
    display: block;
  }

  .location_main {
    padding: 40px 0 0;
  }

  .location_main__bg {
    margin: 32px 0 0;
  }

  .location_main__bg-compass {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 20px;
  }

  .location_main__bg > img {
    display: none;
  }

  .location_main__bg > img:nth-of-type(2) {
    display: none;
  }

  .location_main__bg > img:nth-of-type(3) {
    display: block;
  }

  .location_main-body__text-street {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1px;
  }

  .location_main-body__text-content {
    margin: 40px 0 0;
    color: #565656;
    font-family: TT Norms;
    font-size: 18px;
    line-height: 26px;
  }

  .location_places {
    margin: 60px 0 0;
  }

  .location_places__a {
    display: block;
    width: 1100px;
    top: 0;
    right: -400px;
  }

  .location_places._second {
    margin: 76px 0 0;
  }

  .location_places._second .location_places-text {
    margin: 65px 0 0;
  }

  .location_places._second .location_places-body__card._text {
    margin: 0;
  }

  .location_places-body {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .location_places-body__card {
    flex: 0 0 auto;
    height: 100%;
    padding: 0 84px 0 0;
  }

  .location_places-body__card:not(:first-child) {
    margin: 20px 0 0;
  }

  .location_places-body__card:nth-child(odd) {
    padding: 0 0 0 84px;
  }

  .location_places-body__card._text {
    margin: 0;
    padding: 0;
  }

  .location_places-body__card-img._text {
    color: #969696;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 1px;
  }

  .location_places-body__card-text {
    max-width: 200px;
    margin: 24px 0 0;
    color: #131411;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .location_places-body__card-text {
    color: #131411;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }

  .location_places-text {
    margin: 40px 0 0;
    font-size: 16px;
    line-height: 24px;
  }

  .location_places-text p:not(:first-child) {
    margin: 20px 0 0;
  }

  .location_future {
    margin: 60px 0 0;
  }

  .location_future .container {
    padding: 0;
  }

  .location_future-body__content {
    padding: 0 20px;
  }

  .location_future-body__content-text {
    font-size: 16px;
    line-height: 24px;
  }

  .location_future-body__content-btn br {
    display: block;
  }

  .location_future-more .container {
    padding: 0;
  }

  .location_future-more-body__content {
    padding: 0 20px;
  }

  .location_future-more-body__content-text {
    font-size: 16px;
    line-height: 24px;
  }

  .location_future-more-body__content-btn {
    margin: 40px 0 0;
  }

  .location_future-more-body__content-btn br {
    display: block;
  }

  .location_future-more-body__slider-nav {
    width: 36px;
    height: 36px;
  }

  .location_future-more-body__slider-nav svg {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
  }

  .location_future-more-body__slider-nav_prev {
    left: 10px;
  }

  .location_future-more-body__slider-nav_next {
    right: 10px;
  }

  .payment_main {
    padding: 40px 0 135px;
  }

  .payment_main-body__a {
    width: 428px;
    right: -90px;
    bottom: -135px;
  }

  .payment_main-body__text {
    margin: 60px 0 0;
  }

  .payment_main-body__text-content {
    font-size: 18px;
    line-height: 24px;
  }

  .payment_main-body__text-descr {
    margin: 20px 0 0;
    font-size: 18px;
    line-height: 24px;
  }

  .payment_circles {
    padding: 40px 0 60px;
  }

  .payment_circles-body {
    padding: 0;
    /*min-height: 600px;*/
    min-height: 400px;  /* Только 2 элемента */
  }

  .payment_circles-body__item {
    width: 220px;
    height: 220px;
    padding: 0;
    left: 50% !important;
    right: auto !important;
    transform: translate(-50%) !important;
  }

  .payment_circles-body__item > span {
    font-size: 20px;
    line-height: 26px;
  }

  .payment_circles-body__item:nth-child(1) {
    top: 0;
  }

  .payment_circles-body__item:nth-child(2) {
    /*top: calc(33.333% - 16px);*/
    top: calc(50% - 16px);   /* Только 2 элемента */
  }

  .payment_circles-body__item:nth-child(3) {
    top: calc(66.666% - 32px);
  }

  .payment_circles-body__item._active {
    top: 0 !important;
  }

  .payment_circles-body__content {
    width: 100%;
    margin-top: 250px;
    margin-left: 0;
    /*left: 50%;
    top: calc(33.333% + 44px);
    transform: translate(-50%, 0);
    max-width: 342px;*/
  }

  .payment_circles-body__content-close {
    display: none !important;
  }

  .payment_circles-body__content-item._active {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .payment_circles-content__title {
    text-align: center;
  }

  .payment_circles-content__tabs.active {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .payment_circles-content__btns {
    justify-content: center;
  }

  .payment_circles-content__text {
    text-align: center;
  }

  .payment_info {
    margin: 0;
  }

  .payment_info .container {
    padding: 0;
  }

  .payment_info-body {
    padding: 40px 0 0;
  }

  .payment_info-body__img {
    margin: 30px 0 0;
  }

  .payment_info-body__content-title {
    padding: 0 20px;
    font-size: 20px;
    line-height: 28px;
  }

  .payment_info-body__content-subtitle {
    margin: 30px 0 0;
    padding: 0 20px;
    font-size: 14px;
    line-height: 20px;
  }

  .payment_info-body__content-list {
    padding: 0 20px;
  }

  .payment_info-body__content-list li {
    font-size: 14px;
    line-height: 20px;
  }

  .payment_info-body__content-btn {
    padding: 0 20px;
  }

  .payment_info-body__content-btns {
    padding: 0 20px;
  }

  .payment_info-body__content-text {
    padding: 0 20px;
  }

  .report_gallery {
    margin: 16px 0 0;
  }

  .report_gallery-top__title {
    margin: 16px 0 0;
    font-size: 32px;
    font-weight: 400;
    line-height: 36px;
  }

  .report_gallery-body {
    padding: 30px 0 0;
    gap: 16px;
  }

  .report_gallery-body::after {
    display: none;
  }

  .report_gallery-body li {
    height: auto;
  }

  .policy_info {
    margin: 30px 0 0;
  }

  .policy_info__title {
    font-size: 24px;
    line-height: 28px;
  }

  .policy_info__text {
    font-size: 16px;
    line-height: 22px;
  }

  .policy_content {
    margin: 35px 0 0;
  }

  .policy_content-body {
    padding: 20px 0 0;
  }

  .policy_content-body__item:not(:first-child) {
    margin: 36px 0 0;
  }

  .policy_content-body__item-title {
    padding: 20px 0;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 1px;
  }

  .policy_content-body__item-content {
    font-size: 16px;
    line-height: 22px;
  }

  .policy_content-body__item-content ._wrapper {
    padding: 16px 0;
  }

  .gallery._second {
    margin: 70px 0 30px;
    padding: 0 0 30px;
    overflow: visible;
  }

  .gallery._second .gallery-top::before {
    width: 620px;
    height: 620px;
    top: -20px;
    left: -120px;
    right: auto;
  }

  .gallery._second .gallery-top__num {
    top: -60px;
    left: 30px;
    width: 266px;
  }

  .gallery._second .container {
    padding: 80px 20px 0;
  }

  .gallery-top::before {
    width: 620px;
    height: 620px;
    top: -20px;
  }

  .gallery-top__title {
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 1px;
  }

  .gallery-top__num {
    width: 306px;
    top: -40px;
    left: 8px;
  }

  .gallery-top__num img {
    width: 100%;
    height: 100%;
  }

  .gallery-top__nav {
    display: none;
  }

  .gallery-top__nav._mobile {
    margin: 40px 0 0;
    display: flex;
    justify-content: center;
  }

  .gallery-top__nav span {
    width: 36px;
    height: 36px;
  }

  .gallery-top__nav span svg {
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
  }

  .gallery-body {
    margin: 80px 0 0;
  }

  .gallery-body__item {
    padding: 0;
  }

  .gallery-body__item-content {
    position: absolute;
    top: 20px;
    left: 20px;
  }

  .gallery-body__item-title {
    font-size: 28px;
    line-height: 36px;
  }

  .gallery-body__item-value {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
  }

  .gallery-body__item-img {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
  }

  .callback_modal__a {
    display: none;
    width: 300px;
  }

  .callback_modal__a._mobile {
    display: block;
  }

  .callback_modal-body__close {
    top: 16px;
    right: 1px;
    width: 40px;
    height: 40px;
  }

  .callback_modal-body__close svg {
    width: 16px;
    height: 16px;
  }

  .callback_modal-body__subtitle {
    margin: 28px 0 0;
    font-size: 16px;
    line-height: 22px;
  }

  .callback_modal-body__subtitle br {
    display: none;
  }

  .callback_modal-body__form {
    width: 100%;
    margin: 48px 0 0;
    flex-direction: column;
    padding: 0 12px;
  }

  .callback_modal-body__form label:not(:first-child) {
    margin: 28px 0 0;
  }

  .callback_modal-body__form label input {
    margin: 4px 0 0;
  }

  .callback_modal-body__form-btn {
    margin: 48px 0 0;
    align-self: flex-start;
    font-size: 20px;
    line-height: 24px;
  }

  .notfound-body__a {
    right: -200px;
  }

  .notfound-body__title {
    margin: 30px 0 0;
    font-size: 40px;
    line-height: 48px;
  }

  .notfound-body__subtitle {
    margin: 20px 0 0;
    font-size: 20px;
    line-height: 26px;
  }

  .notfound-body__dots {
    margin: 120px 0 0;
  }

  .notfound-body__subs > span {
    font-size: 16px;
    line-height: 22px;
  }

  .container {
    padding: 0 20px;
  }

  ._sitemap-con {
    padding: 0 50px;
  }

  ._sitemap-body ol li {
    font-size: 22px;
  }
}

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

@media (max-width: 700px) {
  .layouts-body__item {
    flex: 1 1 100%;
    justify-content: flex-start !important;
    margin: 0 !important;
  }

  .layouts-body__item:not(:first-child) {
    margin: 32px 0 0 !important;
  }

  .layouts-body__item img:nth-child(1) {
    height: 112px;
  }
}

@media (max-width: 600px) {
  .position-body__btn ._text br {
    display: block;
  }
}

@media (max-width: 575px) {
  .preloader-body__logo {
    width: 228px;
    height: 52px;
  }

  .preloader-body__logo img {
    width: 228px !important;
    height: 52px !important;
  }

  .preloader-body__logo-light img {
    width: 228px !important;
    height: 52px !important;
  }

  .preloader-body__percents {
    font-size: 24px;
    line-height: 28px;
    bottom: 60px;
  }
}

@media (max-width: 540px) {
  .callback-body {
    justify-content: flex-start;
  }

  .callback-body__btn br {
    display: block;
  }
}

@media (max-width: 520px) {
  .balance-body__btn br {
    display: block;
  }
}

@media (max-width: 500px) {
  .payment_circles-content__buttons {
    justify-content: center !important;
    flex-direction: column !important;
  }
  .callback_choose .callback-body__btn {
    flex-direction: column;
    align-items: flex-start;
  }

  .callback_choose .callback-body__btn ._arrow {
    margin: 18px 0 0 14px;
  }

  .callback_future .callback-body__btn {
    flex-direction: column;
    align-items: flex-start;
  }

  .callback_future .callback-body__btn ._arrow {
    margin: 18px 0 0 14px;
  }

  .layouts-text br {
    display: none !important;
  }

  .notfound-body {
    padding: 208px 0 66px;
  }

  .notfound-body__a {
    width: 394px;
    bottom: 0;
    right: -155px;
  }

  .notfound-body__title {
    font-size: 30px;
    line-height: 36px;
  }

  .notfound-body__subtitle {
    margin: 16px 0 0;
    font-size: 16px;
    line-height: 22px;
  }

  .notfound-body__dots {
    margin: auto 0 0;
    padding: 40px 0 0;
  }

  .notfound-body__subs {
    margin: 40px 0 0;
  }
}

@media (max-width: 440px) {
  .payment_info-body__content-btn br {
    display: block;
  }
}

@media (max-width: 400px) {
  .footer__watermark {
    width: 100%;
    padding: 0 42px 0 20px;
  }

  .balance {
    background-image: url(/dist/css/../img/balance/bg-mobile.jpg);
  }
}

@media (max-width: 380px) {
  .footer-col__info-item ._link br {
    display: block;
  }
}

@media (max-width: 350px) {
  .parameters-content-sort {
    overflow-x: auto;
  }
}

@media (max-width: 340px) {
  .balance-body__btn {
    font-size: 20px;
    line-height: 26px;
  }

  .parameters-content-body__card-params ._dropdown {
    width: 280px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .header .container {
    padding: 0 24px;
  }
}

@media (min-width: 1101px) and (max-width: 1300px) {
  .yards-slider__text-content {
    width: calc(50% - 30px);
  }
}

@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg);
  }
}

@media (min-height: 1201px) {
  .accent-body__info::before {
    height: calc(100vh + 168px);
  }
}
/* End */


/* Start:/dist/css/custom.css?176070250149469*/
.parameters-content-body.loading {
    opacity: 0.3;

}

.callback_modal-body__form-btn {
    background: transparent !important;
}

.payment_circles-body._active .payment_circles-body__content {
    z-index: 5;
}

.payment_circles-body__close {
    z-index: 6;
    cursor: pointer;
}

.payment_circles-body__content > .payment_circles-body__content-close {
    display: none !important;
}

.payment_info-btn {
    cursor: pointer;
}

.parameters-content-body__card_gift {
    min-height: 20px;
    color: #131411;
    font-weight: 500;
    margin: 5px 0 0;
}

.flat-page-content__info-content__item_gift ._value {
    font-size: 14px;
    margin: 0 auto;
}

.callback_modal-body__phone-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 28px;
}

.callback_modal-body__phone-desc {
    font-family: "TT Norms";
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    color: #131411;
}

.callback_modal-body__phone-wrap .header-body__call {
    display: block;
    font-weight: 700;
    margin: 18px;
}

/*reklama*/
.payment_info-body__content {
    position: relative;
}

.adv_block_wrap {
    display: inline-block;
    position: relative;
}

.adv_block {
    position: static;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
    height: 38px;
    padding: 0 24px;
    border: 1px solid #969696;
    border-radius: 32px;
    color: #969696;
    text-align: center;
    font-family: TT Norms;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    -webkit-transition: all 1s;
    transition: all 1s;
    cursor: pointer;
}

.adv_block:hover {
    color: #131411;
    border-color: #131411;
}

.adv_block svg {
    margin-left: 8px;
}

.adv_block_tooltip {
    position: absolute;
    width: max-content;
    max-width: 450px;
    top: calc(100% + 5px);
    right: 0;
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    z-index: 1;
}

.adv_block_tooltip:after {
    position: absolute;
    content: " ";
    bottom:100%;
    right: 60px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgba(0, 0, 0, 0.9) transparent;
}

.adv_block:hover .adv_block_tooltip {
    visibility: visible;
    opacity: 1;
}

@media all and (max-width: 767px){
    .adv_block_wrap {
        width: 100%;
    }

    .adv_block_tooltip {
        width: max-content;
        max-width: 100%;
        right: auto;
        left: 0;
        background-color: rgba(0, 0, 0, 0.9);
    }

    .adv_block_tooltip:after {
        right: auto;
        left: 60px;
    }
}

/* Уменьшение шапки под кнопки 3D tour*/
.header-body__logo {
    padding: 0 10px 0 0;
}

.header-body__burger {
    margin: 0 10px 0 10px;
}

.header-menu ul li a,
.header-menu ul li._dropdown span {
    font-size: 13px;
}

.header-body__logo img {
    width: 120px;
}

/*3D tour*/
.header-body__btn.header-body__btn_3d {
    font-size: 15px;
}

.tour_3d_wrap {
    margin-top: 32px;
}

.tour_3d_wrap iframe {
    width: 100%;
    height: 640px;
}

@media all  and (max-width: 767px){
    .header-body__btn_mobile {
        width: 35px;
        min-width: 35px;
        height: 35px;
    }

    .tour_3d_wrap iframe {
        height: 400px;
    }
}

/* top_banner */
.main-slider {
    position: relative;
}

.top_banner_wrap {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
}

.top_banner_block  {
    position: relative;
    width: 400px;
    margin: 0 auto;
}

.top_banner_img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.top_banner_img_left {
    right: calc(100% + 10px);
}

.top_banner_img_right {
    left: calc(100% + 10px);
}

.top_banner_img img {
    display: block;
    max-width: 100%;
    height: 100%;
    opacity: 0.8;
}

.top_banner_img_left img {
   margin-left: auto;
}

.top_banner_img_right img {
    margin-right: auto;
}

.top_banner_wrap svg {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}

@media all and (max-width: 1199px){
    .top_banner_block  {
        width: 350px;
    }
}

@media all and (max-width: 767px){
    .top_banner_block  {
       display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        width: 80%;
    }

    .top_banner_img {
        top: calc(100% + 5px);

    }

    .top_banner_img_left {
        right: calc(50% + 5px);
    }

    .top_banner_img_right {
        left: calc(50% + 5px);
    }
}

@media all and (max-width: 579px){
    .top_banner_img {
        height: 50px;
    }
}

/*callback_modal_banner*/
.callback_modal_banner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    height: 100vh;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.7) translate(0, -100%);
    transition: all 0.4s ease;
    z-index: 999999;
}

.callback_modal_banner.active {
    opacity: 1;
    pointer-events: unset;
    transform: scale(1) translate(0);
}

.callback_modal_banner_close {
    color: #fff;
    border-color: #fff;
    z-index: 2;
}

.modal_banner_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    background: #f6f6f6;
}

.modal_banner_img {
    position: relative;
    width: 50%;
    min-width: 50%;
    padding-top: 65%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.modal_banner_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.modal_banner_text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-family: TT Norms;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    padding: 1rem 0.5rem;
    background: #f6f6f6;
}

.modal_banner_content {
    padding: 32px;
}

.modal_banner_content .title {
    font-family: TT Norms;
    font-weight: 500;
    font-size: 28px;
    line-height: 1.2;
}

.modal_banner_content .callback_modal-body__subtitle {
    font-size: 16px;
    line-height: 1.2;
    margin: 20px 0 0;
}

.modal_banner_price {
    font-size: 28px;
    font-weight: 500;
}

.modal_banner_content .callback_modal-body__form {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 30px auto 0;
}

.modal_banner_content .callback_modal-body__form label {
    width: 48%;
    margin: 0 0 24px;
}

.radio_label {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}

.radio_label .radio_icon {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 2px solid #d8d8d8;
    border-radius: 50%;
    margin-right: 8px;
    transition: all 0.3s ease;
}

.radio_label input:checked ~ .radio_icon {
    background: #131411;
    border-color: #131411;
}

.radio_label input {
    display: none !important;
}

.modal_banner_form_btn {
    width: 100%;
    font-family: TT Norms;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase;
    color: #fff;
    padding: 16px;
    background: #131411;
    border: 1px solid #131411;
    transition: all 0.3s ease;
}

.modal_banner_form_btn:hover {
    color: #131411;
    background: transparent;
}

@media all and (max-width: 991px){
    .callback_modal_banner .container {
        padding: 0;
    }

    .callback_modal_banner_close {
       top: 16px;
        right: 16px;
        color: #bcbcbc;
        border-color: #bcbcbc;
    }

    .callback_modal_banner .callback_modal-body {
        padding: 0;
    }

    .modal_banner_wrap {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .modal_banner_img {
        width: 100%;
        padding-top: 110%;
        background-position: center 5rem;
    }

    .modal_banner_img img {
        position: relative;
        width: 100%;
        height: auto;
    }

    .modal_banner_text {
        top: 0;
        bottom: auto;
    }

    .modal_banner_content {
        padding: 60px 16px 32px;
    }

    .modal_banner_content .title {
        font-size: 24px;
        line-height: 27px;
    }

    .modal_banner_price {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .modal_banner_content .callback_modal-body__subtitle br {
        display: block;
    }

    .modal_banner_content .callback_modal-body__form {
        width: 100%;
        margin: 30px auto 0;
        padding: 0;
    }

    .modal_banner_content .callback_modal-body__form label {
        width: 100%;
    }
}

/*options_modal*/
.options_modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    height: 100vh;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.7) translate(0, -100%);
    transition: all 0.4s ease;
    z-index: 999999;
}

.options_modal.active {
    opacity: 1;
    pointer-events: unset;
    transform: scale(1) translate(0);
}

.options_modal_close {
    color: #fff;
    border-color: #fff;
    z-index: 2;
}

.options_modal_wrap {
    padding: 32px;
    background: #f6f6f6;
}

.options_modal_wrap .title {
    margin-bottom: 1rem;
}

.options_modal_item {
    padding-top: 1em;
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #d8d8d8;
}

.options_modal_item:first-child {
    border-top: 1px solid #d8d8d8;
}

.options_modal_text * {
    font-size: inherit;
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: 1.2;
}

.options_modal_text > div {
    margin: 1em 0 0;
}

.options_modal_info {
    font-family: TT Norms;
    font-size: 1rem;
    color: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: 1.5;
}

.options_modal_info a {
    color: inherit;
    font-weight: 500;
}

.options_modal_info a:hover {
    text-decoration: underline;
}

@media all and (max-width: 767px){
    .options_modal_wrap {
        padding: 32px 16px;
    }
}

/*two-body__img-block*/
.two-body__img-block {
    width: 100%;
    padding: 20px 0 0;
}

.two-body__img .two-body__img-block img {
    width: 640px;
}

@media (max-width: 1200px) {
    .two-body__img-block .two-body__img-item-wrapper {
        width: 100% !important;
    }
    .two-body__img .two-body__img-block img {
        width: 100%;
    }
}

@media (max-width: 1100px) {
    .two-body__img {
        margin: 0;
    }
}

/*fix_mobile_button*/
.fix_mobile_button {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 99990;
}

.fix_mobile_link {
    font-family: "TT Norms";
    font-size: 1rem;
    line-height: 1;
    font-weight: 500;
    display: block;
    padding: 8px 16px;
    color: rgba(0, 0, 0, 0.78);
    border-radius: 50px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.78);
    -webkit-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
}

.fix_mobile_link:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.78);
}

@media all and (min-width: 768px){
    .fix_mobile_button {
        display: none;
    }
}

/*parkings*/
.page__parkingplaces {
  padding-top: 130px;
}
@media (max-width: 1200px) {
  .page__parkingplaces {
    padding-top: calc(60px + 70 * ((100vw - 320px) / (880)));
  }
}

.parkingplaces-page {
  overflow: hidden;
}
.parkingplaces-page__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2rem;
}
.parkingplaces-page__body {
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2rem;
}
@media (max-width: 1200px) {
  .parkingplaces-page__body {
    margin-top: calc(40px + 20 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 767.98px) {
  .parkingplaces-page__body {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.image-parkingplaces.active .toggle-filter__button span::before {
  left: calc(100% - 18px);
  background: var(--blue);
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 479.98px) {
  .image-parkingplaces {
    width: 100%;
  }
}
.image-parkingplaces__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
}
.image-parkingplaces__tab-button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-family: "TT Norms";
  color: #131411;
  background: var(--white);
  border: 1px solid #131411;
  font-size: 16px;
  line-height: 110%;
  padding: 15px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
}
@media (max-width: 1200px) {
  .image-parkingplaces__tab-button {
    font-size: calc(12px + 4 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .image-parkingplaces__tab-button {
    padding: calc(5px + 10 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .image-parkingplaces__tab-button {
    padding-left: calc(10px + 10 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .image-parkingplaces__tab-button {
    padding-right: calc(10px + 10 * ((100vw - 320px) / (880)));
  }
}
.image-parkingplaces__tab-button._tab-active {
  color: #f6f6f6;
  background: #131411;
}
@media (any-hover: hover) {
  .image-parkingplaces__tab-button:hover {
    color: #f6f6f6;
    background: #131411;
  }
}
.tabs__body {
    display: none;
}
.tabs__body.active {
    display: flex;
}
.image-parkingplaces__body {
  margin-top: 2em;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 2rem;
}
@media (max-width: 767.98px) {
  .image-parkingplaces__body {
    gap: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.image-parkingplaces__image-block {
  font-size: 10px;
  position: relative;
  z-index: 3;
  overflow: hidden;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 85em;
}
@media (max-width: 1215px) {
  .image-parkingplaces__image-block {
    font-size: 8.2px;
  }
}
@media (max-width: 991.98px) {
  .image-parkingplaces__image-block {
    font-size: 8px;
    width: 59.52em;
  }
}
@media (max-width: 767.98px) {
  .image-parkingplaces__image-block {
    width: 595.2px;
  }
}
@media (max-width: 767.98px) and (max-width: 1200px) {
  .image-parkingplaces__image-block {
    width: calc(290px + 305.2 * (100vw - 320px) / (880));
  }
}
.image-parkingplaces__image-block_1 {
  height: 81em;
}
@media (max-width: 991.98px) {
  .image-parkingplaces__image-block_1 {
    height: 56.38em;
  }
}
@media (max-width: 767.98px) {
  .image-parkingplaces__image-block_1 {
    height: 563.8px;
  }
}
@media (max-width: 767.98px) and (max-width: 1200px) {
  .image-parkingplaces__image-block_1 {
    height: calc(270px + 293.8 * (100vw - 320px) / (880));
  }
}
.image-parkingplaces__image-block_2 {
  height: 118.7em;
}
@media (max-width: 991.98px) {
  .image-parkingplaces__image-block_2 {
    height: 81.78em;
  }
}
@media (max-width: 767.98px) {
  .image-parkingplaces__image-block_2 {
    height: 817.8px;
  }
}
@media (max-width: 767.98px) and (max-width: 1200px) {
  .image-parkingplaces__image-block_2 {
    height: calc(393px + 424.8 * (100vw - 320px) / (880));
  }
}
.image-parkingplaces__image-block.active {
  cursor: -webkit-grab;
  cursor: grab;
}
.image-parkingplaces__image-block.active .image-parkingplaces__image {
  position: absolute;
  z-index: 2;
}
.image-parkingplaces__gesture-area {
  position: relative;
  width: 100%;
  height: 100%;
}
.image-parkingplaces__gesture-area .image-parkingplaces__image {
  -ms-touch-action: none;
  touch-action: none;
}
.image-parkingplaces__image {
  width: 100%;
  height: 100%;
}
.image-parkingplaces__image svg {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 15;
}
.image-parkingplaces__image svg path {
  cursor: pointer;
}
.image-parkingplaces__image img, .image-parkingplaces__image svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
@media (max-width: 479.98px) {
  .image-parkingplaces__image img, .image-parkingplaces__image svg {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
}
@media (max-width: 767.98px) {
  .image-parkingplaces__zoom {
    display: none !important;
  }
}

.zoom-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 479.98px) {
  .zoom-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.zoom-body__button_plus, .zoom-body__button_minus {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #131411;
  background: #f6f6f6;
  border: 1px solid #131411;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 110%;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
  -webkit-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
}
@media (max-width: 1200px) {
  .zoom-body__button_plus, .zoom-body__button_minus {
    font-size: calc(18px + 6 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .zoom-body__button_plus, .zoom-body__button_minus {
    padding: calc(5px + 5 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .zoom-body__button_plus, .zoom-body__button_minus {
    padding-left: calc(10px + 20 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .zoom-body__button_plus, .zoom-body__button_minus {
    padding-right: calc(10px + 20 * ((100vw - 320px) / (880)));
  }
}
@media (any-hover: hover) {
  .zoom-body__button_plus:hover, .zoom-body__button_minus:hover {
    color: #f6f6f6;
    background: #131411;
  }
}
.parking-filter__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.parking-filter__title {
  font-family: "TT Norms";
  color: var(--light-black);
  font-size: 18px;
  line-height: 120%;
}
@media (max-width: 1200px) {
  .parking-filter__title {
    font-size: calc(14px + 4 * ((100vw - 320px) / (880)));
  }
}
.parking-filter__item:not(:first-child) {
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .parking-filter__item:not(:first-child) {
    margin-top: calc(10px + 20 * ((100vw - 320px) / (880)));
  }
}
.parking-filter__range {
  margin-top: 30px;
}
@media (max-width: 1200px) {
  .parking-filter__range {
    margin-top: calc(10px + 20 * ((100vw - 320px) / (880)));
  }
}
.parking-filter__buttons {
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .parking-filter__buttons {
    margin-top: calc(10px + 10 * ((100vw - 320px) / (880)));
  }
}
.parking-filter__radio {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-family: "TT Norms";
  color: #131411;
  background: #f6f6f6;
  border: 1px solid #131411;
  font-size: 16px;
  line-height: 110%;
  padding: 15px;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
}
@media (max-width: 1200px) {
  .parking-filter__radio {
    font-size: calc(12px + 4 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .parking-filter__radio {
    padding: calc(5px + 10 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .parking-filter__radio {
    padding-left: calc(10px + 10 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .parking-filter__radio {
    padding-right: calc(10px + 10 * ((100vw - 320px) / (880)));
  }
}
.parking-filter__radio input {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.parking-filter__radio.active {
  color: #f6f6f6;
  background: #131411;
}
@media (any-hover: hover) {
  .parking-filter__radio:hover {
    color: #f6f6f6;
    background: #131411;
  }
}

.toggle-filter {
  position: relative;
  z-index: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
}
.toggle-filter.active .toggle-filter__button span {
  background: #f6f6f6;
  -webkit-box-shadow: inset 0px 0px 5px 1px var(--gray);
          box-shadow: inset 0px 0px 5px 1px var(--gray);
}
.toggle-filter.active .toggle-filter__button span::before {
  left: calc(100% - 18px);
  background: #131411;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.toggle-filter__button {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.5rem;
}
.toggle-filter__button span {
  display: block;
  position: relative;
  height: 20px;
  width: 40px;
  border-radius: 20px;
  background: #131411;
}
.toggle-filter__button span::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 2px;
  left: 2px;
  border-radius: 50%;
  background: #f6f6f6;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .toggle-filter__button:hover span::before {
    -webkit-box-shadow: 0px 0px 10px 1px var(--blue);
            box-shadow: 0px 0px 10px 1px var(--blue);
  }
}

.page__parking-advantages {
  margin-top: 120px;
  margin-bottom: 120px;
}
@media (max-width: 1200px) {
  .page__parking-advantages {
    margin-top: calc(40px + 80 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .page__parking-advantages {
    margin-bottom: calc(60px + 60 * ((100vw - 320px) / (880)));
  }
}

.parking-advantages__container {
  position: relative;
}
.parking-advantages__items {
  display: -ms-grid;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: 3rem;
}
@media (max-width: 991.98px) {
  .parking-advantages__items {
    gap: 2rem;
  }
}
@media (max-width: 767.98px) {
  .parking-advantages__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.slider-parking-advantages__image {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 420px;
}
@media (max-width: 1200px) {
  .slider-parking-advantages__image {
    height: calc(360px + 60 * ((100vw - 320px) / (880)));
  }
}
.slider-parking-advantages__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.slider-parking-advantages__text-block {
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .slider-parking-advantages__text-block {
    margin-top: calc(10px + 10 * ((100vw - 320px) / (880)));
  }
}
.slider-parking-advantages__title {
  margin-bottom: 10px;
}
.slider-parking-advantages__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .slider-parking-advantages__controls {
    margin-bottom: calc(10px + 20 * ((100vw - 320px) / (880)));
  }
}

@media (max-width: 767.98px) {
  .item-parking-advantages {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .item-parking-advantages:nth-child(2) {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.item-parking-advantages__image {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 420px;
}
@media (max-width: 1200px) {
  .item-parking-advantages__image {
    height: calc(320px + 100 * ((100vw - 320px) / (880)));
  }
}
.item-parking-advantages__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.item-parking-advantages__text-block {
  margin-top: 50px;
}
@media (max-width: 1200px) {
  .item-parking-advantages__text-block {
    margin-top: calc(20px + 30 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 767.98px) {
  .item-parking-advantages__text-block {
    width: 100%;
  }
}
.item-parking-advantages__text:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 1200px) {
  .item-parking-advantages__text:not(:last-child) {
    margin-bottom: calc(10px + 10 * ((100vw - 320px) / (880)));
  }
}

.title-medium {
  text-transform: uppercase;
  font-family: "Cormorant Unicase";
  font-size: 24px;
  letter-spacing: 2px;
  line-height: 120%;
}
@media (max-width: 1200px) {
  .title-medium {
    font-size: calc(20px + 4 * ((100vw - 320px) / (880)));
  }
}

.parking-popup {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  z-index: 50;
  width: auto;
  height: auto;
  padding: 1em;
  color: #f6f6f6;
  background: #131411;
  -webkit-transition: opacity 0.3s, visibility 0.3s ease 0s;
  transition: opacity 0.3s, visibility 0.3s ease 0s;
}
@media (max-width: 479.98px) {
  .parking-popup {
    display: none;
  }
}
.parking-popup.active {
  opacity: 1;
  visibility: visible;
}
.parking-popup__body {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
}
.parking-popup__title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4em;
  line-height: 120%;
}
.parking-popup__text, .parking-popup__text_b {
  font-family: "TT Norms";
  font-size: 1em;
  line-height: 120%;
}
.parking-popup__text_b {
  font-weight: 700;
}
.parking-popup__price {
  font-family: "TT Norms";
  font-size: 1.2em;
  white-space: nowrap;
}

/*svg parking*/
.image-parkingplaces__image svg path[data-filter=filtered] {
  fill: #131411;
  stroke: #131411;
  opacity: 0.5;
}
.image-parkingplaces__image svg path[data-status-enable=disabled] {
  cursor: default;
}
.image-parkingplaces__image svg path[data-engage=mouseover] {
  fill: #131411;
  opacity: 0.7;
}
.image-parkingplaces__image svg path[data-status=UNAVAILABLE], .image-parkingplaces__image svg path[data-status=BOOKED], .image-parkingplaces__image svg path[data-status=SOLD] {
  fill: #fff;
  opacity: 0.7;
}

/*popup-order*/
.callback_modal.popup-order {
    z-index: 15;
}
.popup__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100%;
  position: relative;
  .callback_modal-body__close {
    position: relative;
    margin-left: auto;
    top: auto;
    right: auto;
  }
}
.popup-order .btn_border {
    margin-left: 0;
}
.popup-order {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  /*background: #131411;*/
  border-right: 1px solid #131411;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.popup-order.open {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.parking-order-page {
  /*color: #f6f6f6;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  gap: 1rem;
  padding-top: 30px;
  padding-bottom: 40px;
  padding-left: 50px;
  padding-right: 50px;
}
@media (max-width: 1200px) {
  .parking-order-page {
    padding-top: calc(10px + 20 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .parking-order-page {
    padding-bottom: calc(20px + 20 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .parking-order-page {
    padding-left: calc(10px + 40 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .parking-order-page {
    padding-right: calc(10px + 40 * ((100vw - 320px) / (880)));
  }
}
.parking-order-page .close-popup span::before, .parking-order-page .close-popup span::after {
  background: #f6f6f6;
}
.parking-order-page__wrap {
  margin-top: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.parking-order-page__items {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 30px;
}
@media (max-width: 1200px) {
  .parking-order-page__items {
    margin-bottom: calc(10px + 20 * ((100vw - 320px) / (880)));
  }
}
.parking-order-page__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.parking-order-page__price {
  text-transform: uppercase;
  font-size: 42px;
  line-height: 110%;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  .parking-order-page__price {
    font-size: calc(18px + 24 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .parking-order-page__price {
    margin-bottom: calc(10px + 5 * ((100vw - 320px) / (880)));
  }
}
.parking-order-page__text {
  text-transform: uppercase;
  font-size: 22px;
  line-height: 110%;
  margin-bottom: 10px;
}
@media (max-width: 1200px) {
  .parking-order-page__text {
    font-size: calc(14px + 8 * ((100vw - 320px) / (880)));
  }
}
.parking-order-page__button {
  border: 1px solid #f6f6f6;
}
.parking-order-page__button span {
  z-index: 5;
}
.parking-order-page__image {
  margin-top: 20px;
  margin-bottom: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  overflow: hidden;
  height: 420px;
  width: auto;
}
@media (max-width: 1200px) {
  .parking-order-page__image {
    margin-top: calc(10px + 10 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .parking-order-page__image {
    margin-bottom: calc(15px + 15 * ((100vw - 320px) / (880)));
  }
}
@media (max-width: 1200px) {
  .parking-order-page__image {
    height: calc(240px + 180 * ((100vw - 320px) / (880)));
  }
}
.parking-order-page__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.parking-order-page__link {
    color: #000;
    margin-top: 1em;
    font-size: 1.2em;
    font-family: "TT Norms";
    line-height: 110%;
    text-decoration: underline;
    text-underline-position: under;
}

.item-parking-order__info {
  font-weight: 700;
  font-family: "TT Norms";
  font-size: 20px;
  line-height: 120%;
}
@media (max-width: 1200px) {
  .item-parking-order__info {
    font-size: calc(14px + 6 * ((100vw - 320px) / (880)));
  }
}
.item-parking-order__title {
  text-transform: lowercase;
  font-weight: 300;
  font-family: "TT Norms";
  font-size: 20px;
  line-height: 120%;
}
@media (max-width: 1200px) {
  .item-parking-order__title {
    font-size: calc(14px + 6 * ((100vw - 320px) / (880)));
  }
}

.payment_circles-content__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1rem;
  margin-top: 1rem;
}
.payment_circles-content__buttons .header-body__btn, .payment_circles-content__buttons .payment_circles-content__btn {
  margin: 0;
}

.payment_circles-content__btns {
    display: -webkit-flex;
    display: flex;
    margin: 20px 0 0;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.payment_circles-content__btns span:not(:first-child) {
    margin: 0;
}

/*Детальная резиденции*/
.flat-page-content__img-tabs {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flat-page-content__img-tabs__item:nth-child(2n + 1) {
    margin: 0;
}

.flat-page-content__img-tabs__item:nth-child(2n) {
    margin: 0 0 0 24px;
}

.flat-page-content__img-item img {
    cursor: pointer;
}

.flat-page-content__info-content__item.price_discount {
    position: relative;
    flex: 0 0 100%;
    -webkit-justify-content: center;
    justify-content: center;
}

.flat-page-content__info-content__item.price_discount ._value {
    margin-left: 16px;
}

.price_discount .building-tooltip {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin-left: 16px;
}

.price_discount .building-tooltip .building-tooltip__btn {
    width: 24px;
    height: 24px;
}

.price_discount .building-tooltip .building-tooltip__btn svg {
    width: 100%;
    height: auto;
    transform: none !important;
}

.price_discount .building-tooltip .building-tooltip__content {
    top: 24px;
    right: 12px;
    left: auto;
    transform: translate(50%, -50%) scale(0);
}

.price_discount .building-tooltip._active .building-tooltip__content {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transform: translate(0) scale(1);
}

.parameters-content-body__card-price.price_discount {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #797979;
}

.parameters-content-body__card-price.price_discount .prices_format {
    color: #797979;
}

.parameters-content-body__card-price.price_discount .building-tooltip {
    position: static;
    pointer-events: auto;
}

.parameters-content-body__card-price.price_discount .building-tooltip .building-tooltip__content {
    top: 24px;
    left: 0;
    right: 0;
    width: 100%;
    transform: translate(0, -50%) scale(0);
}

.parameters-content-body__card-price.price_discount .building-tooltip._active .building-tooltip__content {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transform: translate(0) scale(1);
}

.price_discount .building-tooltip:hover .building-tooltip__content {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    transform: translate(0) scale(1);
}

@media (min-width: 991px) {
    .price_discount .building-tooltip .building-tooltip__content {
        width: max-content;
        max-width: 500px;
    }

    .parameters-content-body__card-price.price_discount .building-tooltip .building-tooltip__content {
        width: auto;
        max-width: 100%;
    }
}

@media all and (max-width: 991px){
    .price_discount .building-tooltip .building-tooltip__content:hover {
        pointer-events: auto;
        visibility: hidden;
        opacity: 0;
        transform: translate(0, -50%) scale(0);
    }
}

@media (max-width: 575px) {
    .flat-page-content__info-content__item.price_discount {
        -webkit-justify-content: flex-start;
        justify-content: start;
    }

    .flat-page-content__info-content__item.price_discount ._value {
        margin-left: auto;
    }

    .price_discount .building-tooltip {
        position: static;
    }

    .price_discount .building-tooltip .building-tooltip__content {
        width: 100%;
        max-width: 100%;
        top: 38px;
        right: 0;
        left: 0;
        transform: translate(0, -50%) scale(0);
    }

    .parameters-content-body__card-price.price_discount .building-tooltip .building-tooltip__content {
        max-width: 100%;
    }
}


.flat-page-content__info-desc {
    font-family: TT Norms;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #131411;
    margin: 24px auto 0;
}

.flat-page-content__info-list-wrap {
    font-family: TT Norms;
    font-size: 16px;
    font-style: normal;
    line-height: 20px;
    color: #131411;
    margin: 24px 0;
}

.flat-page-content__info-list-title {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.flat-page-content__info-list-wrap ul {
    padding-left: 1em;
}

.flat-page-content__info-list-wrap ul li {
    list-style: disc;
    margin-bottom: 8px;
}

.detail_gallery_btn {
    background: #131411;
    color: #fff;
    width: 100%;
    margin: 24px 0 0;
}

.detail_gallery_btn:hover {
    background: #fff;
    color: #131411;
}

@media (max-width: 767px) {
    .flat-page-content__info-desc {
        order: 5;
    }
    .detail_gallery_btn {
        order: 6;
    }
    .flat-page-content__info-btn {
        order: 7;
    }
    .flat-page-content__info-list-wrap {
        order: 8;
    }
}

.main-button-link {
    position: absolute;
    z-index: 100;
    width: max-content;
    bottom: 25%;
    left: 3rem;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 52.5px;
    background: #fff;
}
.main-button-link:hover span svg {
    transform: translate(14px, -50%);
}
.main-button-link span:not(._arrow) {
    margin: 0 0 0 12px;
    color: #131411;
    font-family: Cormorant Unicase;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.main-button-link ._arrow {
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    position: relative;
    border: 1px solid #e2e1e1;
    border-radius: 50%;
    margin: 0 0 0 30px;
}
.main-button-link ._arrow svg {
    position: absolute;
    top: 50%;
    left: -14px;
    transform: translate(0, -50%);
    transition: all 0.4s ease;
}
@media (max-width:767px) {
    .main-button-link {
        display: none;
    }
}

.submenu_block_social {
    display: -webkit-flex;
    display: flex;
    gap: 20px;
    margin-top: 32px;
}

.submenu_block_social_link {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    color: #969696;
    background: transparent;
    border: 1px solid #969696;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.submenu_block_social_link:hover {
    color: #fff;
    background: #131411;
    border-color: #131411;
}

.submenu_block_social_link svg {
    width: 20px;
    height: auto;
}

.submenu_block_social_link svg path,
.submenu_block_social_link svg rect {
    color: inherit !important;
}

@media (max-width: 767px) {
    .submenu_block_social {
        -webkit-justify-content: center;
        justify-content: center;
    }
}
/*Buttons*/
.sort-btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  max-width: 35em;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0.75em 1em;
  text-transform: uppercase;
  font-family: "TT Norms";
  font-size: 1.2em;
  line-height: 110%;
  color: #131411;
  background: #fff;
  border: 1px solid #131411;
  -webkit-transition: color 0.3s, background 0.3s ease 0s;
  transition: color 0.3s, background 0.3s ease 0s;
}
.sort-btn svg path {
  -webkit-transition: stroke 0.3s ease 0s;
  transition: stroke 0.3s ease 0s;
}
@media (any-hover: hover) {
  .sort-btn:hover {
    color: #fff;
    background: #131411;
  }
  .sort-btn:hover svg path {
    stroke: #fff;
  }
}

/* !!! 15.10.25 !!! */

@charset "UTF-8";

.video_slider {
    position: relative;
}

.video_slider {
    width: 100%;
    max-height: 100%;
}

.video_slider__wrapper {
    position: relative;
    width: 56.3vh;
    height: 90vh;
}

.video_slider__controls {
    position: absolute;
    top: calc(50% - 15px);
    left: -60px;
    display: flex;
    justify-content: space-between;
    height: 30px;
    width: calc(100% + 120px);
}

.video_slider__slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.video_slider__video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
}

.video_slider__button-next,
.video_slider__button-prev {
    position: relative;
    top: 0;
    left: auto;
    right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: rgba(255,255,255,.1);
    border-radius: 50%;
    margin: 0;
    color: #fff;
    transition: background-color .3s;
    stroke: #fff;
    stroke-width: 1.5px;
}

.video_slider__button-next:after,
.video_slider__button-prev:after {
    display: none;
}

.video_slider__button-next svg,
.video_slider__button-prev svg{
    height: 60% !important;
    width: auto !important;
}

.video_slider__button-next:hover,
.video_slider__button-prev:hover {
    background-color: rgba(255,255,255,.2);
}

.video_slider__button-prev {
    transform: rotate(180deg);
}

.video_slider__pagination.swiper-pagination {
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: auto;
    width: auto;
    display: flex;
    gap: 3px;
}

.video_slider__progress {
    position: relative;
    flex-grow: 1;
    display: block;
    height: 3px;
    background-color: rgba(255,255,255,.6);
    border-radius: 1px;
    width: auto;
}

.video_slider__progress_line {
    display: block;
    height: 3px;
    background-color: #fff;
    width: 0;
    border-radius: 1px;
}

.video_slider__progress_line_ready {
    width: 100%;
}

.video_slider__modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.video_slider__modal.active {
    display: block;
}

.video_slider__modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
}

.video_slider__modal__container {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.video_slider__modal__close {
    position: absolute;
    top: 5vh;
    right: 5vh;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    border: 0;
    cursor: pointer;
    z-index: 1002;
    transition: color .3s;
}

.video_slider__modal__close:hover {
    color: #ccc;
}

.video_slider_preview {
    margin-top: 150px;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.video_slider_preview__container {
    width: 100%;
    height: 200px;
}

.video_slider_preview__wrapper {
    height: 100%;
}

.video_slider_preview__slide {
    width: 240px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    box-sizing: border-box;
}

.video_slider_preview__button {
    border: 2px solid #0D0D0D;
    padding: 0;
    background: 0 0;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
}

.video_slider_title{
    text-align: center;
    margin-bottom: 40px;
}

.video_slider_preview__button,
.video_slider_preview__image,
.video_slider_preview__picture {
    width: 100%;
    height: 100%;
    display: block;
}

.video_slider_preview__image {
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform ease-in-out .5s;
}

.video_slider_preview__image:hover {
    transform: scale(1.3);
}

.video_slider_preview__pagination {
    bottom: 10px;
}





@media screen and (max-width:800px) {
    .video_slider__wrapper {
        width: 100%;
        height: auto;
    }

    .video_slider__controls {
        top: auto;
        bottom: 20px;
        right: 10px;
        left: auto;
        width: 90px;
    }
}

@media screen and (max-width:768px) {
    .video_slider_preview__container {
        height: 150px;
    }

    .video_slider_preview__slide {
        width: 170px;
        height: 150px;
        padding: 0 10px;
    }
}

@media screen and (max-width:758px) {
    .video_slider__video {
        border-radius: 0;
    }

    .video_slider__modal__close {
        top: 20px;
        right: 20px;
    }
}

/* End */
/* /dist/css/style.css?1758286541311260 */
/* /dist/css/custom.css?176070250149469 */