@charset "UTF-8";
@font-face {
  font-family: "Evolventa";
  src: local("Evolventa-Bold"), url("./../fonts/Evolventa-Regular.woff2") format("woff2"), url("./../fonts/Evolventa-Regular.woff") format("woff"), url("./../fonts/Evolventa-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-display: swap;
}
@font-face {
  font-family: "Evolventa";
  src: local("Evolventa-Bold"), url("./../fonts/Evolventa-Bold.woff2") format("woff2"), url("./../fonts/Evolventa-Bold.woff") format("woff"), url("./../fonts/Evolventa-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-display: swap;
}
:root {
  --swiper-theme-color: #FFF;
  --sw: 0;
}

html {
  font-size: -webkit-calc(20 / 1920 * 100vw);
  font-size: calc(20 / 1920 * 100vw);
}
@media (max-height: 1080px) {
  html {
    font-size: -webkit-calc(20 / 1080 * 100vh);
    font-size: calc(20 / 1080 * 100vh);
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 16px;
  }
}

body {
  line-height: 1.2;
  font-family: "Evolventa", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  color: #2C3842;
  margin: 0;
}
body.menu-open, body.popup-open {
  overflow: hidden;
  height: 100vh;
}

@media (min-width: 1025px) {
  .mobile {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .desktop {
    display: none !important;
  }
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input {
  border: 0;
  margin: 0;
  padding: 0;
  outline: none;
  font: inherit;
  -webkit-transition: 0.2s border;
  -o-transition: 0.2s border;
  transition: 0.2s border;
}

input:focus {
  outline: none;
}

input::-webkit-input-placeholder {
  font: inherit;
  color: #7F7F7F;
}

input::-moz-placeholder {
  font: inherit;
  color: #7F7F7F;
}

input:-ms-input-placeholder {
  font: inherit;
  color: #7F7F7F;
}

input::placeholder {
  font: inherit;
  color: #7F7F7F;
}

p {
  margin: 0;
}
p:not(:last-child) {
  margin-bottom: 1.2em;
}

.app {
  overflow: hidden;
}

.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 -webkit-calc(140 / 1920 * 100vw);
  padding: 0 calc(140 / 1920 * 100vw);
}

@media (max-width: 1024px) {
  .container {
    padding: 0 20px;
  }
}
section:not([data-height=auto]) {
  height: 100vh;
}

.section-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5%;
  margin-bottom: 6vh;
}
@media (max-width: 1024px) {
  .section-head {
    margin-bottom: 40px;
  }
}

.section-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 3.2rem;
  margin: 0;
}
@media (max-width: 1024px) {
  .section-title {
    font-size: 1.9rem;
  }
}

.section-subtitle {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2rem;
  margin: 0;
}
.section-subtitle:not(:last-child) {
  margin-bottom: 0.8em;
}

.swiper-button-prev:after, .swiper-button-next:after {
  content: "";
  display: block;
  width: -webkit-calc(24 / 1920 * 100vw);
  width: calc(24 / 1920 * 100vw);
  height: -webkit-calc(50 / 1920 * 100vw);
  height: calc(50 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .swiper-button-prev:after, .swiper-button-next:after {
    width: 1rem;
    height: 2rem;
  }
}
.swiper-button-prev:after {
  background: url(../img/arrow-next.svg) no-repeat center/contain;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.swiper-button-next:after {
  background: url(../img/arrow-next.svg) no-repeat center/contain;
}
.swiper.gallery-slider {
  position: relative;
  z-index: unset;
  width: 100%;
  height: 100vh;
  min-height: 100%;
  --swiper-navigation-color: #FFF;
}
.swiper.gallery-slider .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.swiper.gallery-slider .swiper-slide .bg-wrap,
.swiper.gallery-slider .swiper-slide .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  background: no-repeat center/cover;
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
.swiper.gallery-slider .swiper-button-prev,
.swiper.gallery-slider .swiper-button-next {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  padding: 0 -webkit-calc(25 / 1920 * 100vw);
  padding: 0 calc(25 / 1920 * 100vw);
  margin: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
@media (max-width: 1024px) {
  .swiper.gallery-slider .swiper-button-prev,
  .swiper.gallery-slider .swiper-button-next {
    padding: 0 10px;
  }
}
.swiper.gallery-slider .swiper-button-prev {
  left: 0;
}
.swiper.gallery-slider .swiper-button-next {
  right: 0;
}
.swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets,
.swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: -webkit-calc(7 / 1920 * 100vw);
  gap: calc(7 / 1920 * 100vw);
  bottom: 3.5%;
  z-index: 4;
  -webkit-transition: 1.2s opacity ease-in;
  -o-transition: 1.2s opacity ease-in;
  transition: 1.2s opacity ease-in;
}
@media (max-width: 1024px) {
  .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets,
  .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    gap: 5px;
    width: auto;
    left: 20px;
    right: 20px;
    bottom: 7.5%;
  }
}
.swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
  background: #FFF;
  border-radius: 0;
  display: inline-block;
  width: -webkit-calc(140 / 1920 * 100vw);
  width: calc(140 / 1920 * 100vw);
  height: -webkit-calc(6 / 1920 * 100vw);
  height: calc(6 / 1920 * 100vw);
  margin: 0;
  opacity: 1;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition: 0.3s opacity, 0.3s -webkit-transform;
  transition: 0.3s opacity, 0.3s -webkit-transform;
  -o-transition: 0.3s opacity, 0.3s -o-transform;
  transition: 0.3s opacity, 0.3s transform;
  transition: 0.3s opacity, 0.3s transform, 0.3s -webkit-transform, 0.3s -o-transform;
}
@media (max-width: 1024px) {
  .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    width: auto;
    height: 4px;
  }
}
.swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
.swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  -webkit-transform: translate3d(0, 0, 0) scaleY(0.5);
  transform: translate3d(0, 0, 0) scaleY(0.5);
}

.popmechanic-js-container .popmechanic-reset {
  max-width: -webkit-calc(346 / 1920 * 100vw) !important;
  max-width: calc(346 / 1920 * 100vw) !important;
  margin: 0 !important;
}
@media (max-width: 1024px) {
  .popmechanic-js-container .popmechanic-reset {
    max-width: -webkit-calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
  }
}
.popmechanic-js-container .popmechanic-reset .popmechanic-main {
  padding: 1.5rem !important;
}
.popmechanic-js-container .popmechanic-reset .popmechanic-title {
  margin-bottom: 1rem !important;
  line-height: 1 !important;
  font-size: 0.9rem !important;
}
.popmechanic-js-container .popmechanic-reset .popmechanic-input {
  padding: 0.8em !important;
  line-height: 1 !important;
  font-size: 0.6rem !important;
}
.popmechanic-js-container .popmechanic-reset .popmechanic-input::-webkit-input-placeholder {
  line-height: 1 !important;
  font-size: 0.6rem !important;
}
.popmechanic-js-container .popmechanic-reset .popmechanic-input::-moz-placeholder {
  line-height: 1 !important;
  font-size: 0.6rem !important;
}
.popmechanic-js-container .popmechanic-reset .popmechanic-input:-ms-input-placeholder {
  line-height: 1 !important;
  font-size: 0.6rem !important;
}
.popmechanic-js-container .popmechanic-reset .popmechanic-input::placeholder {
  line-height: 1 !important;
  font-size: 0.6rem !important;
}
.popmechanic-js-container .popmechanic-reset .input-1 {
  margin-bottom: 0.5rem !important;
}
.popmechanic-js-container .popmechanic-reset .input-2 {
  margin-bottom: 1rem !important;
}
.popmechanic-js-container .popmechanic-reset .popmechanic-checkbox-check {
  width: 1rem !important;
  min-width: 1rem !important;
  height: 1rem !important;
  margin-right: 0.4rem !important;
}
.popmechanic-js-container .popmechanic-reset .checkbox-text {
  line-height: 1.2 !important;
  font-size: 0.5rem !important;
}
.popmechanic-js-container .popmechanic-reset .popmechanic-button {
  height: 3.3em !important;
  margin-top: 1rem !important;
  line-height: 1.2 !important;
  font-size: 0.5rem !important;
}

.grand-flats-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.grand-flats-link .btn {
  font-size: 1rem;
  padding-left: 1.5em;
  padding-right: 1.5em;
  color: #FFF;
  background-color: #F1861C;
  border: 1px solid #F1861C;
  -webkit-transition: 0.3s opacity, 0.3s border-color;
  -o-transition: 0.3s opacity, 0.3s border-color;
  transition: 0.3s opacity, 0.3s border-color;
}
.grand-flats-link .btn svg {
  width: 0.5rem;
  height: 1rem;
  margin-top: -0.2rem;
  margin-left: 1rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.grand-flats-link .btn path {
  stroke: #FFF;
  stroke-width: 0.2rem;
}

.inner-head .grand-flats-link .btn {
  font-size: 0.9rem;
  color: #F1861C;
  background-color: #FFF;
  border: 1px solid #FFF;
}
.inner-head .grand-flats-link .btn path {
  stroke: #F1861C;
}
.inner-head .grand-flats-link .btn--empty {
  border: 1px solid #F1861C;
}

.filter-field .grand-flats-link .btn {
  width: 100%;
}

@media (max-width: 1024px) {
  .gallery-popup-item .gallery-slider {
    margin-top: 11rem;
  }
}

button,
.btn {
  border: 0;
  background-color: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3.1em;
  text-transform: uppercase;
  padding: 0.2em 1.7em 0 1.7em;
  font-weight: 700;
  font-size: 0.9rem;
  color: #8F5500;
  cursor: pointer;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
button.disabled,
.btn.disabled {
  opacity: 0.4;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  button:hover:hover,
  .btn:hover:hover {
    opacity: 0.8;
  }
}
@media (max-width: 1024px) {
  button,
  .btn {
    font-size: 12px;
  }
}

button.btn {
  padding-top: 0;
}

.btn--primary {
  background-color: #F1861C;
  border: 1px solid #F1861C;
  color: #FFF;
  -webkit-transition: 0.3s opacity, 0.3s border-color;
  -o-transition: 0.3s opacity, 0.3s border-color;
  transition: 0.3s opacity, 0.3s border-color;
}

.btn--wb {
  color: #323940;
}

.btn--empty {
  border: 1px solid #F39538;
  color: #F1861C;
}

.btn--brd-orange {
  border: 0.2em solid #F39538;
  height: 2.2em;
  text-transform: none;
  padding-left: 1em;
  padding-right: 1em;
  font-weight: 400;
  font-size: 1rem;
  color: #F1861C;
}

.btn--big {
  font-size: 1rem;
  padding-left: 2.5em;
  padding-right: 2.5em;
}

.btn--white {
  background-color: #FFF;
  border: 1px solid #FFF;
  color: #F1861C;
}

.button {
  background: #F1861C;
  display: inline-block;
  line-height: 1;
  height: 2.208rem;
  text-transform: uppercase;
  padding: 0.8rem 1.2rem;
  font-weight: 700;
  font-size: 0.75rem;
  color: #fff;
  cursor: pointer;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
.button.disabled {
  opacity: 0.4;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .button:hover:hover {
    opacity: 0.8;
  }
}
@media (max-width: 1024px) {
  .button {
    font-size: 12px;
  }
}
.button_big {
  font-size: 1.12rem;
  height: 3.3rem;
  padding: 1.1rem 4.3rem;
}

.button-link {
  color: #F1861C;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 700;
  font-size: 1rem;
  border-bottom: solid 1px;
  -webkit-transition: 0.3s border-color;
  -o-transition: 0.3s border-color;
  transition: 0.3s border-color;
  cursor: pointer;
}
.button-link.disabled {
  opacity: 0.4;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .button-link:hover:hover {
    border-bottom-color: transparent;
  }
}
@media (max-width: 1024px) {
  .button-link {
    font-size: 12px;
  }
}

a {
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  a:hover:not([class]):hover, a:hover.link:hover {
    text-decoration: underline;
  }
}

.link {
  background: none;
  padding: 0;
  color: inherit;
  border: none;
}

.fav-link,
.lk-link {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.fav-link svg,
.lk-link svg {
  display: block;
  width: auto;
  height: 1.3rem;
}
@media (hover: hover) and (pointer: fine) {
  .fav-link:hover,
  .lk-link:hover {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
  }
  .fav-link:hover:hover,
  .lk-link:hover:hover {
    opacity: 0.8;
  }
}
@media (max-width: 1024px) {
  .fav-link svg,
  .lk-link svg {
    height: 1rem;
  }
}

.back-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
  cursor: pointer;
}
.back-link svg {
  display: block;
  width: 0.35em;
  height: auto;
}
@media (hover: hover) and (pointer: fine) {
  .back-link:hover:hover span {
    text-decoration: underline;
  }
}

.header {
  background-color: transparent;
  width: 100vw;
  padding: 4.5vh 0 3.5vh 0;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-transition: 0.6s background-color, 0.6s color, 0.6s opacity, 0.6s z-index step-start, 0.6s -webkit-transform;
  transition: 0.6s background-color, 0.6s color, 0.6s opacity, 0.6s z-index step-start, 0.6s -webkit-transform;
  -o-transition: 0.6s background-color, 0.6s color, 0.6s opacity, 0.6s z-index step-start, 0.6s -o-transform;
  transition: 0.6s background-color, 0.6s color, 0.6s transform, 0.6s opacity, 0.6s z-index step-start;
  transition: 0.6s background-color, 0.6s color, 0.6s transform, 0.6s opacity, 0.6s z-index step-start, 0.6s -webkit-transform, 0.6s -o-transform;
}
.header[data-theme=black] {
  background-color: #fff !important;
  color: #293138;
  -webkit-box-shadow: 0 0 0 1px #fff;
  box-shadow: 0 0 0 1px #fff;
}
@media (max-width: 1024px) {
  .header[data-theme=black] {
    background: rgba(255, 255, 255, 0.3) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.header[data-theme=black] .header__menu-btn span, .header[data-theme=black] .header__menu-btn:before, .header[data-theme=black] .header__menu-btn:after {
  background-color: #293138;
}
@media (max-width: 1024px) {
  .header[data-theme=black] .header__menu-btn span, .header[data-theme=black] .header__menu-btn:before, .header[data-theme=black] .header__menu-btn:after {
    background-color: #F39538;
  }
}
.header[data-theme=black] .header__lk path,
.header[data-theme=black] .header__fav path,
.header[data-theme=black] .header__right_wrap .pan-link path {
  fill: #293138;
}
@media (max-width: 1024px) {
  .header[data-theme=black] .header__lk path,
  .header[data-theme=black] .header__fav path,
  .header[data-theme=black] .header__right_wrap .pan-link path {
    fill: #F39538;
  }
}
.header[data-theme=black] .logo .fill {
  fill: #293138;
}
@media (max-width: 1024px) {
  .header[data-theme=black] .phone-link {
    color: #F39538;
  }
}
.header[data-theme=black] .header__video:before {
  background-image: url(../img/video.svg);
}
.header[data-theme=none] {
  -webkit-transition: 0.6s background-color, 0.6s color, 0.6s opacity, 0.6s z-index step-end, 0.6s -webkit-transform;
  transition: 0.6s background-color, 0.6s color, 0.6s opacity, 0.6s z-index step-end, 0.6s -webkit-transform;
  -o-transition: 0.6s background-color, 0.6s color, 0.6s opacity, 0.6s z-index step-end, 0.6s -o-transform;
  transition: 0.6s background-color, 0.6s color, 0.6s transform, 0.6s opacity, 0.6s z-index step-end;
  transition: 0.6s background-color, 0.6s color, 0.6s transform, 0.6s opacity, 0.6s z-index step-end, 0.6s -webkit-transform, 0.6s -o-transform;
  opacity: 0;
  z-index: 0;
}
.header[data-genplan=true] {
  position: absolute;
}
.header:not([data-visible=true]) {
  -webkit-transform: translate3d(0, -110%, 0);
  transform: translate3d(0, -110%, 0);
}
@media (max-width: 1024px) {
  .header {
    padding: 30px 0 25px 0;
  }
}

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

.header__left,
.header__right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-calc(50% - 8rem);
  width: calc(50% - 8rem);
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
@media (max-width: 1024px) {
  .header__left,
  .header__right {
    width: auto;
  }
}

.header__left {
  gap: 2.5rem;
}
@media (max-width: 1024px) {
  .header__left {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin-left: 1.25rem;
  }
}

.header__right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 2.2rem;
  position: relative;
}
.header__right .header__fav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 1025px) {
  .header__right .header__fav:last-child {
    margin-left: 0.3rem;
  }
}
@media (max-width: 1024px) {
  .header__right .header__fav {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media (max-width: 1024px) {
  .header__right .header__phone {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
@media (max-width: 1024px) {
  .header__right {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-left: auto;
    gap: 1.25rem;
  }
}
.header__right .flats-link {
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  position: absolute;
  right: -1.2rem;
  top: -0.3rem;
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}

.header .logo {
  width: 51.5rem;
  max-width: 10.7rem;
  overflow: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 0.6s max-width ease-in, 0.6s left ease-in, 0.6s top ease-in, 0.6s margin-top ease-in, 1.2s opacity ease-in, 1.2s visibility ease-in, 1.2s -webkit-transform ease-in;
  transition: 0.6s max-width ease-in, 0.6s left ease-in, 0.6s top ease-in, 0.6s margin-top ease-in, 1.2s opacity ease-in, 1.2s visibility ease-in, 1.2s -webkit-transform ease-in;
  -o-transition: 0.6s max-width ease-in, 0.6s left ease-in, 0.6s top ease-in, 0.6s margin-top ease-in, 1.2s opacity ease-in, 1.2s visibility ease-in, 1.2s -o-transform ease-in;
  transition: 0.6s max-width ease-in, 0.6s left ease-in, 0.6s top ease-in, 0.6s margin-top ease-in, 1.2s opacity ease-in, 1.2s visibility ease-in, 1.2s transform ease-in;
  transition: 0.6s max-width ease-in, 0.6s left ease-in, 0.6s top ease-in, 0.6s margin-top ease-in, 1.2s opacity ease-in, 1.2s visibility ease-in, 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
.header .logo svg {
  display: block;
  width: auto;
  height: 6.2rem;
  max-height: 2.18rem;
  -webkit-transition: 0.6s max-height ease-in;
  -o-transition: 0.6s max-height ease-in;
  transition: 0.6s max-height ease-in;
}
@media (max-width: 1024px) {
  .header .logo svg {
    height: 1.34rem;
    max-height: 1.34rem;
  }
}
.header .logo .fill {
  fill: #fff;
  -webkit-transition: 0.3s fill;
  -o-transition: 0.3s fill;
  transition: 0.3s fill;
}
@media (max-width: 1024px) {
  .header .logo {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 6.6rem;
    max-width: 6.6rem;
    left: 20px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
  }
}

body:not(.loaded) .header__left,
body:not(.loaded) .header__right {
  -webkit-transform: translate3d(0, -250%, 0);
  transform: translate3d(0, -250%, 0);
}
@media (max-width: 1024px) {
  body:not(.loaded) .header__left,
  body:not(.loaded) .header__right {
    -webkit-transform: translate3d(0, -90px, 0);
    transform: translate3d(0, -90px, 0);
  }
}
body:not(.loaded) .header .logo {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1.2);
  transform: translate3d(-50%, -50%, 0) scale(1.2);
  opacity: 0;
}
@media (max-width: 1024px) {
  body:not(.loaded) .header .logo {
    -webkit-transform: translate3d(0, -90px, 0) scale(1.2);
    transform: translate3d(0, -90px, 0) scale(1.2);
  }
}
@media (max-width: 1024px) {
  body:not(.loaded) .header__right .flats-link {
    -webkit-transform: translate3d(0, -300%, 0);
    transform: translate3d(0, -300%, 0);
  }
}

.header .btn {
  height: 3em;
  padding: 0.2em 4.3em 0;
  white-space: nowrap;
  font-size: 0.8rem;
}
.header .btn[data-border=white] {
  border-color: #fff;
}

.header__menu-btn {
  width: -webkit-calc(42 / 1920 * 100vw);
  width: calc(42 / 1920 * 100vw);
  height: -webkit-calc(42 / 1920 * 100vw);
  height: calc(42 / 1920 * 100vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.header__menu-btn span, .header__menu-btn:before, .header__menu-btn:after {
  position: absolute;
  width: 100%;
  height: -webkit-calc(3 / 1920 * 100vw);
  height: calc(3 / 1920 * 100vw);
  background-color: #FFF;
  -webkit-transition: 0.3s background-color, 0.3s opacity, 0.3s -webkit-transform;
  transition: 0.3s background-color, 0.3s opacity, 0.3s -webkit-transform;
  -o-transition: 0.3s background-color, 0.3s opacity, 0.3s -o-transform;
  transition: 0.3s background-color, 0.3s opacity, 0.3s transform;
  transition: 0.3s background-color, 0.3s opacity, 0.3s transform, 0.3s -webkit-transform, 0.3s -o-transform;
}
.header__menu-btn:before, .header__menu-btn:after {
  content: "";
}
.header__menu-btn:before {
  -webkit-transform: translateY(-webkit-calc(-10 / 1920 * 100vw));
  -ms-transform: translateY(calc(-10 / 1920 * 100vw));
  -o-transform: translateY(calc(-10 / 1920 * 100vw));
  transform: translateY(calc(-10 / 1920 * 100vw));
}
.header__menu-btn:after {
  -webkit-transform: translateY(-webkit-calc(10 / 1920 * 100vw));
  -ms-transform: translateY(calc(10 / 1920 * 100vw));
  -o-transform: translateY(calc(10 / 1920 * 100vw));
  transform: translateY(calc(10 / 1920 * 100vw));
}
@media (hover: hover) and (pointer: fine) {
  .header__menu-btn:hover {
    -webkit-transition: 0.3s background-color, 0.3s opacity;
    -o-transition: 0.3s background-color, 0.3s opacity;
    transition: 0.3s background-color, 0.3s opacity;
  }
  .header__menu-btn:hover:hover {
    opacity: 0.8;
  }
}
@media (max-width: 1024px) {
  .header__menu-btn {
    width: 1.6rem;
    height: 1rem;
  }
  .header__menu-btn span, .header__menu-btn:before, .header__menu-btn:after {
    height: 2px;
  }
  .header__menu-btn:before {
    -webkit-transform: translateY(-0.4rem);
    -ms-transform: translateY(-0.4rem);
    -o-transform: translateY(-0.4rem);
    transform: translateY(-0.4rem);
  }
  .header__menu-btn:after {
    -webkit-transform: translateY(0.4rem);
    -ms-transform: translateY(0.4rem);
    -o-transform: translateY(0.4rem);
    transform: translateY(0.4rem);
  }
}

.header__video {
  position: relative;
  padding-left: 2.13rem;
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 2;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.header__video:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.6rem;
  height: 1.6rem;
  background: url(../img/video-white.svg) no-repeat center center;
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-transition: background 0.6s;
  -o-transition: background 0.6s;
  transition: background 0.6s;
}
@media (max-width: 1024px) {
  .header__video:before {
    width: 20px;
    height: 20px;
    background-image: url(../img/video-white.svg);
  }
}
.header__video:hover {
  opacity: 0.8;
}
@media (max-width: 1024px) {
  .header__video {
    color: #fff;
    font-size: 16px;
    padding-left: 30px;
    line-height: 22px;
    margin: 35px 0;
  }
}

.header__phone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 0.4rem;
  font-weight: 700;
}
.header__phone .request-link {
  line-height: 1;
  margin-left: 0.1em;
  text-transform: uppercase;
  font-size: 0.75rem;
}
.header__phone .phone-link {
  font-size: 1.2rem;
}
@media (max-width: 1024px) {
  .header__phone .phone-link {
    -webkit-transition: 0.6s color;
    -o-transition: 0.6s color;
    transition: 0.6s color;
    color: #fff;
  }
}
.header__phone .phone-link svg {
  display: block;
  width: 1.13rem;
  height: auto;
}

.header__lk path,
.header__fav path,
.header__right_wrap .pan-link path {
  -webkit-transition: 0.3s fill;
  -o-transition: 0.3s fill;
  transition: 0.3s fill;
}

.header__fav .fav-link {
  position: relative;
}
.header__fav .fav-link span {
  background-color: #F1861C;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 2em;
  height: 2em;
  padding-top: 0.2em;
  font-weight: 700;
  font-size: 0.5rem;
  color: #fff;
  position: absolute;
  right: -1em;
  top: -1em;
}
@media (max-width: 1024px) {
  .header__fav .fav-link span {
    font-size: 0.4rem;
  }
}

@media (max-width: 1024px) {
  body.menu-open .header {
    background: rgba(255, 255, 255, 0.3) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media (min-width: 1025px) {
  body.menu-open .header .logo {
    opacity: 0;
    visibility: hidden;
  }
}
@media (max-width: 1024px) {
  body.menu-open .header .logo .fill {
    fill: #fff;
  }
}
body.menu-open .header .logo {
  /*
  max-width: 13.8rem !important;
  margin-top: 0 !important;
  left: size(140) !important;
  top: 84vh !important;
  transform: translate3d(0, -100%, 0) !important;

  svg {
  	max-height: 1.7rem !important;
  }
  */
}
@media (max-width: 1024px) {
  body.menu-open .header__menu-btn span, body.menu-open .header__menu-btn:before, body.menu-open .header__menu-btn:after {
    background-color: #fff !important;
  }
}
body.menu-open .header__menu-btn span {
  opacity: 0;
}
body.menu-open .header__menu-btn:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.menu-open .header__menu-btn:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media (max-width: 1024px) {
  body.menu-open .header__lk path,
  body.menu-open .header__fav path,
  body.menu-open .header__right_wrap .pan-link path {
    fill: #fff !important;
  }
}
@media (max-width: 1024px) {
  body.menu-open .phone-link {
    color: #fff !important;
  }
}

.header__right_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2.7rem;
  margin-left: 0rem;
}

.pan-link svg {
  height: 1.65rem;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.pan-link svg:hover {
  opacity: 0.8;
}

@media screen and (max-width: 1000px) {
  .header__right_wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.7rem;
  }
  .pan-link svg {
    height: 1.3rem;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}
[data-theme=black] .pan-link svg path {
  fill: #000;
}

.home-top .swiper-wrapper .swiper-slide .bg-wrap::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #000;
  opacity: 0.3;
  content: "";
}

.home-top-logo {
  z-index: 2;
}

.header-menu {
  width: 34%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
  -webkit-transition: 1.2s -webkit-transform;
  transition: 1.2s -webkit-transform;
  -o-transition: 1.2s -o-transform;
  transition: 1.2s transform;
  transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}
@media (max-width: 1024px) {
  .header-menu {
    width: 100%;
  }
}
.header-menu__media, .header-menu__nav-bg {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.header-menu__media {
  width: 100vw;
  -webkit-transition: 2.1s opacity, 2.1s -webkit-transform;
  transition: 2.1s opacity, 2.1s -webkit-transform;
  -o-transition: 2.1s opacity, 2.1s -o-transform;
  transition: 2.1s transform, 2.1s opacity;
  transition: 2.1s transform, 2.1s opacity, 2.1s -webkit-transform, 2.1s -o-transform;
}
.header-menu__media img,
.header-menu__media video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .header-menu__media {
    display: none;
  }
}
.header-menu__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: -webkit-calc(200 / 1080 * 100vh) -webkit-calc(140 / 1920 * 100vw) -webkit-calc(75 / 1080 * 100vh) -webkit-calc(140 / 1920 * 100vw);
  padding: calc(200 / 1080 * 100vh) calc(140 / 1920 * 100vw) calc(75 / 1080 * 100vh) calc(140 / 1920 * 100vw);
  position: relative;
}
@media (max-width: 1024px) {
  .header-menu__content {
    padding: 100px 20px 40px 20px;
    overflow: auto;
  }
}
.header-menu__nav-bg {
  background-color: #F1861C;
  width: 100%;
}
.header-menu__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1em;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  position: relative;
  -webkit-transition: 1.2s -webkit-transform;
  transition: 1.2s -webkit-transform;
  -o-transition: 1.2s -o-transform;
  transition: 1.2s transform;
  transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}
@media (max-width: 1024px) {
  .header-menu__nav {
    gap: 4.5vh;
    font-size: 1.25rem;
  }
}
.header-menu__nav a {
  display: block;
  -webkit-transition: 0.6s opacity 0.3s, 1.2s -webkit-transform 0.3s;
  transition: 0.6s opacity 0.3s, 1.2s -webkit-transform 0.3s;
  -o-transition: 0.6s opacity 0.3s, 1.2s -o-transform 0.3s;
  transition: 1.2s transform 0.3s, 0.6s opacity 0.3s;
  transition: 1.2s transform 0.3s, 0.6s opacity 0.3s, 1.2s -webkit-transform 0.3s, 1.2s -o-transform 0.3s;
}
.header-menu__nav a:after {
  content: "";
  border-top: 0.15em solid;
  display: block;
  width: 100%;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  opacity: 0;
}
.header-menu__nav a[data-active=true]:after {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  .header-menu__nav a:hover:hover:after {
    opacity: 1;
  }
}
.header-menu__nav a:nth-child(2) {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.header-menu__nav a:nth-child(3) {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.header-menu__nav a:nth-child(4) {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.header-menu__nav a:nth-child(5) {
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}
.header-menu__nav a:nth-child(6) {
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.header-menu__nav a:nth-child(7) {
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}
.header-menu__nav a:nth-child(8) {
  -webkit-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  transition-delay: 1.1s;
}
.header-menu__nav a:nth-child(9) {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.header-menu__nav a:nth-child(10) {
  -webkit-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
}
.header-menu__nav a:nth-child(11) {
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.header-menu__nav a:nth-child(12) {
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.header-menu__nav a:nth-child(13) {
  -webkit-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.header-menu__logo {
  height: 1.7rem;
  position: relative;
}
@media (max-width: 1024px) {
  .header-menu__logo {
    height: 1.5rem;
  }
}
.header-menu__logo img {
  width: auto;
  height: 100%;
}

body:not(.menu-open) .header-menu {
  -webkit-transform: translate3d(-101%, 0, 0);
  transform: translate3d(-101%, 0, 0);
  pointer-events: none;
}
body:not(.menu-open) .header-menu__media {
  -webkit-transition: 1.2s opacity, 1.2s -webkit-transform;
  transition: 1.2s opacity, 1.2s -webkit-transform;
  -o-transition: 1.2s opacity, 1.2s -o-transform;
  transition: 1.2s transform, 1.2s opacity;
  transition: 1.2s transform, 1.2s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
  -webkit-transform: translate3d(-66%, 0, 0);
  transform: translate3d(-66%, 0, 0);
}
body:not(.menu-open) .header-menu__nav {
  -webkit-transform: translate3d(34vw, 0, 0);
  transform: translate3d(34vw, 0, 0);
}
body:not(.menu-open) .header-menu__nav a {
  -webkit-transition: 1.2s opacity, 1.2s -webkit-transform;
  transition: 1.2s opacity, 1.2s -webkit-transform;
  -o-transition: 1.2s opacity, 1.2s -o-transform;
  transition: 1.2s transform, 1.2s opacity;
  transition: 1.2s transform, 1.2s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
  -webkit-transform: translate3d(5vw, 0, 0);
  transform: translate3d(5vw, 0, 0);
  opacity: 0;
}

.footer {
  padding: 17vh 0 4vh;
  color: #FFF;
  background-color: #F1861C;
  text-transform: uppercase;
  font-weight: 700;
}
@media (min-width: 1025px) {
  .footer:not(.animation-enter) .footer__top .contacts,
  .footer:not(.animation-enter) .footer__top .social {
    -webkit-transform: translate3d(0, 5vh, 0);
    transform: translate3d(0, 5vh, 0);
  }
  .footer:not(.animation-enter) .footer__top-bg > div {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@media (max-width: 1024px) {
  .footer {
    padding: 30px 0 20px;
  }
}

.footer .logo img {
  display: block;
  height: auto;
}

.footer .logo img:not(.logo-regions) {
  width: -webkit-calc(250 / 1920 * 100vw);
  width: calc(250 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .footer .logo img:not(.logo-regions) {
    width: 13rem;
  }
}

.footer .logo img.logo-regions {
  width: -webkit-calc(300 / 1920 * 100vw);
  width: calc(300 / 1920 * 100vw);
  margin-top: 1.5rem;
}
@media (max-width: 1024px) {
  .footer .logo img.logo-regions {
    width: 16rem;
  }
}

.footer__top {
  margin-bottom: 7vh;
}
@media (max-width: 1024px) {
  .footer__top {
    margin-bottom: 1.7rem;
  }
}
.footer__top .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: -webkit-calc(140 / 1920 * 100vw);
  gap: calc(140 / 1920 * 100vw);
  padding-right: 0;
  margin-right: 0;
}
.footer__top .contacts,
.footer__top .social {
  -webkit-transition: 1.2s -webkit-transform;
  transition: 1.2s -webkit-transform;
  -o-transition: 1.2s -o-transform;
  transition: 1.2s transform;
  transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}
.footer__top .social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 0.9rem;
  -moz-column-gap: 0.9rem;
  column-gap: 0.9rem;
  max-width: 10rem;
}
.footer__top .social img.logo-regions {
  display: block;
  width: -webkit-calc(200 / 1920 * 100vw);
  width: calc(200 / 1920 * 100vw);
  height: auto;
}
@media (min-width: 1025px) {
  .footer__top .social img.logo-regions {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@media (max-width: 1024px) {
  .footer__top .social img.logo-regions {
    width: 10rem;
  }
}
@media (max-width: 1024px) {
  .footer__top .social {
    gap: 1.1rem;
  }
}
.footer__top .social__link {
  display: inline-block;
}
.footer__top .social__link svg {
  display: block;
  width: 2.8rem;
  height: auto;
}
@media (max-width: 1024px) {
  .footer__top .social__link svg {
    width: 3.5rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .footer__top .social__link:hover {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
  }
  .footer__top .social__link:hover:hover {
    opacity: 0.8;
  }
}
.footer__top .contacts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1em;
  font-size: 1.5rem;
}
@media (max-width: 1024px) {
  .footer__top .contacts {
    gap: 1.6em;
    font-size: 1.4rem;
  }
}
.footer__top .contacts .address span {
  display: none;
}
.footer__top .contacts .timetable,
.footer__top .contacts .timetable-holiday {
  font-size: 0.8rem;
}
.footer__top .phone {
  color: #8F5500;
}
.footer__top .btn {
  height: 3.75em;
  font-size: 0.8rem;
}
@media (min-width: 1025px) {
  .footer__top .btn {
    display: none;
  }
}
@media (max-width: 1024px) {
  .footer__top .btn {
    font-size: 0.75rem;
  }
}
.footer__top .address__note {
  font-size: 0.9rem;
}
@media (max-width: 1024px) {
  .footer__top .address__note {
    width: -webkit-calc(100vw - 40px);
    width: calc(100vw - 40px);
  }
  .footer__top .address__note br {
    display: none;
  }
}

.footer__top-content {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 1.5rem;
}
@media (max-width: 1024px) {
  .footer__top-content {
    gap: 2.3rem;
  }
}

.footer__top-bg {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  max-height: -webkit-calc(72vh - 0.8rem);
  max-height: calc(72vh - 0.8rem);
  overflow: hidden;
  position: relative;
}
.footer__top-bg:before {
  content: "";
  display: block;
  padding-top: 58.6%;
}
.footer__top-bg > div {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 1.2s -webkit-transform;
  transition: 1.2s -webkit-transform;
  -o-transition: 1.2s -o-transform;
  transition: 1.2s transform;
  transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}

.footer__bottom {
  overflow: hidden;
  font-size: 0.7rem;
}
@media (min-width: 1025px) {
  .footer__bottom:not(.animation-enter) .container {
    -webkit-transform: translate3d(0, 5vh, 0);
    transform: translate3d(0, 5vh, 0);
  }
}
@media (max-width: 1024px) {
  .footer__bottom {
    font-size: 0.9rem;
  }
}
.footer__bottom .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: 1.2s -webkit-transform;
  transition: 1.2s -webkit-transform;
  -o-transition: 1.2s -o-transform;
  transition: 1.2s transform;
  transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}
@media (max-width: 1024px) {
  .footer__bottom .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.7em;
  }
}
@media (min-width: 1025px) {
  .footer__bottom .container > div:nth-child(2) {
    text-align: center;
  }
  .footer__bottom .container > div:last-child {
    text-align: right;
  }
}
@media (max-width: 1024px) {
  .footer__bottom .footer__another-projects {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.footer__bottom .footer__another-projects a {
  margin-left: 10px;
}
.footer__bottom .footer__another-projects a br {
  display: block;
}
@media (max-width: 1024px) {
  .footer__bottom .footer__another-projects a {
    margin-left: 0;
    margin-top: 0.7em;
  }
  .footer__bottom .footer__another-projects a br {
    display: none;
  }
}

.popup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  -webkit-transition: 0.6s opacity, 0.6s visibility;
  -o-transition: 0.6s opacity, 0.6s visibility;
  transition: 0.6s opacity, 0.6s visibility;
}
.popup:not([data-visible=true]) {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1025px) {
  .popup {
    padding: -webkit-calc(80 / 1080 * 100vh) -webkit-calc(140 / 1920 * 100vw);
    padding: calc(80 / 1080 * 100vh) calc(140 / 1920 * 100vw);
  }
}
@media (min-width: 1025px) {
  .popup {
    padding: -webkit-calc(80 / 1080 * 100vh) -webkit-calc(140 / 1920 * 100vw);
    padding: calc(80 / 1080 * 100vh) calc(140 / 1920 * 100vw);
  }
}

.popup__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 1025px) {
  .popup__overlay {
    background: #2C3842;
    opacity: 0.8;
  }
}
@media (max-width: 1024px) {
  .popup__overlay {
    background: #fff;
  }
}

.popup__in {
  background: #fff;
  width: 100%;
  position: relative;
}
@media (min-width: 1025px) {
  .popup__in {
    max-width: -webkit-calc(1640 / 1920 * 100vw);
    max-width: calc(1640 / 1920 * 100vw);
    padding: -webkit-calc(70 / 1080 * 100vh) -webkit-calc(100 / 1920 * 100vw);
    padding: calc(70 / 1080 * 100vh) calc(100 / 1920 * 100vw);
  }
}
@media (max-width: 1024px) {
  .popup__in {
    padding: 75px 20px 20px 20px;
    max-height: 100%;
    overflow: auto;
  }
}

.popup__close {
  width: -webkit-calc(40 / 1920 * 100vw);
  width: calc(40 / 1920 * 100vw);
  height: -webkit-calc(40 / 1920 * 100vw);
  height: calc(40 / 1920 * 100vw);
  position: absolute;
  top: -webkit-calc(70 / 1080 * 100vh);
  top: calc(70 / 1080 * 100vh);
  right: -webkit-calc(60 / 1920 * 100vw);
  right: calc(60 / 1920 * 100vw);
  cursor: pointer;
}
.popup__close:before, .popup__close:after {
  content: "";
  background-color: #2C3842;
  width: 130%;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
}
.popup__close:before {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.popup__close:after {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
  .popup__close:hover {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
  }
  .popup__close:hover:hover {
    opacity: 0.8;
  }
}
@media (max-width: 1024px) {
  .popup__close {
    width: 30px;
    height: 30px;
    top: 20px;
    right: 20px;
  }
}

.popup__title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 3.2rem;
  margin-bottom: 6vh;
}
@media (max-width: 1024px) {
  .popup__title {
    margin-bottom: 40px;
    font-size: 1.9rem;
  }
}

.popup__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.popup__content video {
  max-width: 100%;
  width: 100%;
}

#book-popup .popup__content,
#request-popup .popup__content {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (min-width: 1025px) {
  #book-popup .popup__content .form,
  #request-popup .popup__content .form {
    width: 50%;
    max-width: 32rem;
  }
}
#book-popup .popup__bg,
#request-popup .popup__bg {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 100% 100%;
  object-position: 100% 100%;
  width: 40%;
  height: auto;
  max-height: -webkit-calc(245 / 1080 * 100vh);
  max-height: calc(245 / 1080 * 100vh);
}
#book-popup .popup__text,
#request-popup .popup__text {
  max-width: 27em;
}
#book-popup .popup__text a:not(:hover),
#request-popup .popup__text a:not(:hover) {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  #book-popup .popup__text a:hover:hover,
  #request-popup .popup__text a:hover:hover {
    text-decoration: none;
  }
}

#message-popup .popup__in {
  padding-top: -webkit-calc(140 / 1080 * 100vh);
  padding-top: calc(140 / 1080 * 100vh);
}
#message-popup .popup__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 700;
}
@media (min-width: 1025px) {
  #message-popup .popup__text {
    gap: -webkit-calc(100 / 1080 * 100vh);
    gap: calc(100 / 1080 * 100vh);
    width: 50%;
    max-width: 40rem;
    padding: -webkit-calc(70 / 1080 * 100vh) 0;
    padding: calc(70 / 1080 * 100vh) 0;
  }
}
@media (max-width: 1024px) {
  #message-popup .popup__text {
    gap: 2rem;
  }
}
#message-popup .popup__title {
  margin-bottom: 0;
  font-size: 5.5rem;
  color: #F1861C;
}
@media (max-width: 1024px) {
  #message-popup .popup__title {
    font-size: 2.5rem;
  }
}
#message-popup .popup__message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 1025px) {
  #message-popup .popup__message {
    gap: -webkit-calc(100 / 1080 * 100vh);
    gap: calc(100 / 1080 * 100vh);
  }
}
@media (max-width: 1024px) {
  #message-popup .popup__message {
    gap: 2rem;
  }
}
#message-popup .popup__message > div:nth-child(1) {
  font-size: 200%;
}
@media (max-width: 1024px) {
  #message-popup .popup__message > div:nth-child(1) {
    font-size: 180%;
  }
}
#message-popup .popup__message > div:nth-child(2) {
  font-size: 130%;
}
@media (max-width: 1024px) {
  #message-popup .popup__message > div:nth-child(2) {
    font-size: 100%;
  }
}
#message-popup .popup__bg {
  background: no-repeat center/cover;
  width: 45%;
  min-height: -webkit-calc(660 / 1080 * 100vh);
  min-height: calc(660 / 1080 * 100vh);
}

#banner-popup .popup__content {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media (min-width: 1025px) {
  #banner-popup .popup__content .form {
    width: 50%;
    max-width: 32rem;
  }
}
#banner-popup .popup__bg {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 100% 100%;
  object-position: 100% 100%;
  width: 40%;
  height: auto;
  max-height: -webkit-calc(245 / 1080 * 100vh);
  max-height: calc(245 / 1080 * 100vh);
}
#banner-popup .popup__text {
  max-width: 27em;
}
#banner-popup .popup__text a:not(:hover) {
  text-decoration: underline;
}
@media (hover: hover) and (pointer: fine) {
  #banner-popup .popup__text a:hover:hover {
    text-decoration: none;
  }
}

@media (min-width: 1025px) {
  #flat-images-popup {
    padding: 0;
  }
}
#flat-images-popup .popup__overlay {
  background: #fff;
  opacity: 0.92;
}
#flat-images-popup .popup__in {
  background: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
#flat-images-popup .popup__close {
  border: 2px solid;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0.2em;
  font-weight: 700;
  font-size: 1.2rem;
  color: #858585;
}
@media (min-width: 1025px) {
  #flat-images-popup .popup__close {
    width: 1.56em;
    height: 1.56em;
    font-size: 1.6rem;
  }
}
#flat-images-popup .popup__close:before, #flat-images-popup .popup__close:after {
  display: none;
}
#flat-images-popup .popup__title {
  position: relative;
  z-index: 2;
}
@media (min-width: 1025px) {
  #flat-images-popup .popup__title {
    margin-top: -webkit-calc(12 / 1920 * 100vw);
    margin-top: calc(12 / 1920 * 100vw);
  }
}
@media (max-width: 1024px) {
  #flat-images-popup .popup__title {
    margin-top: 20px;
  }
}
#flat-images-popup .popup__content {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
#flat-images-popup .flat-tabs-switchers,
#flat-images-popup .flat-tabs {
  position: relative;
  top: 0;
}
#flat-images-popup .flat-tabs,
#flat-images-popup .flat-tab {
  width: 100%;
  height: 100%;
  padding: 0;
}
#flat-images-popup .flat-tab img {
  height: -webkit-calc(80vh - 1.3rem);
  height: calc(80vh - 1.3rem);
}
@media (max-width: 1024px) {
  #flat-images-popup .flat-tab img {
    width: 100%;
    height: 100%;
  }
}

.popup__texts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
  line-height: 1.33;
}
@media (max-width: 1024px) {
  .popup__texts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 43px;
    font-size: 12px;
  }
}
.popup__texts > div {
  width: 48%;
}
@media (max-width: 1024px) {
  .popup__texts > div {
    width: 100%;
  }
}
.popup__texts ul {
  margin: 0 0 3em;
  padding: 0;
  list-style-type: none;
}
.popup__texts ul.mrg-1 {
  margin: 0 0 1em;
}
@media (max-width: 1024px) {
  .popup__texts ul {
    margin: 0 0 21px;
  }
}
.popup__texts ul li {
  position: relative;
  margin: 0;
  padding-left: 1.5rem;
  line-height: 1.36;
}
@media (max-width: 1024px) {
  .popup__texts ul li {
    margin: 0 0 9px;
    padding-left: 18px;
  }
}
.popup__texts ul li:before {
  content: "";
  position: absolute;
  top: 0.4rem;
  left: 0.56rem;
  width: 0.4rem;
  height: 0.4rem;
  background: #000;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .popup__texts ul li:before {
    top: 6px;
    left: 7px;
    width: 4px;
    height: 4px;
  }
}
.popup__texts .popup__list {
  margin-top: 2em;
  margin-bottom: 0;
}
.popup__texts .popup__list li {
  margin-bottom: 1rem;
}
.popup__texts .popup__list .popup__label {
  margin-top: 0.45rem;
  margin-bottom: 0;
}
.popup__texts .popup__list ul {
  color: #808080;
  font-size: 0.8rem;
  margin: 0.5rem 0;
}
.popup__texts .popup__list ul li {
  margin: 0;
  padding-left: 1.2rem;
}
.popup__texts .popup__list ul li:before {
  background: #808080;
  left: 0.46rem;
  width: 0.3rem;
  height: 0.3rem;
}
.popup__texts .popup__list p {
  font-size: 0.8rem;
  margin: 0.5rem 0;
}
.popup__texts .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  max-width: 100%;
  width: 100%;
}
.popup__texts .popup__big {
  font-size: 1.2rem;
  margin-bottom: 2.4em;
}
@media (max-width: 1024px) {
  .popup__texts .popup__big {
    font-size: 12px;
    margin-bottom: 38px;
  }
}
.popup__texts p + .popup__subtitle {
  margin-top: 2.1rem;
}
.popup__texts a {
  color: #F1861C;
  border-bottom: solid 1px;
  -webkit-transition: border-bottom 0.3s;
  -o-transition: border-bottom 0.3s;
  transition: border-bottom 0.3s;
}
.popup__texts a:hover {
  border-bottom-color: transparent;
  text-decoration: none !important;
}

.popup__subtitle {
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.33;
  margin-bottom: 2vh;
}
@media (max-width: 1024px) {
  .popup__subtitle {
    font-size: 16px;
    margin-bottom: 18px;
  }
}

.popup__note {
  font-size: 0.7rem;
  margin-bottom: 2.1rem;
  color: #999999;
}

.popup__info {
  font-size: 1.2rem;
  margin-bottom: 3vh;
  color: #2C3842;
}
.popup__info a {
  color: #F1861C;
  border-bottom: solid 1px;
  -webkit-transition: border-bottom 0.3s;
  -o-transition: border-bottom 0.3s;
  transition: border-bottom 0.3s;
}
.popup__info a:hover {
  border-bottom-color: transparent;
  text-decoration: none !important;
}

.popup__columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.6rem;
}
@media (max-width: 1024px) {
  .popup__columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
  }
}
.popup__columns > div {
  width: 33%;
}
@media (max-width: 1024px) {
  .popup__columns > div {
    width: 100%;
    margin-bottom: 20px;
  }
}

.popup__column {
  margin-bottom: 1.6rem;
}

.popup__label {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
  color: #808080;
}
@media (max-width: 1024px) {
  .popup__label {
    font-size: 12px;
    margin-bottom: 10px;
  }
}

#mortgage-calc .flat-mortgage-filter {
  margin-bottom: 3.15rem;
}
#mortgage-calc .flat-mortgage-note {
  line-height: 1.33;
}
#mortgage-calc .mortgage-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2.95rem;
  gap: 0.6rem;
}
@media (max-width: 1024px) {
  #mortgage-calc .mortgage-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
#mortgage-calc .mortgage-buttons .btn {
  height: 3em;
  padding: 0.2em 1.45em 0 1.45em;
  white-space: nowrap;
  font-size: 1rem;
}
@media (min-width: 1025px) {
  #mortgage-calc .flat-mortgage-list {
    max-height: -webkit-calc(35.4rem + 2px);
    max-height: calc(35.4rem + 2px);
  }
}
#mortgage-calc .flat-mortgage-item {
  background: #fff;
  padding: 0.46rem 0.7rem;
}
@media (max-width: 1024px) {
  #mortgage-calc .flat-mortgage-item {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 3px;
  }
}
@media (max-width: 1024px) {
  #mortgage-calc .flat-mortgage-list {
    margin: 0;
  }
}
#mortgage-calc .flat-mortgage-list .flat-mortgage-item {
  padding: 0.46rem 0.7rem;
}
@media (max-width: 1024px) {
  #mortgage-calc .flat-mortgage-list .flat-mortgage-item {
    border: 1px solid #2C3842;
    padding: 0.46rem 0;
    font-size: 12px;
  }
}
#mortgage-calc .flat-mortgage-list .item-cell {
  height: 4.52rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1024px) {
  #mortgage-calc .flat-mortgage-list .item-cell {
    height: 20px;
  }
}
#mortgage-calc .flat-mortgage-list .item-cell:nth-child(1) {
  width: 8rem;
}
@media (max-width: 1024px) {
  #mortgage-calc .flat-mortgage-list .item-cell:nth-child(1) {
    width: 10%;
    margin: 0;
  }
  #mortgage-calc .flat-mortgage-list .item-cell:nth-child(1) img {
    max-height: 100%;
  }
}
#mortgage-calc .flat-mortgage-list .item-cell:nth-child(2) {
  width: 9.5rem;
}
@media (max-width: 1024px) {
  #mortgage-calc .flat-mortgage-list .item-cell:nth-child(2) {
    width: 12%;
    margin: 0 !important;
  }
}
#mortgage-calc .flat-mortgage-list .item-cell:nth-child(3) {
  width: 6rem;
}
@media (max-width: 1024px) {
  #mortgage-calc .flat-mortgage-list .item-cell:nth-child(3) {
    width: 15%;
  }
  #mortgage-calc .flat-mortgage-list .item-cell:nth-child(3) .value {
    font-size: 12px;
    font-weight: 400;
  }
}
#mortgage-calc .flat-mortgage-list .item-cell:nth-child(4) {
  width: 8rem;
}
@media (max-width: 1024px) {
  #mortgage-calc .flat-mortgage-list .item-cell:nth-child(4) {
    width: 25%;
  }
  #mortgage-calc .flat-mortgage-list .item-cell:nth-child(4) .value {
    font-weight: 400;
  }
}
#mortgage-calc .flat-mortgage-list .item-cell:nth-child(5) {
  width: 7rem;
}
@media (max-width: 1024px) {
  #mortgage-calc .flat-mortgage-list .item-cell:nth-child(5) {
    width: 28%;
    text-align: center;
  }
  #mortgage-calc .flat-mortgage-list .item-cell:nth-child(5):last-child {
    margin-top: 0;
  }
}
#mortgage-calc .flat-mortgage-list .empty-note {
  padding: 1rem;
}
#mortgage-calc .pdf-link {
  color: #F1861C;
  font-size: 10px;
  text-transform: uppercase;
}

@media (min-width: 1025px) {
  #faq-popup .popup__texts > div:nth-child(1) {
    width: 34%;
  }
  #faq-popup .popup__texts > div:nth-child(2) {
    width: 62%;
  }
}
@media (max-width: 1024px) {
  #faq-popup .buy-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
  #faq-popup .buy-tabs__tab {
    width: 100%;
  }
}
#faq-popup .buy-tabs__tab {
  line-height: 1;
}
#faq-popup .buy-content {
  padding: 0.6rem 0 0;
}

#mortgage-calc,
#eastern-mortgage,
#family-mortgage,
#parent-capital-mortgage,
#faq-popup,
#docs-popup {
  padding: 0;
}
@media (max-width: 1024px) {
  #mortgage-calc .popup__title,
  #eastern-mortgage .popup__title,
  #family-mortgage .popup__title,
  #parent-capital-mortgage .popup__title,
  #faq-popup .popup__title,
  #docs-popup .popup__title {
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 1.33;
    padding-right: 50px;
  }
}
#mortgage-calc .popup__close,
#eastern-mortgage .popup__close,
#family-mortgage .popup__close,
#parent-capital-mortgage .popup__close,
#faq-popup .popup__close,
#docs-popup .popup__close {
  width: -webkit-calc(50 / 1920 * 100vw);
  width: calc(50 / 1920 * 100vw);
  height: -webkit-calc(50 / 1920 * 100vw);
  height: calc(50 / 1920 * 100vw);
  top: -webkit-calc(80 / 1080 * 100vh);
  top: calc(80 / 1080 * 100vh);
  right: -webkit-calc(140 / 1920 * 100vw);
  right: calc(140 / 1920 * 100vw);
  border: solid 2px #858585;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 0.2em;
  font-weight: 700;
  font-size: 1.6rem;
  color: #858585;
}
#mortgage-calc .popup__close:before, #mortgage-calc .popup__close:after,
#eastern-mortgage .popup__close:before,
#eastern-mortgage .popup__close:after,
#family-mortgage .popup__close:before,
#family-mortgage .popup__close:after,
#parent-capital-mortgage .popup__close:before,
#parent-capital-mortgage .popup__close:after,
#faq-popup .popup__close:before,
#faq-popup .popup__close:after,
#docs-popup .popup__close:before,
#docs-popup .popup__close:after {
  display: none;
}
@media (max-width: 1024px) {
  #mortgage-calc .popup__close,
  #eastern-mortgage .popup__close,
  #family-mortgage .popup__close,
  #parent-capital-mortgage .popup__close,
  #faq-popup .popup__close,
  #docs-popup .popup__close {
    width: 31px;
    height: 31px;
    top: 60px;
    right: 20px;
    padding-top: 0.1em;
    font-size: 20px;
  }
}
#mortgage-calc .popup__content,
#eastern-mortgage .popup__content,
#family-mortgage .popup__content,
#parent-capital-mortgage .popup__content,
#faq-popup .popup__content,
#docs-popup .popup__content {
  display: block;
}
#mortgage-calc .popup__in,
#eastern-mortgage .popup__in,
#family-mortgage .popup__in,
#parent-capital-mortgage .popup__in,
#faq-popup .popup__in,
#docs-popup .popup__in {
  max-height: 100%;
  overflow: auto;
}
@media (min-width: 1025px) {
  #mortgage-calc .popup__in,
  #eastern-mortgage .popup__in,
  #family-mortgage .popup__in,
  #parent-capital-mortgage .popup__in,
  #faq-popup .popup__in,
  #docs-popup .popup__in {
    max-width: none;
    padding: -webkit-calc(87 / 1080 * 100vh) -webkit-calc(140 / 1920 * 100vw);
    padding: calc(87 / 1080 * 100vh) calc(140 / 1920 * 100vw);
  }
}
@media (max-width: 1024px) {
  #mortgage-calc .popup__in,
  #eastern-mortgage .popup__in,
  #family-mortgage .popup__in,
  #parent-capital-mortgage .popup__in,
  #faq-popup .popup__in,
  #docs-popup .popup__in {
    padding: 63px 20px 20px 20px;
  }
}

.cookies-popup {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}
.cookies-popup__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
}
@media (max-width: 1024px) {
  .cookies-popup__wrap {
    padding: 0.8rem;
  }
}
.cookies-popup__text {
  font-size: 0.8rem;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 1024px) {
  .cookies-popup__text {
    font-size: 11px;
  }
}
.cookies-popup__text a:not(:hover) {
  text-decoration: underline;
}
.cookies-popup__btn {
  border: 0;
  background: #F1861C;
  color: #FFF;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 1.85rem;
  text-transform: uppercase;
  padding: 0.2em 1.5em 0 1.5em;
  margin-left: 2rem;
  font-weight: 700;
  font-size: 0.65rem;
  cursor: pointer;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
@media (hover: hover) and (pointer: fine) {
  .cookies-popup__btn:hover:hover {
    opacity: 0.8;
  }
}
@media (max-width: 1024px) {
  .cookies-popup__btn {
    font-size: 11px;
    margin-left: 10px;
    padding: 0.1em 1em 0 1em;
  }
}

@media (min-width: 1025px) {
  #video-popup .popup__in {
    padding: -webkit-calc(70 / 1080 * 100vh);
    padding: calc(70 / 1080 * 100vh);
  }
}
#video-popup .popup__close {
  top: -webkit-calc(19 / 1080 * 100vh);
  top: calc(19 / 1080 * 100vh);
  right: -webkit-calc(26 / 1920 * 100vw);
  right: calc(26 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  #video-popup .popup__close {
    top: 10px;
    right: 20px;
  }
}

@media (min-width: 1025px) {
  #progress-popup .popup__overlay {
    background: #EFEFEF;
    opacity: 0.96;
  }
}
@media (max-width: 1024px) {
  #progress-popup .popup__overlay {
    background: #fff;
  }
}
#progress-popup .popup__in {
  background: transparent;
  padding: 5vh 0;
}
@media (min-width: 1025px) {
  #progress-popup .popup__in {
    height: 100vh;
  }
}
#progress-popup .popup__close {
  top: 5vh;
  z-index: 10;
}
#progress-popup .popup__title {
  margin-right: -webkit-calc(60 / 1920 * 100vw);
  margin-right: calc(60 / 1920 * 100vw);
  margin-bottom: 4vh;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: none;
}
@media (max-width: 1024px) {
  #progress-popup .popup__title {
    margin-right: 60px;
    padding: 0.2rem 0 0 20px;
    font-size: 1.6rem;
  }
}
#progress-popup .popup__content {
  height: 100%;
  position: relative;
}
@media (max-width: 1024px) {
  #progress-popup .popup__content {
    height: -webkit-calc(3.5rem + 56vw);
    height: calc(3.5rem + 56vw);
  }
}
#progress-popup .photo__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 2.4rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2rem;
  color: #2C3842;
  position: absolute;
  left: 2.5rem;
  right: 2.5rem;
  bottom: -0.2em;
}
@media (max-width: 1024px) {
  #progress-popup .photo__title {
    font-size: 0.7rem;
  }
}

#flat-success .popup__content,
#flat-intercepted .popup__content,
#flat-no .popup__content {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}
#flat-success .popup__text,
#flat-intercepted .popup__text,
#flat-no .popup__text {
  text-align: center;
  max-width: 55%;
}
@media (max-width: 1024px) {
  #flat-success .popup__text,
  #flat-intercepted .popup__text,
  #flat-no .popup__text {
    max-width: 100%;
  }
}
#flat-success .popup__bg,
#flat-intercepted .popup__bg,
#flat-no .popup__bg {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 100% 100%;
  object-position: 100% 100%;
  width: 40%;
  height: auto;
  max-height: -webkit-calc(245 / 1080 * 100vh);
  max-height: calc(245 / 1080 * 100vh);
}

.filter-label {
  margin-bottom: 0.75em;
  color: #858585;
}
@media (max-width: 1024px) {
  .filter-label {
    margin-bottom: 0.4em;
  }
}

.filter-switchers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.35em;
}
@media (max-width: 1024px) {
  .filter-switchers {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.filter-switchers[data-size=square-large] span {
  height: 2.5em;
}
.filter-switchers[data-size=square-large] span:not([data-width=auto]) {
  width: 2.5em;
}
.filter-switchers[data-size=rectangular-large] span:not([data-width=auto]) {
  width: 9.5em;
}
@media (max-width: 1024px) {
  .filter-switchers[data-size=rectangular-large] span:not([data-width=auto]) {
    width: 6.9em;
  }
}
.filter-switchers[data-text=upper] {
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .filter-switchers {
    font-size: 0.9rem;
    gap: 0.3em;
  }
}

.filter-switcher {
  position: relative;
  cursor: pointer;
}
.filter-switcher input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.filter-switcher input:checked + span {
  border-color: #F39538;
  background-color: #fff;
  color: #F39538;
}
.filter-switcher span {
  border: 1px solid;
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2em;
  padding-top: 0.2em;
  white-space: nowrap;
}
.filter-switcher[data-width=auto] span {
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.filter-switcher:not([data-width=auto]) span {
  width: 2em;
}

.filter-checks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  white-space: nowrap;
}

.filter-check {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  line-height: 1;
  font-size: 0.8rem;
  position: relative;
  cursor: pointer;
}
.filter-check input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.filter-check input:checked + span:before {
  border-color: #F39538;
  background-color: #F39538;
}
.filter-check > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
  color: #858585;
}
.filter-check > span:before {
  content: "";
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 1px solid;
  width: 1em;
  height: 1em;
}
.filter-check > span span {
  padding-top: 0.2em;
}

.filter-action {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
  margin-top: 1.95rem;
  color: #F1861C;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media (max-width: 1024px) {
  .filter-action {
    margin-top: 0;
  }
}
.filter-action input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.filter-action input:checked + span {
  background-color: #F39538;
  color: #fff;
}
.filter-action span {
  height: 2em;
  padding-top: 0.2em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1.644px solid #F1861C;
  white-space: nowrap;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.filter-range-inputs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
}
.filter-range-slider {
  height: 0.3rem;
  margin: 0 2.5rem;
  position: relative;
}
@media (max-width: 1024px) {
  .filter-range-slider {
    height: 0.5rem;
    margin: 0 3.2rem;
  }
}
.filter-range-slider:before {
  content: "";
  border-top: 1px solid;
  position: absolute;
  bottom: 0;
  left: -2.5rem;
  right: -2.5rem;
}
@media (max-width: 1024px) {
  .filter-range-slider:before {
    left: -3.2rem;
    right: -3.2rem;
  }
}
.filter-range-slider .ui-slider-range {
  display: none;
}
.filter-range-slider .ui-slider-handle {
  outline: none !important;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.filter-range-slider .ui-slider-handle:before {
  content: "";
  border-top: 0.3rem solid;
  width: 2.5rem;
  position: absolute;
  top: 0;
}
@media (max-width: 1024px) {
  .filter-range-slider .ui-slider-handle:before {
    border-top: 0.7rem solid;
    width: 3.2rem;
  }
}
.filter-range-slider .ui-slider-handle:nth-child(2):before {
  right: 0;
}
.filter-range-slider .ui-slider-handle:nth-child(3):before {
  left: 0;
}
.filter-range-slider[data-range] {
  margin-right: 0;
}
.filter-range-slider[data-range]:before {
  right: 0;
}
.filter-range-slider[data-range] {
  /*&:after {
  	content: '';
  	border-top: 0.3rem solid;
  	width: 2.5rem;
  	position: absolute;
  	top: 0;
  	right: -2.5rem;

  	@include m {
  		border-top: 0.5rem solid;
  		width: 3.2rem;
  		right: -3.2rem;
  	}
  }*/
}

.filter-select .ui-selectmenu-button {
  border-bottom: 1px solid;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
  padding: 0.4em 0;
  cursor: pointer;
}
.filter-select .ui-selectmenu-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filter-select .ui-selectmenu-icon {
  border-color: #2C3842 transparent transparent transparent;
  border-width: 0.35em 0.5em 0 0.5em;
  border-style: solid;
  width: 0;
  height: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.ui-selectmenu-menu {
  background-color: #fff;
  padding-top: 0.5em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.ui-selectmenu-menu:not(.ui-selectmenu-open) {
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: auto;
  overflow-x: hidden;
}
.ui-selectmenu-menu .ui-menu-item {
  cursor: pointer;
}
.ui-selectmenu-menu .ui-menu-item div {
  padding: 0.5em 0.75em;
}
@media (hover: hover) and (pointer: fine) {
  .ui-selectmenu-menu .ui-menu-item:hover {
    -webkit-transition: 0.3s color;
    -o-transition: 0.3s color;
    transition: 0.3s color;
  }
  .ui-selectmenu-menu .ui-menu-item:hover:hover {
    color: #F1861C;
  }
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: -webkit-calc(60 / 1080 * 100vh);
  gap: calc(60 / 1080 * 100vh);
}

.form__fieldset {
  margin-bottom: 3.05rem;
}
.form__fieldset + .form__checkboxes {
  margin-top: 0;
}

.form__fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1em;
}
.form__fields_row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0.5em;
}
.form__fields_row > div {
  width: -webkit-calc(50% - 0.5rem);
  width: calc(50% - 0.5rem);
}
@media (max-width: 1024px) {
  .form__fields_row > div {
    width: 100%;
  }
}
.form__fields_row > .form__field_onethird {
  width: -webkit-calc(33.33% - 0.5rem);
  width: calc(33.33% - 0.5rem);
}
@media (max-width: 1024px) {
  .form__fields_row > .form__field_onethird {
    width: 100%;
  }
}
.form__fields_row > .form__field_full {
  width: -webkit-calc(100% - 0.5rem);
  width: calc(100% - 0.5rem);
}
@media (max-width: 1024px) {
  .form__fields_row > .form__field_full {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .form__fields_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.form__label {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  color: #7F7F7F;
}
.form__label_small {
  display: block;
  font-size: 0.5rem;
  margin-bottom: 0.18rem;
  margin-top: 0.2rem;
  line-height: 1;
}
.form__label_big {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  color: #2C3842;
  text-transform: none;
  margin-bottom: 0.65rem;
}

.form__field input {
  border-bottom: 1px solid;
  display: block;
  width: 100%;
  height: 2.2em;
  font-size: 1rem;
  color: #2C3842;
  border-radius: 0;
}
.form__field.error .form__label {
  color: red;
}
.form__field.error input {
  border-color: red;
  color: red;
}
.form__field.error .form__select .ui-selectmenu-button {
  border-color: red;
}
.form__field .form__input {
  height: 2.7rem;
  font-size: 1rem;
  padding: 0 0.9rem;
  border: 1px solid #2C3842;
}

.form__input {
  font-family: Evolventa;
  font-size: 0.8rem;
  width: 100%;
  height: 2.7rem;
  display: block;
  padding: 0.8rem 0.9rem 0 0.9rem;
  border: 1px solid #2C3842;
  -webkit-transition: border-color 0.3s, color 0.3s;
  -o-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s;
}

.form__button {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 3em;
  padding: 0 4.5em;
  font-size: 1rem;
  color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .form__button:hover {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
  }
  .form__button:hover:hover {
    opacity: 0.8;
  }
}

.form__custom-checkbox {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: 2em;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.form__custom-checkbox.error .form__custom-checkbox-check {
  border-color: red;
}
.form__custom-checkbox:last-child {
  margin-top: 0.5em;
}

.form__custom-checkbox-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  cursor: pointer;
}

.form__custom-checkbox-input-hidden {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
}

.form__custom-checkbox-input-hidden:checked + .form__custom-checkbox-check {
  border-color: transparent;
  background-image: url("../img/check.svg");
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;
}

.form__custom-checkbox-check {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  background-color: #ffffff;
  border: 1px solid;
  cursor: pointer;
  -webkit-transition-property: background-image, border;
  -o-transition-property: background-image, border;
  transition-property: background-image, border;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  margin-right: 1rem;
}

.form__custom-checkbox-text {
  font-size: 0.75rem;
}

.form__custom-checkbox-link {
  text-decoration: underline;
}

.form__tag {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.8rem;
  font-weight: 400;
  height: 2.7rem;
  padding: 0 0.9rem;
  line-height: 3.5;
  color: #7F7F7F;
  -webkit-transition: font-size 0.3s, line-height 0.3s, color 0.3s;
  -o-transition: font-size 0.3s, line-height 0.3s, color 0.3s;
  transition: font-size 0.3s, line-height 0.3s, color 0.3s;
}
.form__tag_top {
  font-size: 0.6rem;
  line-height: 2;
  pointer-events: none;
}

.form__inputbox {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.form__inputbox.error .form__tag {
  border-color: red;
  color: red;
}
.form__inputbox.error .form__input {
  border-color: red;
  color: red;
}
.form__inputbox.error .ui-selectmenu-button {
  border-color: red;
  color: red;
}

.form__checkboxes {
  margin-top: 1.9em;
  margin-bottom: 1.25rem;
}
.form__checkboxes .form__checkbox {
  margin-bottom: 0.7rem;
}

.form__checkbox {
  position: relative;
  display: block;
  padding-left: 1.49rem;
  line-height: 1rem;
}
.form__checkbox input {
  position: absolute;
  visibility: hidden;
  left: -99999px;
  top: -99999px;
  border: 0 none;
  outline: 0 none;
  height: auto;
  display: none;
}
.form__checkbox input:checked + .form__checkbox__element:before {
  opacity: 1;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
}
.form__checkbox span {
  color: #2C3842;
  font-size: 0.8rem;
  line-height: 1.5;
  font-weight: 400;
}
@media (max-width: 1024px) {
  .form__checkbox span {
    font-size: 0.9em;
    line-height: 1.8;
  }
}
.form__checkbox span a {
  color: #2C3842;
  -webkit-transition: 0.3s color;
  -o-transition: 0.3s color;
  transition: 0.3s color;
}
@media (hover: hover) and (pointer: fine) {
  .form__checkbox span a:hover {
    text-decoration: none !important;
    color: #F1861C;
  }
}
@media (min-width: 1025px) {
  .form__checkbox span a:not(:hover) {
    text-decoration: underline;
  }
}
.form__checkbox.error .form__checkbox__element {
  border-color: red;
}
.form__checkbox.error .form__checkbox__element:before {
  background-color: red;
}
.form__checkbox__element {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0;
  width: 1em;
  height: 1em;
  border: 1px solid #2C3842;
  border-radius: 0;
  outline: 0 none;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  cursor: pointer;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .form__checkbox__element {
    top: 0.2em;
  }
}
.form__checkbox__element:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #2C3842;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, background-color 0.3s, -o-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s, -webkit-transform 0.3s, -o-transform 0.3s;
}

.form__radio {
  position: relative;
  display: block;
  padding-left: 1.49rem;
  line-height: 1rem;
  margin-bottom: 0.7rem;
}
.form__radio input {
  position: absolute;
  visibility: hidden;
  left: -99999px;
  top: -99999px;
  border: 0 none;
  outline: 0 none;
  height: auto;
  display: none;
}
.form__radio input:checked + .form__radio__element:before {
  opacity: 1;
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
}
.form__radio span {
  color: #2C3842;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
}
.form__radio__element {
  display: block;
  position: absolute;
  left: 0;
  top: 0.2em;
  margin-top: 0;
  width: 1em;
  height: 1em;
  border: 1px solid #2C3842;
  border-radius: 50%;
  outline: 0 none;
  -webkit-transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  transition: border-color 0.3s;
  cursor: pointer;
  background-color: #fff;
}
.form__radio__element:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #2C3842;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  -o-transition: opacity 0.3s, -o-transform 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s, -webkit-transform 0.3s, -o-transform 0.3s;
}

.form__select {
  position: relative;
  width: 100%;
  height: 2.7rem;
}
.form__select .ui-selectmenu-button {
  display: block;
  height: 2.7rem;
  line-height: 2.7rem;
  padding: 0 2.5rem 0 0.9rem;
  font-family: Evolventa;
  font-size: 0.8rem;
  font-weight: 400;
  color: #7F7F7F;
  border: 1px solid #2C3842;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: border-color 0.3s, color 0.3s;
  -o-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s;
}
.form__select .ui-selectmenu-button-open .ui-selectmenu-icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.form__select .ui-selectmenu-menu {
  right: 0;
  z-index: 1;
  border: 1px solid #2C3842;
  border-top: none;
  font-size: 0.8rem;
  color: #7F7F7F;
}
.form__select .ui-selectmenu-menu .ui-menu-item div {
  padding: 0.4rem 0.9rem;
}
.form__select .ui-state-disabled {
  display: none;
}
.form__select .ui-selectmenu-icon {
  position: absolute;
  right: 1.3em;
  top: 50%;
  margin-top: -0.35em;
  border-color: #AFAFAF transparent transparent transparent;
  border-width: 0.7em 0.4em 0 0.4em;
  border-style: solid;
  width: 0;
  height: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -o-transform-origin: center;
  transform-origin: center;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s;
}

.form__submit {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: Evolventa;
  font-weight: 700;
  height: 2.8rem;
  line-height: 2.8rem;
  padding: 0 1.6rem;
  font-size: 0.9rem;
  color: #fff;
  text-transform: uppercase;
}
@media (hover: hover) and (pointer: fine) {
  .form__submit:hover {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
  }
  .form__submit:hover:hover {
    opacity: 0.8;
  }
}

.form__back {
  background-color: #858585;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: Evolventa;
  font-weight: 700;
  height: 2.8rem;
  line-height: 2.8rem;
  padding: 0 1.6rem;
  font-size: 0.9rem;
  color: #fff;
  text-transform: uppercase;
}
@media (hover: hover) and (pointer: fine) {
  .form__back:hover {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
  }
  .form__back:hover:hover {
    opacity: 0.8;
  }
}

.form__actions {
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ui-autocomplete {
  position: absolute !important;
  background: #fff;
  padding: 0.2rem 0;
  list-style-type: none;
  font-size: 0.8rem;
  border: 1px solid #2C3842;
  border-top: none;
}
.ui-autocomplete .ui-menu-item {
  cursor: pointer;
}
.ui-autocomplete .ui-menu-item div {
  padding: 0.4rem 0.9rem;
}
@media (hover: hover) and (pointer: fine) {
  .ui-autocomplete .ui-menu-item:hover {
    -webkit-transition: 0.3s color;
    -o-transition: 0.3s color;
    transition: 0.3s color;
  }
  .ui-autocomplete .ui-menu-item:hover:hover {
    color: #F1861C;
  }
}

.chat-bot-btn {
  display: block;
  width: -webkit-calc(66 / 1920 * 100vw);
  width: calc(66 / 1920 * 100vw);
  position: fixed;
  right: -webkit-calc(80 / 1920 * 100vw);
  right: calc(80 / 1920 * 100vw);
  bottom: -webkit-calc(70 / 1920 * 100vw);
  bottom: calc(70 / 1920 * 100vw);
  z-index: 100;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0) scaleY(1);
  -ms-transform: translateX(0) scaleY(1);
  -o-transform: translateX(0) scaleY(1);
  transform: translateX(0) scaleY(1);
  -webkit-transition: 0.6s opacity, 0.6s visibility, 0.6s -webkit-transform ease-in-out;
  transition: 0.6s opacity, 0.6s visibility, 0.6s -webkit-transform ease-in-out;
  -o-transition: 0.6s opacity, 0.6s visibility, 0.6s -o-transform ease-in-out;
  transition: 0.6s transform ease-in-out, 0.6s opacity, 0.6s visibility;
  transition: 0.6s transform ease-in-out, 0.6s opacity, 0.6s visibility, 0.6s -webkit-transform ease-in-out, 0.6s -o-transform ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  .chat-bot-btn:hover:hover svg {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@media (max-width: 1024px) {
  .chat-bot-btn {
    width: 3.3rem;
    right: 10px;
    bottom: 20%;
  }
}
.chat-bot-btn svg {
  opacity: 0.7;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s opacity, 0.3s -webkit-transform;
  transition: 0.3s opacity, 0.3s -webkit-transform;
  -o-transition: 0.3s opacity, 0.3s -o-transform;
  transition: 0.3s transform, 0.3s opacity;
  transition: 0.3s transform, 0.3s opacity, 0.3s -webkit-transform, 0.3s -o-transform;
}
.chat-bot-btn.scroll-down-anim {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: 0.6s opacity, 0.6s visibility, 0.6s -webkit-transform ease-out;
  transition: 0.6s opacity, 0.6s visibility, 0.6s -webkit-transform ease-out;
  -o-transition: 0.6s opacity, 0.6s visibility, 0.6s -o-transform ease-out;
  transition: 0.6s transform ease-out, 0.6s opacity, 0.6s visibility;
  transition: 0.6s transform ease-out, 0.6s opacity, 0.6s visibility, 0.6s -webkit-transform ease-out, 0.6s -o-transform ease-out;
}
.chat-bot-btn.scroll-up-anim {
  -webkit-transform: translateY(80%);
  -ms-transform: translateY(80%);
  -o-transform: translateY(80%);
  transform: translateY(80%);
  -webkit-transition: 0.6s opacity, 0.6s visibility, 0.6s -webkit-transform ease-out;
  transition: 0.6s opacity, 0.6s visibility, 0.6s -webkit-transform ease-out;
  -o-transition: 0.6s opacity, 0.6s visibility, 0.6s -o-transform ease-out;
  transition: 0.6s transform ease-out, 0.6s opacity, 0.6s visibility;
  transition: 0.6s transform ease-out, 0.6s opacity, 0.6s visibility, 0.6s -webkit-transform ease-out, 0.6s -o-transform ease-out;
}
.chat-bot-btn.hide {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

body:not(.loaded) .chat-bot-btn {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(10vw);
  -ms-transform: translateX(10vw);
  -o-transform: translateX(10vw);
  transform: translateX(10vw);
}

.app {
  max-width: 100vw;
  overflow-x: hidden;
  position: relative;
}

@media (min-width: 1025px) {
  .page-home .header {
    position: absolute;
    max-width: 100vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .page-home .header.hidden {
    overflow-x: hidden;
  }
}
.page-home:not(.ready) {
  overflow: hidden;
  height: 100vh;
}
@media (min-width: 1025px) {
  .page-home .header .logo[data-pos=center] {
    max-width: 51.5rem;
    top: 50vh;
    margin-top: -webkit-calc(-60 / 1920 * 100vw);
    margin-top: calc(-60 / 1920 * 100vw);
  }
  .page-home .header .logo[data-pos=center] svg {
    max-height: 6.2rem;
  }
}
.page-home .footer__top .links {
  display: none;
}

.home-top {
  background-color: #2C3842;
  color: #FFF;
  position: relative;
}
.home-top-logo {
  width: 72%;
  max-width: 17rem;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.home-top .swiper-bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
}
.home-top .swiper-bg1 {
  right: 89%;
  opacity: 0.96;
  -webkit-transition: 1.2s left, 1.2s right, 1.2s opacity, 1.2s -webkit-transform;
  transition: 1.2s left, 1.2s right, 1.2s opacity, 1.2s -webkit-transform;
  -o-transition: 1.2s left, 1.2s right, 1.2s opacity, 1.2s -o-transform;
  transition: 1.2s transform, 1.2s left, 1.2s right, 1.2s opacity;
  transition: 1.2s transform, 1.2s left, 1.2s right, 1.2s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
}
@media (max-width: 1024px) {
  .home-top .swiper-bg1 {
    right: 0;
  }
}
.home-top .swiper-bg1:before, .home-top .swiper-bg1:after {
  content: "";
  height: 100%;
}
.home-top .swiper-bg1:before {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  background-color: #F1861C;
  margin-right: -1px;
}
.home-top .swiper-bg1:after {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-color: transparent transparent transparent #F1861C;
  border-width: 50vh 0 50vh 7.5vw;
  border-style: solid;
  width: 0;
  height: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
@media (max-width: 1024px) {
  .home-top .swiper-bg1:after {
    border-width: 50vh 0 50vh 25vw;
  }
}
.home-top .swiper-bg2 {
  -webkit-transition: 1.2s opacity, 1.2s -webkit-transform;
  transition: 1.2s opacity, 1.2s -webkit-transform;
  -o-transition: 1.2s opacity, 1.2s -o-transform;
  transition: 1.2s transform, 1.2s opacity;
  transition: 1.2s transform, 1.2s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
.home-top .swiper-bg2 svg {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
@media (min-aspect-ratio: 2880/1620) {
  .home-top .swiper-bg2 svg {
    width: 100%;
    height: auto;
  }
}
.home-top .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-transition: 1.2s opacity, 1.2s -webkit-transform;
  transition: 1.2s opacity, 1.2s -webkit-transform;
  -o-transition: 1.2s opacity, 1.2s -o-transform;
  transition: 1.2s transform, 1.2s opacity;
  transition: 1.2s transform, 1.2s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
}
.home-top .content .btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  pointer-events: initial;
}
.home-top .content[data-step="1"] {
  max-width: 16em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.25rem;
  left: -webkit-calc(140 / 1920 * 100vw);
  left: calc(140 / 1920 * 100vw);
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
@media (max-width: 1024px) {
  .home-top .content[data-step="1"] {
    max-width: 13em;
    margin-right: auto;
    font-size: 1.4rem;
    left: 50px;
    right: 50px;
  }
}
.home-top .content[data-step="2"] {
  gap: 5vh;
  max-width: 24em;
  font-size: 1.1rem;
  left: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.home-top .content[data-step="2"] .big {
  margin-bottom: 4vh;
  font-weight: 700;
  font-size: 1.4rem;
}
@media (max-width: 1024px) {
  .home-top .content[data-step="2"] .big {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 1.8em;
  }
}
@media (max-width: 1024px) {
  .home-top .content[data-step="2"] {
    gap: 20px;
    max-width: 23em;
    margin-right: auto;
    font-size: 0.75rem;
    left: 50px;
    right: 50px;
  }
}
.home-top .swiper.gallery-slider .swiper-slide .bg-wrap[data-index="0"] .bg {
  width: 100vw;
}
.home-top .swiper.gallery-slider[data-step="0"] .swiper-bg1 {
  right: 89%;
}
@media (max-width: 1024px) {
  .home-top .swiper.gallery-slider[data-step="0"] .swiper-bg1 {
    right: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.home-top .swiper.gallery-slider:not([data-step="1"]) + .content[data-step="1"] {
  opacity: 0;
}
@media (min-width: 1025px) {
  .home-top .swiper.gallery-slider:not([data-step="1"]) + .content[data-step="1"] {
    -webkit-transform: translate3d(-5vw, -50%, 0);
    transform: translate3d(-5vw, -50%, 0);
  }
}
.home-top .swiper.gallery-slider[data-step="1"] .swiper-bg1 {
  right: 66%;
}
@media (max-width: 1024px) {
  .home-top .swiper.gallery-slider[data-step="1"] .swiper-bg1 {
    right: 0;
  }
}
.home-top .swiper.gallery-slider:not([data-step="2"]) + .content[data-step="1"] + .content[data-step="2"] {
  opacity: 0;
}
@media (min-width: 1025px) {
  .home-top .swiper.gallery-slider:not([data-step="2"]) + .content[data-step="1"] + .content[data-step="2"] {
    -webkit-transform: translate3d(5vw, -50%, 0);
    transform: translate3d(5vw, -50%, 0);
  }
}
.home-top .swiper.gallery-slider[data-step="2"] .swiper-bg1 {
  left: 40%;
  right: 0;
}
@media (min-width: 1025px) {
  .home-top .swiper.gallery-slider[data-step="2"] .swiper-bg1 {
    opacity: 0;
  }
}
@media (max-width: 1024px) {
  .home-top .swiper.gallery-slider[data-step="2"] .swiper-bg1 {
    left: 0;
  }
}
@media (min-width: 1025px) {
  .home-top .swiper.gallery-slider[data-step="2"] .swiper-bg2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.home-top .banners-wrap {
  width: 24rem;
  position: absolute;
  left: -webkit-calc(140 / 1920 * 100vw);
  left: calc(140 / 1920 * 100vw);
  bottom: 8vh;
  z-index: 4;
  -webkit-transition: 1.2s -webkit-transform 0.6s;
  transition: 1.2s -webkit-transform 0.6s;
  -o-transition: 1.2s -o-transform 0.6s;
  transition: 1.2s transform 0.6s;
  transition: 1.2s transform 0.6s, 1.2s -webkit-transform 0.6s, 1.2s -o-transform 0.6s;
}
.home-top .banners-wrap[data-visible=false] {
  display: none;
}
@media (max-width: 1024px) {
  .home-top .banners-wrap {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    max-width: 24rem;
    left: 20px;
    bottom: 13%;
  }
}
.home-top .banners-close {
  background: url(../img/home/banner-close.svg) 50% 50% no-repeat;
  -webkit-background-size: 33% 33%;
  background-size: 33%;
  width: 2.4rem;
  height: 2.4rem;
  cursor: pointer;
  position: absolute;
  top: -1.2rem;
  right: -1.2rem;
  z-index: 3;
}
@media (min-width: 1025px) {
  .home-top .banners-close {
    display: none;
  }
}
.home-top .swiper.banners-slider {
  color: #fff;
}
.home-top .swiper.banners-slider:before {
  content: "";
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.home-top .swiper.banners-slider:after {
  content: "";
  background: url(../img/ellipse6.svg) 0 100% no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  width: 13.3rem;
  height: 13.3rem;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.1;
}
@media (max-width: 1024px) {
  .home-top .swiper.banners-slider:after {
    width: 11.8rem;
    height: 11.8rem;
  }
}
.home-top .swiper.banners-slider .swiper-wrapper {
  position: relative;
  z-index: 2;
}
.home-top .swiper.banners-slider .swiper-button-prev,
.home-top .swiper.banners-slider .swiper-button-next {
  background-color: #F1861C;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 0;
  top: auto;
  bottom: 2rem;
}
.home-top .swiper.banners-slider .swiper-button-prev:after,
.home-top .swiper.banners-slider .swiper-button-next:after {
  width: 0.4rem;
  height: 0.8rem;
}
@media (max-width: 1024px) {
  .home-top .swiper.banners-slider .swiper-button-prev,
  .home-top .swiper.banners-slider .swiper-button-next {
    width: 1.4rem;
    height: 1.4rem;
    bottom: 1rem;
  }
}
.home-top .swiper.banners-slider .swiper-button-prev {
  left: auto;
  right: 3.75rem;
}
@media (max-width: 1024px) {
  .home-top .swiper.banners-slider .swiper-button-prev {
    right: 3.25rem;
  }
}
.home-top .swiper.banners-slider .swiper-button-next {
  right: 2rem;
}
@media (max-width: 1024px) {
  .home-top .swiper.banners-slider .swiper-button-next {
    right: 1.5rem;
  }
}
.home-top .swiper.banners-slider .banner-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  padding: 2rem;
}
@media (max-width: 1024px) {
  .home-top .swiper.banners-slider .banner-item {
    gap: 0.75rem;
    padding: 1.75rem 1.5rem;
  }
}
.home-top .swiper.banners-slider .banner-text-orange {
  color: #F1861C;
}
.home-top .swiper.banners-slider .banner-text-l,
.home-top .swiper.banners-slider .banner-text-xl {
  text-transform: uppercase;
  font-weight: 700;
}
.home-top .swiper.banners-slider .banner-text-l {
  font-size: 1.5rem;
}
@media (max-width: 1024px) {
  .home-top .swiper.banners-slider .banner-text-l {
    font-size: 1.4rem;
  }
}
.home-top .swiper.banners-slider .banner-text-xl {
  font-size: 2.4rem;
}
@media (max-width: 1024px) {
  .home-top .swiper.banners-slider .banner-text-xl {
    font-size: 2.2rem;
  }
}
.home-top .swiper.banners-slider .banner-text {
  font-size: 0.8rem;
}
.home-top .swiper.banners-slider .banner-text ul {
  margin: 0;
  padding: 0 0 0 1em;
}
.home-top .swiper.banners-slider .banner-text ul:not(:last-child) {
  margin-bottom: 1.2em;
}
@media (max-width: 1024px) {
  .home-top .swiper.banners-slider .banner-text {
    font-size: 0.75rem;
  }
}
.home-top .swiper.banners-slider .banner-note {
  max-width: 15rem;
  font-size: 0.6rem;
  color: #B1B2B3;
}
.home-top .swiper.banners-slider .btn {
  height: 1.85rem;
  padding: 0.2em 1.5em 0 1.5em;
  margin-top: 0.85rem;
  margin-left: auto;
  margin-right: 0;
  font-weight: 700;
  font-size: 0.65rem;
}
.home-top .timetable-holiday {
  background-color: #F1861C;
  padding: 1em 1.3em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  color: #fff;
  position: absolute;
  right: -webkit-calc(180 / 1920 * 100vw);
  right: calc(180 / 1920 * 100vw);
  bottom: 8vh;
  z-index: 4;
  -webkit-transition: 1.2s -webkit-transform 0.6s;
  transition: 1.2s -webkit-transform 0.6s;
  -o-transition: 1.2s -o-transform 0.6s;
  transition: 1.2s transform 0.6s;
  transition: 1.2s transform 0.6s, 1.2s -webkit-transform 0.6s, 1.2s -o-transform 0.6s;
}
.home-top .timetable-holiday[data-visible=false] {
  display: none;
}
@media (max-width: 1024px) {
  .home-top .timetable-holiday {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 0.5ch;
    padding-top: 1.5em;
    padding-bottom: 1.2em;
    font-size: 0.8rem;
    left: 20px;
    right: 20px;
    top: 11%;
    bottom: auto;
  }
}
.home-top .timetable-holiday:before {
  content: "";
  background: url(../img/ellipse6.svg) 0 0 no-repeat;
  -webkit-background-size: auto 285%;
  background-size: auto 285%;
  width: 22%;
  height: 50%;
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.1;
}
@media (max-width: 1024px) {
  .home-top .timetable-holiday:before {
    -webkit-background-size: auto 260%;
    background-size: auto 260%;
    width: 30%;
    height: 84%;
  }
}
.home-top .timetable-holiday > div:not(.timetable-close) {
  position: relative;
}
@media (min-width: 1025px) {
  .home-top .timetable-holiday > div:not(.timetable-close):first-child {
    letter-spacing: -0.01em;
    font-size: 180%;
  }
}
.home-top .timetable-holiday a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.home-top .timetable-holiday .timetable-close {
  background: url(../img/home/banner-close.svg) 50% 50% no-repeat;
  -webkit-background-size: 33% 33%;
  background-size: 33%;
  width: 2.4rem;
  height: 2.4rem;
  cursor: pointer;
  position: absolute;
  top: -1.2rem;
  right: -1.2rem;
  z-index: 3;
}

body:not(.loaded) .home-top .swiper.gallery-slider .swiper-bg {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
body:not(.loaded) .home-top .swiper.gallery-slider .swiper-slide .bg-wrap {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
body:not(.loaded) .home-top .swiper.gallery-slider .swiper-button-prev {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
body:not(.loaded) .home-top .swiper.gallery-slider .swiper-button-next {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
body:not(.loaded) .home-top .swiper.gallery-slider .swiper-pagination {
  opacity: 0;
}
body:not(.loaded) .home-top .banners-wrap {
  -webkit-transform: translate3d(0, -webkit-calc(100% + 8vh), 0);
  transform: translate3d(0, calc(100% + 8vh), 0);
}
@media (max-width: 1024px) {
  body:not(.loaded) .home-top .banners-wrap {
    -webkit-transform: translate3d(0, -webkit-calc(110% + 13vh), 0);
    transform: translate3d(0, calc(110% + 13vh), 0);
  }
}
body:not(.loaded) .home-top .timetable-holiday {
  -webkit-transform: translate3d(0, -webkit-calc(110% + 8vh), 0);
  transform: translate3d(0, calc(110% + 8vh), 0);
}
@media (max-width: 1024px) {
  body:not(.loaded) .home-top .timetable-holiday {
    -webkit-transform: translate3d(0, -webkit-calc(-110% - 11vh), 0);
    transform: translate3d(0, calc(-110% - 11vh), 0);
  }
}

.home-genplan {
  background-color: #2C3842;
  color: #fff;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1024px) {
  .home-genplan {
    background-color: #E5801D;
    padding-top: 50vh;
  }
  .home-genplan:not([data-height=auto]) {
    height: auto;
  }
}
.home-genplan .swiper-bg {
  background-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.96;
  -webkit-transition: 1.2s opacity, 1.2s background-color, 1.2s right, 1.2s -webkit-transform;
  transition: 1.2s opacity, 1.2s background-color, 1.2s right, 1.2s -webkit-transform;
  -o-transition: 1.2s opacity, 1.2s background-color, 1.2s right, 1.2s -o-transform;
  transition: 1.2s opacity, 1.2s transform, 1.2s background-color, 1.2s right;
  transition: 1.2s opacity, 1.2s transform, 1.2s background-color, 1.2s right, 1.2s -webkit-transform, 1.2s -o-transform;
}
@media (max-width: 1024px) {
  .home-genplan .swiper-bg {
    height: auto;
    bottom: -webkit-calc(7vh + 4px);
    bottom: calc(7vh + 4px);
  }
}
.home-genplan .swiper-bg1 {
  width: 108.5%;
  height: 104%;
  -webkit-transform: translate3d(-7.8%, 3.8%, 0);
  transform: translate3d(-7.8%, 3.8%, 0);
  bottom: 0;
}
.home-genplan .swiper-bg1 path {
  -webkit-transition: 1.2s opacity, 1.2s background-color, 1.2s right, 1.2s -webkit-transform;
  transition: 1.2s opacity, 1.2s background-color, 1.2s right, 1.2s -webkit-transform;
  -o-transition: 1.2s opacity, 1.2s background-color, 1.2s right, 1.2s -o-transform;
  transition: 1.2s opacity, 1.2s transform, 1.2s background-color, 1.2s right;
  transition: 1.2s opacity, 1.2s transform, 1.2s background-color, 1.2s right, 1.2s -webkit-transform, 1.2s -o-transform;
}
.home-genplan .swiper-bg2 {
  width: 100%;
  height: 100%;
}
@media (min-width: 1025px) {
  .home-genplan .swiper-bg2 path {
    -webkit-transition: 1.2s opacity, 1.2s -webkit-transform;
    transition: 1.2s opacity, 1.2s -webkit-transform;
    -o-transition: 1.2s opacity, 1.2s -o-transform;
    transition: 1.2s opacity, 1.2s transform;
    transition: 1.2s opacity, 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
  }
  .home-genplan .swiper-bg2 .genplan-img1 {
    opacity: 1;
  }
  .home-genplan .swiper-bg2 .genplan-img1 path {
    -webkit-transform: translate3d(100vw, 0, 0);
    transform: translate3d(100vw, 0, 0);
  }
  .home-genplan .swiper-bg2 .genplan-img2 {
    opacity: 0;
  }
  .home-genplan .swiper-bg2 .genplan-img2 path {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: translate3d(0, 0, 0) scaleX(0);
    transform: translate3d(0, 0, 0) scaleX(0);
  }
}
@media (max-width: 1024px) {
  .home-genplan .swiper-bg2 {
    background-color: rgba(0, 0, 0, 0.3);
    opacity: initial;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    width: 50vw;
    min-width: -webkit-calc(10rem + 40px);
    min-width: calc(10rem + 40px);
    left: auto;
    right: 0;
  }
}
.home-genplan .genplan {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transition: 1.2s -webkit-transform;
  transition: 1.2s -webkit-transform;
  -o-transition: 1.2s -o-transform;
  transition: 1.2s transform;
  transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}
.home-genplan .genplan-img, .home-genplan .genplan-svg {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 1.2s opacity, 1.2s -webkit-transform;
  transition: 1.2s opacity, 1.2s -webkit-transform;
  -o-transition: 1.2s opacity, 1.2s -o-transform;
  transition: 1.2s transform, 1.2s opacity;
  transition: 1.2s transform, 1.2s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
}
@media (min-aspect-ratio: 3126/1686) {
  .home-genplan .genplan-img, .home-genplan .genplan-svg {
    width: 100%;
    height: auto;
  }
}
.home-genplan .genplan-svg {
  opacity: 0.9;
}
.home-genplan .genplan-svg path {
  fill: #F49A14;
  stroke: #F49A14;
}
.home-genplan .genplan [data-type=corpus] {
  fill-opacity: 0;
}
.home-genplan .genplan [data-type=corpus]:not([data-disabled]) {
  fill: #F49A14;
  cursor: pointer;
  -webkit-transition: 0.3s fill-opacity;
  -o-transition: 0.3s fill-opacity;
  transition: 0.3s fill-opacity;
}
@media (hover: hover) and (pointer: fine) {
  .home-genplan .genplan [data-type=corpus]:not([data-disabled]):hover {
    fill-opacity: 0.7;
  }
}
.home-genplan .genplan [data-area] {
  -webkit-transition: 1.2s opacity;
  -o-transition: 1.2s opacity;
  transition: 1.2s opacity;
}
.home-genplan .genplan-tip {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2em;
  padding: 2em 2em 2em 2.5em;
  font-size: 0.8rem;
  position: absolute;
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  -o-transition: 0.3s -o-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform, 0.3s -o-transform;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: translate3d(-webkit-calc(-100% - 2rem), 0, 0) scale(1);
  transform: translate3d(calc(-100% - 2rem), 0, 0) scale(1);
}
.home-genplan .genplan-tip .value {
  font-size: 160%;
}
.home-genplan .genplan-tip[data-visible=false] {
  -webkit-transform: translate3d(-webkit-calc(-100% - 2rem), 0, 0) scale(0);
  transform: translate3d(calc(-100% - 2rem), 0, 0) scale(0);
}
.home-genplan .genplan1 {
  width: 108.5%;
  height: 104%;
}
.home-genplan .genplan1 .genplan-img {
  -webkit-transition: 1.2s -webkit-filter;
  transition: 1.2s -webkit-filter;
  -o-transition: 1.2s filter;
  transition: 1.2s filter;
  transition: 1.2s filter, 1.2s -webkit-filter;
}
.home-genplan .genplan2 {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transition: 1.2s -webkit-transform;
  transition: 1.2s -webkit-transform;
  -o-transition: 1.2s -o-transform;
  transition: 1.2s transform;
  transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}
.home-genplan .genplan2 .genplan-svg {
  z-index: 2;
  opacity: 0.8;
}
.home-genplan .genplan2 .genplan-svg path {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transition: 1.2s opacity, 0.6s -webkit-transform;
  transition: 1.2s opacity, 0.6s -webkit-transform;
  -o-transition: 1.2s opacity, 0.6s -o-transform;
  transition: 1.2s opacity, 0.6s transform;
  transition: 1.2s opacity, 0.6s transform, 0.6s -webkit-transform, 0.6s -o-transform;
}
@media (min-aspect-ratio: 3840/2160) {
  .home-genplan .genplan2 .genplan-img,
  .home-genplan .genplan2 .genplan-svg {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1025px) {
  .home-genplan .genplan2 {
    -webkit-transform-origin: 10% 100%;
    -ms-transform-origin: 10% 100%;
    -o-transform-origin: 10% 100%;
    transform-origin: 10% 100%;
  }
}
@media (max-width: 1024px) {
  .home-genplan .genplan2 {
    width: 200%;
  }
  .home-genplan .genplan2 .genplan-img,
  .home-genplan .genplan2 .genplan-svg {
    -webkit-transform: translate3d(-99%, -50%, 0);
    transform: translate3d(-99%, -50%, 0);
  }
}
.home-genplan .genplan2:after {
  content: "";
  background-color: #323232;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: 1.2s opacity;
  -o-transition: 1.2s opacity;
  transition: 1.2s opacity;
}
.home-genplan .genplan3 {
  width: 100%;
  max-width: 100%;
  height: 100%;
  -webkit-transition: 1.2s max-width;
  -o-transition: 1.2s max-width;
  transition: 1.2s max-width;
}
.home-genplan .genplan3 .genplan-img {
  min-width: 100vw;
  -webkit-transform-origin: 10% 50%;
  -ms-transform-origin: 10% 50%;
  -o-transform-origin: 10% 50%;
  transform-origin: 10% 50%;
  -webkit-transition: 1.2s -webkit-transform;
  transition: 1.2s -webkit-transform;
  -o-transition: 1.2s -o-transform;
  transition: 1.2s transform;
  transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}
.home-genplan .genplan-info {
  position: absolute;
  left: 0;
  right: 0;
  top: 10%;
  bottom: 10%;
  z-index: 2;
  pointer-events: none;
  -webkit-transition: 1.2s opacity, 1.2s -webkit-transform;
  transition: 1.2s opacity, 1.2s -webkit-transform;
  -o-transition: 1.2s opacity, 1.2s -o-transform;
  transition: 1.2s opacity, 1.2s transform;
  transition: 1.2s opacity, 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}
.home-genplan .genplan-info .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .home-genplan .genplan-info[data-step="0"] {
    top: 5vh;
    bottom: auto;
  }
}
.home-genplan .genplan-info[data-step="0"] .content {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.6rem;
}
@media (max-width: 1024px) {
  .home-genplan .genplan-info[data-step="0"] .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 40vh;
    font-size: 4vh;
    position: relative;
  }
}
.home-genplan .genplan-info[data-step="0"] .num {
  margin: 0.07em 0 -0.07em 0;
  line-height: 0.8;
  font-weight: 400;
  font-size: 100vh;
  -webkit-transition: 1.2s -webkit-transform;
  transition: 1.2s -webkit-transform;
  -o-transition: 1.2s -o-transform;
  transition: 1.2s transform;
  transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}
@media (max-width: 1024px) {
  .home-genplan .genplan-info[data-step="0"] .num {
    margin-bottom: 0;
    font-size: 35vh;
  }
}
.home-genplan .genplan-info[data-step="0"] .big {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  line-height: 1;
  font-size: 2.8em;
}
@media (max-width: 1024px) {
  .home-genplan .genplan-info[data-step="0"] .big {
    font-size: 1em;
    position: absolute;
    left: 20vh;
    top: 50%;
  }
}
@media (min-width: 1025px) {
  .home-genplan .genplan-info[data-step="1-2"] .content {
    position: relative;
  }
  .home-genplan .genplan-info[data-step="1-2"] .text {
    line-height: 1;
    font-weight: 700;
    font-size: 8.2vh;
    position: absolute;
    -webkit-transition: 1.2s opacity, 1.2s -webkit-transform;
    transition: 1.2s opacity, 1.2s -webkit-transform;
    -o-transition: 1.2s opacity, 1.2s -o-transform;
    transition: 1.2s transform, 1.2s opacity;
    transition: 1.2s transform, 1.2s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
  }
  .home-genplan .genplan-info[data-step="1-2"] .text .num {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-height: 1em;
    overflow: hidden;
    margin-bottom: -0.2em;
    font-weight: 400;
    font-size: 44vh;
    -webkit-transition: 1.2s max-height;
    -o-transition: 1.2s max-height;
    transition: 1.2s max-height;
  }
  .home-genplan .genplan-info[data-step="1-2"] .text1 {
    left: 0;
    bottom: 0;
  }
  .home-genplan .genplan-info[data-step="1-2"] .text1 .num {
    padding-right: 0.1em;
  }
  .home-genplan .genplan-info[data-step="1-2"] .text1 .num span {
    letter-spacing: -0.1em;
    margin-left: 0.15em;
  }
  .home-genplan .genplan-info[data-step="1-2"] .text2 {
    right: 0;
    bottom: 55%;
  }
  .home-genplan .genplan-info[data-step="1-2"] .text2 .num {
    padding-right: 0.1em;
  }
  .home-genplan .genplan-info[data-step="1-2"] .text2 .num span {
    letter-spacing: -0.1em;
    margin-left: -0.15em;
  }
  .home-genplan .genplan-info[data-step="1-2"] .text3 {
    bottom: 0;
    right: 0;
    text-transform: uppercase;
  }
  .home-genplan .genplan-info[data-step="3"] .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 22%;
    margin-left: auto;
  }
  .home-genplan .genplan-info[data-step="3"] .text {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.25rem;
    -webkit-transition: 1.2s -webkit-transform;
    transition: 1.2s -webkit-transform;
    -o-transition: 1.2s -o-transform;
    transition: 1.2s transform;
    transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
  }
  .home-genplan .genplan-info[data-step="3"] .text .big {
    line-height: 1;
    font-weight: 400;
    font-size: 3.9em;
    white-space: nowrap;
  }
  .home-genplan .genplan-info[data-step="3"] .text2 {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  .home-genplan .genplan-info[data-step="3"] .text3 {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
}
@media (max-width: 1024px) {
  .home-genplan .genplan-info[data-step="1-2-3"] {
    top: 57vh;
    bottom: -webkit-calc(7vh + 8vw + 4px);
    bottom: calc(7vh + 8vw + 4px);
  }
  .home-genplan .genplan-info[data-step="1-2-3"] .content {
    position: relative;
  }
  .home-genplan .genplan-info[data-step="1-2-3"] .text {
    line-height: 1;
    font-weight: 700;
    font-size: 7vw;
    position: absolute;
    -webkit-transition: 1.2s opacity, 1.2s -webkit-transform;
    transition: 1.2s opacity, 1.2s -webkit-transform;
    -o-transition: 1.2s opacity, 1.2s -o-transform;
    transition: 1.2s transform, 1.2s opacity;
    transition: 1.2s transform, 1.2s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
  }
  .home-genplan .genplan-info[data-step="1-2-3"] .text .num {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-height: 1em;
    overflow: hidden;
    margin-bottom: -0.2em;
    font-weight: 400;
    font-size: 37.5vw;
    -webkit-transition: 1.2s max-height;
    -o-transition: 1.2s max-height;
    transition: 1.2s max-height;
  }
  .home-genplan .genplan-info[data-step="1-2-3"] .text1 {
    left: 0;
    bottom: 0;
  }
  .home-genplan .genplan-info[data-step="1-2-3"] .text1 .num {
    padding-right: 0.1em;
  }
  .home-genplan .genplan-info[data-step="1-2-3"] .text1 .num span {
    letter-spacing: -0.1em;
    margin-left: 0.15em;
  }
  .home-genplan .genplan-info[data-step="1-2-3"] .text2 {
    right: 0;
    bottom: 55%;
  }
  .home-genplan .genplan-info[data-step="1-2-3"] .text2 .num {
    padding-right: 0.1em;
  }
  .home-genplan .genplan-info[data-step="1-2-3"] .text2 .num span {
    letter-spacing: -0.1em;
    margin-left: -0.15em;
  }
  .home-genplan .genplan-info[data-step="1-2-3"] .text3 {
    bottom: 0;
    right: 0;
    text-transform: uppercase;
  }
  .home-genplan .genplan-info[data-step="4"] {
    top: 57vh;
    bottom: -webkit-calc(7vh + 8vw + 4px);
    bottom: calc(7vh + 8vw + 4px);
    padding-left: 50%;
  }
  .home-genplan .genplan-info[data-step="4"] .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: -webkit-calc(50vw - 40px);
    width: calc(50vw - 40px);
    min-width: 10rem;
  }
  .home-genplan .genplan-info[data-step="4"] .text {
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 0.75rem;
    -webkit-transition: 1.2s -webkit-transform;
    transition: 1.2s -webkit-transform;
    -o-transition: 1.2s -o-transform;
    transition: 1.2s transform;
    transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
  }
  .home-genplan .genplan-info[data-step="4"] .text .big {
    line-height: 1;
    font-weight: 400;
    font-size: 3.8em;
    white-space: nowrap;
  }
  .home-genplan .genplan-info[data-step="4"] .text2 {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  .home-genplan .genplan-info[data-step="4"] .text3 {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
}
@media (min-width: 1025px) {
  .home-genplan .swiper:not([data-step="0"]) + .genplan-info.desktop[data-step="0"],
  .home-genplan .swiper:not([data-step="0"]) .swiper-bg1 {
    opacity: 0;
  }
  .home-genplan .swiper:not([data-step="1"]):not([data-step="2"]) + .genplan-info.desktop[data-step="0"] + .genplan-info.desktop[data-step="1-2"] {
    opacity: 0;
  }
  .home-genplan .swiper:not([data-step="1"]):not([data-step="2"]):not([data-step="3"]) + .genplan-info.desktop[data-step="0"] + .genplan-info.desktop[data-step="1-2"] .text1 .num {
    max-height: 0.05em;
  }
  .home-genplan .swiper:not([data-step="2"]):not([data-step="3"]) + .genplan-info.desktop[data-step="0"] + .genplan-info.desktop[data-step="1-2"] .text2 .num {
    max-height: 0.05em;
  }
  .home-genplan .swiper:not([data-step="2"]):not([data-step="3"]) + .genplan-info.desktop[data-step="0"] + .genplan-info.desktop[data-step="1-2"] .text2, .home-genplan .swiper:not([data-step="2"]):not([data-step="3"]) + .genplan-info.desktop[data-step="0"] + .genplan-info.desktop[data-step="1-2"] .text3 {
    opacity: 0;
  }
  .home-genplan .swiper:not([data-step="2"]):not([data-step="3"]) + .genplan-info.desktop[data-step="0"] + .genplan-info.desktop[data-step="1-2"] .text3 {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
  .home-genplan .swiper:not([data-step="2"]):not([data-step="3"]) .genplan2 [data-area="2"] {
    opacity: 0;
    -webkit-transform: translate3d(-25%, 0, 0) scale(0.83);
    transform: translate3d(-25%, 0, 0) scale(0.83);
  }
  .home-genplan .swiper:not([data-step="3"]) .genplan2:after {
    opacity: 0.7;
  }
  .home-genplan .swiper:not([data-step="3"]) + .genplan-info.desktop[data-step="0"] + .genplan-info.desktop[data-step="1-2"] + .genplan-info.desktop[data-step="3"] {
    opacity: 0;
  }
  .home-genplan .swiper:not([data-step="3"]) + .genplan-info.desktop[data-step="0"] + .genplan-info.desktop[data-step="1-2"] + .genplan-info.desktop[data-step="3"] .text {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
  .home-genplan .swiper:not([data-step="3"]) .genplan3 {
    max-width: 0;
  }
  .home-genplan .swiper[data-step="2"] .genplan2 [data-area="1"] {
    opacity: 0;
    -webkit-transform: translate3d(45%, -6%, 0);
    transform: translate3d(45%, -6%, 0);
  }
  .home-genplan .swiper[data-step="2"] + .genplan-info.desktop[data-step="0"] + .genplan-info.desktop[data-step="1-2"] .text1 {
    opacity: 0;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
  .home-genplan .swiper[data-step="3"] .swiper-bg2 .genplan-img1 {
    opacity: 0;
  }
  .home-genplan .swiper[data-step="3"] .swiper-bg2 .genplan-img1 path {
    -webkit-transform: translate3d(36vw, 0, 0);
    transform: translate3d(36vw, 0, 0);
  }
  .home-genplan .swiper[data-step="3"] .swiper-bg2 .genplan-img2 {
    opacity: 1;
  }
  .home-genplan .swiper[data-step="3"] .swiper-bg2 .genplan-img2 path {
    -webkit-transform: translate3d(0, 0, 0) scaleX(1);
    transform: translate3d(0, 0, 0) scaleX(1);
  }
  .home-genplan .swiper[data-step="3"] .genplan2:after {
    opacity: 0.1;
  }
  .home-genplan .swiper[data-step="3"] .genplan2 [data-area="2"] {
    opacity: 0;
  }
  .home-genplan .swiper[data-step="3"] + .genplan-info.desktop[data-step="0"] + .genplan-info.desktop[data-step="1-2"] .text1 {
    opacity: 1;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@media (max-width: 1024px) {
  .home-genplan .swiper {
    padding-bottom: -webkit-calc(7vh + 4px);
    padding-bottom: calc(7vh + 4px);
  }
  .home-genplan .swiper.gallery-slider {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 80vw;
    min-height: 80vw;
  }
  .home-genplan .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets,
  .home-genplan .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 4.5vh;
  }
  .home-genplan .swiper:not([data-step="1"]) ~ .genplan-info.mobile[data-step="0"] + .genplan-info.mobile[data-step="1-2-3"] .text1 .num {
    max-height: 0.05em;
  }
  .home-genplan .swiper:not([data-step="2"]):not([data-step="3"]):not([data-step="4"]) ~ .genplan-info.mobile[data-step="0"] + .genplan-info.mobile[data-step="1-2-3"] .text2, .home-genplan .swiper:not([data-step="2"]):not([data-step="3"]):not([data-step="4"]) ~ .genplan-info.mobile[data-step="0"] + .genplan-info.mobile[data-step="1-2-3"] .text3 {
    opacity: 0;
  }
  .home-genplan .swiper:not([data-step="2"]):not([data-step="3"]):not([data-step="4"]) ~ .genplan-info.mobile[data-step="0"] + .genplan-info.mobile[data-step="1-2-3"] .text3 {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
  .home-genplan .swiper:not([data-step="2"]):not([data-step="3"]):not([data-step="4"]) ~ .genplan-info.mobile[data-step="0"] + .genplan-info.mobile[data-step="1-2-3"] .text2 .num {
    max-height: 0.05em;
  }
  .home-genplan .swiper:not([data-step="2"]):not([data-step="3"]):not([data-step="4"]) .genplan2 [data-area="2"] {
    opacity: 0;
    -webkit-transform: translate3d(-25%, 0, 0) scale(0.83);
    transform: translate3d(-25%, 0, 0) scale(0.83);
  }
  .home-genplan .swiper:not([data-step="3"]):not([data-step="4"]) ~ .genplan-info.mobile[data-step="0"] + .genplan-info.mobile[data-step="1-2-3"] + .genplan-info.mobile[data-step="4"] {
    opacity: 0;
  }
  .home-genplan .swiper:not([data-step="3"]):not([data-step="4"]) ~ .genplan-info.mobile[data-step="0"] + .genplan-info.mobile[data-step="1-2-3"] + .genplan-info.mobile[data-step="4"] .text {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
  }
  .home-genplan .swiper:not([data-step="3"]):not([data-step="4"]) .swiper-bg2 {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .home-genplan .swiper[data-step="0"] .genplan2 .genplan-svg {
    opacity: 0;
  }
  .home-genplan .swiper[data-step="0"] .genplan2 .genplan-img,
  .home-genplan .swiper[data-step="0"] .genplan2 .genplan-svg {
    -webkit-transform: translate3d(-86%, -50%, 0);
    transform: translate3d(-86%, -50%, 0);
  }
  .home-genplan .swiper[data-step="0"] ~ .genplan-info.mobile[data-step="0"] + .genplan-info.mobile[data-step="1-2-3"] {
    opacity: 0;
  }
  .home-genplan .swiper[data-step="1"] .genplan2 .genplan-img,
  .home-genplan .swiper[data-step="1"] .genplan2 .genplan-svg {
    -webkit-transform: translate3d(-72%, -50%, 0);
    transform: translate3d(-72%, -50%, 0);
  }
  .home-genplan .swiper[data-step="1"] .genplan2:after {
    opacity: 0.7;
  }
  .home-genplan .swiper[data-step="2"] ~ .genplan-info.mobile[data-step="0"] + .genplan-info.mobile[data-step="1-2-3"] .text1 {
    opacity: 0;
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
  }
  .home-genplan .swiper[data-step="2"] .genplan2 .genplan-img,
  .home-genplan .swiper[data-step="2"] .genplan2 .genplan-svg {
    -webkit-transform: translate3d(-99%, -50%, 0);
    transform: translate3d(-99%, -50%, 0);
  }
  .home-genplan .swiper[data-step="2"] .genplan2:after {
    opacity: 0.7;
  }
  .home-genplan .swiper[data-step="3"] .genplan2 .genplan-svg {
    opacity: 0;
  }
  .home-genplan .swiper[data-step="3"] ~ .genplan-info.mobile[data-step="0"] + .genplan-info.mobile[data-step="1-2-3"] {
    opacity: 0;
  }
}
@media (min-width: 1025px) {
  .home-genplan:not(.animation-enter) .genplan1 .genplan-img {
    -webkit-filter: brightness(1.25);
    filter: brightness(1.25);
  }
  .home-genplan:not(.animation-enter) .genplan-info.desktop[data-step="0"] {
    -webkit-transform: translate3d(8%, 0, 0);
    transform: translate3d(8%, 0, 0);
    opacity: 0;
  }
  .home-genplan:not(.animation-enter) .genplan-info.desktop[data-step="0"] .num {
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
  }
  .home-genplan:not(.animation-enter) .swiper-bg1 path {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .home-genplan:not(.animation-enter) .swiper-button-prev {
    -webkit-transform: translateX(-15%);
    -ms-transform: translateX(-15%);
    -o-transform: translateX(-15%);
    transform: translateX(-15%);
  }
  .home-genplan:not(.animation-enter) .swiper-button-next {
    -webkit-transform: translateX(15%);
    -ms-transform: translateX(15%);
    -o-transform: translateX(15%);
    transform: translateX(15%);
  }
  .home-genplan.animation-enter .genplan1 {
    -webkit-transform: translate3d(-7.8%, 3.8%, 0);
    transform: translate3d(-7.8%, 3.8%, 0);
  }
  .home-genplan.animation-enter .genplan1 .genplan-svg {
    opacity: 0;
  }
}
@media (min-width: 1025px) {
  .home-genplan .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:nth-child(5) {
    display: none;
  }
}

.home-city {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .home-city[data-scrolled=true] .text-block {
    margin-left: -31%;
  }
  .home-city[data-scrolled=true] .images[data-animation-enter].animation-enter .images-list .swiper-slide {
    margin-right: -9.7%;
  }
}
@media (min-width: 1025px) and (hover: hover) and (pointer: fine) {
  .home-city[data-scrolled=true] .images[data-animation-enter].animation-enter .images-list .swiper-slide:hover:hover {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin-right: 0;
  }
  .home-city[data-scrolled=true] .images[data-animation-enter].animation-enter .images-list .swiper-slide:hover:hover:not(:first-child) {
    margin-left: 4.5%;
  }
  .home-city[data-scrolled=true] .images[data-animation-enter].animation-enter .images-list .swiper-slide:hover:hover div {
    opacity: 1;
  }
}
@media (min-width: 1025px) {
  .home-city[data-scrolled=true] .images[data-animation-enter].animation-enter .images-list[data-hover="3"] {
    -webkit-transform: translate3d(-7.4%, 0, 0);
    transform: translate3d(-7.4%, 0, 0);
  }
  .home-city[data-scrolled=true] .images[data-animation-enter].animation-enter .images-list[data-hover="4"] {
    -webkit-transform: translate3d(-14.2%, 0, 0);
    transform: translate3d(-14.2%, 0, 0);
  }
  .home-city[data-scrolled=true] .images[data-animation-enter].animation-enter .images-list[data-hover="5"] {
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }
}
.home-city .bg {
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 200%;
  position: absolute;
  left: 0;
  top: 0;
}
.home-city .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3%;
  height: 100%;
  position: relative;
}
.home-city .text-block {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 31%;
  padding: 0 3%;
  margin-bottom: 5vw;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2rem;
  color: #F1861C;
  position: relative;
  z-index: 2;
  -webkit-transition: 1.2s margin ease;
  -o-transition: 1.2s margin ease;
  transition: 1.2s margin ease;
}
@media (max-width: 1024px) {
  .home-city .text-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 4vh 20px;
    margin-bottom: 0;
    font-size: 1.5rem;
    color: #272727;
    z-index: initial;
    pointer-events: none;
  }
}
.home-city .text-block img {
  max-width: 100%;
  height: auto;
}
@media (min-width: 1025px) {
  .home-city .text-block img {
    width: 22em;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}
@media (max-width: 1024px) {
  .home-city .text-block img {
    width: 11em;
  }
}
@media (max-width: 1024px) {
  .home-city .images-wrap {
    overflow: hidden;
    width: 100%;
    height: -webkit-calc(85% - 10.5em);
    height: calc(85% - 10.5em);
    position: absolute;
    left: 0;
    top: -webkit-calc(12% + 2.7em);
    top: calc(12% + 2.7em);
  }
}
@media (min-width: 1025px) {
  .home-city .images.swiper.gallery-slider {
    height: auto;
    overflow: visible;
  }
  .home-city .images[data-animation-enter].animation-enter .images-list .swiper-slide {
    -webkit-transform: translate3d(0, 0, 0) perspective(1000px) rotateY(-45deg) scale(0.73);
    transform: translate3d(0, 0, 0) perspective(1000px) rotateY(-45deg) scale(0.73);
    margin-right: -13.9%;
  }
}
@media (max-width: 1024px) {
  .home-city .images {
    overflow: auto;
  }
  .home-city .images[data-animation-enter]:not(.animation-enter) .images-list {
    -webkit-transform: translate3d(140%, 0, 0);
    transform: translate3d(140%, 0, 0);
  }
  .home-city .images[data-animation-enter].animation-enter .images-list:not([data-scrolled=true]) {
    -webkit-transform: translate3d(-31%, 0, 0);
    transform: translate3d(-31%, 0, 0);
  }
  .home-city .images::-webkit-scrollbar {
    display: none;
  }
  .home-city .images.swiper.gallery-slider {
    height: 100%;
  }
}
.home-city .images-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-transition: 1.2s -webkit-transform ease;
  transition: 1.2s -webkit-transform ease;
  -o-transition: 1.2s -o-transform ease;
  transition: 1.2s transform ease;
  transition: 1.2s transform ease, 1.2s -webkit-transform ease, 1.2s -o-transform ease;
}
@media (min-width: 1025px) {
  .home-city .images-list {
    gap: 3vw;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 1024px) {
  .home-city .images-list {
    gap: 4vw;
    width: 100%;
  }
}
.home-city .images-list .swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition: 1.2s margin ease, 1.2s -webkit-transform ease;
  transition: 1.2s margin ease, 1.2s -webkit-transform ease;
  -o-transition: 1.2s margin ease, 1.2s -o-transform ease;
  transition: 1.2s transform ease, 1.2s margin ease;
  transition: 1.2s transform ease, 1.2s margin ease, 1.2s -webkit-transform ease, 1.2s -o-transform ease;
}
.home-city .images-list .swiper-slide:nth-child(1) {
  z-index: 10;
}
.home-city .images-list .swiper-slide:nth-child(2) {
  z-index: 9;
}
.home-city .images-list .swiper-slide:nth-child(3) {
  z-index: 8;
}
.home-city .images-list .swiper-slide:nth-child(4) {
  z-index: 7;
}
.home-city .images-list .swiper-slide:nth-child(5) {
  z-index: 6;
}
@media (min-width: 1025px) {
  .home-city .images-list .swiper-slide {
    width: 31vw;
    height: 43.8vw;
    max-height: 84vh;
  }
}
@media (max-width: 1024px) {
  .home-city .images-list .swiper-slide {
    width: 75.7vw;
    -webkit-transform: translate3d(0, 0, 0) perspective(300vw) rotateY(-45deg) scale(0.83);
    transform: translate3d(0, 0, 0) perspective(300vw) rotateY(-45deg) scale(0.83);
    margin-right: -60%;
  }
  .home-city .images-list .swiper-slide[data-hover=true] {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin-right: 0;
  }
  .home-city .images-list .swiper-slide[data-hover=true]:not(:first-child) {
    margin-left: 38%;
  }
  .home-city .images-list .swiper-slide[data-hover=true] div {
    opacity: 1;
  }
}
.home-city .images-list .swiper-slide div {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 2.5em;
  font-size: 1.2rem;
  color: #fff;
  opacity: 0;
  -webkit-transition: 0.6s opacity ease;
  -o-transition: 0.6s opacity ease;
  transition: 0.6s opacity ease;
}
.home-city .images-list .swiper-slide div, .home-city .images-list .swiper-slide div:before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.home-city .images-list .swiper-slide div:before {
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
}
.home-city .images-list .swiper-slide div span, .home-city .images-list .swiper-slide div p {
  position: relative;
}
@media (max-width: 1024px) {
  .home-city .images-list .swiper-slide div {
    padding: 2em;
    font-size: 0.9rem;
    -webkit-transition: 0.6s opacity ease 1.2s;
    -o-transition: 0.6s opacity ease 1.2s;
    transition: 0.6s opacity ease 1.2s;
  }
}
.home-city .images-list img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

@media (max-width: 1024px) {
  .home-location {
    background-color: #E5801D;
    padding-bottom: 11vh;
    margin-bottom: -1px;
  }
  .home-location:not([data-height=auto]) {
    height: auto;
  }
}
.home-location .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  padding-top: 8vh;
  padding-bottom: 8vh;
}
.home-location .section-head-column:last-child {
  max-width: 22rem;
}
.home-location .section-head-column:last-child div {
  font-size: 0.8rem;
}
.home-location .section-head-column:last-child, .home-location .section-head-column:last-child div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3vh;
}
.home-location .section-head-column:last-child .btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.home-location .num-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .home-location .num-block {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.home-location .num-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7vh;
  width: 28.5%;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.05rem;
}
@media (max-width: 1024px) {
  .home-location .num-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    gap: 0.5em;
    width: 37.6%;
    font-size: 0.75rem;
  }
  .home-location .num-item:nth-child(2) {
    margin: -webkit-calc(37.6vw + 10px) -6.4% 0 -6.4%;
    margin: calc(37.6vw + 10px) -6.4% 0 -6.4%;
  }
}
.home-location .num-item__top {
  background-position: 50% 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  border-radius: 50%;
  width: 100%;
  max-width: 42vh;
  font-size: 11rem;
  color: #fff;
  position: relative;
}
@media (min-aspect-ratio: 177/100) {
  .home-location .num-item__top {
    font-size: 20vh;
  }
}
@media (max-width: 1024px) {
  .home-location .num-item__top {
    font-size: 15.5vw;
  }
  .home-location .num-item__top span:nth-child(2) {
    margin-top: -1em;
    font-size: 3vw;
  }
}
.home-location .num-item__top:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.home-location .num-item__top > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%;
  height: 1.2em;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em;
}
.home-location .num-item__top > div > div {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  max-height: 1.2em;
  overflow: hidden;
  -webkit-transition: 1.2s max-height;
  -o-transition: 1.2s max-height;
  transition: 1.2s max-height;
}
@media (max-width: 1024px) {
  .home-location .num-item__top > div > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.home-location .num-item__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1rem;
  width: 80%;
  font-weight: 700;
  -webkit-transition: 1.2s opacity, 1.2s -webkit-transform;
  transition: 1.2s opacity, 1.2s -webkit-transform;
  -o-transition: 1.2s opacity, 1.2s -o-transform;
  transition: 1.2s transform, 1.2s opacity;
  transition: 1.2s transform, 1.2s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
}
.home-location .num-item__bottom:before {
  content: "";
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
}
@media (max-width: 1024px) {
  .home-location .num-item__bottom:before {
    width: 1.6em;
    height: 1.6em;
  }
}
@media (max-width: 1024px) {
  .home-location .num-item__bottom {
    gap: 0.5em;
    width: 90%;
    color: #fff;
  }
}
.home-location .num-item:nth-child(1) .num-item__bottom:before {
  background-image: url(../img/icon-car.svg);
}
.home-location .num-item:nth-child(2) .num-item__top > div > div,
.home-location .num-item:nth-child(2) .num-item__bottom {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.home-location .num-item:nth-child(2) .num-item__bottom:before {
  background-image: url(../img/icon-walk.svg);
}
.home-location .num-item:nth-child(3) .num-item__top > div > div,
.home-location .num-item:nth-child(3) .num-item__bottom {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}
.home-location .num-item:nth-child(3) .num-item__bottom:before {
  background-image: url(../img/icon-walk.svg);
}
@media (max-width: 1024px) {
  .home-location-numbers.container {
    padding-top: 0;
    padding-bottom: 25px;
  }
}
.home-location-numbers .section-head-column:last-child {
  text-align: right;
}
@media (max-width: 1024px) {
  .home-location-scheme.container {
    height: 120vw;
    padding-top: 5.5vh;
    padding-bottom: 0;
  }
}
.home-location-scheme .bg {
  -webkit-transition: 1.2s opacity, 1.2s -webkit-transform;
  transition: 1.2s opacity, 1.2s -webkit-transform;
  -o-transition: 1.2s opacity, 1.2s -o-transform;
  transition: 1.2s transform, 1.2s opacity;
  transition: 1.2s transform, 1.2s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
}
.home-location-scheme .section-head {
  position: relative;
  z-index: 2;
}
@media (min-width: 1025px) {
  .home-location-scheme {
    background-color: #343434;
  }
  .home-location-scheme:after {
    content: "";
    background: -webkit-gradient(linear, left top, right top, color-stop(75%, rgba(52, 52, 52, 0.8)), to(rgba(52, 52, 52, 0)));
    background: -webkit-linear-gradient(left, rgba(52, 52, 52, 0.8) 75%, rgba(52, 52, 52, 0) 100%);
    background: -o-linear-gradient(left, rgba(52, 52, 52, 0.8) 75%, rgba(52, 52, 52, 0) 100%);
    background: linear-gradient(to right, rgba(52, 52, 52, 0.8) 75%, rgba(52, 52, 52, 0) 100%);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 22rem;
    height: 100%;
    padding: 0 -webkit-calc(140 / 1920 * 100vw);
    padding: 0 calc(140 / 1920 * 100vw);
    position: absolute;
    top: 0;
    left: 0;
  }
  .home-location-scheme .section-head-column.desktop {
    color: #fff;
  }
  .home-location-scheme .section-head-column.desktop .section-subtitle {
    color: #F5A42C;
  }
}
@media (max-width: 1024px) {
  .home-location-scheme .section-head-column.mobile {
    color: #fff;
  }
}
.home-location[data-animation-enter]:not(.animation-enter) .num-item__top > div > div {
  max-height: 0;
}
.home-location[data-animation-enter]:not(.animation-enter) .num-item__bottom {
  -webkit-transform: translate3d(0, 1em, 0);
  transform: translate3d(0, 1em, 0);
  opacity: 0;
}
@media (max-width: 1024px) {
  .home-location .swiper {
    background-color: #343434;
    border-radius: 0 0 50vw 50vw;
  }
  .home-location .swiper.gallery-slider {
    height: auto;
  }
}
@media (min-width: 1025px) {
  .home-location .swiper:not([data-step="1"]) .home-location-scheme .bg {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    opacity: 0.5;
  }
}
@media (max-width: 1024px) {
  .home-location .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.home-flats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1024px) {
  .home-flats {
    background-color: #E5801D;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 5vh;
    margin-bottom: -1px;
  }
  .home-flats:not([data-height=auto]) {
    height: auto;
  }
}
@media (min-width: 1025px) {
  .home-flats:not(.animation-enter) .home-flats-splash .bg {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .home-flats:not(.animation-enter) .home-flats-splash .img {
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
  .home-flats:not(.animation-enter) .container,
  .home-flats:not(.animation-enter) .container .text[data-active=true] {
    background-color: transparent;
  }
  .home-flats:not(.animation-enter) .section-title,
  .home-flats:not(.animation-enter) .texts {
    -webkit-transform: translate3d(-10vw, 0, 0);
    transform: translate3d(-10vw, 0, 0);
  }
  .home-flats:not(.animation-enter) .swiper:before {
    -webkit-transform: translate3d(-41vw, 0, 0);
    transform: translate3d(-41vw, 0, 0);
  }
  .home-flats:not(.animation-enter) .swiper-slide {
    -webkit-transform: translate3d(58vw, 0, 0);
    transform: translate3d(58vw, 0, 0);
    opacity: 0;
  }
  .home-flats.animation-enter .home-flats-splash {
    -webkit-transform: translate3d(42%, 0, 0);
    transform: translate3d(42%, 0, 0);
    background-color: transparent;
    z-index: 0;
  }
  .home-flats.animation-enter .home-flats-splash .bg {
    right: 64.2%;
  }
  .home-flats.animation-enter .home-flats-splash .bg:after {
    border-width: 50vh 0;
  }
  .home-flats.animation-enter .home-flats-splash .img {
    opacity: 0;
  }
}
.home-flats-splash {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.875rem;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  -webkit-transition: 1.2s background-color 1.2s, 0.4s z-index 1.2s step-end, 1.2s -webkit-transform 1.2s;
  transition: 1.2s background-color 1.2s, 0.4s z-index 1.2s step-end, 1.2s -webkit-transform 1.2s;
  -o-transition: 1.2s background-color 1.2s, 0.4s z-index 1.2s step-end, 1.2s -o-transform 1.2s;
  transition: 1.2s transform 1.2s, 1.2s background-color 1.2s, 0.4s z-index 1.2s step-end;
  transition: 1.2s transform 1.2s, 1.2s background-color 1.2s, 0.4s z-index 1.2s step-end, 1.2s -webkit-transform 1.2s, 1.2s -o-transform 1.2s;
}
.home-flats-splash .bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: -webkit-calc(100% - 7.5vw);
  right: calc(100% - 7.5vw);
  margin-right: 0;
  opacity: 0.96;
  -webkit-transition: 1.2s margin-right 1.2s, 1.2s right 1.2s, 1.2s -webkit-transform;
  transition: 1.2s margin-right 1.2s, 1.2s right 1.2s, 1.2s -webkit-transform;
  -o-transition: 1.2s margin-right 1.2s, 1.2s right 1.2s, 1.2s -o-transform;
  transition: 1.2s transform, 1.2s margin-right 1.2s, 1.2s right 1.2s;
  transition: 1.2s transform, 1.2s margin-right 1.2s, 1.2s right 1.2s, 1.2s -webkit-transform, 1.2s -o-transform;
}
.home-flats-splash .bg:before, .home-flats-splash .bg:after {
  content: "";
  height: 100%;
}
.home-flats-splash .bg:before {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  background-color: #293138;
  margin-right: -1px;
}
.home-flats-splash .bg:after {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-color: transparent transparent transparent #293138;
  border-width: 50vh 0 50vh 7.5vw;
  border-style: solid;
  width: 0;
  height: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 1.2s border-width 1.2s;
  -o-transition: 1.2s border-width 1.2s;
  transition: 1.2s border-width 1.2s;
}
.home-flats-splash .img {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 19vw;
  max-height: 80%;
  position: relative;
  -webkit-transition: 1.2s opacity 1.2s, 0.6s -webkit-transform;
  transition: 1.2s opacity 1.2s, 0.6s -webkit-transform;
  -o-transition: 1.2s opacity 1.2s, 0.6s -o-transform;
  transition: 0.6s transform, 1.2s opacity 1.2s;
  transition: 0.6s transform, 1.2s opacity 1.2s, 0.6s -webkit-transform, 0.6s -o-transform;
}
.home-flats-splash .img:before {
  content: "";
  display: block;
  padding-top: 178.9%;
}
.home-flats-splash .img:nth-child(3) {
  -webkit-transition-delay: 0.2s, 1.2s;
  -o-transition-delay: 0.2s, 1.2s;
  transition-delay: 0.2s, 1.2s;
}
.home-flats-splash .img:nth-child(4) {
  -webkit-transition-delay: 0.4s, 1.2s;
  -o-transition-delay: 0.4s, 1.2s;
  transition-delay: 0.4s, 1.2s;
}
.home-flats-splash .img:nth-child(5) {
  -webkit-transition-delay: 0.6s, 1.2s;
  -o-transition-delay: 0.6s, 1.2s;
  transition-delay: 0.6s, 1.2s;
}
.home-flats .container {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 5vh;
  width: 42%;
  padding-top: 8vh;
  padding-bottom: 8vh;
  margin: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-transition: 1.2s background-color 1.2s step-end;
  -o-transition: 1.2s background-color 1.2s step-end;
  transition: 1.2s background-color 1.2s step-end;
}
@media (max-width: 1024px) {
  .home-flats .container {
    background-color: transparent;
    width: 100%;
    padding-top: 5.5vh;
    padding-bottom: 7vh;
    color: #fff;
  }
}
.home-flats .container .section-title {
  -webkit-transition: 1.2s -webkit-transform 1.2s;
  transition: 1.2s -webkit-transform 1.2s;
  -o-transition: 1.2s -o-transform 1.2s;
  transition: 1.2s transform 1.2s;
  transition: 1.2s transform 1.2s, 1.2s -webkit-transform 1.2s, 1.2s -o-transform 1.2s;
}
@media (max-width: 1024px) {
  .home-flats .container .section-title {
    margin-bottom: 40px;
  }
}
.home-flats .container .home-flats-img {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  background-position: 0 50%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width: 100%;
  max-height: 13rem;
}
.home-flats .container .home-flats-texts {
  position: relative;
  -webkit-transition: 1.2s -webkit-transform 1.5s;
  transition: 1.2s -webkit-transform 1.5s;
  -o-transition: 1.2s -o-transform 1.5s;
  transition: 1.2s transform 1.5s;
  transition: 1.2s transform 1.5s, 1.2s -webkit-transform 1.5s, 1.2s -o-transform 1.5s;
}
@media (min-width: 1025px) {
  .home-flats .container .home-flats-texts.swiper,
  .home-flats .container .home-flats-texts .swiper-wrapper,
  .home-flats .container .home-flats-texts .swiper-slide {
    height: auto;
    overflow: visible;
  }
}
.home-flats .container .text {
  width: 100%;
}
@media (min-width: 1025px) {
  .home-flats .container .text {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition: 1.2s background-color 1.2s step-end;
    -o-transition: 1.2s background-color 1.2s step-end;
    transition: 1.2s background-color 1.2s step-end;
  }
  .home-flats .container .text:not([data-active=true]) {
    -webkit-transform: translate3d(0, 8vh, 0);
    transform: translate3d(0, 8vh, 0);
    opacity: 0;
  }
  .home-flats .container .text[data-active=true] {
    background-color: #fff;
    z-index: 2;
  }
  .home-flats .container .text.animate-in {
    -webkit-animation: flatDescrIn 1.2s;
    -o-animation: flatDescrIn 1.2s;
    animation: flatDescrIn 1.2s;
  }
  .home-flats .container .text.animate-out {
    -webkit-animation: flatDescrOut 1.2s;
    -o-animation: flatDescrOut 1.2s;
    animation: flatDescrOut 1.2s;
  }
}
.home-flats .home-flat {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 1025px) {
  .home-flats .home-flat {
    height: 100%;
    padding-right: 2%;
  }
  .home-flats .home-flat:before {
    content: "";
    display: block;
    height: 29%;
  }
}
.home-flats .home-flat .img {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 42.6%;
}
@media (max-width: 1024px) {
  .home-flats .home-flat .img {
    height: 66.4vw;
  }
}
.home-flats .home-flat .foot {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.1rem;
  padding-top: 1.1rem;
}
@media (max-width: 1024px) {
  .home-flats .home-flat .foot {
    padding-top: 7vh;
    padding-bottom: 8vh;
    gap: 0;
  }
}
@media (min-width: 1025px) {
  .home-flats .home-flat .foot:after {
    content: "";
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    height: 2rem;
  }
}
.home-flats .home-flat .foot .info {
  border-top: 0.1em solid;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 22.5em;
  max-width: 90%;
  padding-top: 0.6em;
  text-transform: uppercase;
  font-size: 0.8rem;
  position: relative;
  -webkit-transition: 0.3s color;
  -o-transition: 0.3s color;
  transition: 0.3s color;
}
@media (max-width: 1024px) {
  .home-flats .home-flat .foot .info {
    color: #fff;
  }
}
.home-flats .home-flat .foot .info:before {
  content: "";
  border-top: 0.3em solid;
  width: 6.7em;
  position: absolute;
  left: 0;
  bottom: 100%;
}
.home-flats .swiper {
  margin: 0;
}
@media (max-width: 1024px) {
  .home-flats .swiper {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .home-flats .home-flats-list {
    width: 58%;
    overflow: visible;
    z-index: unset;
  }
}
.home-flats .home-flats-list .swiper-slide {
  -webkit-transition: 1.2s opacity 1.2s, 1.2s -webkit-transform 1.2s;
  transition: 1.2s opacity 1.2s, 1.2s -webkit-transform 1.2s;
  -o-transition: 1.2s opacity 1.2s, 1.2s -o-transform 1.2s;
  transition: 1.2s transform 1.2s, 1.2s opacity 1.2s;
  transition: 1.2s transform 1.2s, 1.2s opacity 1.2s, 1.2s -webkit-transform 1.2s, 1.2s -o-transform 1.2s;
}
@media (min-width: 1025px) {
  .home-flats .home-flats-list .swiper-slide {
    width: 63%;
  }
}
.home-flats .home-flats-list .swiper-slide-active .home-flat .foot .info {
  color: #fff;
}
.home-flats .home-flats-list .swiper-slide:not(.swiper-slide-active) .btn {
  opacity: 0;
}
.home-flats .home-flats-list .swiper-slide:not(.swiper-slide-active) .img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.home-flats .home-flats-list .swiper-button-prev,
.home-flats .home-flats-list .swiper-button-next {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  padding: 0 -webkit-calc(25 / 1920 * 100vw);
  padding: 0 calc(25 / 1920 * 100vw);
  margin: 0;
  top: 0;
  z-index: 3;
}
@media (max-width: 1024px) {
  .home-flats .home-flats-list .swiper-button-prev,
  .home-flats .home-flats-list .swiper-button-next {
    height: 66.4vw;
    padding: 0 10px;
  }
}
.home-flats .home-flats-list .swiper-button-prev:after,
.home-flats .home-flats-list .swiper-button-next:after {
  background-image: url(../img/arrow-next-orange.svg);
}
@media (min-width: 1025px) {
  .home-flats .home-flats-list .swiper-button-prev {
    left: -71%;
  }
}
@media (max-width: 1024px) {
  .home-flats .home-flats-list .swiper-button-prev {
    left: 0;
  }
}
.home-flats .home-flats-list .swiper-button-next {
  right: 0;
}
.home-flats .home-flats-list .swiper-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media (min-width: 1025px) {
  .home-flats .home-flats-list .swiper-buttons {
    position: absolute;
    left: 0;
    right: 37.5%;
    margin-right: -webkit-calc(14 / 1920 * 100vw);
    margin-right: calc(14 / 1920 * 100vw);
    bottom: -webkit-calc(4.5vh + 2rem);
    bottom: calc(4.5vh + 2rem);
    z-index: 2;
  }
}

@-webkit-keyframes flatDescrIn {
  0% {
    -webkit-transform: translate3d(0, 8vh, 0);
    transform: translate3d(0, 8vh, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-o-keyframes flatDescrIn {
  0% {
    transform: translate3d(0, 8vh, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes flatDescrIn {
  0% {
    -webkit-transform: translate3d(0, 8vh, 0);
    transform: translate3d(0, 8vh, 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes flatDescrOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, -8vh, 0);
    transform: translate3d(0, -8vh, 0);
    opacity: 0;
  }
}
@-o-keyframes flatDescrOut {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -8vh, 0);
    opacity: 0;
  }
}
@keyframes flatDescrOut {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, -8vh, 0);
    transform: translate3d(0, -8vh, 0);
    opacity: 0;
  }
}
.home-gallery {
  overflow: hidden;
  position: relative;
}
@media (max-width: 1024px) {
  .home-gallery {
    background-color: #E5801D;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }
  .home-gallery:not([data-height=auto]) {
    height: auto;
  }
}
@media (min-width: 1025px) {
  .home-gallery:not(.animation-enter) .swiper-bg1 path {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .home-gallery:not(.animation-enter) .swiper-slide:first-child .bg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
  .home-gallery:not(.animation-enter) .swiper-button-prev {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .home-gallery:not(.animation-enter) .swiper-button-next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .home-gallery:not(.animation-enter) .content[data-step="0"] .text {
    -webkit-transform: translate3d(5vw, 0, 0);
    transform: translate3d(5vw, 0, 0);
    opacity: 0;
  }
}
.home-gallery .section-title,
.home-gallery .text {
  color: #fff;
  -webkit-transition: 1.2s opacity, 1.2s -webkit-transform;
  transition: 1.2s opacity, 1.2s -webkit-transform;
  -o-transition: 1.2s opacity, 1.2s -o-transform;
  transition: 1.2s transform, 1.2s opacity;
  transition: 1.2s transform, 1.2s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
}
@media (max-width: 1024px) {
  .home-gallery .section-title {
    margin-bottom: 40px;
  }
}
@media (min-width: 1025px) {
  .home-gallery .text {
    max-width: 22em;
  }
}
.home-gallery .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: none;
}
.home-gallery .content .btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  pointer-events: initial;
}
@media (max-width: 1024px) {
  .home-gallery .content {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    padding: 0 20px;
  }
  .home-gallery .content[data-step="1"] {
    margin-top: 1.2em;
  }
  .home-gallery .content {
    /*&[data-step="1"]:not([data-block]) {
    	margin-top: 1.2em;
    }*/
  }
  .home-gallery .content[data-step="2"] {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 5vh;
  }
}
@media (min-width: 1025px) {
  .home-gallery .content {
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
  }
  .home-gallery .content[data-step="0"] {
    left: -webkit-calc(140 / 1920 * 100vw);
    left: calc(140 / 1920 * 100vw);
  }
  .home-gallery .content[data-step="1"]:not([data-block]) {
    left: 41.5%;
  }
  .home-gallery .content[data-step="1"][data-block=summer] {
    left: -webkit-calc(140 / 1920 * 100vw);
    left: calc(140 / 1920 * 100vw);
  }
  .home-gallery .content[data-step="1"][data-block=winter] {
    right: -webkit-calc(140 / 1920 * 100vw);
    right: calc(140 / 1920 * 100vw);
  }
  .home-gallery .content[data-step="2"] {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    left: -webkit-calc(140 / 1920 * 100vw);
    left: calc(140 / 1920 * 100vw);
    right: -webkit-calc(140 / 1920 * 100vw);
    right: calc(140 / 1920 * 100vw);
  }
  .home-gallery .content[data-step="2"] .section-title {
    position: absolute;
    left: 0;
    top: 10vh;
  }
  .home-gallery .content[data-step="2"] .text {
    max-width: 18.5em;
    text-align: right;
  }
}
.home-gallery .swiper-bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0.96;
  -webkit-transition: 1.2s -webkit-transform;
  transition: 1.2s -webkit-transform;
  -o-transition: 1.2s -o-transform;
  transition: 1.2s transform;
  transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}
.home-gallery .swiper-bg svg {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  -webkit-transition: 1.2s opacity;
  -o-transition: 1.2s opacity;
  transition: 1.2s opacity;
}
.home-gallery .swiper-bg svg.gallery-img2 {
  opacity: 0;
}
@media (min-aspect-ratio: 2880/1620) {
  .home-gallery .swiper-bg svg {
    width: 100%;
    height: auto;
  }
}
.home-gallery .swiper-bg1 path {
  -webkit-transition: 0.6s opacity 0.6s, 1.2s -webkit-transform;
  transition: 0.6s opacity 0.6s, 1.2s -webkit-transform;
  -o-transition: 0.6s opacity 0.6s, 1.2s -o-transform;
  transition: 1.2s transform, 0.6s opacity 0.6s;
  transition: 1.2s transform, 0.6s opacity 0.6s, 1.2s -webkit-transform, 1.2s -o-transform;
}
.home-gallery .swiper-bg2 {
  -webkit-transition: 0.6s opacity, 1.2s -webkit-transform;
  transition: 0.6s opacity, 1.2s -webkit-transform;
  -o-transition: 0.6s opacity, 1.2s -o-transform;
  transition: 1.2s transform, 0.6s opacity;
  transition: 1.2s transform, 0.6s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
  opacity: 0;
}
.home-gallery .swiper-bg2 path {
  -webkit-transition: 0.6s opacity 0.6s, 1.2s -webkit-transform;
  transition: 0.6s opacity 0.6s, 1.2s -webkit-transform;
  -o-transition: 0.6s opacity 0.6s, 1.2s -o-transform;
  transition: 1.2s transform, 0.6s opacity 0.6s;
  transition: 1.2s transform, 0.6s opacity 0.6s, 1.2s -webkit-transform, 1.2s -o-transform;
  -webkit-transform: translate3d(-70%, 0, 0);
  transform: translate3d(-70%, 0, 0);
}
.home-gallery-block {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  -webkit-transition: 1.2s -webkit-transform, 1.2s -webkit-filter;
  transition: 1.2s -webkit-transform, 1.2s -webkit-filter;
  -o-transition: 1.2s filter, 1.2s -o-transform;
  transition: 1.2s transform, 1.2s filter;
  transition: 1.2s transform, 1.2s filter, 1.2s -webkit-transform, 1.2s -o-transform, 1.2s -webkit-filter;
}
@media (max-width: 1024px) {
  .home-gallery-block {
    -webkit-transition: 1.2s opacity;
    -o-transition: 1.2s opacity;
    transition: 1.2s opacity;
  }
}
@media (min-width: 1025px) {
  .home-gallery-block {
    left: 50%;
  }
}
.home-gallery-block[data-active=true] {
  z-index: 2;
}
@media (max-width: 1024px) {
  .home-gallery-block:not([data-active=true]) {
    opacity: 0;
  }
}
.home-gallery-circle {
  border-radius: 50%;
  background-color: rgba(110, 110, 110, 0.6);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 11.4em;
  height: 11.4em;
  padding: 1.5em;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.7rem;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  z-index: 3;
}
@media (max-width: 1024px) {
  .home-gallery .swiper {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 5.5vh;
  }
  .home-gallery .swiper.gallery-slider {
    height: 106.6vw;
  }
}
@media (min-width: 1025px) {
  .home-gallery .swiper .bg {
    -webkit-transition: 1.2s -webkit-transform;
    transition: 1.2s -webkit-transform;
    -o-transition: 1.2s -o-transform;
    transition: 1.2s transform;
    transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
  }
  .home-gallery .swiper:not([data-step="0"]) + .content[data-step="0"] .text {
    opacity: 0;
  }
  .home-gallery .swiper:not([data-step="1"]) + .content[data-step="0"] + .content[data-step="1"]:not([data-block]) .text {
    opacity: 0;
  }
  .home-gallery .swiper:not([data-step="1"]) + .content[data-step="0"] + .content[data-step="1"]:not([data-block]) + .content[data-step="1"][data-block=summer] .section-title {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
  .home-gallery .swiper:not([data-step="1"]) + .content[data-step="0"] + .content[data-step="1"]:not([data-block]) + .content[data-step="1"][data-block=summer] .text {
    opacity: 0;
  }
  .home-gallery .swiper:not([data-step="1"]) + .content[data-step="0"] + .content[data-step="1"]:not([data-block]) + .content[data-step="1"][data-block=summer] + .content[data-step="1"][data-block=winter] .section-title {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
  .home-gallery .swiper[data-step="1"]:not([data-block]) .swiper-bg1 svg.gallery-img1 {
    opacity: 0;
  }
  .home-gallery .swiper[data-step="1"]:not([data-block]) .swiper-bg1 svg.gallery-img2 {
    opacity: 1;
  }
  .home-gallery .swiper[data-step="1"][data-block=summer] .swiper-bg1 svg.gallery-img1 {
    opacity: 0;
  }
  .home-gallery .swiper[data-step="1"][data-block=summer] .swiper-bg1 svg.gallery-img2 {
    opacity: 1;
  }
  .home-gallery .swiper:not([data-step="2"]) + .content[data-step="0"] + .content[data-step="1"]:not([data-block]) + .content[data-step="1"][data-block=summer] + .content[data-step="1"][data-block=winter] + .content[data-step="2"] .section-title, .home-gallery .swiper:not([data-step="2"]) + .content[data-step="0"] + .content[data-step="1"]:not([data-block]) + .content[data-step="1"][data-block=summer] + .content[data-step="1"][data-block=winter] + .content[data-step="2"] .text {
    opacity: 0;
  }
  .home-gallery .swiper[data-step="2"] .swiper-bg1 svg.gallery-img1 {
    opacity: 0;
  }
  .home-gallery .swiper[data-step="2"] .swiper-bg1 svg.gallery-img2 path {
    -webkit-transform: translate3d(70%, 0, 0);
    transform: translate3d(70%, 0, 0);
  }
  .home-gallery .swiper[data-step="2"] .swiper-bg2 {
    -webkit-transition: 0.6s opacity 0.6s, 1.2s -webkit-transform;
    transition: 0.6s opacity 0.6s, 1.2s -webkit-transform;
    -o-transition: 0.6s opacity 0.6s, 1.2s -o-transform;
    transition: 1.2s transform, 0.6s opacity 0.6s;
    transition: 1.2s transform, 0.6s opacity 0.6s, 1.2s -webkit-transform, 1.2s -o-transform;
    opacity: 1;
  }
  .home-gallery .swiper[data-step="2"] .swiper-bg2 svg path {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .home-gallery .swiper:not([data-block=summer]) .home-gallery-block[data-id=summer] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  .home-gallery .swiper[data-block=summer] .home-gallery-block[data-id=summer] {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  .home-gallery .swiper[data-block=summer] + .content[data-step="0"] + .content[data-step="1"]:not([data-block]) .text {
    opacity: 0;
  }
  .home-gallery .swiper[data-block=summer] + .content[data-step="0"] + .content[data-step="1"] + .content[data-step="1"][data-block=summer] + .content[data-step="1"][data-block=winter] .section-title {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
  .home-gallery .swiper:not([data-block=winter]) .home-gallery-block[data-id=winter] {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
  }
  .home-gallery .swiper:not([data-block=winter]) .swiper-bg1 {
    -webkit-transition: 0.6s opacity, 1.2s -webkit-transform;
    transition: 0.6s opacity, 1.2s -webkit-transform;
    -o-transition: 0.6s opacity, 1.2s -o-transform;
    transition: 1.2s transform, 0.6s opacity;
    transition: 1.2s transform, 0.6s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
  }
  .home-gallery .swiper:not([data-block=winter]) {
    /*.swiper-bg2 {
    	transition: 1.2s transform, 0.6s opacity 0.6s;
    }*/
  }
  .home-gallery .swiper[data-block=winter] .home-gallery-block[data-id=winter] {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
  .home-gallery .swiper[data-block=winter] + .content[data-step="0"] + .content[data-step="1"] + .content[data-step="1"][data-block=summer] .section-title {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
  }
  .home-gallery .swiper[data-block=winter] + .content[data-step="0"] + .content[data-step="1"]:not([data-block]) .text {
    opacity: 0;
  }
  .home-gallery .swiper[data-block=winter] .swiper-bg1 {
    left: 73.8%;
    right: 0;
    opacity: 0;
  }
}

.home-news {
  background-color: #F5F5F5;
  padding: 8vh 0;
}
@media (max-width: 1024px) {
  .home-news {
    padding: 5vh 0;
  }
  .home-news:not([data-height=auto]) {
    height: auto;
  }
}
@media (min-width: 1025px) {
  .home-news:not(.animation-enter) .news-item {
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
  }
}
.home-news .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 3vh;
  height: 100%;
}
@media (max-width: 1024px) {
  .home-news .container {
    gap: 30px;
  }
}
.home-news .section-head {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-bottom: 2vh;
}
.home-news .section-head-column:last-child {
  width: 25vw;
}
.home-news .section-head-column:last-child img {
  display: block;
  width: 21vw;
  max-width: 38vh;
  height: auto;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .home-news .section-head {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) {
  .home-news .news-list {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    width: -webkit-calc(100% + 1vw);
    width: calc(100% + 1vw);
    margin: 0 -0.5vw;
  }
}
@media (max-width: 1024px) {
  .home-news .news-list {
    width: 100vw;
    margin: 0 -20px;
  }
}
@media (min-width: 1025px) {
  .home-news .news-list .swiper-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.home-news .news-list .swiper-button-prev,
.home-news .news-list .swiper-button-next {
  width: auto;
  height: 112vw;
  padding: 0 10px;
  top: 0;
  margin-top: 0;
}
.home-news .news-list .swiper-button-prev {
  left: 0;
}
.home-news .news-list .swiper-button-next {
  right: 0;
}
.home-news .news-list .swiper-slide:nth-child(1) .news-item .img:after {
  background-image: url(../img/ellipse2.svg);
  width: 14.7rem;
  height: 7.35rem;
  left: -7.35rem;
  bottom: 0;
}
.home-news .news-list .swiper-slide:nth-child(2) .news-item .img:after {
  background-image: url(../img/tick1.svg);
  width: 15rem;
  height: 7.5rem;
  left: -6.5rem;
  top: 8.5%;
}
.home-news .news-list .swiper-slide:nth-child(3) .news-item .img:after {
  background-image: url(../img/ellipse2.svg);
  width: 14.7rem;
  height: 7.35rem;
  right: -7.35rem;
  top: 8.5%;
}
.home-news .news-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 5vh;
  -webkit-transition: 0.6s -webkit-transform;
  transition: 0.6s -webkit-transform;
  -o-transition: 0.6s -o-transform;
  transition: 0.6s transform;
  transition: 0.6s transform, 0.6s -webkit-transform, 0.6s -o-transform;
}
@media (min-width: 1025px) {
  .home-news .news-item {
    width: -webkit-calc(100% - 1vw);
    width: calc(100% - 1vw);
    margin: 0 0.5vw;
  }
  .home-news .news-item:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  .home-news .news-item:nth-child(3) {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
}
@media (max-width: 1024px) {
  .home-news .news-item {
    gap: 40px;
    width: 100%;
  }
}
.home-news .news-item .img {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
@media (min-width: 1025px) {
  .home-news .news-item .img {
    max-height: 35vh;
  }
}
.home-news .news-item .img:before {
  content: "";
  display: block;
  padding-top: 65.6%;
}
@media (max-width: 1024px) {
  .home-news .news-item .img:before {
    padding-top: 112%;
  }
}
.home-news .news-item .img:after {
  content: "";
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  position: absolute;
  opacity: 0.7;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
.home-news .news-item .img div {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 0.3s -webkit-filter;
  transition: 0.3s -webkit-filter;
  -o-transition: 0.3s filter;
  transition: 0.3s filter;
  transition: 0.3s filter, 0.3s -webkit-filter;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
@media (max-width: 1024px) {
  .home-news .news-item .text {
    padding: 0 20px;
  }
}
@media (min-width: 1025px) {
  .home-news .news-item .text {
    min-height: 4.7rem;
  }
}
.home-news .news-item .text .date {
  margin-bottom: 0.4em;
  font-weight: 700;
  font-size: 1.05rem;
}
@media (max-width: 1024px) {
  .home-news .news-item .text .date {
    font-size: 1.1rem;
  }
}
.home-news .news-item .text .name {
  font-size: 1.25rem;
}
@media (max-width: 1024px) {
  .home-news .news-item .text .name {
    font-size: 1.3rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .home-news .news-item:hover:hover .img:after {
    opacity: 0;
  }
  .home-news .news-item:hover:hover .img div {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
  }
}
.home-news .news-link {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-transform: uppercase;
  font-weight: 700;
  color: #F1861C;
}

@media (max-width: 1024px) {
  .home-place {
    background-color: #F1861C;
    margin-bottom: -1px;
  }
  .home-place:not([data-height=auto]) {
    height: auto;
  }
}
@media (min-width: 1025px) {
  .home-place {
    padding-top: 13vh;
  }
  .home-place:not(.animation-enter) .img {
    -webkit-transform: translate3d(0, 5vh, 0);
    transform: translate3d(0, 5vh, 0);
  }
  .home-place:not(.animation-enter) .home-place-info .text {
    -webkit-transform: translate3d(0, 5vh, 0);
    transform: translate3d(0, 5vh, 0);
    opacity: 0;
  }
  .home-place.animation-enter .img img,
  .home-place.animation-enter .img video {
    -webkit-transform: translate3d(-3.9%, 0, 0);
    transform: translate3d(-3.9%, 0, 0);
  }
}
.home-place .container {
  padding-right: 0;
}
@media (max-width: 1024px) {
  .home-place .container {
    padding-top: 40px;
    padding-left: 0;
    position: relative;
  }
}
@media (min-width: 1025px) {
  .home-place .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 7%;
    height: 100%;
  }
}
@media (min-width: 1025px) {
  .home-place .section-title {
    white-space: nowrap;
  }
}
@media (max-width: 1024px) {
  .home-place .section-title {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 5em;
    padding: 0 20px;
    color: #fff;
  }
}
.home-place .texts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6vh;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 1024px) {
  .home-place .texts {
    gap: 43vw;
    width: 100%;
    position: relative;
    z-index: 2;
  }
}
.home-place .img {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  overflow: hidden;
  padding-bottom: 13vh;
  -webkit-transition: 1.2s -webkit-transform;
  transition: 1.2s -webkit-transform;
  -o-transition: 1.2s -o-transform;
  transition: 1.2s transform;
  transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}
@media (max-width: 1024px) {
  .home-place .img {
    border-radius: 0 0 50vw 50vw;
    padding-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
}
.home-place .img img,
.home-place .img video {
  display: block;
  width: 104%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 1.2s -webkit-transform;
  transition: 1.2s -webkit-transform;
  -o-transition: 1.2s -o-transform;
  transition: 1.2s transform;
  transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}
@media (max-width: 1024px) {
  .home-place .img img,
  .home-place .img video {
    width: 100%;
    height: -webkit-calc(40px + 4.6rem + 143vw);
    height: calc(40px + 4.6rem + 143vw);
  }
}
.home-place-info {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6vh;
  width: 23.4em;
  color: #fff;
  position: relative;
}
@media (max-width: 1024px) {
  .home-place-info {
    gap: 40px;
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .home-place-info:before {
    content: "";
    background-color: #F1861C;
    position: absolute;
    left: 0;
    right: 0;
    top: 11.7em;
    bottom: 0;
    z-index: -1;
  }
}
.home-place-info img {
  border-radius: 50%;
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 1025px) {
  .home-place-info img {
    border: 2.3em solid #fff;
  }
}
@media (max-width: 1024px) {
  .home-place-info img {
    width: 64%;
    margin: 70px auto;
  }
}
.home-place-info .text {
  padding: 0 1.4em 10vh 1.4em;
  -webkit-transition: 1.2s opacity, 1.2s -webkit-transform;
  transition: 1.2s opacity, 1.2s -webkit-transform;
  -o-transition: 1.2s opacity, 1.2s -o-transform;
  transition: 1.2s transform, 1.2s opacity;
  transition: 1.2s transform, 1.2s opacity, 1.2s -webkit-transform, 1.2s -o-transform;
}
@media (max-width: 1024px) {
  .home-place-info .text {
    padding: 0 20px 6vh 20px;
    text-transform: uppercase;
    font-weight: 700;
  }
}

.page-inner header {
  width: 100%;
}
@media (min-width: 1025px) {
  .page-inner .footer {
    padding-top: 6vh;
  }
}
@media (min-width: 1025px) {
  .page-inner .footer .logo {
    width: -webkit-calc(100% - 19rem);
    width: calc(100% - 19rem);
  }
}
.page-inner .footer__top-bg {
  display: none;
}
.page-inner .footer__top .container {
  padding-right: -webkit-calc(140 / 1920 * 100vw);
  padding-right: calc(140 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .page-inner .footer__top .container {
    padding-right: 20px;
  }
}
@media (min-width: 1025px) {
  .page-inner .footer__top .contacts {
    width: 19rem;
    height: 17rem;
    margin-bottom: -7rem;
    position: relative;
  }
  .page-inner .footer__top .contacts .address,
  .page-inner .footer__top .contacts .timetable {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    font-size: 0.8rem;
  }
  .page-inner .footer__top .contacts .timetable-holiday {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    font-size: 0.6rem;
  }
  .page-inner .footer__top .contacts .address span {
    display: block;
  }
  .page-inner .footer__top .contacts .address br {
    display: none;
  }
  .page-inner .footer__top .contacts .btn {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .page-inner .footer__top .contacts .phone {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    font-size: 1.5rem;
  }
}
@media (min-width: 1025px) {
  .page-inner .footer__top .social {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: -webkit-calc(38% - 6.5rem);
    width: calc(38% - 6.5rem);
    max-width: -webkit-calc(38% - 6.5rem);
    max-width: calc(38% - 6.5rem);
  }
  .page-inner .footer__top .social__link:nth-child(2) {
    margin-right: -webkit-calc(100% - 10rem);
    margin-right: calc(100% - 10rem);
  }
}
@media (min-width: 1025px) {
  .page-inner .footer__top .links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2em;
    width: -webkit-calc(50% + 6.5rem);
    width: calc(50% + 6.5rem);
    font-size: 0.7rem;
  }
}
@media (max-width: 1024px) {
  .page-inner .footer__top .links {
    display: none;
  }
}
@media (max-width: 1024px) {
  .page-inner .footer__top .address__note {
    width: -webkit-calc(100vw - 40px);
    width: calc(100vw - 40px);
  }
}
.page-inner .footer__top .address__note br {
  display: none;
}
@media (min-width: 1025px) {
  .page-inner .footer__top-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 0;
    width: 100%;
    height: 17rem;
  }
}
.page-inner .footer__bottom .container {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.page-inner .footer__bottom .container > div {
  width: auto;
}
.page-inner .footer__bottom .container > div:nth-child(1) {
  width: -webkit-calc(38% - 6.5rem);
  width: calc(38% - 6.5rem);
}
@media (max-width: 1024px) {
  .page-inner .footer__bottom .container > div:nth-child(1) {
    width: auto;
  }
}
.page-inner .footer__bottom .container > div:nth-child(2) {
  text-align: left;
}
.page-inner .footer__bottom .container > div:last-child {
  margin-left: auto;
}
.page-inner .popmechanic-js-container {
  position: relative;
}
@media (min-width: 1025px) {
  .page-inner .popmechanic-js-container {
    position: absolute;
    right: -webkit-calc(100% + 6vw);
    right: calc(100% + 6vw);
    top: 0.2rem;
  }
  .page-inner .popmechanic-js-container .popmechanic-reset {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.page-inner .popmechanic-js-container .popmechanic-reset {
  width: -webkit-calc(346 / 1920 * 100vw) !important;
  width: calc(346 / 1920 * 100vw) !important;
  max-width: -webkit-calc(346 / 1920 * 100vw) !important;
  max-width: calc(346 / 1920 * 100vw) !important;
}
@media (max-width: 1024px) {
  .page-inner .popmechanic-js-container .popmechanic-reset {
    width: -webkit-calc(100vw - 40px) !important;
    width: calc(100vw - 40px) !important;
    max-width: -webkit-calc(100vw - 40px) !important;
    max-width: calc(100vw - 40px) !important;
  }
}

.inner-main {
  padding: 9vh 0 4.5vh 0;
}
@media (max-width: 1024px) {
  .inner-main {
    padding: 81px 0 90px 0;
  }
}

.inner-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 8vh;
  padding-top: -webkit-calc(42 / 1920 * 100vw);
  padding-top: calc(42 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .inner-head {
    margin-bottom: 40px;
    padding-top: 1rem;
  }
}
.inner-head__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.inner-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
  position: relative;
}

.inner-breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6em;
  color: #F1861C;
}
.inner-breadcrumbs svg {
  width: 0.35em;
  height: auto;
}
.inner-breadcrumbs a, .inner-breadcrumbs span {
  white-space: nowrap;
}

.flats-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
@media (min-width: 1025px) {
  .flats-filter {
    gap: 1.6rem;
    margin-bottom: 8vh;
  }
}
@media (max-width: 1024px) {
  .flats-filter {
    gap: 0.9rem;
    margin-bottom: 40px;
  }
  .flats-filter[data-extended=false] .filter-fieldset[data-extended-m=true],
  .flats-filter[data-extended=false] .filter-field[data-extended-m=true] {
    display: none;
  }
  .flats-filter[data-extended=false] .filter-toggle {
    background-color: #F39538;
    border-bottom: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.7em;
    padding: 0 2.3em;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
  }
}
.flats-filter:before {
  content: "";
  background-color: #F9F9F9;
  position: absolute;
  z-index: -1;
}
@media (min-width: 1025px) {
  .flats-filter:before {
    left: -webkit-calc(-75 / 1920 * 100vw);
    left: calc(-75 / 1920 * 100vw);
    right: -webkit-calc(-75 / 1920 * 100vw);
    right: calc(-75 / 1920 * 100vw);
    top: -4vh;
    bottom: -4vh;
  }
}
@media (max-width: 1024px) {
  .flats-filter:before {
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
  }
}
.flats-filter .filter-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2.5rem;
}
@media (min-width: 1025px) {
  .flats-filter .filter-row:nth-child(2) .filter-switchers:not([data-size=square-large]),
  .flats-filter .filter-row:nth-child(2) .filter-select {
    margin: 0.25em 0;
  }
  .flats-filter .filter-row:nth-child(2) .filter-reset {
    margin: 0.75em 0;
  }
}
@media (max-width: 1024px) {
  .flats-filter .filter-row:not([data-reset=true]) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.9rem;
  }
  .flats-filter .filter-row[data-reset=true] {
    margin-top: 0.9rem;
  }
}
.flats-filter .filter-fieldset[data-double=true] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flats-filter .filter-fieldset[data-short=true] {
  min-width: auto;
}
.flats-filter .filter-fieldset:not([data-double=true]) .filter-field:not(:first-child):not([data-type=grand-flats]) {
  margin-top: 0.7rem;
}
@media (min-width: 1025px) {
  .flats-filter .filter-fieldset {
    min-width: 17%;
  }
  .flats-filter .filter-fieldset[data-double=true] {
    width: -webkit-calc(42% + 4rem);
    width: calc(42% + 4rem);
  }
  .flats-filter .filter-fieldset:first-child {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
@media (min-width: 1025px) {
  .flats-filter .filter-fieldset:nth-child(1) {
    min-width: 26.5%;
  }
}
@media (min-width: 1025px) {
  .flats-filter .filter-range {
    padding-top: 0.5rem;
  }
}
.flats-filter .filter-reset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.7em;
  font-size: 0.8rem;
  color: #F38E1C;
  cursor: pointer;
}
.flats-filter .filter-reset svg {
  width: 1.3em;
  height: auto;
}
@media (hover: hover) and (pointer: fine) {
  .flats-filter .filter-reset:hover {
    -webkit-transition: 0.3s color;
    -o-transition: 0.3s color;
    transition: 0.3s color;
  }
  .flats-filter .filter-reset:hover:hover {
    color: #858585;
  }
}
.flats-filter .filter-toggle {
  border-bottom: 1px solid #858585;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0.5ch;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 0.25em;
  font-size: 0.8rem;
  color: #858585;
  cursor: pointer;
}
.flats-filter .filter-toggle:before {
  content: "Развернуть";
}
@media (hover: hover) and (pointer: fine) {
  .flats-filter .filter-toggle:hover {
    -webkit-transition: 0.3s border-color;
    -o-transition: 0.3s border-color;
    transition: 0.3s border-color;
  }
  .flats-filter .filter-toggle:hover:hover {
    border-color: transparent;
  }
}
@media (max-width: 1024px) {
  .flats-filter .filter-toggle:before {
    content: "Еще фильтры";
  }
  .flats-filter .filter-toggle span {
    display: none;
  }
}
@media (min-width: 1025px) {
  .flats-filter[data-extended=true] .filter-row:last-child .filter-reset {
    display: none;
  }
}
.flats-filter[data-extended=true] .filter-toggle:before {
  content: "Скрыть";
}
@media (max-width: 1024px) {
  .flats-filter[data-extended=true] .filter-toggle:before {
    content: "Скрыть подробный фильтр";
  }
}
.flats-filter[data-extended=false] .filter-row[data-extended=true] {
  display: none;
}

.flats-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3.5vh;
}
@media (max-width: 1024px) {
  .flats-head {
    margin-bottom: 75px;
  }
}
.flats-head .flats-shown {
  text-transform: uppercase;
  font-weight: 700;
  color: #858585;
  display: none;
}

.flats-sort {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0.5ch;
  color: #F39538;
}
.flats-sort .sort-select .ui-selectmenu-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
  cursor: pointer;
}
.flats-sort .sort-select .ui-selectmenu-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flats-sort .sort-select .ui-selectmenu-icon {
  border: solid #F39538;
  border-width: 1px 0;
  width: 0.85em;
  height: 0.4em;
}

.flats-pdf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
  color: #F39538;
}
.flats-pdf span {
  padding-top: 0.2em;
}
.flats-pdf svg {
  display: block;
  width: 1em;
  height: auto;
}

.flats-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
}
.flats-view .view-link {
  color: #858585;
  cursor: pointer;
}
.flats-view .view-link svg {
  display: block;
  width: 1.5em;
  height: auto;
}
.flats-view .view-link[data-active=true] {
  color: #F39538;
}

.flats-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 3.5%;
  -moz-column-gap: 3.5%;
  column-gap: 3.5%;
  row-gap: 4vh;
  margin-bottom: 6vh;
}
@media (max-width: 1024px) {
  .flats-list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 40px;
  }
}
.flats-list .empty-note {
  text-align: center;
  margin: 0 auto;
}

.flats-item {
  background-color: #fff;
  border: 1px solid #F39538;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 31%;
  height: 27rem;
  padding: 1rem 1rem 2.2rem 1rem;
  cursor: pointer;
  /*@include nm {
  	order: 9;
  	&:nth-child(5),
  	&:nth-child(6),
  	&:nth-child(7) {
  		order: 1;
  	}
  	&:nth-child(8),
  	&:nth-child(9),
  	&:nth-child(10) {
  		order: 3;
  	}
  	&:nth-child(11),
  	&:nth-child(12),
  	&:nth-child(13) {
  		order: 5;
  	}
  	&:nth-child(14),
  	&:nth-child(15),
  	&:nth-child(16) {
  		order: 7;
  	}
  }*/
}
@media (max-width: 1024px) {
  .flats-item {
    width: 100%;
    max-width: 32em;
    padding: 1.1rem 1.6rem 2.2rem 1.6rem;
    /*&:nth-child(5) {
    	order: 1;
    }
    &:nth-child(6) {
    	order: 3;
    }
    &:nth-child(7) {
    	order: 5;
    }
    &:nth-child(8) {
    	order: 7;
    }*/
  }
}
.flats-item .item-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6em;
  color: #F39538;
}
.flats-item .item-top svg {
  display: block;
  width: auto;
  height: 1em;
}
.flats-item .item-plan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 90%;
  height: 15em;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .flats-item .item-plan {
    width: 100%;
  }
}
.flats-item .item-plan img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.flats-item .item-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1em;
  width: 90%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .flats-item .item-info {
    width: 100%;
  }
}
.flats-item .item-info > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flats-item .item-info-main {
  width: 100%;
}
.flats-item .item-info-main > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flats-item .item-rooms-square {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9rem;
}
.flats-item .item-floor-building {
  gap: 2em;
  font-size: 0.7rem;
}
.flats-item .item-floor-building > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 0.5ch;
}
.flats-item .item-floor-building > span > span:nth-child(2) {
  font-weight: 700;
  color: #BCBCBC;
}
.flats-item .item-prices {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  gap: 0.7rem;
  width: 100%;
}
.flats-item .item-prices > span.current-price {
  font-weight: 700;
  font-size: 1.15rem;
  color: #F39538;
}
.flats-item .item-prices > span.old-price {
  font-size: 0.7rem;
  position: relative;
}
.flats-item .item-prices > span.old-price:before {
  content: "";
  border-top: 1px solid;
  position: absolute;
  left: -0.25ch;
  right: -0.25ch;
  top: 40%;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.flats-item .item-prices > span.note {
  margin-bottom: 0.2rem;
  font-size: 0.5rem;
  position: relative;
}
.flats-item .item-prices > span.note:before {
  content: "?";
  background-color: #F1861C;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.7em;
  height: 1.7em;
  padding-top: 0.2em;
  color: #fff;
}
.flats-item .item-prices > span.note .tip {
  background-color: #fff;
  width: 15em;
  padding: 0.7em 0.5em 0.5em 0.5em;
  position: absolute;
  left: 100%;
  bottom: 100%;
  color: #2C3842;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  -o-transition: 0.3s -o-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform, 0.3s -o-transform;
  font-size: 0.8rem;
}
@media (max-width: 1024px) {
  .flats-item .item-prices > span.note .tip {
    left: auto;
    right: 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    font-size: 0.8rem;
  }
}
.flats-item .item-prices > span.note:hover .tip {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.flats-item .item-viewed {
  margin-left: 5%;
  margin-right: auto;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9rem;
  color: #2C3842;
}
@media (max-width: 1024px) {
  .flats-item .item-viewed {
    margin-left: 0;
  }
}
.flats-item[data-viewed=true] {
  border-color: #808080;
}
.flats-item[data-viewed=true] .item-top {
  color: #808080;
}
.flats-item[data-viewed=true] .item-plan {
  opacity: 0.3;
}
.flats-item[data-viewed=true] .item-prices > span.current-price {
  color: #808080;
}
.flats-item[data-viewed=true] .item-prices > span.note:before {
  background-color: #808080;
}
.flats-item:not([data-fav=true]) .item-fav svg {
  fill-opacity: 0;
}
.flats-item.flats-item_booked {
  background: rgba(0, 0, 0, 0.1);
}
.flats-item.flats-item_booked .item-top {
  visibility: hidden;
}
.flats-item.flats-item_booked .item-plan {
  opacity: 0.3;
}
.flats-item.flats-item_booked .item-prices {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.flats-item.flats-item_booked .item-prices > span.current-price {
  color: #808080;
}
.flats-item.flats-item_booked .item-booked {
  font-weight: 700;
  font-size: 1.15rem;
  color: #808080;
}
@media (hover: hover) and (pointer: fine) {
  .flats-item:hover {
    -webkit-transition: 0.3s background-color, 0.3s color;
    -o-transition: 0.3s background-color, 0.3s color;
    transition: 0.3s background-color, 0.3s color;
  }
  .flats-item:hover .item-top,
  .flats-item:hover .item-prices span,
  .flats-item:hover .item-floor-building span,
  .flats-item:hover .item-booked,
  .flats-item:hover .item-viewed {
    -webkit-transition: 0.3s color;
    -o-transition: 0.3s color;
    transition: 0.3s color;
  }
  .flats-item:hover:hover {
    background-color: #F39538;
  }
  .flats-item:hover:hover,
  .flats-item:hover:hover .item-top,
  .flats-item:hover:hover .item-prices span:not(.tip),
  .flats-item:hover:hover .item-floor-building span,
  .flats-item:hover:hover .item-booked,
  .flats-item:hover:hover .item-viewed {
    color: #fff;
  }
  .flats-item:hover:hover .item-prices .note:before {
    background-color: #fff;
    color: #F1861C;
  }
}

.flats-banner {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4%;
  width: 100%;
  min-height: 11.6rem;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 700;
  font-size: 1.5rem;
  color: #fff;
}
.flats-banner_1 {
  background: #F1861C url(../img/flats/banner1.webp) 100% 50% no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
@media (max-width: 630px) {
  .flats-banner_1 {
    background-position: 28vw 50%;
  }
}
.flats-banner_2 {
  background: #F1861C url(../img/flats/banner2.webp) 100% 50% no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
@media (max-width: 630px) {
  .flats-banner_2 {
    background-position: 28vw 50%;
  }
}
.flats-banner_3 {
  background: #F1861C url(../img/flats/banner3.webp) 100% 50% no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
@media (max-width: 630px) {
  .flats-banner_3 {
    background-position: 28vw 50%;
  }
}
.flats-banner_4 {
  background: #F1861C url(../img/flats/banner4.webp) 100% 50% no-repeat;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
}
@media (max-width: 630px) {
  .flats-banner_4 {
    background-position: 28vw 50%;
  }
}
@media (max-width: 1024px) {
  .flats-banner {
    gap: 0;
    min-height: 4.8rem;
    font-size: 0.9rem;
  }
}
.flats-banner div {
  padding: 2rem;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
@media (max-width: 1024px) {
  .flats-banner div {
    padding: 0.8rem;
  }
}
.flats-banner big {
  display: block;
  font-size: 3.2rem;
}
@media (max-width: 1024px) {
  .flats-banner big {
    font-size: 1.5rem;
  }
}
.flats-banner:after {
  content: "";
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  display: block;
  max-width: 58.5rem;
}
@media (max-width: 1024px) {
  .flats-banner:after {
    max-width: 24.2rem;
  }
}

.flats-foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-transform: uppercase;
  font-weight: 700;
}
@media (min-width: 1025px) {
  .flats-foot > div, .flats-foot:after {
    width: 30%;
  }
}
.flats-foot:after {
  content: "";
}
.flats-foot .flats-shown,
.flats-foot .flats-more {
  display: none;
}
.flats-foot .flats-shown {
  color: #BCBCBC;
}
.flats-foot .flats-more {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 0.35em;
  margin-bottom: -0.35em;
  color: #F1861C;
  position: relative;
  cursor: pointer;
}
.flats-foot .flats-more:after {
  content: "";
  border-color: #F1861C transparent transparent transparent;
  border-width: 0.35em 0.5em 0 0.5em;
  border-style: solid;
  width: 0;
  height: 0;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}

.flats-scheme__stage {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.73vw;
  color: #858585;
  font-family: Evolventa;
  font-size: 1.09vw;
  font-style: normal;
  font-weight: 400;
  left: 0;
  top: 0;
  line-height: normal;
}
.flats-scheme__stage a {
  border: 2px solid #2C3842;
  width: 2.6vw;
  text-decoration: none;
  height: 2.6vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #333;
  text-align: center;
  font-family: Evolventa;
  font-size: 1.04vw;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  line-height: normal;
}
.flats-scheme__stage a.active {
  border-color: #F38E1C;
}
.flats-scheme__stage > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.63vw;
}

.flats-scheme__left {
  position: relative;
}

@media (max-width: 1024px) {
  .page-flat .inner-head {
    gap: 0;
  }
}
.page-flat .inner-breadcrumbs {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 24em;
}

.flat-links {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6em;
  max-width: 16rem;
  color: #F39538;
}
.flat-links svg {
  display: block;
  width: auto;
  height: 1.2em;
}
@media (max-width: 1024px) {
  .flat-links svg {
    height: 1.5em;
  }
}
.flat-links .flat-fav {
  cursor: pointer;
}
.flat-links .flat-fav:not([data-active=true]) svg {
  fill-opacity: 0;
}
@media (max-width: 1024px) {
  .flat-links {
    gap: 0.75em;
    position: absolute;
    right: 0;
    top: -webkit-calc(465px + 22rem);
    top: calc(465px + 22rem);
    z-index: 3;
  }
}

.flat-tabs-switchers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.7em;
  margin-bottom: -0.4em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.7rem;
}
@media (max-width: 1280px) {
  .flat-tabs-switchers {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 1.8rem auto 0 auto;
  }
}
@media (max-width: 1024px) {
  .flat-tabs-switchers {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.1em;
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 20px 5px 20px;
    font-size: 0.9rem;
    position: absolute;
    left: 0;
    right: 0;
    top: -webkit-calc(75px + 19rem);
    top: calc(75px + 19rem);
    margin: 0 -20px;
    z-index: 2;
  }
}

.flat-tabs-switcher {
  border-bottom: 1px solid transparent;
  padding-bottom: 0.4em;
  white-space: nowrap;
}
.flat-tabs-switcher:not([data-active=true]) {
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .flat-tabs-switcher:not([data-active=true]):hover {
    -webkit-transition: 0.3s border-color;
    -o-transition: 0.3s border-color;
    transition: 0.3s border-color;
  }
  .flat-tabs-switcher:not([data-active=true]):hover:hover {
    border-color: #2C3842;
  }
}
.flat-tabs-switcher[data-active=true] {
  border-color: #F1861C;
  color: #F1861C;
}
.flat-tabs-switcher[data-type]:not([data-visible=true]) {
  display: none;
}

#flat-3d-plan {
  width: 100%;
  height: 100%;
}

@media (min-width: 1025px) {
  #flat-3d-popup {
    margin-top: -3vh;
    margin-bottom: -webkit-calc(-70 / 1080 * 100vh);
    margin-bottom: calc(-70 / 1080 * 100vh);
    height: -webkit-calc(100% + 3vh + 6.4814814815vh) !important;
    height: calc(100% + 3vh + 6.4814814815vh) !important;
  }
}
@media (max-width: 1024px) {
  #flat-3d-popup {
    margin-top: -35px;
    margin-bottom: -50px;
    height: -webkit-calc(100% + 35px) !important;
    height: calc(100% + 35px) !important;
  }
}

.flat-about {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: -3vh;
  padding-bottom: 13vh;
}
@media (max-width: 1024px) {
  .flat-about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0;
    padding-bottom: 0;
    position: relative;
  }
}

.flat-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 1025px) {
  .flat-info {
    width: 20%;
    max-width: 17rem;
  }
}

.flat-param {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
  padding: 0.7em 0;
  font-size: 0.9rem;
}
@media (max-width: 1024px) {
  .flat-param {
    padding: 0.9em 0 0.8em 0;
    font-size: 1rem;
  }
  .flat-param[data-price] {
    padding-top: 0;
    margin-top: 580px;
  }
}
.flat-param .label {
  margin-right: auto;
}
@media (max-width: 1024px) {
  .flat-param .label {
    font-size: 1.1rem;
  }
}
.flat-param .note {
  margin-bottom: 0.2rem;
  font-size: 0.5rem;
  position: relative;
}
.flat-param .note:before {
  content: "?";
  background-color: #F1861C;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.7em;
  height: 1.7em;
  padding-top: 0.2em;
  color: #fff;
}
.flat-param .note .tip {
  background-color: #fff;
  width: 15em;
  padding: 0.7em 0.5em 0.5em 0.5em;
  position: absolute;
  left: 100%;
  bottom: 100%;
  color: #2C3842;
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  -o-transition: 0.3s -o-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform, 0.3s -o-transform;
  font-size: 0.8rem;
}
@media (max-width: 1024px) {
  .flat-param .note .tip {
    left: auto;
    right: 100%;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    font-size: 0.8rem;
  }
}
.flat-param .note:hover .tip {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.flat-param .values {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
}
@media (max-width: 1024px) {
  .flat-param .values {
    -webkit-column-gap: 1.1em;
    -moz-column-gap: 1.1em;
    column-gap: 1.1em;
  }
}
.flat-param .value {
  text-align: right;
  color: #969696;
}
.flat-param .value[data-price] {
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .flat-param .value[data-price] {
    font-size: 1.1rem;
  }
}
.flat-param .value[data-price=new] {
  font-weight: 700;
  color: #F39538;
}
.flat-param .value[data-price=old] {
  font-size: 0.7rem;
  position: relative;
}
.flat-param .value[data-price=old]:before {
  content: "";
  border-top: 1px solid;
  position: absolute;
  left: -0.25ch;
  right: -0.25ch;
  top: 40%;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.flat-param:not(:last-child) {
  border-bottom: 1px solid;
}

.flat-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.65rem;
}
@media (max-width: 1024px) {
  .flat-buttons {
    gap: 0.8rem;
  }
}

.flat-book-btn,
.flat-calc-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.9em;
  padding-top: 0.2em;
  text-transform: uppercase;
  font-weight: 700;
}

.flat-book-btn {
  background-color: #BCBCBC;
  font-size: 1.1rem;
  color: #fff;
}
@media (max-width: 1024px) {
  .flat-book-btn {
    font-size: 1.3rem;
  }
}
.flat-book-btn[data-popup-open], .flat-book-btn.booking-start-btn {
  background-color: #F1861C;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .flat-book-btn[data-popup-open]:hover, .flat-book-btn.booking-start-btn:hover {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
  }
  .flat-book-btn[data-popup-open]:hover:hover, .flat-book-btn.booking-start-btn:hover:hover {
    opacity: 0.8;
  }
}

.flat-calc-btn {
  border: 1px solid;
  font-size: 0.7rem;
  color: #F1861C;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .flat-calc-btn {
    font-size: 0.8rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .flat-calc-btn:hover {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
  }
  .flat-calc-btn:hover:hover {
    opacity: 0.8;
  }
}

.flat-share {
  gap: 0.5rem;
}
.flat-share,
.flat-share a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flat-share a {
  width: 1.4rem;
  height: 1.4rem;
}
.flat-share a svg {
  height: auto;
}
.flat-share a.flat-share-vk, .flat-share a.flat-share-wa, .flat-share a.flat-share-tg {
  color: #BCBCBC;
}
.flat-share a.flat-share-vk svg, .flat-share a.flat-share-wa svg, .flat-share a.flat-share-tg svg {
  width: 100%;
}
.flat-share a.flat-share-eml, .flat-share a.flat-share-copy {
  border-radius: 50%;
  background-color: #BCBCBC;
}
.flat-share a.flat-share-eml svg, .flat-share a.flat-share-copy svg {
  width: 50%;
}
@media (hover: hover) and (pointer: fine) {
  .flat-share a:hover {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
  }
  .flat-share a:hover:hover {
    opacity: 0.8;
  }
}
@media (max-width: 1024px) {
  .flat-share a {
    width: 1.7rem;
    height: 1.7rem;
  }
}

.flat-tabs {
  position: relative;
}
@media (min-width: 1025px) {
  .flat-tabs {
    width: -webkit-calc(30% + 5.2rem);
    width: calc(30% + 5.2rem);
    padding: 0 2.6rem;
  }
}
@media (max-width: 1024px) {
  .flat-tabs {
    width: 100%;
    height: 250px;
    padding: 0 2rem;
    position: absolute;
    left: 0;
    top: -webkit-calc(115px + 20.5rem);
    top: calc(115px + 20.5rem);
  }
}

.flat-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
.flat-tab img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: 24.5rem;
}
.flat-tab img[data-popup-open=flat-images-popup] {
  cursor: pointer;
}
@media (max-width: 1024px) {
  .flat-tab img {
    width: 80%;
    height: 100%;
  }
}
.flat-tab:not([data-active=true]) {
  display: none;
}

.flat-zoom {
  background: url(../img/zoom-in.svg) 50% 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width: 2.6rem;
  height: 2.6rem;
  position: absolute;
  left: 0;
  bottom: 0;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .flat-zoom {
    width: 2rem;
    height: 2rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .flat-zoom:hover {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
  }
  .flat-zoom:hover:hover {
    opacity: 0.8;
  }
}

.flat-schemes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 1025px) {
  .flat-schemes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 10.5%;
    max-width: 9rem;
  }
}
@media (max-width: 1024px) {
  .flat-schemes {
    width: 100%;
    position: absolute;
    left: 0;
    top: -webkit-calc(425px + 20.5rem);
    top: calc(425px + 20.5rem);
  }
}

.flat-rose {
  width: 4rem;
  height: auto;
}
@media (max-width: 1024px) {
  .flat-rose {
    width: 4.8rem;
  }
}

.flat-building {
  width: 100%;
  height: auto;
}

.flat-gallery {
  padding-top: 12vh;
  padding-bottom: 13vh;
}
@media (max-width: 1024px) {
  .flat-gallery {
    padding-top: 80px;
    padding-bottom: -webkit-calc(1rem + 3px);
    padding-bottom: calc(1rem + 3px);
  }
}
@media (max-width: 1024px) {
  .flat-gallery .gallery-slider {
    margin: 0 -20px;
  }
}
.flat-gallery .gallery-slider.swiper {
  height: 73vh;
  overflow: visible;
}
@media (max-width: 1024px) {
  .flat-gallery .gallery-slider.swiper {
    width: 100vw;
    height: 57vw;
  }
}
.flat-gallery .gallery-slider.swiper .swiper-horizontal > .swiper-pagination-bullets,
.flat-gallery .gallery-slider.swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
  position: relative;
  bottom: auto;
  margin-top: 6.5vh;
}
@media (max-width: 1024px) {
  .flat-gallery .gallery-slider.swiper .swiper-horizontal > .swiper-pagination-bullets,
  .flat-gallery .gallery-slider.swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    margin-top: 1rem;
  }
}
.flat-gallery .gallery-slider.swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.flat-gallery .gallery-slider.swiper .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
  background: #293138;
}
.flat-gallery .gallery-slider.swiper .swiper-slide .bg {
  -o-object-fit: contain;
  object-fit: contain;
}
.flat-gallery .gallery-slider .swiper-button-prev {
  margin-left: -webkit-calc(-140 / 1920 * 100vw);
  margin-left: calc(-140 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .flat-gallery .gallery-slider .swiper-button-prev {
    margin-left: 0;
  }
}
.flat-gallery .gallery-slider .swiper-button-next {
  margin-right: -webkit-calc(-140 / 1920 * 100vw);
  margin-right: calc(-140 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .flat-gallery .gallery-slider .swiper-button-next {
    margin-right: 0;
  }
}
@media (min-width: 1025px) {
  .flat-gallery .gallery-slider .swiper-button-prev:after,
  .flat-gallery .gallery-slider .swiper-button-next:after {
    background-image: url(../img/arrow-next-dark.svg);
  }
}

.flat-mortgage {
  padding-top: 12vh;
  padding-bottom: 13vh;
}
@media (max-width: 1024px) {
  .flat-mortgage {
    padding-top: 80px;
    padding-bottom: 0;
  }
}
.flat-mortgage .section-head {
  margin-bottom: 11vh;
}
@media (max-width: 1024px) {
  .flat-mortgage .section-head {
    margin-bottom: 40px;
  }
}
.flat-mortgage-columns {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 8%;
}
@media (max-width: 1024px) {
  .flat-mortgage-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}
@media (min-width: 1025px) {
  .flat-mortgage-column:nth-child(1) {
    width: 34%;
    max-width: 28rem;
  }
  .flat-mortgage-column:nth-child(2) {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
  }
}
.flat-mortgage-filter {
  max-width: 20rem;
  margin-bottom: 5rem;
}
@media (max-width: 1024px) {
  .flat-mortgage-filter {
    max-width: 100%;
    margin: 0 auto 2rem auto;
  }
}
.flat-mortgage-filter .filter-label {
  margin-bottom: 2em;
  text-transform: uppercase;
  font-size: 0.7rem;
}
@media (max-width: 1024px) {
  .flat-mortgage-filter .filter-label {
    margin-bottom: 0.4em;
    font-size: 0.9rem;
  }
}
.flat-mortgage-filter .filter-field:not(:last-child) {
  margin-bottom: 2.5rem;
}
@media (max-width: 1024px) {
  .flat-mortgage-filter .filter-field:not(:last-child) {
    margin-bottom: 1.7rem;
  }
}
.flat-mortgage-filter .filter-range[data-name=initial] .filter-range-input[data-type=min] {
  margin-left: auto;
  visibility: hidden;
}
.flat-mortgage-filter .filter-range[data-name=initial] .filter-range-input[data-type=min] .value {
  font-size: 80%;
}
.flat-mortgage-filter .filter-range-input {
  padding-bottom: 0.5em;
}
@media (max-width: 1024px) {
  .flat-mortgage-filter .filter-range-input {
    padding-bottom: 0.3em;
  }
}
@media (max-width: 1024px) {
  .flat-mortgage-filter .filter-select .ui-selectmenu-button {
    padding-top: 0;
  }
}
.flat-mortgage-note {
  font-size: 0.7rem;
  color: #969696;
}
@media (max-width: 1024px) {
  .flat-mortgage-note {
    margin-top: 40px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .flat-mortgage-list {
    max-height: -webkit-calc(30.6rem + 2px);
    max-height: calc(30.6rem + 2px);
    overflow: auto;
    padding-right: 10px;
  }
  .flat-mortgage-list::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
  }
  .flat-mortgage-list::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}
@media (max-width: 1024px) {
  .flat-mortgage-list {
    background-color: #f9f9f9;
    margin: 0 -20px;
  }
  .flat-mortgage-list .swiper.gallery-slider {
    height: auto;
  }
  .flat-mortgage-list .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets,
  .flat-mortgage-list .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    gap: 0;
    width: auto;
    left: 20px;
    right: 20px;
    bottom: 0.6rem;
  }
  .flat-mortgage-list .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .flat-mortgage-list .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: #2C3842;
    width: auto;
    height: 0.5rem;
  }
  .flat-mortgage-list .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
  .flat-mortgage-list .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    height: 1px;
  }
  .flat-mortgage-list .swiper-button-prev:after,
  .flat-mortgage-list .swiper-button-next:after {
    width: 0.5rem;
    height: 1.2rem;
    background-image: url(../img/arrow-next-dark.svg);
  }
}
.flat-mortgage-list .empty-note {
  text-align: center;
}
.flat-mortgage-item {
  border: 1px solid #2C3842;
  background-color: #f9f9f9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  padding: 1rem 0.7rem;
  font-size: 0.9rem;
  position: relative;
}
.flat-mortgage-item:not(:first-child) {
  margin-top: -1px;
}
@media (hover: hover) and (pointer: fine) {
  .flat-mortgage-item:hover {
    -webkit-transition: 0.3s background-color, 0.3s border-color;
    -o-transition: 0.3s background-color, 0.3s border-color;
    transition: 0.3s background-color, 0.3s border-color;
  }
  .flat-mortgage-item:hover:hover {
    background-color: #fff;
    border-color: #F1861C;
    z-index: 2;
  }
}
@media (max-width: 1024px) {
  .flat-mortgage-item {
    border: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.7rem;
    padding: 0.5rem 30px 1rem 30px;
    font-size: 1rem;
  }
}
.flat-mortgage-item .item-cell {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flat-mortgage-item .item-cell:nth-child(1) {
  width: 4.3rem;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flat-mortgage-item .item-cell:nth-child(1) img {
  display: block;
  max-width: 100%;
  max-height: 2rem;
  mix-blend-mode: multiply;
}
@media (max-width: 1024px) {
  .flat-mortgage-item .item-cell:nth-child(1) {
    width: 4.2rem;
    margin-bottom: 0.2em;
  }
}
.flat-mortgage-item .item-cell:nth-child(2) {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  max-width: -webkit-calc(100% - 26.5rem);
  max-width: calc(100% - 26.5rem);
}
@media (max-width: 1024px) {
  .flat-mortgage-item .item-cell:nth-child(2) {
    width: -webkit-calc(100% - 4.9rem);
    width: calc(100% - 4.9rem);
    max-width: -webkit-calc(100% - 4.9rem);
    max-width: calc(100% - 4.9rem);
    margin-bottom: 0.2em;
    font-size: 0.8rem;
  }
}
.flat-mortgage-item .item-cell:nth-child(3) {
  width: 3.5rem;
}
@media (max-width: 1024px) {
  .flat-mortgage-item .item-cell:nth-child(3) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
  }
  .flat-mortgage-item .item-cell:nth-child(3) .label {
    text-transform: lowercase;
  }
  .flat-mortgage-item .item-cell:nth-child(3) .value {
    font-weight: 700;
  }
}
.flat-mortgage-item .item-cell:nth-child(4) {
  width: 3.2rem;
}
@media (max-width: 1024px) {
  .flat-mortgage-item .item-cell:nth-child(4) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
  }
  .flat-mortgage-item .item-cell:nth-child(4) .label {
    text-transform: lowercase;
  }
  .flat-mortgage-item .item-cell:nth-child(4) .value {
    font-weight: 700;
  }
}
.flat-mortgage-item .item-cell:nth-child(5) {
  width: 7.5rem;
}
@media (max-width: 1024px) {
  .flat-mortgage-item .item-cell:nth-child(5) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: -10.9rem;
    margin-left: auto;
  }
  .flat-mortgage-item .item-cell:nth-child(5) .label {
    text-transform: lowercase;
  }
  .flat-mortgage-item .item-cell:nth-child(5) .value {
    font-weight: 700;
    font-size: 1.3rem;
    color: #F39538;
  }
  .flat-mortgage-item .item-cell:nth-child(5):last-child {
    margin-top: -8rem;
  }
}
.flat-mortgage-item .item-cell:nth-child(6) {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 6.5rem;
}
@media (max-width: 1024px) {
  .flat-mortgage-item .item-cell:nth-child(6) {
    width: 100%;
    margin-top: -4.5rem;
    text-transform: lowercase;
  }
}
.flat-mortgage-item .item-cell > *:not(:last-child) {
  margin-bottom: 0.2rem;
}
.flat-mortgage-item .item-cell .label,
.flat-mortgage-item .item-cell .pdf-link,
.flat-mortgage-item .item-cell .request-link {
  color: #858585;
}
@media (hover: hover) and (pointer: fine) {
  .flat-mortgage-item .item-cell a.label:hover,
  .flat-mortgage-item .item-cell .request-link:hover,
  .flat-mortgage-item .item-cell .pdf-link:hover {
    -webkit-transition: 0.3s color;
    -o-transition: 0.3s color;
    transition: 0.3s color;
  }
  .flat-mortgage-item .item-cell a.label:hover:hover,
  .flat-mortgage-item .item-cell .request-link:hover:hover,
  .flat-mortgage-item .item-cell .pdf-link:hover:hover {
    color: #F1861C;
  }
}
@media (min-width: 1025px) {
  .flat-mortgage-item .item-cell a.label:not(:hover) {
    text-decoration: underline;
  }
}
@media (max-width: 1024px) {
  .flat-mortgage-item .item-cell .pdf-link {
    text-decoration: underline;
  }
}
@media (min-width: 1025px) {
  .flat-mortgage-head {
    padding-right: 10px;
  }
}
.flat-mortgage-head .flat-mortgage-item {
  width: 100%;
  border: none;
}
@media (min-width: 1025px) {
  .flat-mortgage-head .flat-mortgage-item {
    padding: 0 0.7rem;
  }
}
.flat-mortgage-head .item-cell {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.8rem;
  height: 1.9rem;
  color: #858585;
}
@media (max-width: 1024px) {
  .flat-mortgage-head .item-cell {
    font-size: 12px;
    text-align: center;
  }
}
.flat-mortgage-head .item-cell:nth-child(1) {
  width: 8rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 1024px) {
  .flat-mortgage-head .item-cell:nth-child(1) {
    width: 11%;
  }
}
.flat-mortgage-head .item-cell:nth-child(2) {
  width: 9.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  max-width: -webkit-calc(100% - 26.5rem);
  max-width: calc(100% - 26.5rem);
}
.flat-mortgage-head .item-cell:nth-child(3) {
  width: 6rem;
}
@media (max-width: 1024px) {
  .flat-mortgage-head .item-cell:nth-child(3) {
    width: 19%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.flat-mortgage-head .item-cell:nth-child(4) {
  width: 8rem;
}
@media (max-width: 1024px) {
  .flat-mortgage-head .item-cell:nth-child(4) {
    width: 15%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.flat-mortgage-head .item-cell:nth-child(5) {
  width: 7rem;
}
@media (max-width: 1024px) {
  .flat-mortgage-head .item-cell:nth-child(5) {
    width: 26%;
    margin-top: 0 !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (max-width: 1024px) {
  .flat-mortgage-head .item-cell:nth-child(6) {
    width: 30%;
    margin-top: 0 !important;
  }
}
.flat-mortgage-head .item-cell > *:not(:last-child) {
  margin-bottom: 0.2rem;
}
.flat-mortgage-foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.flat-mortgage-more {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.9rem;
  color: #858585;
  margin-top: 0.5rem;
  position: relative;
  cursor: pointer;
  display: none;
}
@media (max-width: 1024px) {
  .flat-mortgage-more {
    margin-top: 1rem;
  }
}
.flat-mortgage-more:after {
  content: "";
  border-color: #858585 transparent transparent transparent;
  border-width: 0.35rem 0.5rem 0 0.5rem;
  border-style: solid;
  width: 0;
  height: 0;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}

.flat-similar {
  padding-top: 12vh;
  padding-bottom: 17vh;
}
@media (max-width: 1024px) {
  .flat-similar {
    padding-top: 80px;
    padding-bottom: 0;
  }
}
.flat-similar .section-head {
  margin-bottom: 8.5vh;
}
@media (max-width: 1024px) {
  .flat-similar .section-head {
    margin-bottom: 40px;
  }
}
.flat-similar-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 2.5rem;
}
@media (max-width: 1024px) {
  .flat-similar-columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 50px;
  }
}
@media (min-width: 1025px) {
  .flat-similar-column:nth-child(2) {
    width: 43%;
    max-width: 35em;
  }
}
.flat-similar-tabs-switchers {
  overflow: auto;
  padding-right: 10px;
}
@media (min-width: 1025px) {
  .flat-similar-tabs-switchers {
    max-height: -webkit-calc(25.8rem + 2px);
    max-height: calc(25.8rem + 2px);
    padding-bottom: 1px;
  }
  .flat-similar-tabs-switchers::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
  }
  .flat-similar-tabs-switchers::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}
@media (max-width: 1024px) {
  .flat-similar-tabs-switchers {
    max-height: 318.8px;
  }
}
.flat-similar-tabs-switcher {
  border: 1px solid #2C3842;
  background-color: #f9f9f9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1rem;
  padding: 2.5rem 5rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s background-color, 0.3s border-color, 0.3s z-index;
  -o-transition: 0.3s background-color, 0.3s border-color, 0.3s z-index;
  transition: 0.3s background-color, 0.3s border-color, 0.3s z-index;
}
.flat-similar-tabs-switcher:not(:first-child) {
  margin-top: -1px;
}
.flat-similar-tabs-switcher[data-active=true] {
  background-color: #fff;
  border-color: #F1861C;
  z-index: 2;
}
@media (hover: hover) and (pointer: fine) {
  .flat-similar-tabs-switcher:hover:hover {
    background-color: #fff;
    border-color: #F1861C;
    z-index: 2;
  }
}
@media (max-width: 1024px) {
  .flat-similar-tabs-switcher {
    padding: 1.5rem 3rem;
  }
}
.flat-similar-tab {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}
.flat-similar-tab:not([data-active=true]) {
  display: none;
}
@media (max-width: 1024px) {
  .flat-similar-tab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 40px;
  }
}
.flat-similar-img {
  width: 26em;
  height: 26em;
}
.flat-similar-img img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 0 0;
  object-position: 0 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .flat-similar-img img {
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    width: 16em;
    height: 16em;
    margin: 0 auto;
  }
}
@media (max-width: 1024px) {
  .flat-similar-img {
    width: 100%;
    height: 100%;
    position: relative;
  }
}
.flat-similar-prev, .flat-similar-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 70px;
  height: 100%;
  position: absolute;
  top: 0;
}
.flat-similar-prev:before, .flat-similar-next:before {
  content: "";
  background: url(../img/arrow-next-dark.svg) no-repeat center/contain;
  width: 1rem;
  height: 2rem;
}
.flat-similar-prev {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  left: 0;
}
.flat-similar-prev:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.flat-similar-next {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  right: 0;
}
.flat-similar-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 1024px) {
  .flat-similar-info {
    gap: 0.6rem;
  }
}
.flat-similar-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.7rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 1024px) {
  .flat-similar-title {
    font-size: 1.25rem;
    margin-bottom: 0;
  }
}
.flat-similar-params {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 1024px) {
  .flat-similar-params {
    gap: 0.6rem;
  }
}
.flat-similar-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.7rem;
}
@media (max-width: 1024px) {
  .flat-similar-buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 55px;
  }
}
.flat-similar-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.7rem;
  color: #F39538;
}
.flat-similar-links svg {
  display: block;
  width: auto;
  height: 1.4em;
}
.flat-similar-links .flat-fav {
  cursor: pointer;
}
.flat-similar-links .flat-fav:not([data-active=true]) svg {
  fill-opacity: 0;
}
.flat-similar-book-btn {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3em;
  padding: 0.2em 3.5em 0 3.5em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.7rem;
  color: #fff;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .flat-similar-book-btn:hover {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
  }
  .flat-similar-book-btn:hover:hover {
    opacity: 0.8;
  }
}
@media (max-width: 1024px) {
  .flat-similar .flat-similar-list {
    margin: 0 -20px;
  }
}
@media (min-width: 1025px) {
  .flat-similar .flat-similar-list {
    padding: 0 -webkit-calc(115 / 1920 * 100vw);
    padding: 0 calc(115 / 1920 * 100vw);
    margin: 0 -webkit-calc(-140 / 1920 * 100vw);
    margin: 0 calc(-140 / 1920 * 100vw);
  }
  .flat-similar .flat-similar-list:before, .flat-similar .flat-similar-list:after {
    content: "";
    background-color: #fff;
    width: -webkit-calc(130 / 1920 * 100vw);
    width: calc(130 / 1920 * 100vw);
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 2;
  }
}
.flat-similar .flat-similar-list:before {
  left: 0;
}
.flat-similar .flat-similar-list:after {
  right: 0;
}
.flat-similar .flat-similar-list.swiper.gallery-slider {
  width: auto;
  height: auto;
}
.flat-similar .flat-similar-list .swiper-slide {
  padding: 0 -webkit-calc(25 / 1920 * 100vw);
  padding: 0 calc(25 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .flat-similar .flat-similar-list .swiper-slide {
    padding: 0 36px;
  }
}
.flat-similar .flat-similar-list .swiper-button-prev:after,
.flat-similar .flat-similar-list .swiper-button-next:after {
  background-image: url(../img/arrow-next-dark.svg);
}
.flat-similar .flats-item {
  width: 100%;
}

@media (min-width: 1025px) {
  .flat-image {
    width: 32%;
    max-width: 30rem;
  }
}
@media (max-width: 1024px) {
  .flat-image {
    width: 100%;
  }
}

@media (min-width: 1025px) {
  .page-news .inner-main, .page-single-news .inner-main {
    padding-bottom: 8.5vh;
  }
}
@media (min-width: 1025px) {
  .page-news .inner-head, .page-single-news .inner-head {
    margin-bottom: 4vh;
  }
}
.page-news .inner-head .news-ellipse, .page-single-news .inner-head .news-ellipse {
  width: 21vw;
  max-width: 38vh;
  height: auto;
  position: absolute;
  right: -webkit-calc(140 / 1920 * 100vw);
  right: calc(140 / 1920 * 100vw);
  top: -webkit-calc(62 / 1920 * 100vw);
  top: calc(62 / 1920 * 100vw);
}
.page-news .inner-links, .page-single-news .inner-links {
  margin: -webkit-calc(20 / 1920 * 100vw) 0;
  margin: calc(20 / 1920 * 100vw) 0;
}

.news-link {
  text-decoration: none;
}
.news .news-link-hidden {
  display: none;
}
.news-filter {
  margin-bottom: 5vh;
  font-size: 20px;
}
.news-filter .filter-switcher {
  width: 74px;
}
@media (hover: hover) {
  .news-filter .filter-switcher {
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    -o-transition: -o-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms, -o-transform 300ms;
  }
  .news-filter .filter-switcher:hover {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.news-filter .filter-switcher.year {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 2em;
  padding: 0 0.75rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid black;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.news-filter .filter-switcher.year.active {
  border: 1px solid #F1861C;
  color: #F1861C;
}
@media (max-width: 1024px) {
  .news-filter {
    margin-bottom: 40px;
  }
}
.news-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 3.5vh;
  margin-bottom: 7vh;
}
@media (max-width: 1024px) {
  .news-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.news-item {
  width: -webkit-calc(795 / 1920 * 100vw);
  width: calc(795 / 1920 * 100vw);
  position: relative;
}
@media (max-width: 1024px) {
  .news-item {
    width: 100%;
    height: 100%;
  }
}
.news-item__img {
  height: -webkit-calc(447 / 1920 * 100vw);
  height: calc(447 / 1920 * 100vw);
  margin-bottom: -webkit-calc(30 / 1920 * 100vw);
  margin-bottom: calc(30 / 1920 * 100vw);
  display: block;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .news-item__img {
    width: 100%;
    height: 100%;
    margin-bottom: 15px;
  }
}
.news-item img {
  width: 100%;
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  -o-transition: -o-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms, -o-transform 300ms;
}
.news-item img:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.news-item__title {
  color: #35414C;
  font-size: -webkit-calc(29 / 1080 * 100vh);
  font-size: calc(29 / 1080 * 100vh);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.news-item__date {
  color: #999;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.news-item__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: -webkit-calc(18 / 1080 * 100vh);
  gap: calc(18 / 1080 * 100vh);
}
.news-list__count {
  color: #BCBCBC;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  position: relative;
  bottom: -webkit-calc(-29 / 1080 * 100vh);
  bottom: calc(-29 / 1080 * 100vh);
}
@media (max-width: 1024px) {
  .news-list__count {
    display: none;
  }
}
.news-more {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 0.35em;
  text-transform: uppercase;
  font-weight: 700;
  color: #F1861C;
  position: relative;
  cursor: pointer;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s, -o-transform 1s;
}
.news-more:after {
  content: "";
  border-color: #F1861C transparent transparent transparent;
  border-width: 0.35em 0.5em 0 0.5em;
  border-style: solid;
  width: 0;
  height: 0;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  -webkit-transition: top, 300ms;
  -o-transition: top, 300ms;
  transition: top, 300ms;
}
.news-more:hover:after {
  top: 120%;
}
@media (max-width: 1024px) {
  .news-more {
    width: 228px;
    height: 52px;
    text-align: center;
    line-height: 52px;
    background-color: #F38E1C;
    color: white;
    text-transform: uppercase;
  }
  .news-more:after {
    content: "";
    border: none;
  }
}

.single-news__title {
  width: -webkit-calc(900 / 1920 * 100vw);
  width: calc(900 / 1920 * 100vw);
  color: #333;
  font-size: -webkit-calc(54 / 1080 * 100vh);
  font-size: calc(54 / 1080 * 100vh);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  float: left;
}
@media (max-width: 1024px) {
  .single-news__title {
    width: 100%;
    font-size: 22px;
  }
}

.single-news__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -webkit-calc(40 / 1080 * 100vh);
  margin-top: calc(40 / 1080 * 100vh);
  gap: -webkit-calc(140 / 1920 * 100vw);
  gap: calc(140 / 1920 * 100vw);
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.single-news__body .single-news__dsc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: -webkit-calc(20 / 1080 * 100vh);
  gap: calc(20 / 1080 * 100vh);
  width: 100%;
  color: #333;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
}
.single-news__body .single-news__dsc table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  margin: 0 auto;
  margin-bottom: 20px;
}
.single-news__body .single-news__dsc table td {
  padding: -webkit-calc(10 / 1920 * 100vw) -webkit-calc(20 / 1920 * 100vw);
  padding: calc(10 / 1920 * 100vw) calc(20 / 1920 * 100vw);
  text-align: center;
}
.single-news__body img {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: 100% 0;
  object-position: 100% 0;
  width: -webkit-calc(800 / 1920 * 100vw);
  width: calc(800 / 1920 * 100vw);
  height: -webkit-calc(490 / 1920 * 100vw);
  height: calc(490 / 1920 * 100vw);
  float: right;
  margin-left: -webkit-calc(140 / 1920 * 100vw);
  margin-left: calc(140 / 1920 * 100vw);
  margin-bottom: -webkit-calc(40 / 1920 * 100vw);
  margin-bottom: calc(40 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .single-news__body img {
    width: 100%;
    margin: 0;
    height: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 1024px) {
  .single-news__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.another-news {
  width: 100%;
  margin: 0 auto;
  padding: 0 -webkit-calc(140 / 1920 * 100vw);
  padding: 0 calc(140 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .another-news {
    padding: 0 20px;
  }
}
.another-news .another-news__title {
  margin-bottom: -webkit-calc(84 / 1080 * 100vh);
  margin-bottom: calc(84 / 1080 * 100vh);
}
@media (max-width: 1024px) {
  .another-news .another-news__title {
    margin-bottom: 10px;
  }
}

.single-news__another-news {
  position: relative;
}
.single-news__another-news .swiper-button-prev,
.single-news__another-news .swiper-button-next {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  padding: 0 -webkit-calc(25 / 1920 * 100vw);
  padding: 0 calc(25 / 1920 * 100vw);
  margin: 0;
  top: 0;
  z-index: 3;
}
@media (max-width: 1024px) {
  .single-news__another-news .swiper-button-prev,
  .single-news__another-news .swiper-button-next {
    width: 15px;
    height: 66.4vw;
    padding: 0 5px;
  }
}
.single-news__another-news .swiper-button-prev:after,
.single-news__another-news .swiper-button-next:after {
  background-image: url(../img/arrow-next-dark.svg);
}
@media (hover: hover) {
  .single-news__another-news .swiper-button-prev,
  .single-news__another-news .swiper-button-next {
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    -o-transition: -o-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms, -o-transform 300ms;
  }
  .single-news__another-news .swiper-button-prev:hover,
  .single-news__another-news .swiper-button-next:hover {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@media (min-width: 1025px) {
  .single-news__another-news .swiper-button-prev {
    left: -webkit-calc(-100 / 1920 * 100vw);
    left: calc(-100 / 1920 * 100vw);
  }
}
@media (max-width: 1024px) {
  .single-news__another-news .swiper-button-prev {
    top: -webkit-calc(20 / 1080 * 100vh);
    top: calc(20 / 1080 * 100vh);
    left: -webkit-calc(-100 / 1920 * 100vw);
    left: calc(-100 / 1920 * 100vw);
  }
}
.single-news__another-news .swiper-button-next {
  right: -webkit-calc(-100 / 1920 * 100vw);
  right: calc(-100 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .single-news__another-news .swiper-button-next {
    top: -webkit-calc(20 / 1080 * 100vh);
    top: calc(20 / 1080 * 100vh);
  }
}

.another-news-slider {
  position: relative;
  margin-bottom: -webkit-calc(120 / 1080 * 100vh);
  margin-bottom: calc(120 / 1080 * 100vh);
}
@media (max-width: 1024px) {
  .another-news-slider .news-item {
    display: block;
    width: 100%;
  }
  .another-news-slider .swiper-slide {
    margin-right: 30px;
  }
}

.another-news-btn {
  margin: 0 auto;
  margin-bottom: -webkit-calc(135 / 1080 * 100vh);
  margin-bottom: calc(135 / 1080 * 100vh);
}
@media (max-width: 1024px) {
  .another-news-btn {
    display: none;
  }
}

.another-news_link {
  text-decoration: none;
}

.page-genplan .header,
.page-genplan .inner-main {
  pointer-events: none;
}
.page-genplan .header a,
.page-genplan .inner-main a {
  pointer-events: initial;
}
.page-genplan .header__menu-btn {
  pointer-events: initial;
}
.page-genplan .app {
  position: relative;
}
.page-genplan .inner-head {
  margin-bottom: 0;
}
.page-genplan .inner-head .section-title {
  color: #fff;
}
.page-genplan .inner-breadcrumbs {
  color: #fff;
}
.page-genplan .inner-breadcrumbs svg path {
  stroke: #fff;
}
.page-genplan .inner-main {
  width: 100%;
  padding-bottom: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.genplan[data-info=true] {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.genplan[data-info=true]:not([data-height=auto]) .genplan-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.genplan[data-info=true]:not([data-height=auto]) .genplan-img {
  width: auto;
  height: 100vh;
}
@media (min-aspect-ratio: 2880/1620) {
  .genplan[data-info=true]:not([data-height=auto]) .genplan-img {
    width: 100vw;
    height: auto;
  }
}
.genplan[data-info=true][data-height=auto] .genplan-wrap {
  height: auto;
}
.genplan[data-info=true] .genplan-wrap {
  background-color: #858585;
}
.genplan[data-info=true] .genplan-img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  left: 0;
  top: 0;
}
.genplan[data-info=true] .genplan-svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.genplan[data-info=true] .genplan-svg [data-type=section] {
  fill-opacity: 0.5;
}
.genplan[data-info=true] .genplan-svg [data-type=section]:not([data-disabled]) {
  fill: #F49A14;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .genplan[data-info=true] .genplan-svg [data-type=section]:not([data-disabled]):hover {
    -webkit-transition: 0.3s fill-opacity;
    -o-transition: 0.3s fill-opacity;
    transition: 0.3s fill-opacity;
  }
  .genplan[data-info=true] .genplan-svg [data-type=section]:not([data-disabled]):hover:hover {
    fill-opacity: 0.7;
  }
}
.genplan[data-info=true] .genplan-svg [data-type=section][data-active=true] {
  fill-opacity: 0.7;
}
.genplan[data-info=true] .genplan-svg [data-type=section][data-disabled] {
  pointer-events: none;
}
.genplan[data-info=true] .genplan-svg [data-type=floor] {
  fill-opacity: 0;
}
.genplan[data-info=true] .genplan-svg [data-type=floor]:not([data-disabled]) {
  fill: #fff;
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .genplan[data-info=true] .genplan-svg [data-type=floor]:not([data-disabled]):hover {
    -webkit-transition: 0.3s fill-opacity;
    -o-transition: 0.3s fill-opacity;
    transition: 0.3s fill-opacity;
  }
  .genplan[data-info=true] .genplan-svg [data-type=floor]:not([data-disabled]):hover:hover {
    fill-opacity: 0.5;
  }
}
.genplan[data-info=true] .genplan-svg [data-type=floor][data-active=true] {
  fill-opacity: 0.5;
}
.genplan[data-info=true] .genplan-svg [data-type=floor][data-disabled] {
  pointer-events: none;
}
.genplan[data-info=true] .genplan-svg [data-type=hotel] path,
.genplan[data-info=true] .genplan-svg [data-type=stage-2-3] path {
  fill: #F1861C;
  fill-opacity: 0;
}
.genplan[data-info=true] .genplan-svg [data-type=hotel] [data-type=stroke],
.genplan[data-info=true] .genplan-svg [data-type=stage-2-3] [data-type=stroke] {
  fill: #000;
  stroke: #F1861C;
  stroke-width: 15;
  stroke-opacity: 0;
}
@media (hover: hover) and (pointer: fine) {
  .genplan[data-info=true] .genplan-svg [data-type=hotel]:hover [data-type=stroke],
  .genplan[data-info=true] .genplan-svg [data-type=stage-2-3]:hover [data-type=stroke] {
    -webkit-transition: 0.3s stroke-opacity;
    -o-transition: 0.3s stroke-opacity;
    transition: 0.3s stroke-opacity;
  }
  .genplan[data-info=true] .genplan-svg [data-type=hotel]:hover:hover [data-type=stroke],
  .genplan[data-info=true] .genplan-svg [data-type=stage-2-3]:hover:hover [data-type=stroke] {
    stroke-opacity: 1;
    fill-opacity: 0.3;
  }
}
.genplan[data-info=true] .genplan-tip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.3em;
  width: 30em;
  padding: 1.6em 2rem 1.8em 0;
  font-size: 0.6rem;
  position: absolute;
  z-index: 2;
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  -o-transition: 0.3s -o-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform, 0.3s -o-transform;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: translate3d(-webkit-calc(-100% - 2rem), -2rem, 0) scale(1);
  transform: translate3d(calc(-100% - 2rem), -2rem, 0) scale(1);
}
.genplan[data-info=true] .genplan-tip[data-visible=false] {
  -webkit-transform: translate3d(-webkit-calc(-100% - 2rem), -2rem, 0) scale(0);
  transform: translate3d(calc(-100% - 2rem), -2rem, 0) scale(0);
}
.genplan[data-info=true] .genplan-tip[data-pos-v=bottom] {
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: translate3d(-webkit-calc(-100% - 2rem), -webkit-calc(-100% + 1rem), 0) scale(1);
  transform: translate3d(calc(-100% - 2rem), calc(-100% + 1rem), 0) scale(1);
}
.genplan[data-info=true] .genplan-tip[data-pos-v=bottom][data-visible=false] {
  -webkit-transform: translate3d(-webkit-calc(-100% - 2rem), -webkit-calc(-100% + 1rem), 0) scale(0);
  transform: translate3d(calc(-100% - 2rem), calc(-100% + 1rem), 0) scale(0);
}
.genplan[data-info=true] .genplan-tip[data-pos-v=bottom]:after {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  transform: scaleY(-1);
  top: auto;
  bottom: 1.6em;
}
.genplan[data-info=true] .genplan-tip[data-pos-h=right] {
  padding-right: 0;
  padding-left: 2rem;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translate3d(-webkit-calc(-100% - 2rem), -2rem, 0) scale(1);
  transform: translate3d(calc(-100% - 2rem), -2rem, 0) scale(1);
}
.genplan[data-info=true] .genplan-tip[data-pos-h=right][data-visible=false] {
  -webkit-transform: translate3d(-webkit-calc(-100% - 2rem), -2rem, 0) scale(0);
  transform: translate3d(calc(-100% - 2rem), -2rem, 0) scale(0);
}
.genplan[data-info=true] .genplan-tip[data-pos-h=right]:before {
  left: 2rem;
  right: 0;
}
.genplan[data-info=true] .genplan-tip[data-pos-h=right]:after {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  left: 0;
  right: auto;
}
.genplan[data-info=true] .genplan-tip[data-pos-h=right][data-pos-v=bottom] {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: translate3d(-webkit-calc(-100% - 2rem), -webkit-calc(-100% - 1rem), 0) scale(1);
  transform: translate3d(calc(-100% - 2rem), calc(-100% - 1rem), 0) scale(1);
}
.genplan[data-info=true] .genplan-tip[data-pos-h=right][data-pos-v=bottom][data-visible=false] {
  -webkit-transform: translate3d(-webkit-calc(-100% - 2rem), -webkit-calc(-100% - 1rem), 0) scale(0);
  transform: translate3d(calc(-100% - 2rem), calc(-100% - 1rem), 0) scale(0);
}
.genplan[data-info=true] .genplan-tip[data-pos-h=right][data-pos-v=bottom]:after {
  -webkit-transform: scale(-1);
  -ms-transform: scale(-1);
  -o-transform: scale(-1);
  transform: scale(-1);
  left: 0;
  right: auto;
}
.genplan[data-info=true] .genplan-tip:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  height: 100%;
  position: absolute;
  left: 0;
  right: 2rem;
  top: 0;
}
.genplan[data-info=true] .genplan-tip:after {
  content: "";
  border-color: rgba(240, 240, 240, 0.8) transparent transparent transparent;
  border-width: 1.2rem 3.1rem 0 0;
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  top: 1.6em;
  z-index: -1;
}
.genplan[data-info=true] .genplan-tip > * {
  width: 100%;
  position: relative;
}
.genplan[data-info=true] .genplan-tip .head,
.genplan[data-info=true] .genplan-tip .foot {
  padding: 0 1.8em;
}
.genplan[data-info=true] .genplan-tip .title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 150%;
}
.genplan[data-info=true] .genplan-tip .title:not(:last-child) {
  margin-bottom: 0.7em;
}
.genplan[data-info=true] .genplan-tip .rooms a {
  border: 1px solid transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6em;
  width: 100%;
  padding: 0.9em 1.8em 0.6em 1.8em;
  text-decoration: none !important;
  font-weight: 700;
}
.genplan[data-info=true] .genplan-tip .rooms a span {
  white-space: nowrap;
}
.genplan[data-info=true] .genplan-tip .rooms a span.data {
  min-width: 6.5em;
  text-transform: uppercase;
}
.genplan[data-info=true] .genplan-tip .rooms a span.price {
  width: 7.7em;
  margin-left: auto;
}
@media (hover: hover) and (pointer: fine) {
  .genplan[data-info=true] .genplan-tip .rooms a:hover {
    -webkit-transition: 0.3s background-color, 0.3s border-color;
    -o-transition: 0.3s background-color, 0.3s border-color;
    transition: 0.3s background-color, 0.3s border-color;
  }
  .genplan[data-info=true] .genplan-tip .rooms a:hover:hover {
    background-color: #fff;
    border-color: #F1861C;
  }
}
.genplan[data-info=true] .genplan-tip .btn {
  padding-top: 0.25em;
  font-size: 0.9em;
}
.genplan[data-info=true] .genplan-label {
  padding: 1.7em 1.7em 1.5em 1.7em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9rem;
  position: absolute;
  z-index: 2;
  pointer-events: none;
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  -o-transition: 0.3s -o-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform, 0.3s -o-transform;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
  transform: translate3d(-50%, -50%, 0) scale(1);
}
.genplan[data-info=true] .genplan-label:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.genplan[data-info=true] .genplan-label[data-type=hotel] {
  left: 66%;
  top: 40%;
}
.genplan[data-info=true] .genplan-label[data-type=stage-2-3] {
  left: 33%;
  top: 22%;
}
.genplan[data-info=true] .genplan-label[data-visible=false] {
  -webkit-transform: translate3d(-50%, -50%, 0) scale(0);
  transform: translate3d(-50%, -50%, 0) scale(0);
}
.genplan[data-info=true] .genplan-rose {
  width: 10.5vw;
  max-width: 16vh;
  height: auto;
  position: absolute;
  right: -webkit-calc(140 / 1920 * 100vw);
  right: calc(140 / 1920 * 100vw);
  bottom: 10vh;
}
.genplan[data-info=true] .grand-flats-link {
  position: absolute;
  left: -webkit-calc(140 / 1920 * 100vw);
  left: calc(140 / 1920 * 100vw);
  bottom: 10vh;
}
.genplan[data-info=true] .grand-flats-link .btn {
  font-size: 1.2rem;
  color: #F1861C;
  background-color: #FFF;
  border: 1px solid #FFF;
}
.genplan[data-info=true] .grand-flats-link .btn path {
  stroke: #F1861C;
}
.genplan[data-info=true].genplan-main .genplan-tip[data-section="1"] {
  left: 54%;
  top: 76%;
}
.genplan[data-info=true].genplan-main .genplan-tip[data-section="1"][data-view="1"][data-building="2"] {
  left: 28%;
  top: 31%;
}
.genplan[data-info=true].genplan-main .genplan-tip[data-section="1"][data-view="2"] {
  left: 82%;
  top: 24%;
}
.genplan[data-info=true].genplan-main .genplan-tip[data-section="1"][data-view="2"]::after {
  bottom: auto;
  top: auto;
}
.genplan[data-info=true].genplan-main .genplan-tip[data-section="1"][data-building="2"] {
  left: 56%;
  top: 49%;
}
.genplan[data-info=true].genplan-main .genplan-tip[data-section="2"] {
  left: 40%;
  top: 58%;
}
.genplan[data-info=true].genplan-main .genplan-tip[data-section="2"][data-view="1"][data-building="2"] {
  left: 21%;
  top: 35%;
}
.genplan[data-info=true].genplan-main .genplan-tip[data-section="2"][data-view="2"][data-building="2"] {
  left: 58%;
  top: 69%;
}
.genplan[data-info=true].genplan-main .genplan-tip[data-section="2"][data-view="2"] {
  left: 75%;
  top: 30%;
}
.genplan[data-info=true].genplan-main .genplan-tip[data-section="2"][data-view="2"]::after {
  bottom: auto;
  top: auto;
}
.genplan[data-info=true].genplan-main .genplan-tip[data-section="3"] {
  left: 30%;
  top: 45%;
}
.genplan[data-info=true].genplan-main .genplan-tip[data-section="3"][data-view="2"] {
  left: 73%;
  top: 40%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="1"] {
  left: 47%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="1"][data-floor="2"] {
  top: 66.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="1"][data-floor="3"] {
  top: 61%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="1"][data-floor="4"] {
  top: 57.7%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="1"][data-floor="5"] {
  top: 54.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="1"][data-floor="6"] {
  top: 51%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="1"][data-floor="7"] {
  top: 47.8%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="1"][data-floor="8"] {
  top: 44.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="1"][data-floor="9"] {
  top: 40%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"] {
  left: 70%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="2"] {
  top: 71.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="2"][data-building="2"] {
  top: 90.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="3"] {
  top: 65.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="3"][data-building="2"] {
  top: 87.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="4"] {
  top: 59.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="4"][data-building="2"] {
  top: 81.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="5"] {
  top: 55.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="5"][data-building="2"] {
  top: 77.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="6"] {
  top: 51%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="6"][data-building="2"] {
  top: 74.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="7"] {
  top: 47%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="7"][data-building="2"] {
  top: 71.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="8"] {
  top: 42.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="8"][data-building="2"] {
  top: 67.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="9"] {
  top: 37.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="9"][data-building="2"] {
  top: 63.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="10"] {
  top: 37.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="2"][data-floor="10"][data-building="2"] {
  top: 59.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="3"] {
  left: 64%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="3"][data-floor="2"] {
  top: 76.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="3"][data-floor="3"] {
  top: 67.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="3"][data-floor="4"] {
  top: 62%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="3"][data-floor="5"] {
  top: 55.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="3"][data-floor="6"] {
  top: 50%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="3"][data-floor="7"] {
  top: 44%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="3"][data-floor="8"] {
  top: 38.5%;
}
.genplan[data-info=true].genplan-section .genplan-tip[data-section="3"][data-floor="9"] {
  top: 32.5%;
}

.genplan-floor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2.5rem;
}
.genplan-floor-selector {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 10.5%;
  max-width: 9rem;
  overflow: hidden;
  margin: -2.5rem 0;
}
.genplan-floor-selector .swiper {
  width: 100%;
  height: 25rem;
  overflow: visible;
}
.genplan-floor-selector .swiper-wrapper {
  -webkit-box-pack: safe flex-end;
  -webkit-justify-content: safe flex-end;
  -ms-flex-pack: safe flex-end;
  justify-content: safe flex-end;
}
.genplan-floor-selector .swiper-slide {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.genplan-floor-selector .genplan-floor-prev,
.genplan-floor-selector .genplan-floor-next {
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 2.5rem;
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.genplan-floor-selector .genplan-floor-prev:after,
.genplan-floor-selector .genplan-floor-next:after {
  content: "";
  background: url(../img/arrow-next-orange.svg) no-repeat center/contain;
  display: block;
  width: 4rem;
  height: 2rem;
}
.genplan-floor-selector .genplan-floor-prev[data-disabled=true],
.genplan-floor-selector .genplan-floor-next[data-disabled=true] {
  cursor: default;
}
.genplan-floor-selector .genplan-floor-prev[data-disabled=true]:after,
.genplan-floor-selector .genplan-floor-next[data-disabled=true]:after {
  opacity: 0.5;
}
.genplan-floor-selector .genplan-floor-prev:after {
  -webkit-transform: translate3d(0, 0, 0) rotate(90deg);
  transform: translate3d(0, 0, 0) rotate(90deg);
}
.genplan-floor-selector .genplan-floor-next {
  margin-bottom: 0.7px;
}
.genplan-floor-selector .genplan-floor-next:after {
  -webkit-transform: translate3d(0, 0, 0) rotate(-90deg);
  transform: translate3d(0, 0, 0) rotate(-90deg);
}
.genplan-floor-selector .floor {
  border: 1px solid #E5E5E5;
  background-color: #FBFBFB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 4.5rem;
  height: 100%;
  margin: 0 auto;
  font-size: 0.5rem;
  color: #B1B1B1;
  position: relative;
}
.genplan-floor-selector .floor .value {
  font-weight: 700;
  font-size: 250%;
}
.genplan-floor-selector .floor .label {
  text-transform: uppercase;
}
.genplan-floor-selector .floor[data-fade=true] {
  border-color: #E5E5E5;
  background-color: #fff;
  color: #DBDBDB;
}
.genplan-floor-selector .floor[data-active=true] {
  border-color: #F1861C;
  background-color: #fff;
  width: 5.5rem;
  font-size: 0.7rem;
  color: #F1861C;
  z-index: 2;
}
.genplan-floor-selector .floor:not([data-disabled=true]) {
  cursor: pointer;
}
.genplan-floor-selector .floor[data-disabled=true] {
  pointer-events: none;
}
.genplan-floor-plans {
  width: 30%;
  position: relative;
}
.genplan-floor-plan-flats, .genplan-floor-plan-bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  overflow: hidden;
}
.genplan-floor-plan-flats img, .genplan-floor-plan-flats svg, .genplan-floor-plan-bg img, .genplan-floor-plan-bg svg {
  display: block;
  width: auto;
  height: 25rem;
}
.genplan-floor-plan-bg {
  pointer-events: none;
  position: relative;
}
.genplan-floor-plan-bg:not([data-visible=true]) {
  display: none;
}
.genplan-floor-plan-flats {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.genplan-floor-plan-flats path[data-type=flat] {
  fill-opacity: 0;
}
.genplan-floor-plan-flats path[data-type=flat]:not([data-disabled]):not([data-status=sold]) {
  fill: #F49A14;
  cursor: pointer;
}
.genplan-floor-plan-flats path[data-type=flat]:not([data-disabled]):not([data-status=sold])[data-status=free] {
  fill-opacity: 0.3;
}
.genplan-floor-plan-flats path[data-type=flat]:not([data-disabled]):not([data-status=sold])[data-status=booked] {
  fill: #293138;
  fill-opacity: 0.2;
}
@media (hover: hover) and (pointer: fine) {
  .genplan-floor-plan-flats path[data-type=flat]:not([data-disabled]):not([data-status=sold]):hover {
    -webkit-transition: 0.3s fill-opacity;
    -o-transition: 0.3s fill-opacity;
    transition: 0.3s fill-opacity;
  }
  .genplan-floor-plan-flats path[data-type=flat]:not([data-disabled]):not([data-status=sold]):hover:hover {
    fill-opacity: 0.7;
  }
  .genplan-floor-plan-flats path[data-type=flat]:not([data-disabled]):not([data-status=sold]):hover[data-status=booked]:hover {
    fill-opacity: 0.5;
  }
}
.genplan-floor-plan-flats path[data-type=flat][data-disabled], .genplan-floor-plan-flats path[data-type=flat][data-status=sold] {
  pointer-events: none;
}
.genplan-floor-plan-flats [data-type=lock] {
  fill: #000;
  fill-opacity: 0.3;
  pointer-events: none;
}
.genplan-floor-plan-tip {
  background-color: #fff;
  width: 16.2rem;
  font-size: 0.6rem;
  position: absolute;
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  -o-transition: 0.3s -o-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform, 0.3s -o-transform;
}
.genplan-floor-plan-tip > div {
  border: 1px solid #F59A00;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3rem;
  padding: 0.2rem 0.9rem 0 0.9rem;
}
.genplan-floor-plan-tip > div:not(:last-child) {
  border-bottom: 0;
}
.genplan-floor-plan-tip > div:nth-child(even) {
  background-color: #FBFBFB;
}
.genplan-floor-plan-tip [data-type=rooms],
.genplan-floor-plan-tip [data-type=area],
.genplan-floor-plan-tip [data-type=floor],
.genplan-floor-plan-tip [data-type=section] {
  text-transform: uppercase;
  font-weight: 700;
}
.genplan-floor-plan-tip [data-type=price] {
  font-weight: 700;
  font-size: 200%;
  color: #F1861C;
}
.genplan-floor-plan-tip [data-type=price_old],
.genplan-floor-plan-tip [data-type=price_m_old] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #969696;
  position: relative;
  overflow: hidden;
}
.genplan-floor-plan-tip [data-type=price_old]:before,
.genplan-floor-plan-tip [data-type=price_m_old]:before {
  content: "";
  border-top: 1px solid;
  position: absolute;
  left: -0.25ch;
  right: -0.25ch;
  top: 40%;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.genplan-floor-plan-tip [data-type=price_old] {
  font-size: 130%;
  margin-top: -0.2em;
}
.genplan-floor-plan-tip [data-type=price_m] {
  font-size: 130%;
  color: #F1861C;
}
.genplan-floor-plan-tip [data-type=price_m_old] {
  font-size: 100%;
}
.genplan-floor-plan-tip[data-visible=false] {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.genplan-floor-plan-tip[data-pos-h=left] {
  -webkit-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: translate3d(2rem, -webkit-calc(-100% - 1rem), 0) scale(1);
  transform: translate3d(2rem, calc(-100% - 1rem), 0) scale(1);
}
.genplan-floor-plan-tip[data-pos-h=left][data-visible=false] {
  -webkit-transform: translate3d(2rem, -webkit-calc(-100% - 1rem), 0) scale(0);
  transform: translate3d(2rem, calc(-100% - 1rem), 0) scale(0);
}
.genplan-floor-plan-tip[data-pos-h=right] {
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: translate3d(-webkit-calc(-100% - 2rem), -webkit-calc(-100% - 1rem), 0) scale(1);
  transform: translate3d(calc(-100% - 2rem), calc(-100% - 1rem), 0) scale(1);
}
.genplan-floor-plan-tip[data-pos-h=right][data-visible=false] {
  -webkit-transform: translate3d(-webkit-calc(-100% - 2rem), -webkit-calc(-100% - 1rem), 0) scale(0);
  transform: translate3d(calc(-100% - 2rem), calc(-100% - 1rem), 0) scale(0);
}
.genplan-floor-schemes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 10.5%;
  max-width: 9rem;
}

.genplan-wrap_bt {
  position: absolute;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.52vw;
}
.genplan-wrap_bt svg {
  width: 6.25vw;
  height: 6.25vw;
}
.genplan-wrap_bt {
  color: #FFF;
  font-family: Evolventa;
  font-size: 0.73vw;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
  bottom: 3.85vw;
  left: 6.25vw;
  z-index: 5;
}

.genplan-floor-plan-bg img {
  width: 100% !important;
  height: auto !important;
}

.genplan-floor-plan-flats svg {
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 1024px) {
  .page-about .header[data-theme=white] .logo svg path {
    fill: #fff;
  }
}
@media (max-width: 1024px) {
  .page-about .header[data-theme=white] .header__fav .fav-link span {
    background-color: #fff;
    color: #F1861C;
  }
}
.page-about .footer {
  position: relative;
}

.section-about {
  position: relative;
}
@media (min-width: 1025px) {
  .section-about .section-title {
    margin-bottom: 1.1em;
  }
}
@media (max-width: 1024px) {
  .section-about .section-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .section-about p:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (min-width: 1025px) {
  .section-about .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 3.4em;
    padding-right: 3.4em;
    font-size: 1rem;
  }
}
@media (max-width: 1024px) {
  .section-about .btn {
    font-size: 1.1rem;
  }
}

.about-main {
  overflow: hidden;
  z-index: 2;
}
.about-main .inner-head {
  gap: 1rem;
  padding-top: 0;
}
@media (min-width: 1025px) {
  .about-main .inner-head {
    margin-bottom: 2rem;
  }
}
@media (max-width: 1024px) {
  .about-main .inner-head {
    margin-bottom: 20px;
  }
}
.about-main .inner-breadcrumbs {
  color: #fff;
}
.about-main .section-title {
  margin-bottom: 0;
}
.about-main .anim {
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
.about-main .img,
.about-main .svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1024px) {
  .about-main .img,
  .about-main .svg {
    height: 216.5vw;
  }
}
.about-main .img {
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.about-main .content {
  max-width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  -webkit-transition: 2.35s max-width ease-in;
  -o-transition: 2.35s max-width ease-in;
  transition: 2.35s max-width ease-in;
}
.about-main .container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 14.5em;
  height: 100%;
  padding-top: 16vh;
  margin: 0;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 1025px) {
  .about-main .container {
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .about-main .container {
    padding-top: 105px;
  }
}

@media (min-width: 1025px) {
  body:not(.loaded) .about-main .anim {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  body:not(.loaded) .about-main .content {
    max-width: 0;
  }
}

@media (min-width: 1025px) {
  .about-buildings:before {
    content: "";
    background-color: #F5F5F5;
    display: block;
    width: 100%;
    height: 10vh;
    position: relative;
    z-index: 2;
  }
}
.about-buildings .img {
  background-repeat: no-repeat;
}
@media (min-width: 1025px) {
  .about-buildings .img {
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
  }
}
@media (max-width: 1024px) {
  .about-buildings .img {
    background-position: 52% 15%;
    -webkit-background-size: 325vw auto;
    background-size: 325vw auto;
    height: 96vw;
    margin: 0 -20px;
  }
}
.about-buildings .container {
  position: relative;
}
@media (min-width: 1025px) {
  .about-buildings .container {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }
}
@media (min-width: 1025px) {
  .about-buildings .section-title {
    margin-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .about-buildings-title {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
  }
}
@media (max-width: 1024px) {
  .about-buildings-title {
    padding-top: 60px;
  }
}
.about-buildings-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 1025px) {
  .about-buildings-text {
    background-color: #F5F5F5;
  }
}
@media (max-width: 1024px) {
  .about-buildings-text {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
    padding-bottom: 60px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .about-buildings-text > div {
    width: 48%;
  }
}

@media (min-width: 1025px) {
  .about-architecture {
    background-color: #F5F5F5;
    padding-bottom: 10vh;
  }
}
@media (max-width: 1024px) {
  .about-architecture {
    background-color: #F1861C;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1025px) {
  .about-architecture .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.about-architecture .container {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 2;
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
@media (min-width: 1025px) {
  .about-architecture .container {
    font-size: 1.2rem;
    width: 43.5%;
    padding-top: -webkit-calc(140 / 1920 * 100vw);
    padding-top: calc(140 / 1920 * 100vw);
    padding-bottom: -webkit-calc(140 / 1920 * 100vw);
    padding-bottom: calc(140 / 1920 * 100vw);
    margin: 0;
  }
  .about-architecture .container:after {
    content: "";
    border-color: transparent transparent transparent #F1861C;
    border-width: 46vh 0 46vh -webkit-calc(120 / 1920 * 100vw);
    border-width: 46vh 0 46vh calc(120 / 1920 * 100vw);
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 100%;
  }
}
@media (max-width: 1024px) {
  .about-architecture .container {
    font-size: 0.75rem;
  }
}
@media (max-width: 1024px) {
  .about-architecture .section-title:not(:last-child), .about-architecture p:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (min-width: 1025px) {
  .about-architecture .swiper.gallery-slider {
    width: 56%;
    height: 80vh;
    margin: 6vh 0;
    padding-bottom: 3vh;
  }
}
@media (max-width: 1024px) {
  .about-architecture .swiper.gallery-slider {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    height: -webkit-calc(67vw + 12px);
    height: calc(67vw + 12px);
    padding-bottom: 12px;
    margin: 20px 20px 0 20px;
  }
}
.about-architecture .swiper.gallery-slider .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 1025px) {
  .about-architecture .swiper.gallery-slider .swiper-button-prev:after,
  .about-architecture .swiper.gallery-slider .swiper-button-next:after {
    width: -webkit-calc(40 / 1920 * 100vw);
    width: calc(40 / 1920 * 100vw);
    height: -webkit-calc(80 / 1920 * 100vw);
    height: calc(80 / 1920 * 100vw);
  }
}
@media (min-width: 1025px) {
  .about-architecture .swiper.gallery-slider .swiper-button-prev {
    padding-left: -webkit-calc(140 / 1920 * 100vw);
    padding-left: calc(140 / 1920 * 100vw);
  }
}
@media (min-width: 1025px) {
  .about-architecture .swiper.gallery-slider .swiper-button-next {
    padding-right: -webkit-calc(140 / 1920 * 100vw);
    padding-right: calc(140 / 1920 * 100vw);
  }
}
.about-architecture .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets,
.about-architecture .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}
@media (min-width: 1025px) {
  .about-architecture .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .about-architecture .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    background-color: #000;
  }
}
@media (max-width: 1024px) {
  .about-architecture .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .about-architecture .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    max-width: 4rem;
  }
}
@media (min-width: 1025px) {
  .about-architecture:not(.animation-enter) .container {
    -webkit-transform: translate3d(-115%, 0, 0);
    transform: translate3d(-115%, 0, 0);
  }
}

@media (min-width: 1025px) {
  .about-yard {
    background-color: #F5F5F5;
  }
}
@media (max-width: 1024px) {
  .about-yard {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.about-yard .img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.about-yard .container {
  background-color: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
@media (min-width: 1025px) {
  .about-yard .container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    padding-top: -webkit-calc(140 / 1920 * 100vw);
    padding-top: calc(140 / 1920 * 100vw);
    padding-bottom: -webkit-calc(140 / 1920 * 100vw);
    padding-bottom: calc(140 / 1920 * 100vw);
    margin-right: 0;
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .about-yard .container {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .about-yard .container .texts {
    width: 23.5em;
  }
}
@media (min-width: 1025px) {
  .about-yard .container .text:not(:last-child) {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 1024px) {
  .about-yard .container .text:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (min-width: 1025px) {
  .about-yard:not(.animation-enter) .container {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.about-plans {
  background-color: #fff;
}
@media (min-width: 1025px) {
  .about-plans {
    padding: 20vh 0;
  }
  .about-plans:before {
    content: "";
    background: url(../img/ellipse5.svg) 100% 100% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 116vh;
    height: 58vh;
    position: absolute;
    bottom: 0;
    left: -58vh;
  }
}
@media (max-width: 1024px) {
  .about-plans {
    padding: 60px 0;
  }
}
.about-plans .container {
  position: relative;
}
@media (min-width: 1025px) {
  .about-plans .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 1025px) {
  .about-plans .texts {
    width: 41%;
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .about-plans .texts {
    font-size: 0.75rem;
  }
}
.about-plans .info {
  position: relative;
}
@media (min-width: 1025px) {
  .about-plans .info {
    width: 52%;
  }
}
@media (max-width: 1024px) {
  .about-plans .info {
    margin-top: 20px;
  }
}
.about-plans .info .img {
  display: block;
  width: 52%;
  height: auto;
}
@media (min-width: 1025px) {
  .about-plans .info .img {
    width: 52%;
  }
}
@media (max-width: 1024px) {
  .about-plans .info .img {
    width: 75%;
    margin: 0 auto;
  }
}
.about-plans .info .plate {
  background-color: #F5F5F5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 700;
}
@media (min-width: 1025px) {
  .about-plans .info .plate {
    gap: 5vh;
    width: 35rem;
    padding: 2.5rem;
    font-size: 0.9rem;
    position: absolute;
    bottom: 0;
    right: -2.5rem;
  }
}
@media (max-width: 1024px) {
  .about-plans .info .plate {
    gap: 20px;
    padding: 1.9rem;
    margin-top: -19vw;
    font-size: 0.75rem;
    position: relative;
  }
  .about-plans .info .plate > div {
    width: 100%;
  }
}
.about-plans .info .plate-top {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1025px) {
  .about-plans .info .plate-top {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 2rem;
  }
}
@media (max-width: 1024px) {
  .about-plans .info .plate-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}
@media (min-width: 1025px) {
  .about-plans .info .plate-top .big {
    font-size: 260%;
  }
  .about-plans .info .plate-top .big:not(:last-child) {
    margin-bottom: 0.2em;
  }
}
@media (max-width: 1024px) {
  .about-plans .info .plate-top .big {
    font-size: 250%;
  }
  .about-plans .info .plate-top .big:not(:last-child) {
    margin-bottom: 0.3em;
  }
}
.about-plans .info .plate-middle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 1025px) {
  .about-plans .info .plate-middle {
    gap: 1em;
  }
}
@media (max-width: 1024px) {
  .about-plans .info .plate-middle {
    gap: 1.5em;
  }
}
.about-plans .info .plate-middle:before {
  content: "";
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #F1861C;
  border-radius: 50%;
}
@media (min-width: 1025px) {
  .about-plans .info .plate-middle:before {
    width: 2.6em;
    height: 2.6em;
  }
}
@media (max-width: 1024px) {
  .about-plans .info .plate-middle:before {
    width: 2.5em;
    height: 2.5em;
  }
}

.about-places {
  width: -webkit-calc(1920 / 1920 * 100vw);
  width: calc(1920 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .about-places {
    width: unset;
  }
}
@media (min-width: 1025px) {
  .about-places {
    background-color: #F5F5F5;
  }
  .about-places .anim {
    -webkit-transition: 1.2s -webkit-transform ease-in;
    transition: 1.2s -webkit-transform ease-in;
    -o-transition: 1.2s -o-transform ease-in;
    transition: 1.2s transform ease-in;
    transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
  }
}
@media (max-width: 1024px) {
  .about-places {
    background-color: #F1861C;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .about-places:not([data-height=auto]) {
    height: auto;
  }
}
.about-places .img,
.about-places .svg {
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 1025px) {
  .about-places .img,
  .about-places .svg {
    background-position: 0 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media (max-width: 1024px) {
  .about-places .img,
  .about-places .svg {
    background-position: 50% 50%;
    height: 66.7vw;
    margin: 20px;
  }
}
.about-places .content {
  max-width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: 2s max-width ease-in;
  -o-transition: 2s max-width ease-in;
  transition: 2s max-width ease-in;
}
@media (min-width: 1025px) {
  .about-places .content {
    height: 100vh;
  }
}
.about-places .container {
  color: #fff;
}
@media (min-width: 1025px) {
  .about-places .container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 22.2em;
    height: -webkit-calc(100% - 14vh);
    height: calc(100% - 14vh);
    padding-top: 14vh;
    margin: 0;
    font-size: 1.2rem;
    position: absolute;
    left: 0;
    top: 0;
  }
}
@media (max-width: 1024px) {
  .about-places .container {
    font-size: 0.75rem;
  }
}
.about-places .container .with-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.6em;
}
.about-places .container .with-arrow:before {
  content: "";
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: url(../img/arrow-up.svg) 50% 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  width: 1.4em;
  height: 0.7em;
  -webkit-transform: translate3d(0, -0.15em, 0);
  transform: translate3d(0, -0.15em, 0);
}
@media (min-width: 1025px) {
  .about-places .container .with-arrow:not(:first-child) {
    margin-top: 2.4em;
  }
}
@media (min-width: 1025px) {
  .about-places .section-title {
    margin-bottom: 0.8em;
  }
}
.about-places > .text {
  color: #fff;
}
@media (min-width: 1025px) {
  .about-places > .text {
    max-width: 24.7em;
    font-size: 1.2rem;
    position: absolute;
    right: -webkit-calc(100 / 1920 * 100vw);
    right: calc(100 / 1920 * 100vw);
    bottom: 14vh;
    -webkit-transition: 1.2s -webkit-transform ease-in;
    transition: 1.2s -webkit-transform ease-in;
    -o-transition: 1.2s -o-transform ease-in;
    transition: 1.2s transform ease-in;
    transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
  }
}
@media (max-width: 1024px) {
  .about-places > .text {
    margin: 0 20px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .about-places:not(.animation-enter) .anim {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  .about-places:not(.animation-enter) .content {
    max-width: 0;
  }
  .about-places:not(.animation-enter) > .text {
    -webkit-transform: translate3d(-webkit-calc(700 / 1920 * 100vw), 0, 0);
    transform: translate3d(calc(700 / 1920 * 100vw), 0, 0);
  }
}

.about-parking {
  background-color: #F5F5F5;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .about-parking {
    padding: 14vh 0;
  }
  .about-parking:before {
    content: "";
    background: url(../img/ellipse6.svg) 50% 100% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 126vh;
    height: 63vh;
    position: absolute;
    bottom: -19vh;
    left: 25vw;
  }
}
@media (max-width: 1024px) {
  .about-parking {
    padding: 60px 0;
  }
}
@media (min-width: 1025px) {
  .about-parking .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }
}
@media (min-width: 1025px) {
  .about-parking .texts {
    width: 47%;
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .about-parking .texts {
    font-size: 0.75rem;
  }
}
.about-parking .text:not(:last-child) {
  margin-bottom: 1.7em;
}
.about-parking .images {
  position: relative;
}
@media (min-width: 1025px) {
  .about-parking .images {
    width: 49%;
  }
}
@media (max-width: 1024px) {
  .about-parking .images:not(:last-child) {
    margin-bottom: 1.7em;
  }
}
.about-parking .images:before {
  content: "";
  display: block;
}
@media (min-width: 1025px) {
  .about-parking .images:before {
    padding-top: 84.8%;
  }
}
@media (max-width: 1024px) {
  .about-parking .images:before {
    padding-top: 77.6%;
  }
}
.about-parking .images .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
}
.about-parking .images .img1 {
  left: 0;
  bottom: 0;
  z-index: 2;
}
@media (min-width: 1025px) {
  .about-parking .images .img1 {
    width: 45.8%;
    height: 75.4%;
  }
}
@media (max-width: 1024px) {
  .about-parking .images .img1 {
    width: 36.4%;
    height: 65.7%;
  }
}
.about-parking .images .img2 {
  top: 0;
  right: 0;
}
@media (min-width: 1025px) {
  .about-parking .images .img2 {
    width: 65.8%;
    height: 67.4%;
  }
}
@media (max-width: 1024px) {
  .about-parking .images .img2 {
    width: 78.8%;
    height: 75.7%;
  }
}

@media (max-width: 1024px) {
  .about-keller {
    height: auto !important;
  }
}
.about-keller .content {
  height: 100%;
  width: 100%;
  background: #F1861C;
}
@media (max-width: 1024px) {
  .about-keller .content {
    height: -webkit-calc(667 / 430 * 100vw);
    height: calc(667 / 430 * 100vw);
  }
}
@media (max-width: 1024px) {
  .about-keller .content .keller-mob-img {
    width: 100%;
    height: -webkit-calc(250 / 430 * 100vw);
    height: calc(250 / 430 * 100vw);
    position: relative;
    margin: -webkit-calc(20 / 430 * 100vw) 0 -webkit-calc(20 / 430 * 100vw) 0;
    margin: calc(20 / 430 * 100vw) 0 calc(20 / 430 * 100vw) 0;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
.about-keller .img {
  width: -webkit-calc(812 / 1920 * 100vw);
  width: calc(812 / 1920 * 100vw);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  z-index: 5;
}
.about-keller .container {
  width: -webkit-calc(813 / 1920 * 100vw);
  width: calc(813 / 1920 * 100vw);
  left: auto;
  right: 0;
  padding-top: -webkit-calc(96 / 1920 * 100vw);
  padding-top: calc(96 / 1920 * 100vw);
  z-index: 2;
}
@media (max-width: 1024px) {
  .about-keller .container {
    width: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: unset;
  }
}
.about-keller .text {
  z-index: 5;
  font-size: 1.2rem;
}
@media (max-width: 1024px) {
  .about-keller .text {
    font-size: 0.75rem;
  }
  .about-keller .text br {
    display: none;
  }
}
.about-keller .text2 {
  margin-top: -webkit-calc(170 / 1920 * 100vw);
  margin-top: calc(170 / 1920 * 100vw);
  margin-left: -webkit-calc(290 / 1920 * 100vw);
  margin-left: calc(290 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .about-keller .text2 {
    margin-top: unset;
    margin-left: unset;
  }
}
.about-keller .svg-keller {
  z-index: 5;
  width: -webkit-calc(1880 / 1920 * 100vw);
  width: calc(1880 / 1920 * 100vw);
  height: -webkit-calc(929 / 1920 * 100vw);
  height: calc(929 / 1920 * 100vw);
  bottom: 0;
  top: auto;
}
.about-keller .keller-small-img {
  -webkit-transform: scaleX(-1) translateX(-34%) translateY(-5%);
  -ms-transform: scaleX(-1) translateX(-34%) translateY(-5%);
  -o-transform: scaleX(-1) translateX(-34%) translateY(-5%);
  transform: scaleX(-1) translateX(-34%) translateY(-5%);
  z-index: 10;
}

.page__404 {
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .page__404 {
    height: 100dvh;
  }
}
.page__404 .inner-main {
  padding: 0;
  position: relative;
}
.page__404-background {
  height: 120vh;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.page__404-background.mobile {
  display: none;
}
@media (max-width: 1024px) {
  .page__404-background {
    width: 150vw;
    -webkit-animation-duration: 240s;
    -o-animation-duration: 240s;
    animation-duration: 240s;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: mobileParallax;
    -o-animation-name: mobileParallax;
    animation-name: mobileParallax;
  }
  .page__404-background.mobile {
    display: block;
  }
  .page__404-background.default {
    display: none;
  }
  @-webkit-keyframes mobileParallax {
    0% {
      -webkit-transform: translateX(-25%);
      transform: translateX(-25%);
    }
    50% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-25%);
      transform: translateX(-25%);
    }
  }
  @-o-keyframes mobileParallax {
    0% {
      -o-transform: translateX(-25%);
      transform: translateX(-25%);
    }
    50% {
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -o-transform: translateX(-25%);
      transform: translateX(-25%);
    }
  }
  @keyframes mobileParallax {
    0% {
      -webkit-transform: translateX(-25%);
      -o-transform: translateX(-25%);
      transform: translateX(-25%);
    }
    50% {
      -webkit-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(-25%);
      -o-transform: translateX(-25%);
      transform: translateX(-25%);
    }
  }
}
.page__404-background img {
  position: absolute;
  height: 150%;
  width: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1024px) {
  .page__404-background img {
    width: 150%;
  }
}
.page__404-container {
  position: absolute;
  top: -webkit-calc(190 / 1080 * 100vh);
  top: calc(190 / 1080 * 100vh);
  left: -webkit-calc(73 / 1920 * 100vw);
  left: calc(73 / 1920 * 100vw);
  z-index: 10;
}
@media (max-width: 1024px) {
  .page__404-container {
    width: 100%;
    padding: 20px;
    top: auto;
    bottom: 0;
    left: 0;
    right: auto;
  }
}
.page__404-message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: -webkit-calc(50 / 1920 * 100vw);
  gap: calc(50 / 1920 * 100vw);
  width: -webkit-calc(796 / 1920 * 100vw);
  width: calc(796 / 1920 * 100vw);
  height: -webkit-calc(735 / 1080 * 100vh);
  height: calc(735 / 1080 * 100vh);
  border-radius: 60px;
  background: rgba(241, 134, 28, 0.7);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  color: white;
  line-height: normal;
  font-family: Evolventa;
  font-style: normal;
  padding: 0 -webkit-calc(50 / 1920 * 100vw);
  padding: 0 calc(50 / 1920 * 100vw);
  padding-bottom: -webkit-calc(50 / 1920 * 100vw);
  padding-bottom: calc(50 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .page__404-message {
    border-radius: 40px;
    width: 100%;
    height: 343px;
    gap: 30px;
    padding: 25px;
    margin-bottom: 60px;
  }
}
.page__404-message-top {
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: -webkit-calc(50 / 1920 * 100vw);
  gap: calc(50 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .page__404-message-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
}
.page__404-message-top-numbers {
  font-size: -webkit-calc(200 / 1920 * 100vw);
  font-size: calc(200 / 1920 * 100vw);
  line-height: -webkit-calc(266 / 1920 * 100vw);
  line-height: calc(266 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .page__404-message-top-numbers {
    font-size: 132px;
    line-height: 112px;
  }
}
.page__404-message-top-error {
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
  margin-top: -webkit-calc(45 / 1920 * 100vw);
  margin-top: calc(45 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .page__404-message-top-error {
    font-size: 20px;
    margin-top: 0;
  }
}
.page__404-message-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .page__404-message-bottom {
    gap: 30px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.page__404-message-bottom-info {
  width: -webkit-calc(554 / 1920 * 100vw);
  width: calc(554 / 1920 * 100vw);
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
  line-height: -webkit-calc(30 / 1920 * 100vw);
  line-height: calc(30 / 1920 * 100vw);
  font-weight: 400;
}
@media (max-width: 1024px) {
  .page__404-message-bottom-info {
    font-size: 16px;
    line-height: 18px;
    width: 100%;
  }
}
.page__404-message-bottom-link {
  font-size: -webkit-calc(40 / 1920 * 100vw);
  font-size: calc(40 / 1920 * 100vw);
  font-weight: 700;
  line-height: -webkit-calc(52 / 1920 * 100vw);
  line-height: calc(52 / 1920 * 100vw);
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .page__404-message-bottom-link {
    font-size: 18px;
    line-height: 22px;
  }
}
.page__404-message-bottom .link_404 {
  text-decoration: underline;
  -webkit-transition: -webkit-text-decoration-color 0.3s;
  transition: -webkit-text-decoration-color 0.3s;
  -o-transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s;
  transition: text-decoration-color 0.3s, -webkit-text-decoration-color 0.3s, -moz-text-decoration-color 0.3s;
}
.page__404-message-bottom .link_404:hover {
  -webkit-text-decoration-color: transparent;
  -moz-text-decoration-color: transparent;
  text-decoration-color: transparent;
}
@media (max-width: 1024px) {
  .page__404-message desktop {
    display: none;
  }
}

@media (min-width: 1025px) {
  .section-improvement .section-title {
    margin-bottom: 1.1em;
  }
}
@media (max-width: 1024px) {
  .section-improvement .section-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .section-improvement p:not(:last-child) {
    margin-bottom: 20px;
  }
}

.improvement-main {
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .improvement-main {
    padding-top: 70px;
  }
}
.improvement-main .inner-head {
  padding-top: 0;
}
@media (min-width: 1025px) {
  .improvement-main .inner-head {
    margin-bottom: 7vh;
  }
}
@media (max-width: 1024px) {
  .improvement-main .inner-head {
    margin-bottom: 20px;
  }
}
.improvement-main .inner-breadcrumbs {
  color: #fff;
}
.improvement-main .section-title {
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .improvement-main .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 8vh;
    min-height: 70vh;
    position: relative;
  }
  .improvement-main .content:before {
    content: "";
    background-color: #F5F5F5;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
.improvement-main .container {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 2;
}
@media (min-width: 1025px) {
  .improvement-main .container {
    width: 43.5%;
    padding-top: 4vh;
    padding-bottom: 4vh;
    margin: 0;
    font-size: 1.2rem;
  }
  .improvement-main .container:after {
    content: "";
    border-color: transparent transparent transparent #F1861C;
    border-width: 31vh 0 31vh -webkit-calc(120 / 1920 * 100vw);
    border-width: 31vh 0 31vh calc(120 / 1920 * 100vw);
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 100%;
  }
}
@media (max-width: 1024px) {
  .improvement-main .container {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 1rem;
  }
}
@media (min-width: 1025px) {
  .improvement-main .text {
    max-width: 23em;
  }
}
.improvement-main .img {
  position: relative;
}
@media (min-width: 1025px) {
  .improvement-main .img {
    width: 56.5%;
    height: 54vh;
    margin: 4vh 0;
  }
}
@media (max-width: 1024px) {
  .improvement-main .img {
    width: 100%;
    height: 127vw;
  }
}
.improvement-main .img img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.improvement-image-views .img {
  position: relative;
}
.improvement-image-views .img img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 85.4166666667vw;
  height: 100%;
}
.improvement-image-views .img div:not(.over) {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.improvement-image-views .img div:not(.over):not([data-id="1"]) {
  max-width: 0;
}
.improvement-image-views .img .over {
  background-color: #8EC2FF;
  mix-blend-mode: soft-light;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}
.improvement-image-views .range-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.5rem;
  position: relative;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
.improvement-image-views .range-slider:before, .improvement-image-views .range-slider:after {
  content: "";
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
}
@media (min-width: 1025px) {
  .improvement-image-views .range-slider:before, .improvement-image-views .range-slider:after {
    width: 0.25rem;
    height: 1.65rem;
  }
}
@media (max-width: 1024px) {
  .improvement-image-views .range-slider:before, .improvement-image-views .range-slider:after {
    width: 0.2rem;
    height: 1.25rem;
  }
}
.improvement-image-views .range-slider:before {
  background-color: #EE8520;
}
.improvement-image-views .range-slider:after {
  background-color: #3C1EF0;
}
.improvement-image-views .range-slider .ui-slider-range {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  background: -webkit-gradient(linear, left top, right top, from(#F1861C), to(#3A1CF1));
  background: -webkit-linear-gradient(left, #F1861C 0%, #3A1CF1 100%);
  background: -o-linear-gradient(left, #F1861C 0%, #3A1CF1 100%);
  background: linear-gradient(to right, #F1861C 0%, #3A1CF1 100%);
  width: 100% !important;
}
@media (min-width: 1025px) {
  .improvement-image-views .range-slider .ui-slider-range {
    height: 0.25rem;
  }
}
@media (max-width: 1024px) {
  .improvement-image-views .range-slider .ui-slider-range {
    height: 0.2rem;
  }
}
.improvement-image-views .range-slider .ui-slider-handle {
  outline: none !important;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.improvement-image-views .range-slider .ui-slider-handle span {
  background: -webkit-gradient(linear, left top, right top, from(#F1861C), to(#3A1CF1));
  background: -webkit-linear-gradient(left, #F1861C 0%, #3A1CF1 100%);
  background: -o-linear-gradient(left, #F1861C 0%, #3A1CF1 100%);
  background: linear-gradient(to right, #F1861C 0%, #3A1CF1 100%);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.improvement-image-views .range-slider[data-pos="0"]:before {
  opacity: 0;
}
.improvement-image-views .range-slider[data-pos="100"]:after {
  opacity: 0;
}
.improvement-image-views .range-labels {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.improvement-image-views .range-label {
  text-transform: uppercase;
  font-weight: 700;
  opacity: 0.8;
}
@media (min-width: 1025px) {
  .improvement-image-views .range-label {
    font-size: 0.7rem;
  }
}
@media (max-width: 1024px) {
  .improvement-image-views .range-label {
    font-size: 0.6rem;
  }
}
.improvement-image-views .range-label:first-child {
  color: #F1861C;
}
.improvement-image-views .range-label:nth-child(2):not(:last-child) {
  color: #965286;
}
.improvement-image-views .range-label:last-child {
  color: #3E1FEE;
}

.improvement-comfort {
  background-color: #F5F5F5;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1025px) {
  .improvement-comfort {
    padding-top: 14vh;
    padding-bottom: 14vh;
  }
  .improvement-comfort:before {
    content: "";
    background: url(../img/tick2.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 73rem;
    height: 36.5rem;
    position: absolute;
    top: -webkit-calc(77 / 1920 * 100vw);
    top: calc(77 / 1920 * 100vw);
    right: -18.5rem;
  }
}
@media (max-width: 1024px) {
  .improvement-comfort {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.improvement-comfort .container {
  position: relative;
}
@media (min-width: 1025px) {
  .improvement-comfort .container {
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .improvement-comfort .container {
    font-size: 0.75rem;
  }
}
.improvement-comfort .text {
  max-width: 51em;
}
@media (min-width: 1025px) {
  .improvement-comfort .text:not(:last-child) {
    margin-bottom: 7vh;
  }
}
@media (max-width: 1024px) {
  .improvement-comfort .text:not(:last-child) {
    margin-bottom: 60px;
  }
}
@media (min-width: 1025px) {
  .improvement-comfort .improvement-image-views .img {
    height: 86vh;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 1024px) {
  .improvement-comfort .improvement-image-views .img {
    margin: 0 -20px 0.6rem -20px;
    height: 96vw;
  }
}
@media (min-width: 1025px) {
  .improvement-comfort .improvement-image-views .range-slider {
    height: 4.8rem;
    margin-right: 4.8rem;
  }
}
@media (max-width: 1024px) {
  .improvement-comfort .improvement-image-views .range-slider {
    height: 1.9rem;
    margin-right: 1.9rem;
  }
}
@media (min-width: 1025px) {
  .improvement-comfort .improvement-image-views .range-slider:after {
    margin-right: -4.8rem;
  }
}
@media (max-width: 1024px) {
  .improvement-comfort .improvement-image-views .range-slider:after {
    margin-right: -1.9rem;
  }
}
@media (min-width: 1025px) {
  .improvement-comfort .improvement-image-views .range-slider .ui-slider-range {
    width: -webkit-calc(100% + 4.8rem) !important;
    width: calc(100% + 4.8rem) !important;
  }
}
@media (max-width: 1024px) {
  .improvement-comfort .improvement-image-views .range-slider .ui-slider-range {
    width: -webkit-calc(100% + 1.9rem) !important;
    width: calc(100% + 1.9rem) !important;
  }
}
@media (min-width: 1025px) {
  .improvement-comfort .improvement-image-views .range-slider .ui-slider-handle {
    width: 4.8rem;
    height: 4.8rem;
  }
}
@media (max-width: 1024px) {
  .improvement-comfort .improvement-image-views .range-slider .ui-slider-handle {
    width: 1.9rem;
    height: 1.9rem;
  }
}

@media (max-width: 1024px) {
  .improvement-activities {
    padding-bottom: 60px;
  }
}
@media (min-width: 1025px) {
  .improvement-activities .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 91vh;
    position: relative;
  }
}
.improvement-activities .container {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  position: relative;
}
@media (min-width: 1025px) {
  .improvement-activities .container {
    width: 47%;
    padding-top: 7vh;
    padding-bottom: 7vh;
    margin: 0;
    font-size: 1.2rem;
  }
  .improvement-activities .container:after {
    content: "";
    border-color: transparent transparent transparent #F1861C;
    border-width: 45.5vh 0 45.5vh -webkit-calc(120 / 1920 * 100vw);
    border-width: 45.5vh 0 45.5vh calc(120 / 1920 * 100vw);
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 100%;
  }
}
@media (max-width: 1024px) {
  .improvement-activities .container {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .improvement-activities .text {
    max-width: 24em;
  }
}
@media (min-width: 1025px) {
  .improvement-activities .improvement-image-views {
    width: 53%;
    margin: 14vh -webkit-calc(100 / 1920 * 100vw) 7vh -webkit-calc(-100 / 1920 * 100vw);
    margin: 14vh calc(100 / 1920 * 100vw) 7vh calc(-100 / 1920 * 100vw);
  }
}
@media (max-width: 1024px) {
  .improvement-activities .improvement-image-views {
    margin: 0 20px;
  }
}
@media (min-width: 1025px) {
  .improvement-activities .improvement-image-views .img {
    height: 58vh;
    margin-bottom: 2.2rem;
  }
}
@media (max-width: 1024px) {
  .improvement-activities .improvement-image-views .img {
    margin: 0 -20px 0.6rem -20px;
    height: 96vw;
  }
}
@media (min-width: 1025px) {
  .improvement-activities .improvement-image-views .range-slider {
    width: 80%;
    height: 2.9rem;
    margin-left: auto;
    margin-right: 2.9rem;
  }
}
@media (max-width: 1024px) {
  .improvement-activities .improvement-image-views .range-slider {
    height: 1.9rem;
    margin-right: 1.9rem;
  }
}
@media (min-width: 1025px) {
  .improvement-activities .improvement-image-views .range-slider:after {
    margin-right: -2.9rem;
  }
}
@media (max-width: 1024px) {
  .improvement-activities .improvement-image-views .range-slider:after {
    margin-right: -1.9rem;
  }
}
@media (min-width: 1025px) {
  .improvement-activities .improvement-image-views .range-slider .ui-slider-range {
    width: -webkit-calc(100% + 2.9rem) !important;
    width: calc(100% + 2.9rem) !important;
  }
}
@media (max-width: 1024px) {
  .improvement-activities .improvement-image-views .range-slider .ui-slider-range {
    width: -webkit-calc(100% + 1.9rem) !important;
    width: calc(100% + 1.9rem) !important;
  }
}
@media (min-width: 1025px) {
  .improvement-activities .improvement-image-views .range-slider .ui-slider-handle {
    width: 2.9rem;
    height: 2.9rem;
  }
}
@media (max-width: 1024px) {
  .improvement-activities .improvement-image-views .range-slider .ui-slider-handle {
    width: 1.9rem;
    height: 1.9rem;
  }
}
@media (min-width: 1025px) {
  .improvement-activities .improvement-image-views .range-labels {
    width: 80%;
    margin-left: auto;
  }
}

.improvement-areas {
  background-color: #F5F5F5;
}
@media (min-width: 1025px) {
  .improvement-areas {
    padding-top: 14vh;
    padding-bottom: 14vh;
    position: relative;
  }
  .improvement-areas:before {
    content: "";
    background: url(../img/ellipse6.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 70rem;
    height: 35rem;
    position: absolute;
    bottom: 7vh;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}
@media (max-width: 1024px) {
  .improvement-areas {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.improvement-areas .container {
  position: relative;
}
@media (min-width: 1025px) {
  .improvement-areas .texts {
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .improvement-areas .texts {
    margin-bottom: 20px;
    font-size: 0.75rem;
  }
}
.improvement-areas .img img {
  display: block;
  width: 100%;
}
@media (min-width: 1025px) {
  .improvement-areas .img img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
  }
}
@media (min-width: 1025px) {
  .improvement-areas .improvement-yards,
  .improvement-areas .improvement-grounds {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (min-width: 1025px) {
  .improvement-areas .improvement-yards:not(:last-child) {
    margin-bottom: -5vh;
  }
}
@media (max-width: 1024px) {
  .improvement-areas .improvement-yards:not(:last-child) {
    margin-bottom: 60px;
  }
}
@media (min-width: 1025px) {
  .improvement-areas .improvement-yards .texts {
    width: 43%;
    padding-bottom: 10vh;
  }
}
@media (min-width: 1025px) {
  .improvement-areas .improvement-yards .text {
    max-width: 35em;
  }
}
@media (min-width: 1025px) {
  .improvement-areas .improvement-yards .img {
    width: 53%;
    height: 50.6vh;
  }
}
@media (min-width: 1025px) {
  .improvement-areas .improvement-grounds {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (min-width: 1025px) {
  .improvement-areas .improvement-grounds .texts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 53%;
    padding-top: 15vh;
  }
}
@media (min-width: 1025px) {
  .improvement-areas .improvement-grounds .text {
    max-width: 35em;
  }
}
@media (min-width: 1025px) {
  .improvement-areas .improvement-grounds .img {
    width: 43%;
    height: 57.3vh;
  }
}

.page-favorites .inner-head .section-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 0.5rem;
  position: relative;
}
@media (max-width: 1024px) {
  .page-favorites .flats-list {
    margin-bottom: 0;
  }
}

.favorites-count {
  background-color: #F39538;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 2.25em;
  height: 2.25em;
  padding-top: 0.2em;
  font-size: 2rem;
  color: #fff;
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: 1em;
}
@media (max-width: 1024px) {
  .favorites-count {
    font-size: 1.2rem;
  }
}

.page-contacts .inner-main {
  padding-bottom: 0;
}
@media (min-width: 1025px) {
  .page-contacts .inner-main {
    height: 100vh;
  }
}
@media (min-width: 1025px) {
  .page-contacts .inner-main .container {
    height: 100%;
  }
}
.page-contacts .inner-main .contacts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (min-width: 1025px) {
  .page-contacts .inner-main .contacts {
    gap: -webkit-calc(40 / 1920 * 100vw);
    gap: calc(40 / 1920 * 100vw);
    width: 100%;
    padding-left: -webkit-calc(140 / 1920 * 100vw);
    padding-left: calc(140 / 1920 * 100vw);
    position: absolute;
    top: -webkit-calc(42 / 1920 * 100vw);
    top: calc(42 / 1920 * 100vw);
    bottom: 0;
    left: 0;
  }
}
@media (max-width: 1024px) {
  .page-contacts .inner-main .contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
  }
}
.page-contacts .inner-main .contacts .texts {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 4vh;
  width: 22rem;
  position: relative;
}
@media (min-width: 1025px) {
  .page-contacts .inner-main .contacts .texts {
    padding-top: -webkit-calc(6.54rem + 8.5vh);
    padding-top: calc(6.54rem + 8.5vh);
  }
  .page-contacts .inner-main .contacts .texts:before {
    content: "";
    background: url(../img/tick3.svg) 0 100% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 78vh;
    height: 39vh;
    position: absolute;
    left: 0.35rem;
    bottom: 7vh;
  }
}
.page-contacts .inner-main .contacts .texts > * {
  position: relative;
}
.page-contacts .inner-main .contacts .texts > p:not(:last-child) {
  margin: 0;
}
.page-contacts .inner-main .contacts .texts .label {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.8rem;
  color: #606060;
  opacity: 0.6;
}
.page-contacts .inner-main .contacts .texts .label:not(:last-child) {
  margin-bottom: 1em;
}
.page-contacts .inner-main .contacts .texts .label-big {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.4rem;
  color: #606060;
  opacity: 0.6;
}
.page-contacts .inner-main .contacts .texts .label-big:not(:last-child) {
  margin-bottom: 1rem;
}
.page-contacts .inner-main .contacts .texts .address {
  font-size: 1.2rem;
  color: #000;
}
.page-contacts .inner-main .contacts .texts .address:not(:last-child) {
  margin-bottom: 0.5em;
}
.page-contacts .inner-main .contacts .texts .timetable {
  color: #000;
}
.page-contacts .inner-main .contacts .texts .timetable-holiday {
  text-transform: uppercase;
  font-size: 0.8rem;
  color: #000;
}
.page-contacts .inner-main .contacts .texts .phone {
  font-weight: 700;
  font-size: 1.2rem;
  color: #F1861C;
}
.page-contacts .inner-main .contacts .texts .btn {
  max-width: 15.5em;
  height: 2.9em;
  font-size: 1.1rem;
}
.page-contacts .inner-main .contacts .texts .link {
  color: #797979;
}
.page-contacts .inner-main .contacts .texts .social {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.9rem;
}
@media (max-width: 1024px) {
  .page-contacts .inner-main .contacts .texts .social {
    gap: 1.1rem;
  }
}
.page-contacts .inner-main .contacts .texts .social__link {
  display: inline-block;
}
.page-contacts .inner-main .contacts .texts .social__link svg {
  display: block;
  width: 2.8rem;
  height: auto;
}
@media (max-width: 1024px) {
  .page-contacts .inner-main .contacts .texts .social__link svg {
    width: 3.5rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .page-contacts .inner-main .contacts .texts .social__link:hover {
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    transition: 0.3s opacity;
  }
  .page-contacts .inner-main .contacts .texts .social__link:hover:hover {
    opacity: 0.8;
  }
}
.page-contacts .inner-main .contacts .map {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
}
@media (max-width: 1024px) {
  .page-contacts .inner-main .contacts .map {
    width: 100vw;
    height: 100vw;
    margin: 0 -20px;
  }
}
.page-contacts .inner-main .contacts .map ymaps[class*=copyrights-pane] ymaps[class*=copyright_logo_no], .page-contacts .inner-main .contacts .map ymaps[class*=copyrights-pane] ymaps[class*=copyrights-promo] [class*=gototaxi], .page-contacts .inner-main .contacts .map ymaps[class*=copyrights-pane] ymaps[class*=copyrights-promo] [class*=gototech] {
  visibility: hidden;
}
.page-contacts .inner-main .contacts .map ymaps[class*=ground-pane] {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.page-contacts .inner-main .contacts .map ymaps[class*=-placemark-overlay] [class*=-image] {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.page-infra {
  padding-top: -webkit-calc(9vh + 3.96rem);
  padding-top: calc(9vh + 3.96rem);
}
@media (max-width: 1024px) {
  .page-infra {
    padding-top: 71px;
  }
}
.page-infra .footer {
  position: relative;
}
@media (min-width: 1025px) {
  .page-infra:not(.loaded) .infra-main .container {
    -webkit-transform: translate3d(-115%, 0, 0);
    transform: translate3d(-115%, 0, 0);
  }
}

.section-infra {
  position: relative;
}
@media (min-width: 1025px) {
  .section-infra .section-title {
    margin-bottom: 1.1em;
  }
}
@media (max-width: 1024px) {
  .section-infra .section-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .section-infra p:not(:last-child) {
    margin-bottom: 18px;
  }
}
@media (min-width: 1025px) {
  .section-infra .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 3.4em;
    padding-right: 3.4em;
    font-size: 1rem;
  }
}
@media (max-width: 1024px) {
  .section-infra .btn {
    font-size: 1.1rem;
  }
}

@media (min-width: 1025px) {
  body:not(.loaded) .infra-main .anim {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  body:not(.loaded) .infra-main .content {
    max-width: 0;
  }
}

@media (max-width: 1024px) {
  .infra-main {
    background-color: #F1861C;
    padding-top: 63px;
  }
}
@media (min-width: 1025px) {
  .infra-main .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.infra-main .container {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 2;
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
@media (min-width: 1025px) {
  .infra-main .container {
    font-size: 1.2rem;
    width: 43.3%;
    padding-top: -webkit-calc(100 / 1920 * 100vw);
    padding-top: calc(100 / 1920 * 100vw);
    padding-bottom: -webkit-calc(88 / 1920 * 100vw);
    padding-bottom: calc(88 / 1920 * 100vw);
    margin: 0;
  }
  .infra-main .container:after {
    content: "";
    border-color: transparent transparent transparent #F1861C;
    border-width: 30.2vh 0 30.2vh -webkit-calc(120 / 1920 * 100vw);
    border-width: 30.2vh 0 30.2vh calc(120 / 1920 * 100vw);
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 100%;
  }
}
@media (max-width: 1024px) {
  .infra-main .container {
    font-size: 1rem;
  }
}
.infra-main .section-title {
  margin-bottom: 0.4rem;
}
@media (max-width: 1024px) {
  .infra-main .section-title {
    margin-bottom: 1.35rem;
    font-size: 1.95rem;
  }
}
.infra-main .inner-breadcrumbs {
  color: #FFF;
  margin: 1em 0 3.4em;
  font-size: 1.07rem;
}
.infra-main p {
  line-height: 1.33;
}
@media (min-width: 1025px) {
  .infra-main .image {
    width: 56%;
    height: 52.4vh;
    margin: 4vh 0;
  }
}
@media (max-width: 1024px) {
  .infra-main .image {
    width: 100%;
    height: 121.3vw;
    margin: 57px 0 0;
  }
}
.infra-main .image .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#map-infra {
  height: 100vh;
  margin-top: -1.96rem;
}
@media (max-width: 1024px) {
  #map-infra {
    margin-top: 0;
  }
}

.infra-map {
  position: relative;
}
.infra-map__sidebar {
  position: absolute;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
@media (min-width: 1025px) {
  .infra-map__sidebar {
    top: 9.3vh;
    bottom: 9.3vh;
    width: 32.6vw;
    padding: 3.8rem 5rem 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media (max-width: 1024px) {
  .infra-map__sidebar {
    bottom: 0;
    left: 0;
    padding: 60px 20px;
    overflow: auto;
  }
}
@media (min-width: 1025px) {
  .infra-map:not(.animation-enter) .infra-map__sidebar {
    -webkit-transform: translate3d(115%, 0, 0);
    transform: translate3d(115%, 0, 0);
  }
}
.infra-map__title {
  font-size: 2.4em;
  font-weight: 700;
  line-height: 1.33;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 4vh;
}
.infra-map .infra-objects {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.2em;
  line-height: 1.33;
  color: #fff;
}
@media (min-width: 1025px) {
  .infra-map .infra-objects {
    gap: 4vh;
  }
}
@media (max-width: 1024px) {
  .infra-map .infra-objects {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 0;
    font-size: 0.75em;
    line-height: 1;
  }
  .infra-map .infra-objects > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.infra-map .infra-objects__item {
  position: relative;
  padding-left: 3.2rem;
  line-height: 2.2rem;
  margin-bottom: 1rem;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  white-space: nowrap;
}
.infra-map .infra-objects__item[data-category] {
  opacity: 0.5;
  cursor: pointer;
}
.infra-map .infra-objects__item[data-category]:hover {
  opacity: 0.8;
}
.infra-map .infra-objects__item_active[data-category] {
  opacity: 1;
}
@media (max-width: 1024px) {
  .infra-map .infra-objects__item {
    margin: 0 20px 0 0;
    padding-left: 2.55rem;
    line-height: 1.925rem;
  }
}
.infra-map .infra-objects__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 1024px) {
  .infra-map .infra-objects__item:before {
    width: 1.925rem;
    height: 1.925rem;
  }
}
.infra-map .infra-objects__item_sport:before {
  background-image: url(../img/infra/icon-sport.svg);
}
.infra-map .infra-objects__item_education:before {
  background-image: url(../img/infra/icon-education.svg);
}
.infra-map .infra-objects__item_leisure:before {
  background-image: url(../img/infra/icon-leisure.svg);
}
.infra-map .infra-objects__item_jk:before {
  background-image: url(../img/infra/icon-estate.svg);
}
.infra-map .infra-objects__item_office:before {
  background-image: url(../img/infra/icon-office.svg);
}

.ymaps-layers-pane {
  -webkit-filter: url(https://www.majas-lapu-izstrade.lv/cross-browser-grayscale-ie11/js/filters.svg#grayscale);
  filter: url(https://www.majas-lapu-izstrade.lv/cross-browser-grayscale-ie11/js/filters.svg#grayscale);
  filter: gray;
  -webkit-filter: grayscale(100%);
}

[class*=ymaps-2][class*=-ground-pane] {
  -webkit-filter: url(https://www.majas-lapu-izstrade.lv/cross-browser-grayscale-ie11/js/filters.svg#grayscale);
  filter: url(https://www.majas-lapu-izstrade.lv/cross-browser-grayscale-ie11/js/filters.svg#grayscale);
  filter: gray;
  -webkit-filter: grayscale(100%);
}

[class*=-placemark-overlay] [class*=-image],
[class*=-placemark-overlay] [class*=-default-cluster] {
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: 50%;
}

[class*=default-cluster] {
  font-family: "Evolventa" !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  color: #fff !important;
}

@media only screen and (max-width: 766px) {
  [class*=default-cluster] {
    font-size: 16px !important;
  }
}
.popover {
  position: absolute;
  max-width: 360px;
  padding: 20px 0;
  font-family: "Acrom", sans-serif;
  font-weight: 400;
  text-align: center;
  white-space: normal;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 11px;
}
.popover .arrow:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 10px;
}
.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover .close {
  position: absolute;
  right: 5px;
  top: 1px;
  float: right;
  font-size: 24px;
  font-weight: 700;
  line-height: 20px;
  border: none;
  color: #000;
  opacity: 0.2;
  filter: alpha(opacity=20);
  text-decoration: none;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-title:empty {
  display: none;
}
.popover-inner {
  padding: 0 15px;
  font-size: 13px;
  color: #2C3842;
  text-align: center;
  line-height: 1.4;
  font-weight: 500;
}

.infra-nearby {
  padding: 7rem 0;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .infra-nearby:before {
    content: "";
    background: url(../img/rectangle1.svg) 50% 100% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 106.482vh;
    height: 62.038vh;
    position: absolute;
    bottom: 0;
    left: 40vw;
  }
}
@media (max-width: 1024px) {
  .infra-nearby {
    padding: 63px 0;
  }
}
.infra-nearby .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
.infra-nearby .section-title {
  margin-top: 0.4rem;
}
@media (max-width: 1024px) {
  .infra-nearby .section-title {
    margin-top: 0;
    font-size: 1.88rem;
    line-height: 1.33;
    margin-bottom: 19px;
  }
}
.infra-nearby .texts {
  width: 58%;
  font-size: 1.2rem;
}
@media (max-width: 1024px) {
  .infra-nearby .texts {
    width: 100%;
    font-size: 0.75rem;
    line-height: 1.33;
  }
}
.infra-nearby .texts .image {
  margin-top: 5.1rem;
  display: block;
  width: 100%;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.infra-nearby .texts .image:before {
  padding-top: 60%;
}
@media (max-width: 1024px) {
  .infra-nearby .texts .image:before {
    padding-top: 66.6vw;
  }
}
@media (max-width: 1024px) {
  .infra-nearby .texts .image {
    margin-top: 1.2rem;
  }
}
.infra-nearby .texts .image .img {
  height: 100%;
}
.infra-nearby .image {
  width: 38.5%;
  position: relative;
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.5s -webkit-transform ease-in;
  transition: 0.5s opacity ease-in, 0.5s -webkit-transform ease-in;
  -o-transition: 0.5s opacity ease-in, 0.5s -o-transform ease-in;
  transition: 0.5s transform ease-in, 0.5s opacity ease-in;
  transition: 0.5s transform ease-in, 0.5s opacity ease-in, 0.5s -webkit-transform ease-in, 0.5s -o-transform ease-in;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
.infra-nearby .image:before {
  content: "";
  display: block;
  padding-top: 40%;
}
.infra-nearby .image .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 76.5%;
}
@media (min-width: 1025px) {
  .infra-nearby:not(.animation-enter) .image {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}

.infra-walking {
  background-color: #F5F5F5;
  padding: 13vh 0;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .infra-walking:before {
    content: "";
    background: url(../img/ellipse7.svg) 50% 100% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 104.168vh;
    height: 51.39vh;
    position: absolute;
    bottom: 17vh;
    left: 15vw;
  }
}
@media (max-width: 1024px) {
  .infra-walking {
    padding: 62px 0 0;
  }
}
.infra-walking .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 1024px) {
  .infra-walking .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.infra-walking .section-title {
  margin-top: 0.4rem;
  line-height: 1.2;
}
@media (max-width: 1024px) {
  .infra-walking .section-title {
    margin-top: 0;
    line-height: 1.3;
    margin-bottom: 18px;
  }
}
.infra-walking .texts {
  width: 44%;
  font-size: 1.1rem;
  line-height: 1.3;
}
@media (max-width: 1024px) {
  .infra-walking .texts {
    width: 100%;
    font-size: 0.75rem;
    line-height: 1.33;
  }
}
.infra-walking .texts ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 2rem;
  line-height: 1;
}
@media (max-width: 1024px) {
  .infra-walking .texts ul {
    margin: 0 0 21px;
    line-height: 1.33;
  }
}
.infra-walking .texts ul li {
  position: relative;
  padding-left: 1.65rem;
  margin-bottom: 1.35rem;
}
@media (max-width: 1024px) {
  .infra-walking .texts ul li {
    padding-left: 18px;
    margin-bottom: 0px;
  }
}
.infra-walking .texts ul li:before {
  content: "";
  position: absolute;
  left: 0.6rem;
  top: 0.3rem;
  width: 0.4rem;
  height: 0.4rem;
  background: #2C3842;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .infra-walking .texts ul li:before {
    left: 6px;
    top: 5px;
    width: 5px;
    height: 5px;
  }
}
.infra-walking .images {
  width: 49.4%;
  position: relative;
}
@media (max-width: 1024px) {
  .infra-walking .images {
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    margin: 58px -20px 0;
  }
}
.infra-walking .images:before {
  content: "";
  display: block;
  padding-top: 98.8%;
}
@media (max-width: 1024px) {
  .infra-walking .images:before {
    padding-top: 95.8%;
  }
}
.infra-walking .images .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.5s -webkit-transform ease-in;
  transition: 0.5s opacity ease-in, 0.5s -webkit-transform ease-in;
  -o-transition: 0.5s opacity ease-in, 0.5s -o-transform ease-in;
  transition: 0.5s transform ease-in, 0.5s opacity ease-in;
  transition: 0.5s transform ease-in, 0.5s opacity ease-in, 0.5s -webkit-transform ease-in, 0.5s -o-transform ease-in;
}
.infra-walking .images .img1 {
  width: 45.8%;
  height: 64.7%;
  left: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.infra-walking .images .img2 {
  width: 65.8%;
  height: 75%;
  top: 0;
  right: 0;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
@media (max-width: 1024px) {
  .infra-walking .images .img2 {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1025px) {
  .infra-walking:not(.animation-enter) .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}

.page-docs .ui-selectmenu-menu .ui-menu-item div {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

@media (min-width: 1025px) {
  .section-docs .section-title {
    margin-bottom: 1.1em;
  }
}
@media (max-width: 1024px) {
  .section-docs .section-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .section-docs p:not(:last-child) {
    margin-bottom: 20px;
  }
}

.docs-main {
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .docs-main {
    padding-top: 70px;
  }
}
.docs-main .inner-head {
  padding-top: 0;
}
@media (min-width: 1025px) {
  .docs-main .inner-head {
    margin-bottom: 7vh;
  }
}
@media (max-width: 1024px) {
  .docs-main .inner-head {
    margin-bottom: 20px;
  }
}
.docs-main .inner-breadcrumbs {
  color: #fff;
}
.docs-main .section-title {
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .docs-main .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 8vh;
    min-height: 70vh;
    position: relative;
  }
  .docs-main .content:before {
    content: "";
    background-color: #F5F5F5;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
.docs-main .container {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 2;
}
@media (min-width: 1025px) {
  .docs-main .container {
    width: 43.5%;
    padding-top: 4vh;
    padding-bottom: 4vh;
    margin: 0;
    font-size: 1.2rem;
  }
  .docs-main .container:after {
    content: "";
    border-color: transparent transparent transparent #F1861C;
    border-width: 31vh 0 31vh -webkit-calc(120 / 1920 * 100vw);
    border-width: 31vh 0 31vh calc(120 / 1920 * 100vw);
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 100%;
  }
}
@media (max-width: 1024px) {
  .docs-main .container {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 1rem;
  }
}
@media (min-width: 1025px) {
  .docs-main .text {
    max-width: 23em;
  }
}
.docs-main .img {
  position: relative;
}
@media (min-width: 1025px) {
  .docs-main .img {
    width: 56.5%;
    height: 54vh;
    margin: 4vh 0;
  }
}
@media (max-width: 1024px) {
  .docs-main .img {
    width: 100%;
    height: 127vw;
  }
}
.docs-main .img img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.docs-filter-list {
  background-color: #F5F5F5;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1025px) {
  .docs-filter-list {
    padding-top: 14vh;
    padding-bottom: 14vh;
  }
  .docs-filter-list:before {
    content: "";
    background: url(../img/tick2.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 73rem;
    height: 36.5rem;
    position: absolute;
    top: -webkit-calc(77 / 1920 * 100vw);
    top: calc(77 / 1920 * 100vw);
    right: -18.5rem;
  }
}
@media (max-width: 1024px) {
  .docs-filter-list {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.docs-filter-list .container {
  position: relative;
}

.docs-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 3.5%;
}
@media (max-width: 1024px) {
  .docs-filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}
.docs-filter:not(:last-child) {
  margin-bottom: 7vh;
}
@media (max-width: 1024px) {
  .docs-filter:not(:last-child) {
    margin-bottom: 60px;
  }
}
@media (max-width: 1024px) {
  .docs-filter .filter-switchers {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 2%;
    -moz-column-gap: 2%;
    column-gap: 2%;
    row-gap: 0.5rem;
  }
  .docs-filter .filter-switchers[data-name="stage[]"] .filter-switcher {
    width: 23.5%;
  }
  .docs-filter .filter-switchers[data-name="section[]"] .filter-switcher {
    width: 18.4%;
  }
  .docs-filter .filter-switchers[data-name="section[]"] .filter-switcher:first-child {
    width: 38.8%;
  }
}
.docs-filter .filter-switcher[data-width=auto] span {
  height: 2.7em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
@media (max-width: 1024px) {
  .docs-filter .filter-switcher[data-width=auto] {
    font-size: 0.75rem;
  }
}
.docs-filter .filter-select .ui-selectmenu-button {
  border: 1px solid;
  height: 2.7em;
  padding: 0.2em 1.5em 0 1.5em;
}
@media (max-width: 1024px) {
  .docs-filter .filter-select .ui-selectmenu-button {
    font-size: 0.75rem;
  }
}
.docs-filter .filter-select .ui-selectmenu-icon {
  border-width: 0.25em 0.35em 0 0.35em;
}
@media (max-width: 1024px) {
  .docs-filter .filter-select .ui-selectmenu-icon {
    border-width: 0.4em 0.6em 0 0.6em;
  }
}
.docs-filter .filter-select[data-name=type] {
  width: 100%;
  max-width: 24em;
  margin-left: auto;
}
@media (max-width: 1024px) {
  .docs-filter .filter-select[data-name=type] {
    width: 100% !important;
  }
}

.docs-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 3.5%;
  -moz-column-gap: 3.5%;
  column-gap: 3.5%;
  row-gap: 5vh;
}
@media (max-width: 1024px) {
  .docs-list {
    row-gap: 40px;
  }
}
.docs-list .empty-note {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 1025px) {
  .docs-list .doc {
    width: 31%;
  }
}
.docs-list .doc a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
}
@media (max-width: 1024px) {
  .docs-list .doc a {
    gap: 1.25em;
  }
}
.docs-list .doc a svg {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 2.4em;
  height: auto;
  color: #F1861C;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
@media (max-width: 1024px) {
  .docs-list .doc a svg {
    width: 3em;
  }
}
.docs-list .doc a > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.5em;
}
.docs-list .doc a > span > span:nth-child(2) {
  font-weight: 700;
  font-size: 0.7em;
  color: #808080;
}
@media (max-width: 1024px) {
  .docs-list .doc a > span > span:nth-child(2) {
    font-size: 0.75em;
  }
}
@media (hover: hover) and (pointer: fine) {
  .docs-list .doc a:hover:hover {
    text-decoration: none;
  }
  .docs-list .doc a:hover:hover svg {
    opacity: 0.8;
  }
}

@media (max-width: 1024px) {
  .page-buy .ui-menu-item {
    max-width: 250px;
  }
}
@media (max-width: 1024px) {
  .page-buy .header[data-theme=white] .logo svg path {
    fill: #fff;
  }
}
@media (max-width: 1024px) {
  .page-buy .header[data-theme=white] .header__fav .fav-link span {
    background-color: #fff;
    color: #F1861C;
  }
}
.page-buy .footer {
  position: relative;
}
@media (max-width: 1024px) {
  .page-buy .flat-similar {
    padding-top: 63px;
    padding-bottom: 63px;
  }
}
.page-buy .flat-similar .flat-similar-list .swiper-button-prev:after, .page-buy .flat-similar .flat-similar-list .swiper-button-prev:after,
.page-buy .flat-similar .flat-similar-list .swiper-button-next:after,
.page-buy .flat-similar .flat-similar-list .swiper-button-next:after {
  background-image: url(../img/arrow-next-orange.svg);
}
@media (max-width: 1024px) {
  .page-buy .flat-similar .flat-similar-list .swiper-button-prev,
  .page-buy .flat-similar .flat-similar-list .swiper-button-next {
    display: none;
  }
}
.page-buy .flat-similar .flat-similar-list .swiper-pagination {
  position: relative;
  margin-top: 5rem;
}
.page-buy .flat-similar .flat-similar-list .swiper-pagination .swiper-pagination-bullet {
  background: #2C3842;
}
@media (max-width: 1024px) {
  .page-buy .flat-similar .flat-similar-list .swiper-pagination {
    left: 0;
    right: 0;
    bottom: 0;
    margin: 5rem 20px 0;
  }
}
@media (max-width: 1024px) {
  .page-buy .flat-similar .flat-similar-list .flats-item {
    border: none;
  }
  .page-buy .flat-similar .flat-similar-list .flats-item .item-info {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .page-buy .flat-similar .flat-similar-list .flats-item .item-info-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1rem;
  }
  .page-buy .flat-similar .flat-similar-list .flats-item .item-prices {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}

.section-buy {
  position: relative;
}
@media (min-width: 1025px) {
  .section-buy .section-title {
    line-height: 1.2;
    margin-bottom: 1.23em;
  }
}
@media (max-width: 1024px) {
  .section-buy .section-title {
    line-height: 1.33;
    margin-bottom: 20px;
  }
}
.section-buy .subtitle {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 1.55rem;
}
@media (max-width: 1024px) {
  .section-buy .subtitle {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.section-buy p {
  line-height: 1.33;
}
@media (max-width: 1024px) {
  .section-buy p:not(:last-child) {
    margin-bottom: 20px;
  }
}
.section-buy ul {
  margin: 0.1em 0 1.45em;
  padding: 0;
  list-style-type: none;
}
@media (max-width: 1024px) {
  .section-buy ul {
    margin: 0 0 22px;
  }
}
.section-buy ul li {
  position: relative;
  margin: 0;
  padding-left: 1.5rem;
  line-height: 1.36;
}
@media (max-width: 1024px) {
  .section-buy ul li {
    margin: 0 0 11px;
    padding-left: 18px;
    line-height: 1.31;
  }
}
.section-buy ul li:before {
  content: "";
  position: absolute;
  top: 0.4rem;
  left: 0.56rem;
  width: 0.4rem;
  height: 0.4rem;
  background: #000;
  border-radius: 50%;
}
@media (max-width: 1024px) {
  .section-buy ul li:before {
    top: 5px;
    left: 7px;
    width: 4px;
    height: 4px;
  }
}
.section-buy .big {
  font-size: 1.2rem;
}
@media (max-width: 1024px) {
  .section-buy .big {
    font-size: 12px;
  }
}
.section-buy .note {
  color: #808080;
  font-size: 0.8rem;
}
@media (max-width: 1024px) {
  .section-buy .note {
    font-size: 12px;
  }
}
.section-buy .texts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
  line-height: 1.3;
}
@media (max-width: 1024px) {
  .section-buy .texts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    font-size: 12px;
  }
}
.section-buy .texts > div {
  width: 50%;
}
@media (max-width: 1024px) {
  .section-buy .texts > div {
    width: 100%;
  }
}
.section-buy .texts a {
  color: #F1861C;
}

.buy-main {
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 1024px) {
  .buy-main {
    height: auto !important;
  }
}
.buy-main .anim {
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
.buy-main .img,
.buy-main .svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1024px) {
  .buy-main .img,
  .buy-main .svg {
    height: 216.5vw;
  }
}
.buy-main .img {
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.buy-main .content {
  max-width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  -webkit-transition: 2.35s max-width ease-in;
  -o-transition: 2.35s max-width ease-in;
  transition: 2.35s max-width ease-in;
}
@media (max-width: 1024px) {
  .buy-main .content {
    height: 216.5vw;
  }
}
.buy-main .container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 18.5em;
  height: 100%;
  padding-top: 17.3vh;
  margin: 0;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 1025px) {
  .buy-main .container {
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .buy-main .container {
    padding-top: 105px;
  }
}
@media (min-width: 1025px) {
  .buy-main .section-title {
    margin-bottom: 0.52em;
  }
}
.buy-main .inner-breadcrumbs {
  color: #fff;
  font-size: 0.88em;
  margin-bottom: 2.5em;
}

@media (min-width: 1025px) {
  body:not(.loaded) .buy-main .anim {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  body:not(.loaded) .buy-main .content {
    max-width: 0;
  }
}

.buy-menu {
  position: relative;
  background: #fff;
  z-index: 1;
}
.buy-menu_cloned {
  position: fixed;
  top: 0;
  margin-top: 0;
  z-index: 100;
  display: none;
  -webkit-transition: top 0.6s;
  -o-transition: top 0.6s;
  transition: top 0.6s;
}
.buy-menu__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.buy-menu__link {
  padding: 1rem 0;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  color: #272727;
  opacity: 0.5;
  -webkit-transition: opacity 0.5 ease;
  -o-transition: opacity 0.5 ease;
  transition: opacity 0.5 ease;
  cursor: pointer;
}
.buy-menu__link_active {
  opacity: 1;
  cursor: default;
}
.buy-menu__link:hover:not(.buy-menu__link_active) {
  opacity: 1;
}

.buy-bron {
  padding: 13.4vh 0 12.1vh;
}
@media (min-width: 1025px) {
  .buy-bron:before {
    content: "";
    background: url(../img/rectangle2.svg) 50% 100% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 124.168vh;
    height: 62.038vh;
    position: absolute;
    top: -13vh;
    right: -15.8vw;
  }
}
@media (max-width: 1024px) {
  .buy-bron {
    padding: 63px 0 59px;
  }
}
@media (min-width: 1025px) {
  .buy-bron .section-title {
    margin-bottom: 1.45em;
  }
}
@media (max-width: 1024px) {
  .buy-bron .section-title {
    margin-bottom: 20px;
  }
}
@media (min-width: 1025px) {
  .buy-bron:not(.animation-enter) .bron-list__item {
    opacity: 0;
    -webkit-transform: translate3d(0, 105%, 0);
    transform: translate3d(0, 105%, 0);
  }
}

.bron-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .bron-list {
    margin-top: 63px;
    display: block;
  }
}
.bron-list__item {
  width: 31.708%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3%;
  -webkit-transition: 0.8s opacity ease-in, 0.8s -webkit-transform ease-in;
  transition: 0.8s opacity ease-in, 0.8s -webkit-transform ease-in;
  -o-transition: 0.8s opacity ease-in, 0.8s -o-transform ease-in;
  transition: 0.8s transform ease-in, 0.8s opacity ease-in;
  transition: 0.8s transform ease-in, 0.8s opacity ease-in, 0.8s -webkit-transform ease-in, 0.8s -o-transform ease-in;
}
.bron-list__item:nth-child(2) {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.bron-list__item:nth-child(3) {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
@media (max-width: 1024px) {
  .bron-list__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
}
.bron-list__image {
  width: 33%;
}
.bron-list__image img {
  max-width: 100%;
}
@media (max-width: 1024px) {
  .bron-list__image {
    width: 100%;
    text-align: center;
    margin-bottom: 36px;
  }
}
.bron-list__desc {
  width: 64%;
}
@media (max-width: 1024px) {
  .bron-list__desc {
    width: 100%;
  }
}
.bron-list__title {
  text-transform: uppercase;
  margin-bottom: 1.4rem;
  font-size: 1.095rem;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .bron-list__title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 11px;
  }
}
.bron-list__text {
  font-size: 0.8rem;
  line-height: 1.3;
}
@media (max-width: 1024px) {
  .bron-list__text {
    font-size: 12px;
    line-height: 1.33;
    height: auto !important;
  }
}
.bron-list .swiper-pagination {
  position: relative;
  top: 0;
  bottom: 0;
  margin-top: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 5px;
}
.bron-list .swiper-pagination-bullet {
  border-radius: 0;
  background: #272727;
  margin: 0 !important;
  width: 100%;
  height: 3px;
  opacity: 1;
}
.bron-list .swiper-pagination-bullet-active {
  height: 5px;
}

.buy-ways {
  background: #F5F5F5;
  padding: 13.8vh 0 0;
}
@media (min-width: 1025px) {
  .buy-ways:before {
    content: "";
    background: url(../img/ellipse8.svg) 50% 100% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 104.168vh;
    height: 51.39vh;
    position: absolute;
    top: 15.5vh;
    right: -10.2vw;
  }
}
@media (max-width: 1024px) {
  .buy-ways {
    padding: 63px 0 0;
  }
}
.buy-ways .section-title {
  margin-bottom: 1em;
}
@media (max-width: 1024px) {
  .buy-ways .section-title {
    margin-bottom: 37px;
  }
}
.buy-ways .texts {
  padding-bottom: 6.8rem;
}
@media (max-width: 1024px) {
  .buy-ways .texts {
    padding-bottom: 60px;
  }
}
.buy-ways .texts img {
  -webkit-transition: 0.8s opacity ease-in, 0.8s -webkit-transform ease-in;
  transition: 0.8s opacity ease-in, 0.8s -webkit-transform ease-in;
  -o-transition: 0.8s opacity ease-in, 0.8s -o-transform ease-in;
  transition: 0.8s transform ease-in, 0.8s opacity ease-in;
  transition: 0.8s transform ease-in, 0.8s opacity ease-in, 0.8s -webkit-transform ease-in, 0.8s -o-transform ease-in;
}
@media (max-width: 1024px) {
  .buy-ways .texts img {
    max-width: 100%;
    height: 67vw;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (min-width: 1025px) {
  .buy-ways:not(.animation-enter) img {
    opacity: 0;
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
  }
  .buy-ways:not(.animation-enter) .buy-content__tab .container {
    -webkit-transform: translate3d(-120%, 0, 0);
    transform: translate3d(-120%, 0, 0);
  }
}

.buy-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.45rem;
}
@media (max-width: 1024px) {
  .buy-tabs {
    gap: 5px;
  }
}
.buy-tabs__tab {
  padding: 0.85rem 1.45rem 0.65rem;
  color: #F1861C;
  border: solid 1px #F1861C;
  cursor: default;
}
.buy-tabs__tab:not([data-active=true]) {
  color: #000;
  border-color: #000;
}
@media (hover: hover) and (pointer: fine) {
  .buy-tabs__tab:not([data-active=true]):hover {
    cursor: pointer;
    -webkit-transition: border 0.3s, color 0.3s;
    -o-transition: border 0.3s, color 0.3s;
    transition: border 0.3s, color 0.3s;
  }
  .buy-tabs__tab:not([data-active=true]):hover:hover {
    color: #F1861C;
    border-color: #F1861C;
  }
}
@media (max-width: 1024px) {
  .buy-tabs__tab {
    width: 33%;
    padding: 10px 10px 9px;
    line-height: 1;
    font-size: 12px;
    text-align: center;
  }
}

.buy-content {
  padding: 3.7rem 0 0;
}
@media (max-width: 1024px) {
  .buy-content {
    padding: 42px 0 0;
  }
}
.buy-content__tab:not([data-active=true]) {
  display: none;
}
@media (min-width: 1025px) {
  .buy-content__tab .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (max-width: 1024px) {
  .buy-content__tab .content {
    background-color: #F1861C;
    padding-bottom: 46px;
  }
}
.buy-content__tab .container {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 2;
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
@media (min-width: 1025px) {
  .buy-content__tab .container {
    font-size: 1.2rem;
    width: 43.3%;
    padding-top: -webkit-calc(100 / 1920 * 100vw);
    padding-top: calc(100 / 1920 * 100vw);
    padding-bottom: -webkit-calc(91 / 1920 * 100vw);
    padding-bottom: calc(91 / 1920 * 100vw);
    margin: 0;
  }
}
.buy-content__tab .container:after {
  content: "";
  border-color: transparent transparent transparent #F1861C;
  border-width: 38.75vh 0 38.75vh -webkit-calc(120 / 1920 * 100vw);
  border-width: 38.75vh 0 38.75vh calc(120 / 1920 * 100vw);
  border-style: solid;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 100%;
}
@media (max-width: 1024px) {
  .buy-content__tab .container {
    font-size: 12px;
    padding-top: 62px;
  }
}
@media (max-width: 1024px) {
  .buy-content__tab .section-title {
    margin-bottom: 19px;
  }
}
@media (min-width: 1025px) {
  .buy-content__tab .small {
    font-size: 1rem;
    margin-top: 0.6em;
  }
}
.buy-content__tab .image {
  line-height: 1;
}
@media (min-width: 1025px) {
  .buy-content__tab .image {
    width: 57%;
    height: 59vh;
    margin: 9.2vh 0;
  }
}
@media (max-width: 1024px) {
  .buy-content__tab .image {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    height: -webkit-calc(67vw + 12px);
    height: calc(67vw + 12px);
    padding-bottom: 12px;
    margin: 20px 20px 0 20px;
  }
}
.buy-content__tab .image img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .buy-content__tab .image img {
    max-width: 100%;
  }
}

.buy-links {
  font-size: 1.2rem;
}
@media (max-width: 1024px) {
  .buy-links {
    font-size: 14px;
    text-transform: uppercase;
  }
}
@media (min-width: 1025px) {
  .buy-links__item {
    margin-bottom: 1.9rem;
  }
}
@media (max-width: 1024px) {
  .buy-links__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
  }
}
.buy-links__item a {
  color: #F1861C;
  font-weight: 700;
}
.buy-links__btn {
  background: #F1861C;
  padding: -webkit-calc(14 / 1920 * 100vw) -webkit-calc(20 / 1920 * 100vw) -webkit-calc(10 / 1920 * 100vw);
  padding: calc(14 / 1920 * 100vw) calc(20 / 1920 * 100vw) calc(10 / 1920 * 100vw);
  color: #fff !important;
  font-size: -webkit-calc(14 / 1920 * 100vw);
  font-size: calc(14 / 1920 * 100vw);
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  height: -webkit-calc(40 / 1920 * 100vw);
  height: calc(40 / 1920 * 100vw);
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  margin-left: -webkit-calc(20 / 1920 * 100vw);
  margin-left: calc(20 / 1920 * 100vw);
  margin-top: -webkit-calc(-12 / 1920 * 100vw);
  margin-top: calc(-12 / 1920 * 100vw);
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
@media (hover: hover) and (pointer: fine) {
  .buy-links__btn:hover:hover {
    opacity: 0.8;
  }
}
@media (max-width: 1024px) {
  .buy-links__btn {
    font-size: 12px;
    padding: 12px 20px 10px;
    height: 36px;
    margin-left: 0;
    margin-top: -1px;
  }
}

.buy-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin-top: 3.3rem;
}
@media (max-width: 1024px) {
  .buy-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-top: 37px;
  }
}
.buy-buttons .btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding-left: 1.45em;
  padding-right: 1.45em;
  white-space: nowrap;
  color: #fff !important;
}
@media (max-width: 1024px) {
  .buy-buttons .btn {
    font-size: 18px;
    height: 3em;
    line-height: 3em;
  }
}

.buy-percent {
  font-size: 1.2rem;
  margin-bottom: 1.1rem;
}
@media (max-width: 1024px) {
  .buy-percent {
    font-size: 16px;
  }
}

.buy-info {
  font-size: 0.8rem;
}
@media (max-width: 1024px) {
  .buy-info {
    font-size: 12px;
  }
}

.buy-table {
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 1.75rem;
}
@media (max-width: 1024px) {
  .buy-table {
    font-size: 12px;
    margin-bottom: 22px;
  }
}
.buy-table__head {
  color: #858585;
  font-size: 0.8rem;
}
@media (max-width: 1024px) {
  .buy-table__head {
    font-size: 12px;
  }
}
.buy-table__head .buy-table__tr > div {
  padding: 0.44rem 1.55rem;
}
@media (max-width: 1024px) {
  .buy-table__head .buy-table__tr > div {
    padding: 7px 15px;
  }
}
.buy-table__body {
  border: solid 1px #000;
  background: #fff;
}
.buy-table__tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: solid 1px #000;
}
.buy-table__tr:last-child {
  border-bottom: none;
}
.buy-table__tr > div {
  width: 50%;
  padding: 1.75rem 1.55rem 1.47rem;
}
@media (max-width: 1024px) {
  .buy-table__tr > div {
    padding: 17px 15px 12px;
  }
}

.buy-escrow {
  padding: 13.7vh 0 9.8vh;
}
@media (max-width: 1024px) {
  .buy-escrow {
    padding: 62px 0 57px;
  }
}
.buy-escrow .img {
  margin: 1.35rem 0 2.7rem;
  max-width: 100%;
  -webkit-transition: 0.9s opacity ease-in, 0.8s -webkit-transform ease-in;
  transition: 0.9s opacity ease-in, 0.8s -webkit-transform ease-in;
  -o-transition: 0.9s opacity ease-in, 0.8s -o-transform ease-in;
  transition: 0.8s transform ease-in, 0.9s opacity ease-in;
  transition: 0.8s transform ease-in, 0.9s opacity ease-in, 0.8s -webkit-transform ease-in, 0.8s -o-transform ease-in;
}
@media (max-width: 1024px) {
  .buy-escrow .img {
    margin: 0;
    max-width: 100%;
  }
}
@media (max-width: 1024px) {
  .buy-escrow .texts {
    gap: 18px;
  }
}
@media (min-width: 1025px) {
  .buy-escrow:not(.animation-enter) .img {
    opacity: 0;
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
  }
}

.buy-dogovor {
  background: #f5f5f5;
  padding: 13.7vh 0 12.8vh;
}
@media (min-width: 1025px) {
  .buy-dogovor:before {
    content: "";
    background: url(../img/rectangle3.svg) 50% 100% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 109.353vh;
    height: 54.63vh;
    position: absolute;
    top: 13vh;
    right: -19.8vw;
  }
}
@media (max-width: 1024px) {
  .buy-dogovor {
    padding: 62px 0 57px;
  }
}
@media (min-width: 1025px) {
  .buy-dogovor .texts {
    gap: 9.7rem;
  }
}
@media (min-width: 1025px) {
  .buy-dogovor .texts > div:nth-child(1) {
    width: 49%;
  }
}
.buy-dogovor .texts > div:nth-child(1) ul {
  margin: 1.55em 4em 1.55em 0;
}
@media (max-width: 1024px) {
  .buy-dogovor .texts > div:nth-child(1) ul {
    margin: 10px 0 20px 0;
  }
}
.buy-dogovor .texts > div:nth-child(1) ul li {
  margin-bottom: 1.3em;
}
@media (max-width: 1024px) {
  .buy-dogovor .texts > div:nth-child(1) ul li {
    margin: 0 0 17px;
  }
}
@media (min-width: 1025px) {
  .buy-dogovor .texts > div:nth-child(2) {
    width: 39.3%;
  }
}
.buy-dogovor .texts a {
  color: #F1861C;
  text-decoration: none;
  border-bottom: solid 1px;
  -webkit-transition: border-bottom 0.3s;
  -o-transition: border-bottom 0.3s;
  transition: border-bottom 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .buy-dogovor .texts a:hover {
    -webkit-transition: border-bottom 0.3s;
    -o-transition: border-bottom 0.3s;
    transition: border-bottom 0.3s;
  }
  .buy-dogovor .texts a:hover:hover {
    text-decoration: none;
    border-bottom-color: transparent;
  }
}

.buy-property {
  padding: 12.8vh 0 0;
}
@media (max-width: 1024px) {
  .buy-property {
    padding: 62px 0 0;
  }
}
@media (min-width: 1025px) {
  .buy-property .texts {
    gap: 3rem;
  }
  .buy-property .texts > div:nth-child(1) {
    width: 58%;
  }
  .buy-property .texts > div:nth-child(2) {
    width: 42%;
  }
}
@media (max-width: 1024px) {
  .buy-property .texts {
    gap: 22px;
  }
}
@media (min-width: 1025px) {
  .buy-property .section-title {
    margin-top: 0.15em;
    margin-bottom: 1em;
  }
}
.buy-property .big {
  margin-bottom: 4.95rem;
}
@media (min-width: 1025px) {
  .buy-property .note {
    font-size: 1rem;
    margin-top: 4.7rem;
  }
}
.buy-property .images {
  position: relative;
}
@media (max-width: 1024px) {
  .buy-property .images {
    padding-top: 78%;
  }
}
.buy-property .img {
  max-width: 100%;
  -webkit-transition: 0.8s opacity ease-in, 0.8s -webkit-transform ease-in;
  transition: 0.8s opacity ease-in, 0.8s -webkit-transform ease-in;
  -o-transition: 0.8s opacity ease-in, 0.8s -o-transform ease-in;
  transition: 0.8s transform ease-in, 0.8s opacity ease-in;
  transition: 0.8s transform ease-in, 0.8s opacity ease-in, 0.8s -webkit-transform ease-in, 0.8s -o-transform ease-in;
}
@media (max-width: 1024px) {
  .buy-property .img {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
.buy-property .img1 {
  -webkit-transition: 0.8s opacity ease-in, 0.8s -webkit-transform ease-in;
  transition: 0.8s opacity ease-in, 0.8s -webkit-transform ease-in;
  -o-transition: 0.8s opacity ease-in, 0.8s -o-transform ease-in;
  transition: 0.8s transform ease-in, 0.8s opacity ease-in;
  transition: 0.8s transform ease-in, 0.8s opacity ease-in, 0.8s -webkit-transform ease-in, 0.8s -o-transform ease-in;
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
@media (max-width: 1024px) {
  .buy-property .img1 {
    top: 0;
    right: 0;
    width: 79%;
    height: 53vw;
  }
}
@media (max-width: 1024px) {
  .buy-property .img2 {
    left: 0;
    top: 34%;
    width: 36%;
  }
}
@media (min-width: 1025px) {
  .buy-property:not(.animation-enter) .img {
    opacity: 0;
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
  }
  .buy-property:not(.animation-enter) .img1 {
    opacity: 0;
    -webkit-transform: translate3d(-25%, 0, 0);
    transform: translate3d(-25%, 0, 0);
  }
}

@media (min-width: 1025px) {
  .accordion {
    max-height: 29.5rem;
    overflow: auto;
    padding-right: 10px;
  }
  .accordion::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
  }
  .accordion::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}
.accordion__item {
  border-bottom: solid 1px #808080;
}
.accordion__item:not([data-open=true]) .accordion__title:after {
  -webkit-transform: translateY(-25%) rotate(180deg);
  -ms-transform: translateY(-25%) rotate(180deg);
  -o-transform: translateY(-25%) rotate(180deg);
  transform: translateY(-25%) rotate(180deg);
}
.accordion__item:not([data-open=true]) .accordion__text {
  display: none;
}
.accordion__title {
  position: relative;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1.5rem 3rem 1.5rem 0;
  line-height: 1.4;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .accordion__title {
    padding: 32px 40px 18px 0;
    font-size: 16px;
    line-height: 1.3;
  }
}
.accordion__title:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  border: solid 8px transparent;
  border-top: solid 0 transparent;
  border-bottom: solid 7px #7e7e7e;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translateY(-25%) rotate(0);
  -ms-transform: translateY(-25%) rotate(0);
  -o-transform: translateY(-25%) rotate(0);
  transform: translateY(-25%) rotate(0);
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s, -o-transform 0.2s;
}
@media (max-width: 1024px) {
  .accordion__title:after {
    top: 37px;
  }
}
.accordion__text {
  padding: 0 0 1.45rem;
}

.show-tooltip {
  position: relative;
  cursor: default !important;
  z-index: auto;
}
.show-tooltip:before {
  content: "";
  position: fixed;
  background: #F1861C;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  z-index: 10;
}
.show-tooltip.show:before {
  opacity: 0.5;
}
.show-tooltip.show .tooltip_block {
  pointer-events: auto;
  opacity: 1;
}
@media (max-width: 1024px) {
  .show-tooltip.show .tooltip_block {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

.tooltip_block {
  position: absolute;
  width: 26rem;
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  padding: 1rem 1.5rem;
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 160%;
  color: #000000;
  top: 100%;
  left: 50%;
  white-space: normal;
  z-index: 10;
  margin-left: -13rem;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.tooltip_block p {
  margin: 0;
}
@media (max-width: 1024px) {
  .tooltip_block {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: auto;
    margin: 0;
    max-height: 100vh;
    overflow: auto;
    padding: 26px 20px 30px 20px;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s, -o-transform 0.5s;
    opacity: 1;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}
.tooltip_block .close-link {
  display: none;
  margin: 23px auto 0;
  text-transform: uppercase;
  font-weight: 700;
  width: 100px;
  text-align: center;
}
@media (max-width: 1024px) {
  .tooltip_block .close-link {
    display: block;
  }
}

.page-gallery .inner-breadcrumbs {
  color: #FFF;
}
.page-gallery .inner-breadcrumbs svg path {
  stroke: #FFF;
}
@media (max-width: 1024px) {
  .page-gallery .inner-head {
    margin-bottom: 20px;
  }
}
.page-gallery .header[data-theme=white] .header__fav .fav-link span {
  background-color: #FFF;
  color: #F1861C;
}
@media (max-width: 1024px) {
  .page-gallery .header[data-theme=white] .logo svg path {
    fill: #fff;
  }
}

.inner-main.gallery {
  padding: 0;
  position: relative;
}

.gallery-images-svg {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0.9;
  pointer-events: none;
}
@media (min-width: 1025px) {
  .gallery-images-svg {
    height: 100%;
  }
}
@media (max-width: 1024px) {
  .gallery-images-svg {
    height: 131.3vw;
  }
}
@media (min-width: 1025px) {
  .gallery-images .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets,
  .gallery-images .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 67%;
  }
}
@media (max-width: 1024px) {
  .gallery-images .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets,
  .gallery-images .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 3.7%;
  }
}
@media (min-width: 1025px) {
  .gallery-images .swiper.gallery-slider .swiper-button-next {
    right: 33%;
  }
}
@media (max-width: 1024px) {
  .gallery-images .swiper.gallery-slider .swiper-button-prev,
  .gallery-images .swiper.gallery-slider .swiper-button-next {
    padding-top: -webkit-calc(88.5vw - 1.8rem);
    padding-top: calc(88.5vw - 1.8rem);
    padding-bottom: 3.7%;
  }
}

.gallery-texts {
  color: #FFF;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
@media (min-width: 1025px) {
  .gallery-texts {
    width: 33%;
    height: 100%;
    padding: 9vh -webkit-calc(140 / 1920 * 100vw) 9vh -webkit-calc(90 / 1920 * 100vw);
    padding: 9vh calc(140 / 1920 * 100vw) 9vh calc(90 / 1920 * 100vw);
  }
}
@media (max-width: 1024px) {
  .gallery-texts {
    width: 100%;
    padding: 80px 20px 50px 20px;
  }
}

.gallery-albums {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 700;
}
@media (min-width: 1025px) {
  .gallery-albums {
    gap: 1.5em;
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .gallery-albums {
    gap: 1em;
    text-transform: uppercase;
    font-size: 0.9rem;
  }
}

.gallery-album {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.4em;
  cursor: pointer;
}
.gallery-album:before {
  content: "";
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #FFF;
  width: 1em;
  height: 0.125em;
  margin-bottom: 0.2em;
}
.gallery-album:not([data-active=true]):before {
  opacity: 0;
}

.gallery__item-link {
  height: 100%;
  text-decoration: none;
  cursor: pointer;
}

.gallery__item {
  position: relative;
  height: 100%;
}
.gallery__item-img, .gallery__item-img:after {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
}
.gallery__item-img:after {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}
.gallery__item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}
.gallery__item__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
  position: relative;
}
@media (min-width: 1025px) {
  .gallery__item__body {
    width: 68%;
    padding-top: 1rem;
  }
}
@media (max-width: 1024px) {
  .gallery__item__body {
    padding-top: 88.5vw;
  }
}
.gallery__item__body-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.4rem;
  color: #FFF;
}
@media (max-width: 1024px) {
  .gallery__item__body-title {
    font-size: 1.5rem;
  }
}
.gallery__item__body-count {
  background: #F1861C;
  font-size: 0.8rem;
  color: #FFF;
}
@media (min-width: 1025px) {
  .gallery__item__body-count {
    padding: 0.6em;
    font-weight: 700;
  }
}
@media (max-width: 1024px) {
  .gallery__item__body-count {
    padding: 0.7em 1.2em 0.6em 1.2em;
  }
}

.gallery-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: auto;
}
.gallery-popup:before {
  content: "";
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
}
.gallery-popup::-webkit-scrollbar {
  display: none;
}
.gallery-popup:not([data-visible=true]) {
  visibility: hidden;
  z-index: -1;
}
@media (max-width: 1024px) {
  .gallery-popup {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: white;
  }
}
.gallery-popup-navigation {
  position: relative;
  margin-top: -0.2rem;
}
@media (max-width: 1024px) {
  .gallery-popup-navigation {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -50px;
  }
}
.gallery-popup-close {
  border: 2px solid;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.56em;
  height: 1.56em;
  padding-top: 0.2em;
  font-weight: 700;
  font-size: 1.6rem;
  color: #858585;
  cursor: pointer;
}
@media (hover: hover) {
  .gallery-popup-close {
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    -o-transition: -o-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms, -o-transform 300ms;
  }
  .gallery-popup-close:hover {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@media (max-width: 1024px) {
  .gallery-popup-close {
    width: 30px;
    height: 30px;
    font-size: 1.2rem;
  }
}
.gallery-popup-count {
  font-weight: 700;
  font-size: 1rem;
  color: #858585;
}
.gallery-popup-item {
  position: relative;
  width: -webkit-calc(1548 / 1920 * 100vw);
  width: calc(1548 / 1920 * 100vw);
  padding: 4vh 0;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .gallery-popup-item {
    width: 100%;
    padding: 20px 0;
  }
}
.gallery-popup-item-head {
  position: relative;
  margin: 0 0 3vh 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .gallery-popup-item-head {
    margin: 0 20px 85px 20px;
  }
}
.gallery-popup-item-head .gallery-swiper-pagination {
  height: 0.13rem;
  width: -webkit-calc(428 / 1920 * 100vw);
  width: calc(428 / 1920 * 100vw);
  background-color: #858585;
  rotate: x 180deg;
  left: auto;
  top: auto;
  bottom: -0.5rem;
}
@media (max-width: 1024px) {
  .gallery-popup-item-head .gallery-swiper-pagination {
    width: 100%;
    left: 0;
  }
}
.gallery-popup-item-head .gallery-swiper-pagination .swiper-pagination-progressbar-fill {
  height: 0.45rem;
  background-color: #858585;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 1.2s;
  transition: -webkit-transform 1.2s;
  -o-transition: -o-transform 1.2s;
  transition: transform 1.2s;
  transition: transform 1.2s, -webkit-transform 1.2s, -o-transform 1.2s;
}
.gallery-popup-item-title {
  width: -webkit-calc(592 / 1920 * 100vw);
  width: calc(592 / 1920 * 100vw);
  margin-bottom: -0.1em;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 700;
  font-size: 3.2rem;
  color: #35414C;
}
@media (max-width: 1024px) {
  .gallery-popup-item-title {
    width: auto;
    font-size: 1.9rem;
  }
}
.gallery-popup .gallery-slider {
  position: relative;
}
.gallery-popup .gallery-slider-item-img {
  width: -webkit-calc(1548 / 1920 * 100vw);
  width: calc(1548 / 1920 * 100vw);
  height: -webkit-calc(90vh - 3.2rem);
  height: calc(90vh - 3.2rem);
  overflow: hidden;
  margin-bottom: 3vh;
  opacity: 1;
}
@media (max-width: 1024px) {
  .gallery-popup .gallery-slider-item-img {
    width: 100%;
    height: 59vh;
    max-height: 80vw;
  }
}
.gallery-popup .gallery-slider-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.gallery-popup .gallery-slider-item-dsc {
  color: #35414C;
  font-size: 1rem;
}
@media (max-width: 1024px) {
  .gallery-popup .gallery-slider-item-dsc {
    padding: 0 20px;
  }
}
.gallery-popup .swiper.gallery-slider {
  height: 100%;
  overflow: visible;
}
.gallery-popup .swiper.gallery-slider .swiper-wrapper {
  overflow: hidden;
}
@media (min-width: 1025px) {
  .gallery-popup .swiper.gallery-slider .swiper-button-prev,
  .gallery-popup .swiper.gallery-slider .swiper-button-next {
    height: -webkit-calc(90vh - 3.2rem);
    height: calc(90vh - 3.2rem);
    padding-bottom: -webkit-calc(4vh + 3.2rem);
    padding-bottom: calc(4vh + 3.2rem);
    top: 0;
  }
  .gallery-popup .swiper.gallery-slider .swiper-button-prev:after,
  .gallery-popup .swiper.gallery-slider .swiper-button-next:after {
    background-image: url(../img/arrow-next-dark.svg);
  }
}
@media (max-width: 1024px) {
  .gallery-popup .swiper.gallery-slider .swiper-button-prev,
  .gallery-popup .swiper.gallery-slider .swiper-button-next {
    height: 59vh;
    max-height: 80vw;
  }
}
@media (min-width: 1025px) {
  .gallery-popup .swiper.gallery-slider .swiper-button-prev {
    left: -webkit-calc(-177 / 1920 * 100vw);
    left: calc(-177 / 1920 * 100vw);
  }
}
@media (min-width: 1025px) {
  .gallery-popup .swiper.gallery-slider .swiper-button-next {
    right: -webkit-calc(-177 / 1920 * 100vw);
    right: calc(-177 / 1920 * 100vw);
  }
}

.flats-scheme {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: -webkit-calc(10 / 1920 * 100vw);
  gap: calc(10 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .flats-scheme {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.flats-scheme__left {
  width: -webkit-calc(1359 / 1920 * 100vw);
  width: calc(1359 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .flats-scheme__left {
    width: 100%;
    margin-bottom: 30px;
  }
}
.flats-scheme__right {
  width: -webkit-calc(271 / 1920 * 100vw);
  width: calc(271 / 1920 * 100vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .flats-scheme__right {
    width: 100%;
  }
  .flats-scheme__right img {
    max-width: 200px;
  }
}

.building {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: -webkit-calc(40 / 1920 * 100vw);
  gap: calc(40 / 1920 * 100vw);
}
.building__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: -webkit-calc(10 / 1920 * 100vw);
  gap: calc(10 / 1920 * 100vw);
  width: -webkit-calc(113 / 1920 * 100vw);
  width: calc(113 / 1920 * 100vw);
  height: -webkit-calc(280 / 1920 * 100vw);
  height: calc(280 / 1920 * 100vw);
  padding: -webkit-calc(20 / 1920 * 100vw);
  padding: calc(20 / 1920 * 100vw);
  background: #F5F5F5;
  color: #F1861C;
  font-size: -webkit-calc(12 / 1920 * 100vw);
  font-size: calc(12 / 1920 * 100vw);
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .building__link {
    gap: -webkit-calc(4.2 / 430 * 100vw);
    gap: calc(4.2 / 430 * 100vw);
    width: -webkit-calc(47 / 430 * 100vw);
    width: calc(47 / 430 * 100vw);
    height: -webkit-calc(118 / 430 * 100vw);
    height: calc(118 / 430 * 100vw);
    padding: -webkit-calc(8 / 430 * 100vw);
    padding: calc(8 / 430 * 100vw);
    font-size: -webkit-calc(5 / 430 * 100vw);
    font-size: calc(5 / 430 * 100vw);
  }
}
.building__link img {
  height: -webkit-calc(12 / 1920 * 100vw);
  height: calc(12 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .building__link img {
    height: -webkit-calc(5 / 430 * 100vw);
    height: calc(5 / 430 * 100vw);
  }
}
.building__title {
  color: #F1861C;
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: -webkit-calc(30 / 1920 * 100vw);
  margin-bottom: calc(30 / 1920 * 100vw);
  text-align: center;
}
@media (max-width: 1024px) {
  .building__title {
    font-size: -webkit-calc(10 / 430 * 100vw);
    font-size: calc(10 / 430 * 100vw);
    margin-bottom: -webkit-calc(12 / 430 * 100vw);
    margin-bottom: calc(12 / 430 * 100vw);
  }
}
.building__section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: -webkit-calc(10 / 1920 * 100vw);
  gap: calc(10 / 1920 * 100vw);
  background: #F5F5F5;
  padding: -webkit-calc(50 / 1920 * 100vw) -webkit-calc(50 / 1920 * 100vw) -webkit-calc(50 / 1920 * 100vw) -webkit-calc(10 / 1920 * 100vw);
  padding: calc(50 / 1920 * 100vw) calc(50 / 1920 * 100vw) calc(50 / 1920 * 100vw) calc(10 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .building__section {
    gap: -webkit-calc(4.2 / 430 * 100vw);
    gap: calc(4.2 / 430 * 100vw);
    padding: -webkit-calc(21 / 430 * 100vw) -webkit-calc(21 / 430 * 100vw) -webkit-calc(21 / 430 * 100vw) -webkit-calc(4.2 / 430 * 100vw);
    padding: calc(21 / 430 * 100vw) calc(21 / 430 * 100vw) calc(21 / 430 * 100vw) calc(4.2 / 430 * 100vw);
  }
}
.building__floors {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  gap: -webkit-calc(10 / 1920 * 100vw);
  gap: calc(10 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .building__floors {
    gap: -webkit-calc(4.2 / 430 * 100vw);
    gap: calc(4.2 / 430 * 100vw);
  }
}
.building__floors div {
  width: -webkit-calc(50 / 1920 * 100vw);
  width: calc(50 / 1920 * 100vw);
  height: -webkit-calc(50 / 1920 * 100vw);
  height: calc(50 / 1920 * 100vw);
  line-height: -webkit-calc(50 / 1920 * 100vw);
  line-height: calc(50 / 1920 * 100vw);
  color: #B1B2B3;
  text-align: center;
  font-size: -webkit-calc(20 / 1920 * 100vw);
  font-size: calc(20 / 1920 * 100vw);
  font-weight: 400;
}
@media (max-width: 1024px) {
  .building__floors div {
    width: -webkit-calc(21 / 430 * 100vw);
    width: calc(21 / 430 * 100vw);
    height: -webkit-calc(21 / 430 * 100vw);
    height: calc(21 / 430 * 100vw);
    line-height: -webkit-calc(23 / 430 * 100vw);
    line-height: calc(23 / 430 * 100vw);
    font-size: -webkit-calc(8 / 430 * 100vw);
    font-size: calc(8 / 430 * 100vw);
  }
}
.building__flats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  gap: -webkit-calc(10 / 1920 * 100vw);
  gap: calc(10 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .building__flats {
    gap: -webkit-calc(4.2 / 430 * 100vw);
    gap: calc(4.2 / 430 * 100vw);
  }
}
.building__flats > div {
  position: relative;
  width: -webkit-calc(50 / 1920 * 100vw);
  width: calc(50 / 1920 * 100vw);
  height: -webkit-calc(50 / 1920 * 100vw);
  height: calc(50 / 1920 * 100vw);
  line-height: -webkit-calc(50 / 1920 * 100vw);
  line-height: calc(50 / 1920 * 100vw);
  background: rgba(41, 49, 56, 0.96);
  color: #F5F5F5;
  text-align: center;
  font-size: -webkit-calc(20 / 1920 * 100vw);
  font-size: calc(20 / 1920 * 100vw);
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: 0.3s background;
  -o-transition: 0.3s background;
  transition: 0.3s background;
}
@media (max-width: 1024px) {
  .building__flats > div {
    width: -webkit-calc(21 / 430 * 100vw);
    width: calc(21 / 430 * 100vw);
    height: -webkit-calc(21 / 430 * 100vw);
    height: calc(21 / 430 * 100vw);
    line-height: -webkit-calc(23 / 430 * 100vw);
    line-height: calc(23 / 430 * 100vw);
    font-size: -webkit-calc(8 / 430 * 100vw);
    font-size: calc(8 / 430 * 100vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  .building__flats > div:hover:hover {
    background: #F1861C;
  }
}
.building__flats .booked {
  opacity: 0.3;
}
.building__flats .default {
  border: -webkit-calc(5 / 1920 * 100vw) solid rgba(41, 49, 56, 0.3);
  border: calc(5 / 1920 * 100vw) solid rgba(41, 49, 56, 0.3);
  background: #F5F5F5;
  pointer-events: none;
  cursor: default;
}

.build {
  width: -webkit-calc(300 / 1920 * 100vw);
  width: calc(300 / 1920 * 100vw);
}
.build__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  white-space: nowrap;
  font-size: -webkit-calc(16 / 1920 * 100vw);
  font-size: calc(16 / 1920 * 100vw);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: -webkit-calc(20 / 1920 * 100vw);
  margin-bottom: calc(20 / 1920 * 100vw);
}
.build__info > div:nth-child(1) {
  color: rgba(41, 49, 56, 0.96);
}
.build__info > div:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 0.5em;
  -moz-column-gap: 0.5em;
  column-gap: 0.5em;
  text-align: right;
}
.build__info .old-price {
  font-weight: 400;
  font-size: 0.7em;
  color: #969696;
  position: relative;
}
.build__info .old-price:before {
  content: "";
  border-top: 1px solid;
  position: absolute;
  left: -0.25ch;
  right: -0.25ch;
  top: 40%;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.build__info .current-price {
  color: #F1861C;
}
.build__booked {
  margin-bottom: -webkit-calc(20 / 1920 * 100vw);
  margin-bottom: calc(20 / 1920 * 100vw);
  white-space: nowrap;
  text-align: right;
  font-size: -webkit-calc(12 / 1920 * 100vw);
  font-size: calc(12 / 1920 * 100vw);
  font-weight: 700;
  text-transform: uppercase;
  color: #969696;
}
.build__img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: -webkit-calc(210 / 1920 * 100vw);
  height: calc(210 / 1920 * 100vw);
}
.build__img img {
  max-width: 100%;
  max-height: 100%;
}
.build_booked .build__info {
  margin-bottom: 0;
}
.build_booked .build__info .current-price {
  color: #969696;
}

.tooltipster-sidetip .tooltipster-box {
  border: 1px solid #F1861C;
  background: #FFF;
  border-radius: 0;
}
.tooltipster-sidetip .tooltipster-content {
  padding: -webkit-calc(25 / 1920 * 100vw);
  padding: calc(25 / 1920 * 100vw);
  color: rgba(41, 49, 56, 0.96);
}

.legenda {
  margin-left: -webkit-calc(48 / 1920 * 100vw);
  margin-left: calc(48 / 1920 * 100vw);
}
.legenda__item {
  position: relative;
  margin-top: 10px;
  padding-left: -webkit-calc(50 / 1920 * 100vw);
  padding-left: calc(50 / 1920 * 100vw);
  line-height: -webkit-calc(30 / 1920 * 100vw);
  line-height: calc(30 / 1920 * 100vw);
  font-size: -webkit-calc(14 / 1920 * 100vw);
  font-size: calc(14 / 1920 * 100vw);
  font-weight: 700;
  text-transform: uppercase;
  color: #858585;
}
.legenda__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: -webkit-calc(30 / 1920 * 100vw);
  width: calc(30 / 1920 * 100vw);
  height: -webkit-calc(30 / 1920 * 100vw);
  height: calc(30 / 1920 * 100vw);
}
.legenda__item_free:before {
  background: rgba(41, 49, 56, 0.96);
}
.legenda__item_booked:before {
  opacity: 0.3;
  background: rgba(41, 49, 56, 0.96);
}
.legenda__item_default:before {
  border: 3px solid rgba(41, 49, 56, 0.3);
}

.sitemap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: -webkit-calc(60 / 1920 * 100vw);
  gap: calc(60 / 1920 * 100vw);
  margin-top: -webkit-calc(153 / 1920 * 100vw);
  margin-top: calc(153 / 1920 * 100vw);
  margin-bottom: -webkit-calc(118 / 1920 * 100vw);
  margin-bottom: calc(118 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .sitemap {
    margin: 50px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}
.sitemap__column {
  width: 25%;
}
@media (max-width: 1024px) {
  .sitemap__column {
    width: 100%;
  }
}
.sitemap__item {
  color: #F1861C;
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: -webkit-calc(30 / 1920 * 100vw);
  margin-bottom: calc(30 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .sitemap__item {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.sitemap__list {
  font-size: -webkit-calc(16 / 1920 * 100vw);
  font-size: calc(16 / 1920 * 100vw);
  margin: -webkit-calc(25 / 1920 * 100vw) 0 0 -webkit-calc(22 / 1920 * 100vw);
  margin: calc(25 / 1920 * 100vw) 0 0 calc(22 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .sitemap__list {
    font-size: 16px;
    margin: 25px 0 30px 22px;
  }
}
.sitemap__list div {
  margin-bottom: -webkit-calc(13 / 1920 * 100vw);
  margin-bottom: calc(13 / 1920 * 100vw);
}
.sitemap__list a {
  color: #2C3842;
}

@media (min-width: 1025px) {
  .page-progress .inner-main {
    padding-bottom: 8.5vh;
  }
}
@media (max-width: 1024px) {
  .page-progress .inner-main {
    padding-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .page-progress .inner-head {
    margin-bottom: 4vh;
  }
}

.progress-filter {
  margin-bottom: 11vh;
}
@media (max-width: 1024px) {
  .progress-filter {
    margin-bottom: 60px;
  }
}
.progress-filter .filter-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 1024px) {
  .progress-filter .filter-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 0.9rem;
  }
}
@media (min-width: 1025px) {
  .progress-filter .filter-fieldset:last-child {
    margin-left: auto;
  }
}
.progress-filter .filter-select .ui-selectmenu-button {
  border: 1px solid;
  height: 2em;
  padding: 0.2em 0.75em 0 0.75em;
}
.progress-filter .filter-select .ui-selectmenu-icon {
  border-width: 0.25em 0.35em 0 0.35em;
}
.progress-filter .filter-select[data-name=period] {
  min-width: 11em;
}
.progress-filter .filter-switchers[data-name=type] {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
@media (min-width: 1025px) {
  .progress-filter .filter-switchers[data-name=type] {
    gap: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .progress-filter .filter-switcher {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.progress-filter .filter-switcher input[value=camera] + span {
  border-radius: 1em;
  background-color: #2C3842;
  color: #fff;
}
.progress-filter .filter-switcher input[value=camera]:checked + span {
  background-color: #F39538;
}
.progress-filter .filter-reset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.7em;
  font-size: 0.8rem;
  color: #F38E1C;
  cursor: pointer;
}
.progress-filter .filter-reset svg {
  width: 1.3em;
  height: auto;
}
@media (min-width: 1025px) {
  .progress-filter .filter-reset {
    margin-top: 1.4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .progress-filter .filter-reset:hover {
    -webkit-transition: 0.3s color;
    -o-transition: 0.3s color;
    transition: 0.3s color;
  }
  .progress-filter .filter-reset:hover:hover {
    color: #858585;
  }
}
.progress-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  row-gap: 3.5vh;
}
@media (max-width: 1024px) {
  .progress-list {
    row-gap: 5px;
    margin: 0 -20px;
  }
}
.progress-list .empty-note {
  text-align: center;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .progress-list .empty-note {
    margin-bottom: 100px;
  }
}
.progress-item {
  background-color: rgba(51, 51, 51, 0.5);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 48.5%;
  position: relative;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .progress-item {
    width: 100%;
  }
}
.progress-item:before {
  content: "";
  display: block;
  padding-top: 56%;
}
.progress-item-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 8.5rem;
  height: 100%;
  padding: 1.2rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1024px) {
  .progress-item-info {
    width: 6.5rem;
    padding: 0.75rem;
  }
}
.progress-item-info:before {
  content: "";
  background: #333333;
  mix-blend-mode: hard-light;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.progress-item-title, .progress-item-buildings {
  position: relative;
}
.progress-item-title {
  padding-top: 0.2rem;
  font-size: 0.8rem;
}
.progress-item-buildings {
  font-size: 0.65rem;
}
.progress-more {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 7vh auto 0 auto;
  padding-bottom: 0.35em;
  text-transform: uppercase;
  font-weight: 700;
  color: #F1861C;
  position: relative;
  cursor: pointer;
  display: none;
}
@media (max-width: 1024px) {
  .progress-more {
    margin-top: 35px;
    margin-bottom: 40px;
  }
}
.progress-more:after {
  content: "";
  border-color: #F1861C transparent transparent transparent;
  border-width: 0.35em 0.5em 0 0.5em;
  border-style: solid;
  width: 0;
  height: 0;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}
.progress-slider {
  padding-bottom: -webkit-calc(5vh + 2rem);
  padding-bottom: calc(5vh + 2rem);
}
@media (max-width: 1024px) {
  .progress-slider {
    padding-bottom: 3.5rem;
  }
}
.progress-slider.swiper.gallery-slider {
  height: 100%;
}
.progress-slider.swiper.gallery-slider .swiper-button-prev,
.progress-slider.swiper.gallery-slider .swiper-button-next {
  gap: 1.5rem;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: -webkit-calc(50% - 10px);
  width: calc(50% - 10px);
  height: 2.4rem;
  padding: 0;
  top: auto;
  bottom: 0;
}
@media (max-width: 1024px) {
  .progress-slider.swiper.gallery-slider .swiper-button-prev,
  .progress-slider.swiper.gallery-slider .swiper-button-next {
    gap: 1.25rem;
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
  }
}
.progress-slider.swiper.gallery-slider .swiper-button-prev:after,
.progress-slider.swiper.gallery-slider .swiper-button-next:after {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-image: url(../img/arrow-next-dark.svg);
  width: 1rem;
  height: 2rem;
}
@media (max-width: 1024px) {
  .progress-slider.swiper.gallery-slider .swiper-button-prev:after,
  .progress-slider.swiper.gallery-slider .swiper-button-next:after {
    width: 0.85rem;
    height: 1.7rem;
  }
}
.progress-slider.swiper.gallery-slider .swiper-button-prev span,
.progress-slider.swiper.gallery-slider .swiper-button-next span {
  padding-top: 0.2em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2rem;
  color: #2C3842;
}
@media (max-width: 1024px) {
  .progress-slider.swiper.gallery-slider .swiper-button-prev span,
  .progress-slider.swiper.gallery-slider .swiper-button-next span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1rem;
  }
}
.progress-slider.swiper.gallery-slider .swiper-button-prev {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media (max-width: 1024px) {
  .progress-slider.swiper.gallery-slider .swiper-button-prev {
    left: 10px;
  }
}
.progress-slider.swiper.gallery-slider .swiper-button-next span {
  text-align: right;
}
@media (max-width: 1024px) {
  .progress-slider.swiper.gallery-slider .swiper-button-next {
    right: 10px;
  }
}
.progress-image, .progress-video, .progress-camera, .progress-camera {
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .progress-image, .progress-video, .progress-camera, .progress-camera {
    height: 56vw;
  }
}
.progress-image {
  -o-object-fit: contain;
  object-fit: contain;
}
.progress-video {
  border: 0;
  position: absolute;
  left: 0;
  top: o;
}
.progress-camera [data-player] {
  width: 100% !important;
  height: 100% !important;
}

.filter-switchers[data-name=type] {
  opacity: 0;
  position: absolute;
}

.hidden_field {
  opacity: 0;
  position: absolute;
}

@media (max-width: 1024px) {
  .page-developer .header[data-theme=white] .logo svg path {
    fill: #fff;
  }
}
@media (max-width: 1024px) {
  .page-developer .header[data-theme=white] .header__fav .fav-link span {
    background-color: #fff;
    color: #F1861C;
  }
}
.page-developer .footer {
  position: relative;
}

.section-developer {
  position: relative;
}
@media (min-width: 1025px) {
  .section-developer .section-title {
    margin-bottom: 1.1em;
  }
}
@media (max-width: 1024px) {
  .section-developer .section-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .section-developer p:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (min-width: 1025px) {
  .section-developer .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 3.4em;
    padding-right: 3.4em;
    font-size: 1rem;
  }
}
@media (max-width: 1024px) {
  .section-developer .btn {
    font-size: 1.1rem;
  }
}

.developer-main {
  overflow: hidden;
  z-index: 2;
}
.developer-main .inner-head {
  gap: 1rem;
  padding-top: 0;
}
@media (min-width: 1025px) {
  .developer-main .inner-head {
    margin-bottom: 2rem;
  }
}
@media (max-width: 1024px) {
  .developer-main .inner-head {
    margin-bottom: 20px;
  }
}
.developer-main .inner-breadcrumbs {
  color: #fff;
}
.developer-main .section-title {
  margin-bottom: 0;
}
.developer-main .anim {
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
.developer-main .img,
.developer-main .svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1024px) {
  .developer-main .img,
  .developer-main .svg {
    height: 216.5vw;
  }
}
.developer-main .img {
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.developer-main .content {
  max-width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  -webkit-transition: 2.35s max-width ease-in;
  -o-transition: 2.35s max-width ease-in;
  transition: 2.35s max-width ease-in;
}
.developer-main .container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 84vh;
  padding-top: 16vh;
  margin: 0;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 1025px) {
  .developer-main .container {
    width: 20.5em;
    padding-right: -webkit-calc(50 / 1920 * 100vw);
    padding-right: calc(50 / 1920 * 100vw);
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .developer-main .container {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    height: -webkit-calc(100% - 105px);
    height: calc(100% - 105px);
    padding-top: 105px;
  }
}
@media (min-width: 1025px) {
  .developer-main .container .text {
    max-width: 18em;
  }
}

@media (min-width: 1025px) {
  body:not(.loaded) .developer-main .anim {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  body:not(.loaded) .developer-main .content {
    max-width: 0;
  }
}

@media (min-width: 1025px) {
  .developer-about {
    padding: 14vh 0;
  }
}
@media (max-width: 1024px) {
  .developer-about {
    padding: 60px 0;
  }
}
@media (min-width: 1025px) {
  .developer-about .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (min-width: 1025px) {
  .developer-about .texts {
    width: 45%;
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .developer-about .texts {
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .developer-about .text:not(:last-child) {
    margin-bottom: 1.7em;
  }
}
@media (max-width: 1024px) {
  .developer-about .text:not(:last-child) {
    margin-bottom: 60px;
  }
}
.developer-about .image {
  position: relative;
}
@media (min-width: 1025px) {
  .developer-about .image {
    width: 50%;
    min-height: 100%;
  }
}
@media (max-width: 1024px) {
  .developer-about .image {
    margin: 0 -20px;
  }
  .developer-about .image:not(:last-child) {
    margin-bottom: 60px;
  }
}
.developer-about .image:before {
  content: "";
  display: block;
}
@media (min-width: 1025px) {
  .developer-about .image:before {
    padding-top: 73.1%;
  }
}
@media (max-width: 1024px) {
  .developer-about .image:before {
    padding-top: 66.6%;
  }
}
.developer-about .image .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.developer-numbers {
  background-color: #f5f5f5;
  position: relative;
}
@media (min-width: 1025px) {
  .developer-numbers {
    padding: 14vh 0;
  }
  .developer-numbers:before {
    content: "";
    background: url(../img/tick2.svg) 100% 100% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 100vh;
    height: 50vh;
    position: absolute;
    top: 8vh;
    right: 28%;
    -webkit-transform: translateX(50%) scaleY(-1);
    -ms-transform: translateX(50%) scaleY(-1);
    -o-transform: translateX(50%) scaleY(-1);
    transform: translateX(50%) scaleY(-1);
  }
}
@media (max-width: 1024px) {
  .developer-numbers {
    padding: 60px 0;
  }
}
.developer-numbers .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 1024px) {
  .developer-numbers .container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 60px;
  }
}
.developer-numbers .container > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5em;
  max-width: 12.5em;
}
@media (max-width: 1024px) {
  .developer-numbers .container > div {
    width: 49.5%;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .developer-numbers .container > div:nth-child(even) {
    margin-top: 5.1em;
  }
}
.developer-numbers .container > div > div:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
}
.developer-numbers .container > div > div:first-child big {
  font-weight: 700;
  font-size: 3.8em;
  color: #F1861C;
}
@media (max-width: 1024px) {
  .developer-numbers .container > div > div:first-child big {
    font-size: 3.2em;
  }
}
@media (min-width: 1025px) {
  .developer-numbers .container > div > div:first-child small {
    font-size: 0.8em;
  }
}

@media (min-width: 1025px) {
  .developer-mission {
    padding: 14vh 0;
  }
}
@media (max-width: 1024px) {
  .developer-mission {
    padding: 60px 0;
  }
}
.developer-mission .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5%;
}
@media (max-width: 1024px) {
  .developer-mission .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
  }
}
@media (min-width: 1025px) {
  .developer-mission .container > div {
    width: 47.5%;
  }
}
.developer-mission .container > div:first-child {
  max-width: 39em;
}
.developer-mission .container > div:last-child {
  max-width: 35em;
}
@media (max-width: 1024px) {
  .developer-mission .container > div:last-child {
    max-width: 21.5em;
  }
}
.developer-mission .section-title {
  margin-bottom: 0.6em;
}
@media (max-width: 1024px) {
  .developer-mission .section-title {
    margin-bottom: 40px;
    padding: 0 0.6em;
  }
}
.developer-mission-cite {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 0.4em;
  font-size: 1.2em;
}
@media (max-width: 1024px) {
  .developer-mission-cite {
    gap: 0.8em;
    font-size: 0.75em;
  }
}
.developer-mission-cite span:first-child, .developer-mission-cite span:last-child {
  line-height: 0.4;
  font-weight: 500;
}
@media (min-width: 1025px) {
  .developer-mission-cite span:first-child, .developer-mission-cite span:last-child {
    font-size: 1.7em;
    color: #F1861C;
  }
}
@media (max-width: 1024px) {
  .developer-mission-cite span:first-child, .developer-mission-cite span:last-child {
    font-size: 2em;
  }
}
.developer-mission-cite span:last-child {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.developer-mission-tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1.2em;
  -moz-column-gap: 1.2em;
  column-gap: 1.2em;
  row-gap: 0.4em;
}
@media (max-width: 1024px) {
  .developer-mission-tags {
    -webkit-column-gap: 0.5em;
    -moz-column-gap: 0.5em;
    column-gap: 0.5em;
    row-gap: 0.3em;
    font-size: 3.2vw;
  }
}
.developer-mission-tags span {
  text-transform: uppercase;
  line-height: 1;
  color: #F1861C;
}
.developer-mission-tags span.fs1 {
  font-size: 1.3em;
}
.developer-mission-tags span.fs2 {
  font-size: 1.6em;
}
.developer-mission-tags span.fs3 {
  font-size: 2.5em;
}
.developer-mission-tags span.fs4 {
  font-size: 3.3em;
}
.developer-mission-tags span.fs5 {
  font-size: 4.1em;
}
@media (max-width: 1024px) {
  .developer-mission-tags span.fs1 {
    font-size: 0.8em;
  }
  .developer-mission-tags span.fs2 {
    font-size: 1em;
  }
  .developer-mission-tags span.fs3 {
    font-size: 1.5em;
  }
  .developer-mission-tags span.fs4 {
    font-size: 2em;
  }
  .developer-mission-tags span.fs5 {
    font-size: 2.5em;
  }
}

@media (max-width: 1024px) {
  .developer-valuable {
    background-color: #F1861C;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1025px) {
  .developer-valuable .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.developer-valuable .container {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 2;
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
@media (min-width: 1025px) {
  .developer-valuable .container {
    gap: -webkit-calc(70 / 1920 * 100vw);
    gap: calc(70 / 1920 * 100vw);
    width: 43.5%;
    padding-top: -webkit-calc(70 / 1920 * 100vw);
    padding-top: calc(70 / 1920 * 100vw);
    padding-bottom: -webkit-calc(70 / 1920 * 100vw);
    padding-bottom: calc(70 / 1920 * 100vw);
    margin: 0;
    font-size: 1.2rem;
  }
  .developer-valuable .container:after {
    content: "";
    border-color: transparent transparent transparent #F1861C;
    border-width: 37vh 0 37vh -webkit-calc(120 / 1920 * 100vw);
    border-width: 37vh 0 37vh calc(120 / 1920 * 100vw);
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 100%;
  }
}
@media (max-width: 1024px) {
  .developer-valuable .container {
    gap: 60px;
    font-size: 0.75rem;
  }
}
.developer-valuable .container .big {
  max-width: 20em;
  text-transform: uppercase;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .developer-valuable .container .big {
    font-size: 1.3em;
  }
}
@media (min-width: 1025px) {
  .developer-valuable .section-title:not(:last-child) {
    margin-bottom: -webkit-calc(70 / 1920 * 100vw);
    margin-bottom: calc(70 / 1920 * 100vw);
  }
}
@media (max-width: 1024px) {
  .developer-valuable .section-title:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (min-width: 1025px) {
  .developer-valuable .image {
    width: 56%;
    height: 64vh;
    margin: 5vh 0;
  }
}
@media (max-width: 1024px) {
  .developer-valuable .image {
    width: 100%;
    height: 67vw;
  }
}
.developer-valuable .image .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 1025px) {
  .developer-valuable:not(.animation-enter) .container {
    -webkit-transform: translate3d(-115%, 0, 0);
    transform: translate3d(-115%, 0, 0);
  }
}

@media (min-width: 1025px) {
  .developer-quality {
    padding: 14vh 0;
    position: relative;
  }
  .developer-quality:before {
    content: "";
    background: url(../img/ellipse5.svg) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 65vw;
    height: 32.5vw;
    max-height: 58vh;
    position: absolute;
    bottom: 0;
    left: -32.5vw;
  }
}
@media (max-width: 1024px) {
  .developer-quality {
    padding: 60px 0;
  }
}
.developer-quality .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 1025px) {
  .developer-quality .container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .developer-quality .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
  }
}
@media (min-width: 1025px) {
  .developer-quality .section-title {
    font-size: 2.4rem;
  }
  .developer-quality .section-title:not(:last-child) {
    margin-bottom: -webkit-calc(70 / 1920 * 100vw);
    margin-bottom: calc(70 / 1920 * 100vw);
  }
}
@media (max-width: 1024px) {
  .developer-quality .section-title:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (min-width: 1025px) {
  .developer-quality .text {
    width: 41%;
    max-width: 28em;
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .developer-quality .text {
    font-size: 0.75rem;
  }
}
.developer-quality .image {
  position: relative;
}
@media (min-width: 1025px) {
  .developer-quality .image {
    width: 54%;
    min-height: 100%;
  }
}
.developer-quality .image:before {
  content: "";
  display: block;
}
@media (min-width: 1025px) {
  .developer-quality .image:before {
    padding-top: 67.4%;
  }
}
@media (max-width: 1024px) {
  .developer-quality .image:before {
    padding-top: 94%;
  }
}
.developer-quality .image .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

@media (min-width: 1025px) {
  .developer-area {
    background-color: #F5F5F5;
  }
}
@media (max-width: 1024px) {
  .developer-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
  }
}
.developer-area .img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .developer-area .img {
    height: 130%;
    min-height: 320vw;
    -o-object-position: 40% 50%;
    object-position: 40% 50%;
  }
}
.developer-area .container {
  background-color: rgba(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
@media (min-width: 1025px) {
  .developer-area .container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    padding-top: -webkit-calc(140 / 1920 * 100vw);
    padding-top: calc(140 / 1920 * 100vw);
    padding-bottom: -webkit-calc(140 / 1920 * 100vw);
    padding-bottom: calc(140 / 1920 * 100vw);
    margin-right: 0;
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .developer-area .container {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .developer-area .container .texts {
    width: 23.5em;
  }
}
@media (min-width: 1025px) {
  .developer-area .container .text:not(:last-child) {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 1024px) {
  .developer-area .container .text:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (min-width: 1025px) {
  .developer-area:not(.animation-enter) .container {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.developer-humanity {
  background-color: #F5F5F5;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .developer-humanity {
    padding: 14vh 0;
  }
  .developer-humanity:before {
    content: "";
    background: url(../img/ellipse6.svg) 50% 100% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 126vh;
    height: 63vh;
    position: absolute;
    bottom: -19vh;
    left: 25vw;
  }
}
@media (max-width: 1024px) {
  .developer-humanity {
    padding: 60px 0;
  }
}
@media (min-width: 1025px) {
  .developer-humanity .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }
}
@media (min-width: 1025px) {
  .developer-humanity .texts {
    width: 47%;
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .developer-humanity .texts {
    font-size: 0.75rem;
  }
}
.developer-humanity .text:not(:last-child) {
  margin-bottom: 1.7em;
}
.developer-humanity .images {
  position: relative;
}
@media (min-width: 1025px) {
  .developer-humanity .images {
    width: 49%;
  }
}
@media (max-width: 1024px) {
  .developer-humanity .images:not(:last-child) {
    margin-bottom: 1.7em;
  }
}
.developer-humanity .images:before {
  content: "";
  display: block;
}
@media (min-width: 1025px) {
  .developer-humanity .images:before {
    padding-top: 84.8%;
  }
}
@media (max-width: 1024px) {
  .developer-humanity .images:before {
    padding-top: 77.6%;
  }
}
.developer-humanity .images .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
}
.developer-humanity .images .img1 {
  top: 0;
  right: 0;
}
@media (min-width: 1025px) {
  .developer-humanity .images .img1 {
    width: 65.8%;
    height: 67.4%;
  }
}
@media (max-width: 1024px) {
  .developer-humanity .images .img1 {
    width: 78.8%;
    height: 75.7%;
  }
}
.developer-humanity .images .img2 {
  left: 0;
  bottom: 0;
  z-index: 2;
}
@media (min-width: 1025px) {
  .developer-humanity .images .img2 {
    width: 45.8%;
    height: 75.4%;
  }
}
@media (max-width: 1024px) {
  .developer-humanity .images .img2 {
    width: 36.4%;
    height: 65.7%;
  }
}

.developer-awards {
  overflow: hidden;
}
@media (min-width: 1025px) {
  .developer-awards {
    padding: 14vh 0;
  }
}
@media (max-width: 1024px) {
  .developer-awards {
    padding: 60px 0;
  }
  .developer-awards .section-title:not(:last-child) {
    margin-bottom: 60px;
  }
}
@media (min-width: 1025px) {
  .developer-awards .swiper {
    margin-right: -webkit-calc(-80 / 1920 * 100vw);
    margin-right: calc(-80 / 1920 * 100vw);
  }
}
@media (max-width: 1024px) {
  .developer-awards .swiper {
    margin-right: -20px;
  }
}
.developer-awards .swiper-button-prev,
.developer-awards .swiper-button-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.3rem;
  height: 2.6rem;
  top: 0;
  left: auto;
  right: -webkit-calc(80 / 1920 * 100vw);
  right: calc(80 / 1920 * 100vw);
  margin: 0;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .developer-awards .swiper-button-prev,
  .developer-awards .swiper-button-next {
    width: 0.85rem;
    height: 1.7rem;
    top: 0.8rem;
    right: 20px;
  }
}
.developer-awards .swiper-button-prev:after,
.developer-awards .swiper-button-next:after {
  content: "";
  background: url(../img/arrow-next-orange.svg) no-repeat center/contain;
  display: block;
  width: 100%;
  height: 100%;
}
.developer-awards .swiper-button-prev {
  margin-right: 2rem;
}
@media (min-width: 1025px) {
  .developer-awards-item {
    padding-right: -webkit-calc(80 / 1920 * 100vw);
    padding-right: calc(80 / 1920 * 100vw);
  }
}
@media (max-width: 1024px) {
  .developer-awards-item {
    padding-right: 20px;
  }
}
.developer-awards-item-year {
  margin-bottom: 0.4em;
  font-weight: 700;
  font-size: 2.4rem;
  color: #F1861C;
}
@media (max-width: 1024px) {
  .developer-awards-item-year {
    font-size: 3rem;
  }
}
.developer-awards-item-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2rem;
  font-weight: 700;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}
@media (max-width: 1024px) {
  .developer-awards-item-title {
    gap: 2.5rem;
    text-transform: uppercase;
    margin-bottom: 1.2em;
    font-size: 1rem;
  }
}
.developer-awards-item-title:after {
  content: "";
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  background: #F1861C;
  height: 2px;
}
.developer-awards-item-texts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 2em;
}
@media (max-width: 1024px) {
  .developer-awards-item-texts {
    gap: 1.7em;
    font-size: 0.9rem;
  }
}
@media (min-width: 1025px) {
  .developer-awards-item-texts > div {
    width: -webkit-calc(50% - 1em);
    width: calc(50% - 1em);
  }
}

.page-grand-flats {
  padding-top: -webkit-calc(9vh + 3.96rem);
  padding-top: calc(9vh + 3.96rem);
}
@media (max-width: 1024px) {
  .page-grand-flats {
    padding-top: 71px;
  }
}
.page-grand-flats .footer {
  position: relative;
}
@media (min-width: 1025px) {
  .page-grand-flats:not(.loaded) .grand-flats-main .container {
    -webkit-transform: translate3d(-115%, 0, 0);
    transform: translate3d(-115%, 0, 0);
  }
}

.section-grand-flats {
  position: relative;
}
@media (min-width: 1025px) {
  .section-grand-flats .section-title {
    margin-bottom: 1.1em;
  }
}
@media (max-width: 1024px) {
  .section-grand-flats .section-title {
    margin-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .section-grand-flats p:not(:last-child) {
    margin-bottom: 18px;
  }
}
@media (min-width: 1025px) {
  .section-grand-flats .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 3.4em;
    padding-right: 3.4em;
    font-size: 1rem;
  }
}
@media (max-width: 1024px) {
  .section-grand-flats .btn {
    font-size: 1.1rem;
  }
}

@media (min-width: 1025px) {
  body:not(.loaded) .grand-flats-main .anim {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  body:not(.loaded) .grand-flats-main .content {
    max-width: 0;
  }
}

@media (max-width: 1024px) {
  .grand-flats-main {
    background-color: #F1861C;
    padding-top: 63px;
  }
}
@media (min-width: 1025px) {
  .grand-flats-main .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.grand-flats-main .container {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 2;
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
@media (min-width: 1025px) {
  .grand-flats-main .container {
    font-size: 1.2rem;
    width: 43.5%;
    padding-top: -webkit-calc(12 / 1920 * 100vw);
    padding-top: calc(12 / 1920 * 100vw);
    margin: 0;
  }
  .grand-flats-main .container:after {
    content: "";
    border-color: transparent transparent transparent #F1861C;
    border-width: 39vh 0 39vh -webkit-calc(120 / 1920 * 100vw);
    border-width: 39vh 0 39vh calc(120 / 1920 * 100vw);
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 100%;
  }
}
@media (max-width: 1024px) {
  .grand-flats-main .container {
    font-size: 1rem;
  }
}
.grand-flats-main .section-title {
  font-size: 3.6rem;
  margin-bottom: 3.6rem;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .grand-flats-main .section-title {
    margin-bottom: 1.35rem;
    font-size: 1.95rem;
  }
}
.grand-flats-main p {
  font-size: 1.4rem;
  line-height: 1.3;
}
@media (max-width: 1024px) {
  .grand-flats-main p {
    font-size: 1rem;
  }
}
@media (min-width: 1025px) {
  .grand-flats-main .image {
    width: 56%;
    height: 70vh;
    margin: 4vh 0;
  }
}
@media (max-width: 1024px) {
  .grand-flats-main .image {
    width: 100%;
    height: 90vw;
    margin: 57px 0 0;
  }
}
.grand-flats-main .image .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section-grand-flat-item {
  padding: 15vh 0 4.5vh 0;
}
@media (max-width: 1024px) {
  .section-grand-flat-item {
    padding: 10vh 0 10vh 0;
  }
}
.section-grand-flat-item[data-grand-flat="3"], .section-grand-flat-item[data-grand-flat="6"] {
  background-color: #f5f5f5;
}
.section-grand-flat-item[data-grand-flat="1"] .flat-tab[data-tab="2"], .section-grand-flat-item[data-grand-flat="6"] .flat-tab[data-tab="2"] {
  width: 120%;
  margin-left: -10%;
  margin-right: -10%;
}
.section-grand-flat-item .flat-about {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .section-grand-flat-item .flat-about {
    gap: 2rem;
  }
}
.section-grand-flat-item .flat-info {
  width: 26%;
  max-width: 22.4rem;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 2.8rem;
}
@media (max-width: 1024px) {
  .section-grand-flat-item .flat-info {
    width: 100%;
    max-width: none;
    gap: 1.2rem;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }
}
.section-grand-flat-item .flat-info .section-title {
  font-size: 2rem;
}
.section-grand-flat-item .flat-param {
  gap: 1em;
  padding: 0.82em 0;
  font-size: 1rem;
}
@media (max-width: 1024px) {
  .section-grand-flat-item .flat-param[data-price] {
    margin-top: 0;
  }
}
@media (max-width: 1024px) {
  .section-grand-flat-item .flat-book-btn {
    font-size: 1.12rem;
  }
}
@media (max-width: 1280px) {
  .section-grand-flat-item .flat-tabs-switchers {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    gap: 2em;
  }
}
@media (max-width: 1024px) {
  .section-grand-flat-item .flat-tabs-switchers {
    padding: 0 0 5px;
  }
}
@media (min-width: 1025px) {
  .section-grand-flat-item .flat-tabs {
    padding: 0 2rem;
  }
}
@media (max-width: 1024px) {
  .section-grand-flat-item .flat-tabs {
    padding: 0;
    position: relative;
    top: 0;
    height: auto;
  }
}
.section-grand-flat-item .flat-tab {
  margin-top: 3rem;
}
@media (max-width: 1024px) {
  .section-grand-flat-item .flat-tab {
    margin-top: 1rem;
  }
}
.section-grand-flat-item .flat-tab img {
  height: 27.5rem;
}
@media (max-width: 1024px) {
  .section-grand-flat-item .flat-tab img {
    height: 20rem;
  }
}
.section-grand-flat-item .flat-tab[data-tab="3"] {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.section-grand-flat-item .flat-zoom {
  left: -webkit-calc(50% - 1.5rem);
  left: calc(50% - 1.5rem);
  bottom: -1rem;
}
@media (max-width: 1024px) {
  .section-grand-flat-item .flat-zoom {
    left: 0;
    bottom: -1rem;
  }
}

.section-grand-flat-images {
  padding: 15vh 0 10vh 0;
}
@media (max-width: 1024px) {
  .section-grand-flat-images {
    padding: 10vh 0 10vh 0;
  }
}
@media (max-width: 1024px) {
  .section-grand-flat-images .swiper.gallery-slider {
    height: 100vw;
  }
}

@media (max-width: 1024px) {
  .page-interior .header[data-theme=white] .logo svg path {
    fill: #fff;
  }
}
@media (max-width: 1024px) {
  .page-interior .header[data-theme=white] .header__fav .fav-link span {
    background-color: #fff;
    color: #F1861C;
  }
}
.page-interior .footer {
  position: relative;
}

.section-interior {
  position: relative;
}
.section-interior .section-title {
  font-size: -webkit-calc(64 / 1920 * 100vw);
  font-size: calc(64 / 1920 * 100vw);
  font-weight: 700;
  line-height: 120%;
  margin-bottom: -webkit-calc(70 / 1920 * 100vw);
  margin-bottom: calc(70 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .section-interior .section-title {
    font-size: -webkit-calc(31 / 430 * 100vw);
    font-size: calc(31 / 430 * 100vw);
    margin-bottom: -webkit-calc(20 / 430 * 100vw);
    margin-bottom: calc(20 / 430 * 100vw);
  }
}
@media (max-width: 1024px) {
  .section-interior p {
    font-size: 0.75rem;
  }
  .section-interior p:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (min-width: 1025px) {
  .section-interior .btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-left: 3.4em;
    padding-right: 3.4em;
    font-size: 1rem;
  }
}
@media (max-width: 1024px) {
  .section-interior .btn {
    font-size: 1.1rem;
  }
}

.interior-main {
  overflow: hidden;
  z-index: 2;
}
.interior-main .inner-head {
  gap: 1rem;
  padding-top: 0;
}
@media (min-width: 1025px) {
  .interior-main .inner-head {
    margin-bottom: 2rem;
  }
}
@media (max-width: 1024px) {
  .interior-main .inner-head {
    margin-bottom: 20px;
  }
}
.interior-main .inner-breadcrumbs {
  color: #fff;
}
.interior-main .section-title {
  margin-bottom: 0;
}
.interior-main .anim {
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
.interior-main .img,
.interior-main .svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1024px) {
  .interior-main .img,
  .interior-main .svg {
    height: 50vh;
    top: 50%;
    z-index: 1;
  }
}
.interior-main .img {
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
@media (max-width: 1024px) {
  .interior-main .img {
    background-position: 85% center;
  }
}
.interior-main .content {
  max-width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  -webkit-transition: 2.35s max-width ease-in;
  -o-transition: 2.35s max-width ease-in;
  transition: 2.35s max-width ease-in;
}
@media (max-width: 1024px) {
  .interior-main .content {
    background: #F1861C;
  }
}
.interior-main .container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 17.5em;
  height: 100%;
  padding-top: 16vh;
  margin: 0;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
  font-weight: 400;
}
@media (max-width: 1024px) {
  .interior-main .container {
    width: 70%;
    font-size: -webkit-calc(16 / 430 * 100vw);
    font-size: calc(16 / 430 * 100vw);
    padding-top: -webkit-calc(100 / 430 * 100vw);
    padding-top: calc(100 / 430 * 100vw);
  }
}
.interior-main .interior-link {
  position: absolute;
  width: -webkit-calc(450 / 1920 * 100vw);
  width: calc(450 / 1920 * 100vw);
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  right: -webkit-calc(140 / 1920 * 100vw);
  right: calc(140 / 1920 * 100vw);
  bottom: -webkit-calc(100 / 1920 * 100vw);
  bottom: calc(100 / 1920 * 100vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media (max-width: 1024px) {
  .interior-main .interior-link {
    width: -webkit-calc(214 / 430 * 100vw);
    width: calc(214 / 430 * 100vw);
    right: auto;
    left: -webkit-calc(15 / 430 * 100vw);
    left: calc(15 / 430 * 100vw);
    bottom: auto;
    top: 55%;
    z-index: 2;
  }
}
.interior-main .interior-link img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.interior-main .text p {
  font-size: 1rem;
}

@media (min-width: 1025px) {
  body:not(.loaded) .interior-main .anim {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
  }
  body:not(.loaded) .interior-main .content {
    max-width: 0;
  }
}

.interior-capsule {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  color: #333;
}
.interior-capsule .right-line {
  width: -webkit-calc(100 / 1920 * 100vw);
  width: calc(100 / 1920 * 100vw);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
}
@media (min-width: 1025px) {
  .interior-capsule:before {
    content: "";
    background-color: #fff;
    display: block;
    width: 100%;
    height: -webkit-calc(100 / 1920 * 100vw);
    height: calc(100 / 1920 * 100vw);
    position: relative;
    z-index: 2;
  }
  .interior-capsule:after {
    content: "";
    background-color: #fff;
    display: block;
    width: 100%;
    height: -webkit-calc(100 / 1920 * 100vw);
    height: calc(100 / 1920 * 100vw);
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
  }
}
@media (min-width: 1025px) and (max-width: 1024px) {
  .interior-capsule:after {
    display: none;
  }
}
.interior-capsule .img {
  background-repeat: no-repeat;
}
@media (min-width: 1025px) {
  .interior-capsule .img {
    background-position: right top;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
  }
}
@media (min-width: 1025px) and (max-width: 1024px) {
  .interior-capsule .img {
    height: 0;
  }
}
@media (max-width: 1024px) {
  .interior-capsule .img {
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    height: 96vw;
    margin: 0 -20px;
  }
}
.interior-capsule .container {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: -webkit-calc(1170 / 1920 * 100vw);
  width: calc(1170 / 1920 * 100vw);
  padding-top: -webkit-calc(200 / 1920 * 100vw);
  padding-top: calc(200 / 1920 * 100vw);
  padding-bottom: -webkit-calc(200 / 1920 * 100vw);
  padding-bottom: calc(200 / 1920 * 100vw);
  background-color: #fff;
}
@media (max-width: 1024px) {
  .interior-capsule .container {
    width: 100%;
    padding-top: -webkit-calc(60 / 430 * 100vw);
    padding-top: calc(60 / 430 * 100vw);
    padding-bottom: -webkit-calc(60 / 430 * 100vw);
    padding-bottom: calc(60 / 430 * 100vw);
  }
}
.interior-capsule .section-title {
  margin-bottom: -webkit-calc(70 / 1920 * 100vw);
  margin-bottom: calc(70 / 1920 * 100vw);
  color: #272727;
}
@media (max-width: 1024px) {
  .interior-capsule .section-title {
    color: #2C3842;
    font-size: -webkit-calc(30 / 430 * 100vw);
    font-size: calc(30 / 430 * 100vw);
    margin-bottom: -webkit-calc(20 / 430 * 100vw);
    margin-bottom: calc(20 / 430 * 100vw);
  }
}
.interior-capsule .section-subTitle {
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: -webkit-calc(70 / 1920 * 100vw);
  margin-bottom: calc(70 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-capsule .section-subTitle {
    font-size: -webkit-calc(12 / 430 * 100vw);
    font-size: calc(12 / 430 * 100vw);
    margin-bottom: -webkit-calc(60 / 430 * 100vw);
    margin-bottom: calc(60 / 430 * 100vw);
  }
}
@media (max-width: 1024px) {
  .interior-capsule .interior-capsule-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: -webkit-calc(60 / 430 * 100vw);
    gap: calc(60 / 430 * 100vw);
  }
}
@media (min-width: 1025px) {
  .interior-capsule-title {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
  }
}
@media (max-width: 1024px) {
  .interior-capsule-title {
    padding-top: 60px;
  }
}
.interior-capsule p {
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
  font-weight: 400;
}
@media (max-width: 1024px) {
  .interior-capsule p {
    font-size: 0.75rem;
  }
}

.interior-solution {
  background-color: #fff;
}
@media (max-width: 1024px) {
  .interior-solution {
    background-color: #F1861C;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1025px) {
  .interior-solution .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
  }
}
.interior-solution .container {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 2;
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
@media (min-width: 1025px) {
  .interior-solution .container {
    gap: -webkit-calc(70 / 1920 * 100vw);
    gap: calc(70 / 1920 * 100vw);
    width: 43.5%;
    padding-top: -webkit-calc(70 / 1920 * 100vw);
    padding-top: calc(70 / 1920 * 100vw);
    padding-bottom: -webkit-calc(70 / 1920 * 100vw);
    padding-bottom: calc(70 / 1920 * 100vw);
    margin: 0;
    font-size: 1.2rem;
  }
  .interior-solution .container:after {
    content: "";
    border-color: transparent transparent transparent #F1861C;
    border-width: 41vh 0 40vh -webkit-calc(120 / 1920 * 100vw);
    border-width: 41vh 0 40vh calc(120 / 1920 * 100vw);
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 100%;
  }
}
@media (max-width: 1024px) {
  .interior-solution .container {
    gap: -webkit-calc(20 / 430 * 100vw);
    gap: calc(20 / 430 * 100vw);
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .interior-solution .section-title:not(:last-child) {
    margin-bottom: -webkit-calc(70 / 1920 * 100vw);
    margin-bottom: calc(70 / 1920 * 100vw);
  }
}
@media (max-width: 1024px) {
  .interior-solution .section-title {
    width: 80%;
  }
  .interior-solution .section-title:not(:last-child) {
    margin-bottom: -webkit-calc(20 / 430 * 100vw);
    margin-bottom: calc(20 / 430 * 100vw);
  }
}
.interior-solution p {
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
  font-weight: 400;
}
@media (max-width: 1024px) {
  .interior-solution p {
    font-size: 0.75rem;
  }
}
@media (min-width: 1025px) {
  .interior-solution .image {
    width: 56%;
    height: 67vh;
    margin: 5vh 0;
  }
}
@media (max-width: 1024px) {
  .interior-solution .image {
    width: 100%;
    height: 67vw;
  }
}
.interior-solution .image .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 1025px) {
  .interior-solution:not(.animation-enter) .container {
    -webkit-transform: translate3d(-115%, 0, 0);
    transform: translate3d(-115%, 0, 0);
  }
}

.interior-concept {
  padding: -webkit-calc(70 / 1920 * 100vw) 0;
  padding: calc(70 / 1920 * 100vw) 0;
  overflow: hidden;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .interior-concept {
    padding: -webkit-calc(30 / 430 * 100vw) 0;
    padding: calc(30 / 430 * 100vw) 0;
  }
}
.interior-concept .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  gap: -webkit-calc(60 / 1920 * 100vw);
  gap: calc(60 / 1920 * 100vw);
  color: #000;
}
.interior-concept .section-title {
  margin-top: 0.4rem;
  font-size: -webkit-calc(48 / 1920 * 100vw);
  font-size: calc(48 / 1920 * 100vw);
  font-weight: 700;
  margin-bottom: -webkit-calc(40 / 1920 * 100vw);
  margin-bottom: calc(40 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-concept .section-title {
    margin-top: 0;
    font-size: -webkit-calc(30 / 430 * 100vw);
    font-size: calc(30 / 430 * 100vw);
    margin-bottom: -webkit-calc(20 / 430 * 100vw);
    margin-bottom: calc(20 / 430 * 100vw);
    color: #272727;
  }
}
.interior-concept .section-subTitle {
  margin-top: 0.4rem;
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: -webkit-calc(40 / 1920 * 100vw);
  margin-bottom: calc(40 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-concept .section-subTitle {
    margin-top: 0;
    font-size: 0.75rem;
    margin-bottom: -webkit-calc(20 / 430 * 100vw);
    margin-bottom: calc(20 / 430 * 100vw);
  }
}
.interior-concept .texts {
  width: 69%;
  font-size: 1.2rem;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
@media (max-width: 1024px) {
  .interior-concept .texts {
    width: 100%;
    font-size: 0.75rem;
    line-height: 1.33;
  }
}
.interior-concept .texts .image {
  margin-top: -webkit-calc(70 / 1920 * 100vw);
  margin-top: calc(70 / 1920 * 100vw);
  display: block;
  width: 100%;
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.interior-concept .texts .image:before {
  padding-top: 60%;
}
@media (max-width: 1024px) {
  .interior-concept .texts .image:before {
    padding-top: 66.6vw;
  }
}
@media (max-width: 1024px) {
  .interior-concept .texts .image {
    margin-top: -webkit-calc(20 / 430 * 100vw);
    margin-top: calc(20 / 430 * 100vw);
  }
}
.interior-concept .texts .image .img {
  height: 100%;
}
.interior-concept .texts > p {
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-concept .texts > p {
    font-size: 0.75rem;
  }
}
.interior-concept .image {
  width: 100%;
  position: relative;
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.5s -webkit-transform ease-in;
  transition: 0.5s opacity ease-in, 0.5s -webkit-transform ease-in;
  -o-transition: 0.5s opacity ease-in, 0.5s -o-transform ease-in;
  transition: 0.5s transform ease-in, 0.5s opacity ease-in;
  transition: 0.5s transform ease-in, 0.5s opacity ease-in, 0.5s -webkit-transform ease-in, 0.5s -o-transform ease-in;
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}
.interior-concept .image .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.interior-concept .interior-concept-bl2 {
  overflow: hidden;
}
.interior-concept .interior-concept-bl2 .img {
  height: -webkit-calc(950 / 1080 * 100vh);
  height: calc(950 / 1080 * 100vh);
}
.interior-concept .aside {
  font-size: -webkit-calc(16 / 1920 * 100vw);
  font-size: calc(16 / 1920 * 100vw);
  color: #808080;
  font-weight: 400;
  position: absolute;
  bottom: 2.7vh;
  left: 0;
}
@media (max-width: 1024px) {
  .interior-concept .aside {
    position: static;
    font-size: 0.75rem;
    margin-top: -webkit-calc(27 / 430 * 100vw);
    margin-top: calc(27 / 430 * 100vw);
  }
}
@media (min-width: 1025px) {
  .interior-concept .swiper.gallery-slider {
    width: 99%;
    height: -webkit-calc(750 / 1080 * 100vh);
    height: calc(750 / 1080 * 100vh);
    padding-bottom: 3vh;
  }
}
@media (max-width: 1024px) {
  .interior-concept .swiper.gallery-slider {
    width: 100%;
    height: 67vw;
    padding-bottom: 12px;
    margin: 0;
  }
}
.interior-concept .swiper.gallery-slider .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .interior-concept .swiper.gallery-slider .img {
    -o-object-position: center 94%;
    object-position: center 94%;
  }
}
.interior-concept .swiper.gallery-slider .swiper-button-prev,
.interior-concept .swiper.gallery-slider .swiper-button-next {
  opacity: 1;
  -webkit-transition: opacity 350ms ease;
  -o-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
}
@media (min-width: 1025px) {
  .interior-concept .swiper.gallery-slider .swiper-button-prev:after,
  .interior-concept .swiper.gallery-slider .swiper-button-next:after {
    width: -webkit-calc(40 / 1920 * 100vw);
    width: calc(40 / 1920 * 100vw);
    height: -webkit-calc(80 / 1920 * 100vw);
    height: calc(80 / 1920 * 100vw);
  }
}
@media (hover: hover) and (pointer: fine) {
  .interior-concept .swiper.gallery-slider .swiper-button-prev:hover:hover,
  .interior-concept .swiper.gallery-slider .swiper-button-next:hover:hover {
    opacity: 0.8;
  }
}
@media (min-width: 1025px) {
  .interior-concept .swiper.gallery-slider .swiper-button-prev {
    padding-left: -webkit-calc(40 / 1920 * 100vw);
    padding-left: calc(40 / 1920 * 100vw);
  }
}
@media (min-width: 1025px) {
  .interior-concept .swiper.gallery-slider .swiper-button-next {
    padding-right: -webkit-calc(40 / 1920 * 100vw);
    padding-right: calc(40 / 1920 * 100vw);
  }
}
.interior-concept .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets,
.interior-concept .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 0;
}
@media (min-width: 1025px) {
  .interior-concept .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .interior-concept .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    background-color: #000;
  }
}
@media (max-width: 1024px) {
  .interior-concept .swiper.gallery-slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .interior-concept .swiper.gallery-slider .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    max-width: 4rem;
    background-color: #000 !important;
  }
}
@media (min-width: 1025px) {
  .interior-concept:not(.animation-enter) .image {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.interior-concept[data-reverse=true] .container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.interior-concept-wrap .interior-concept:first-child {
  padding-top: -webkit-calc(140 / 1920 * 100vw);
  padding-top: calc(140 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-concept-wrap .interior-concept:first-child {
    padding-top: -webkit-calc(60 / 430 * 100vw);
    padding-top: calc(60 / 430 * 100vw);
  }
}
.interior-concept-wrap .interior-concept:last-child {
  padding-bottom: -webkit-calc(140 / 1920 * 100vw);
  padding-bottom: calc(140 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-concept-wrap .interior-concept:last-child {
    padding-bottom: -webkit-calc(60 / 430 * 100vw);
    padding-bottom: calc(60 / 430 * 100vw);
  }
}

.interior-proj {
  overflow: hidden;
}
.interior-proj .section-title {
  text-transform: inherit;
}
@media (max-width: 1024px) {
  .interior-proj {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    overflow: hidden;
  }
}
.interior-proj .img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 1024px) {
  .interior-proj .img {
    height: 100vh;
  }
}
.interior-proj .container {
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
@media (min-width: 1025px) {
  .interior-proj .container {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%;
    padding-top: -webkit-calc(140 / 1920 * 100vw);
    padding-top: calc(140 / 1920 * 100vw);
    padding-bottom: -webkit-calc(140 / 1920 * 100vw);
    padding-bottom: calc(140 / 1920 * 100vw);
    margin-right: 0;
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .interior-proj .container {
    padding-top: 60px;
    padding-bottom: 60px;
    background: rgba(0, 0, 0, 0.7);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (min-width: 1025px) {
  .interior-proj .container .texts {
    width: 27.5em;
  }
}
.interior-proj .container .text {
  font-size: -webkit-calc(20 / 1920 * 100vw);
  font-size: calc(20 / 1920 * 100vw);
  font-weight: 400;
}
@media (max-width: 1024px) {
  .interior-proj .container .text {
    width: 100%;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
@media (min-width: 1025px) {
  .interior-proj .container .text:not(:last-child) {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 1024px) {
  .interior-proj .container .text:not(:last-child) {
    margin-bottom: 20px;
  }
}
.interior-proj .container .text a {
  position: relative;
  display: inline-block;
  color: #F1861C;
}
.interior-proj .container .text a:after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #F1861C;
}
@media (min-width: 1025px) {
  .interior-proj:not(.animation-enter) .container {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.interior-stages {
  background-color: #f5f5f5;
  position: relative;
  padding: -webkit-calc(140 / 1920 * 100vw) 0;
  padding: calc(140 / 1920 * 100vw) 0;
  overflow: hidden;
}
@media (min-width: 1025px) {
  .interior-stages:before {
    content: "";
    background: url(../img/ellipse10.svg) 50% 100% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: -webkit-calc(2106 / 1920 * 100vw);
    width: calc(2106 / 1920 * 100vw);
    height: -webkit-calc(1053 / 1920 * 100vw);
    height: calc(1053 / 1920 * 100vw);
    position: absolute;
    top: 16vw;
    right: -20vw;
  }
}
@media (max-width: 1024px) {
  .interior-stages {
    padding: 60px 0;
  }
}
.interior-stages .container {
  position: relative;
}
.interior-stages .container .section-title {
  padding-bottom: -webkit-calc(110 / 1920 * 100vw);
  padding-bottom: calc(110 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-stages .container .section-title {
    color: #272727;
    padding-bottom: -webkit-calc(20 / 430 * 100vw);
    padding-bottom: calc(20 / 430 * 100vw);
  }
}
.interior-stages .container .interior-stages-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: -webkit-calc(40 / 430 * 100vw);
    row-gap: calc(40 / 430 * 100vw);
  }
}
.interior-stages .container .interior-stages-top > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5em;
  width: -webkit-calc(335 / 1920 * 100vw);
  width: calc(335 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-top > div {
    width: 100%;
    font-size: 0.75rem;
    gap: -webkit-calc(23 / 430 * 100vw);
    gap: calc(23 / 430 * 100vw);
    color: #272727;
  }
}
@media (min-width: 1025px) {
  .interior-stages .container .interior-stages-top > div:nth-child(even) {
    margin-top: 5.1em;
  }
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-top > div:nth-child(even) br {
    display: none;
  }
}
.interior-stages .container .interior-stages-top > div > div:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.5em;
}
.interior-stages .container .interior-stages-top > div > div:first-child big {
  font-size: -webkit-calc(77 / 1920 * 100vw);
  font-size: calc(77 / 1920 * 100vw);
  color: #F1861C;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-top > div > div:first-child big {
    font-size: -webkit-calc(30 / 430 * 100vw);
    font-size: calc(30 / 430 * 100vw);
  }
}
.interior-stages .container .interior-stages-top > div > div:first-child small {
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
  font-weight: 700;
  color: rgba(41, 49, 56, 0.96);
  text-transform: uppercase;
  padding-bottom: -webkit-calc(7 / 1920 * 100vw);
  padding-bottom: calc(7 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-top > div > div:first-child small {
    font-size: 0.75rem;
    color: #272727;
  }
}
.interior-stages .container .interior-stages-top > div:first-child small {
  width: -webkit-calc(411 / 1920 * 100vw);
  width: calc(411 / 1920 * 100vw);
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-top > div:first-child small {
    width: 100%;
  }
}
.interior-stages .container .interior-stages-top > div:first-child > div:last-child {
  padding-left: -webkit-calc(10 / 1920 * 100vw);
  padding-left: calc(10 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-top > div:first-child > div:last-child {
    padding-left: 0;
  }
}
.interior-stages .container .interior-stages-top > div:nth-child(2) {
  padding-left: -webkit-calc(20 / 1920 * 100vw);
  padding-left: calc(20 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-top > div:nth-child(2) {
    padding-left: 0;
  }
}
.interior-stages .container .interior-stages-bott {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: -webkit-calc(60 / 1920 * 100vw);
  gap: calc(60 / 1920 * 100vw);
  margin-top: -webkit-calc(140 / 1920 * 100vw);
  margin-top: calc(140 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-bott {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: -webkit-calc(40 / 430 * 100vw);
    gap: calc(40 / 430 * 100vw);
    margin-top: -webkit-calc(40 / 430 * 100vw);
    margin-top: calc(40 / 430 * 100vw);
  }
}
.interior-stages .container .interior-stages-bott > div .interior-stages-bott-title {
  font-size: -webkit-calc(48 / 1920 * 100vw);
  font-size: calc(48 / 1920 * 100vw);
  color: #333;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: -webkit-calc(40 / 1920 * 100vw);
  margin-bottom: calc(40 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-bott > div .interior-stages-bott-title {
    color: #272727;
    font-size: -webkit-calc(30 / 430 * 100vw);
    font-size: calc(30 / 430 * 100vw);
    margin-bottom: -webkit-calc(20 / 430 * 100vw);
    margin-bottom: calc(20 / 430 * 100vw);
  }
}
.interior-stages .container .interior-stages-bott > div p {
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
  color: #2C3842;
  font-weight: 400;
  margin-bottom: -webkit-calc(70 / 1920 * 100vw);
  margin-bottom: calc(70 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-bott > div p {
    font-size: 0.75rem;
    margin-bottom: -webkit-calc(20 / 430 * 100vw);
    margin-bottom: calc(20 / 430 * 100vw);
  }
}
.interior-stages .container .interior-stages-bott > div img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.interior-stages .container .interior-stages-bott > div:first-child {
  width: -webkit-calc(702 / 1920 * 100vw);
  width: calc(702 / 1920 * 100vw);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-bott > div:first-child {
    width: 100%;
  }
}
.interior-stages .container .interior-stages-bott > div:first-child img {
  height: -webkit-calc(572 / 1080 * 100vh);
  height: calc(572 / 1080 * 100vh);
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-bott > div:first-child img {
    height: 38vh;
  }
}
.interior-stages .container .interior-stages-bott > div:last-child {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 0;
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-bott > div:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: -webkit-calc(20 / 430 * 100vw);
    gap: calc(20 / 430 * 100vw);
  }
}
.interior-stages .container .interior-stages-bott > div:last-child p {
  margin-bottom: 0;
}
.interior-stages .container .interior-stages-bott > div:last-child .interior-stages-bott-title {
  margin-top: -webkit-calc(70 / 1920 * 100vw);
  margin-top: calc(70 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-bott > div:last-child .interior-stages-bott-title {
    margin-top: 0;
  }
}
.interior-stages .container .interior-stages-bott > div:last-child img {
  height: -webkit-calc(508 / 1080 * 100vh);
  height: calc(508 / 1080 * 100vh);
}
@media (max-width: 1024px) {
  .interior-stages .container .interior-stages-bott > div:last-child img {
    height: 38vh;
  }
}

.interior-ladspace {
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 1024px) {
  .interior-ladspace {
    background-color: #F1861C;
    height: auto !important;
  }
}
.interior-ladspace .inner-head {
  gap: -webkit-calc(3 / 1920 * 100vw);
  gap: calc(3 / 1920 * 100vw);
  padding-top: 0;
}
@media (max-width: 1024px) {
  .interior-ladspace .inner-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: -webkit-calc(2 / 430 * 100vw);
    gap: calc(2 / 430 * 100vw);
    margin-bottom: -webkit-calc(20 / 430 * 100vw);
    margin-bottom: calc(20 / 430 * 100vw);
  }
}
.interior-ladspace .inner-breadcrumbs {
  color: #fff;
}
.interior-ladspace .section-title {
  margin-bottom: 0;
  font-size: -webkit-calc(78 / 1920 * 100vw);
  font-size: calc(78 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-ladspace .section-title {
    font-size: -webkit-calc(39 / 430 * 100vw);
    font-size: calc(39 / 430 * 100vw);
  }
}
.interior-ladspace .anim {
  -webkit-transition: 1.2s -webkit-transform ease-in;
  transition: 1.2s -webkit-transform ease-in;
  -o-transition: 1.2s -o-transform ease-in;
  transition: 1.2s transform ease-in;
  transition: 1.2s transform ease-in, 1.2s -webkit-transform ease-in, 1.2s -o-transform ease-in;
}
.interior-ladspace .img,
.interior-ladspace .svg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 1024px) {
  .interior-ladspace .img,
  .interior-ladspace .svg {
    height: 216.5vw;
  }
}
.interior-ladspace .img {
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.interior-ladspace .content {
  max-width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  -webkit-transition: 2.35s max-width ease-in;
  -o-transition: 2.35s max-width ease-in;
  transition: 2.35s max-width ease-in;
}
@media (max-width: 1024px) {
  .interior-ladspace .content {
    height: auto;
    max-width: 100%;
    overflow: visible;
    position: static;
  }
}
@media (max-width: 1024px) {
  .interior-ladspace .interior-ladspace-img {
    height: 38vh;
    overflow: hidden;
  }
  .interior-ladspace .interior-ladspace-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: bottom;
    object-position: bottom;
  }
}
.interior-ladspace .container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 84vh;
  padding-top: 16vh;
  margin: 0;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 1025px) {
  .interior-ladspace .container {
    width: 20.5em;
    padding-right: -webkit-calc(50 / 1920 * 100vw);
    padding-right: calc(50 / 1920 * 100vw);
    font-size: 1.2rem;
  }
}
@media (max-width: 1024px) {
  .interior-ladspace .container {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    height: auto;
    padding: 60px 20px;
    position: static;
  }
}
.interior-ladspace .container .text {
  position: absolute;
  left: -webkit-calc(1227 / 1920 * 100vw);
  left: calc(1227 / 1920 * 100vw);
  top: -webkit-calc(330 / 1920 * 100vw);
  top: calc(330 / 1920 * 100vw);
  width: -webkit-calc(593 / 1920 * 100vw);
  width: calc(593 / 1920 * 100vw);
  font-size: -webkit-calc(20 / 1920 * 100vw);
  font-size: calc(20 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-ladspace .container .text {
    position: static;
    width: 100%;
    font-size: 0.75rem;
    margin-bottom: -webkit-calc(20 / 430 * 100vw);
    margin-bottom: calc(20 / 430 * 100vw);
  }
}
.interior-ladspace .container .text a {
  color: #F1861C;
  position: relative;
  display: inline-block;
  text-decoration: none;
  opacity: 1;
  -webkit-transition: opacity 350ms ease;
  -o-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
}
@media (max-width: 1024px) {
  .interior-ladspace .container .text a {
    color: #fff;
  }
}
.interior-ladspace .container .text a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -webkit-calc(-2 / 1920 * 100vw);
  bottom: calc(-2 / 1920 * 100vw);
  width: 100%;
  height: -webkit-calc(2 / 1920 * 100vw);
  height: calc(2 / 1920 * 100vw);
  background-color: #F1861C;
}
@media (max-width: 1024px) {
  .interior-ladspace .container .text a::before {
    display: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .interior-ladspace .container .text a:hover:hover {
    opacity: 0.7;
  }
}
.interior-ladspace .container .interior-link {
  width: -webkit-calc(324 / 1920 * 100vw);
  width: calc(324 / 1920 * 100vw);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: -webkit-calc(-10 / 1920 * 100vw);
  margin-left: calc(-10 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-ladspace .container .interior-link {
    width: -webkit-calc(164 / 430 * 100vw);
    width: calc(164 / 430 * 100vw);
    margin-left: -webkit-calc(-5 / 430 * 100vw);
    margin-left: calc(-5 / 430 * 100vw);
  }
}
.interior-ladspace .container .interior-link img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.interior-contacts {
  overflow: hidden;
  padding: -webkit-calc(140 / 1920 * 100vw) 0;
  padding: calc(140 / 1920 * 100vw) 0;
  background-color: #FFF;
}
@media (min-width: 1025px) {
  .interior-contacts:before {
    content: "";
    background: url(../img/ellipse9.svg) 50% 100% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: -webkit-calc(1108 / 1920 * 100vw);
    width: calc(1108 / 1920 * 100vw);
    height: -webkit-calc(554 / 1920 * 100vw);
    height: calc(554 / 1920 * 100vw);
    position: absolute;
    bottom: 0;
    left: 16vw;
  }
}
@media (max-width: 1024px) {
  .interior-contacts {
    padding: 60px 0;
  }
}
@media (min-width: 1025px) {
  .interior-contacts .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }
}
@media (min-width: 1025px) {
  .interior-contacts .texts {
    width: 47%;
    font-size: 1rem;
  }
}
@media (max-width: 1024px) {
  .interior-contacts .texts {
    font-size: 0.75rem;
  }
}
.interior-contacts .block {
  margin-top: -webkit-calc(100 / 1920 * 100vw);
  margin-top: calc(100 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-contacts .block {
    margin-top: -webkit-calc(20 / 430 * 100vw);
    margin-top: calc(20 / 430 * 100vw);
    margin-bottom: -webkit-calc(20 / 430 * 100vw);
    margin-bottom: calc(20 / 430 * 100vw);
  }
}
.interior-contacts .block > div:first-child {
  font-size: -webkit-calc(48 / 1920 * 100vw);
  font-size: calc(48 / 1920 * 100vw);
  font-weight: 700;
  color: #F1861C;
  text-transform: uppercase;
  margin-bottom: -webkit-calc(5 / 1920 * 100vw);
  margin-bottom: calc(5 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-contacts .block > div:first-child {
    font-size: -webkit-calc(26.5 / 430 * 100vw);
    font-size: calc(26.5 / 430 * 100vw);
    margin-bottom: -webkit-calc(5 / 430 * 100vw);
    margin-bottom: calc(5 / 430 * 100vw);
  }
}
.interior-contacts .block p {
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
  font-weight: 400;
}
@media (max-width: 1024px) {
  .interior-contacts .block p {
    font-size: 0.75rem;
  }
  .interior-contacts .block p br {
    display: none;
  }
}
.interior-contacts .block a:not(.link-phone) {
  position: relative;
  display: inline-block;
  color: #F1861C;
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 350ms ease;
  -o-transition: opacity 350ms ease;
  transition: opacity 350ms ease;
  font-size: -webkit-calc(24 / 1920 * 100vw);
  font-size: calc(24 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-contacts .block a:not(.link-phone) {
    font-size: 0.75rem;
  }
}
.interior-contacts .block a:not(.link-phone)::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -webkit-calc(-2 / 1920 * 100vw);
  bottom: calc(-2 / 1920 * 100vw);
  width: 100%;
  height: -webkit-calc(2 / 1920 * 100vw);
  height: calc(2 / 1920 * 100vw);
  background-color: #F1861C;
}
@media (max-width: 1024px) {
  .interior-contacts .block a:not(.link-phone)::before {
    bottom: -1px;
    height: 1px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .interior-contacts .block a:not(.link-phone):hover:hover {
    text-decoration: none;
    opacity: 0.7;
  }
}
.interior-contacts .block .link-phone {
  font-size: 1.2rem;
}
@media (max-width: 1024px) {
  .interior-contacts .block .link-phone {
    font-size: 0.75rem;
  }
}
.interior-contacts .block .texts2 {
  font-size: -webkit-calc(14.4 / 1920 * 100vw);
  font-size: calc(14.4 / 1920 * 100vw);
  font-weight: 700;
  font-family: "Evolventa";
  color: #333;
  text-transform: uppercase;
  margin-bottom: -webkit-calc(40 / 1920 * 100vw);
  margin-bottom: calc(40 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-contacts .block .texts2 {
    font-size: -webkit-calc(8 / 430 * 100vw);
    font-size: calc(8 / 430 * 100vw);
    margin-bottom: -webkit-calc(20 / 430 * 100vw);
    margin-bottom: calc(20 / 430 * 100vw);
  }
}
.interior-contacts .group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: -webkit-calc(20 / 1920 * 100vw);
  gap: calc(20 / 1920 * 100vw);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media (max-width: 1024px) {
  .interior-contacts .group {
    gap: -webkit-calc(0 / 430 * 100vw);
    gap: calc(0 / 430 * 100vw);
  }
}
.interior-contacts .images {
  position: relative;
}
@media (min-width: 1025px) {
  .interior-contacts .images {
    width: 49%;
  }
}
@media (max-width: 1024px) {
  .interior-contacts .images:not(:last-child) {
    margin-bottom: 1.7em;
  }
}
.interior-contacts .images:before {
  content: "";
  display: block;
}
@media (min-width: 1025px) {
  .interior-contacts .images:before {
    padding-top: 84.8%;
  }
}
@media (max-width: 1024px) {
  .interior-contacts .images:before {
    padding-top: 77.6%;
  }
}
.interior-contacts .images .img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
}
.interior-contacts .images .img1 {
  left: 0;
  top: -webkit-calc(288 / 1920 * 100vw);
  top: calc(288 / 1920 * 100vw);
  z-index: 2;
  width: -webkit-calc(395 / 1920 * 100vw);
  width: calc(395 / 1920 * 100vw);
  height: -webkit-calc(473 / 1920 * 100vw);
  height: calc(473 / 1920 * 100vw);
  -o-object-position: bottom;
  object-position: bottom;
}
@media (max-width: 1024px) {
  .interior-contacts .images .img1 {
    width: -webkit-calc(132 / 430 * 100vw);
    width: calc(132 / 430 * 100vw);
    height: -webkit-calc(181 / 430 * 100vw);
    height: calc(181 / 430 * 100vw);
    top: -webkit-calc(90 / 430 * 100vw);
    top: calc(90 / 430 * 100vw);
  }
}
.interior-contacts .images .img2 {
  top: 0;
  right: 0;
  width: -webkit-calc(533 / 1920 * 100vw);
  width: calc(533 / 1920 * 100vw);
  height: -webkit-calc(463 / 1920 * 100vw);
  height: calc(463 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .interior-contacts .images .img2 {
    width: -webkit-calc(304 / 430 * 100vw);
    width: calc(304 / 430 * 100vw);
    height: -webkit-calc(237 / 430 * 100vw);
    height: calc(237 / 430 * 100vw);
  }
}
.interior-contacts .images .aside {
  position: absolute;
  left: -webkit-calc(424 / 1920 * 100vw);
  left: calc(424 / 1920 * 100vw);
  top: -webkit-calc(704 / 1920 * 100vw);
  top: calc(704 / 1920 * 100vw);
  width: -webkit-calc(320 / 1920 * 100vw);
  width: calc(320 / 1920 * 100vw);
  font-size: -webkit-calc(16 / 1920 * 100vw);
  font-size: calc(16 / 1920 * 100vw);
  color: #272727;
}
@media (max-width: 1024px) {
  .interior-contacts .images .aside {
    font-size: 0.75rem;
    position: static;
    width: 100%;
    color: #333;
  }
}
@media (max-width: 1024px) {
  .interior-contacts text p:not(:last-child) {
    margin-bottom: -webkit-calc(20 / 430 * 100vw);
    margin-bottom: calc(20 / 430 * 100vw);
  }
}

.page-booking .section-title {
  font-size: 3.85rem;
}
@media (max-width: 1024px) {
  .page-booking .section-title {
    font-size: 1.9rem;
  }
}

.booking {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: -webkit-calc(60 / 1920 * 100vw);
  gap: calc(60 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .booking {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.booking_single {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5vh 0;
}
.booking__right {
  position: relative;
  width: 54.2%;
}
@media (max-width: 1024px) {
  .booking__right {
    width: 100%;
  }
}
.booking__title {
  font-size: 1.195rem;
  line-height: 1.4;
  margin-bottom: 0.78rem;
}
.booking__desc {
  font-size: 0.8rem;
  line-height: 1.4;
  margin-bottom: 1.4rem;
}
.booking__head {
  font-size: 1.6rem;
  margin-bottom: 2.1rem;
}
.booking__text {
  font-size: 0.9rem;
  line-height: 1.3;
  margin-bottom: 1.7rem;
}
.booking__steps {
  width: 28.6%;
  position: relative;
}
@media (max-width: 1024px) {
  .booking__steps {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: auto;
    overflow: auto;
    margin-bottom: 2rem;
  }
}
.booking__steps__wrap {
  position: relative;
}
@media (max-width: 1024px) {
  .booking__steps__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 100%;
    padding-bottom: 0.5rem;
  }
}
.booking__steps__step {
  position: relative;
  height: 5.75rem;
  display: block;
  z-index: 1;
  padding-left: 3.55rem;
}
.booking__steps__step:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.3rem;
  width: 1.15rem;
  height: 1.15rem;
  background: #7F7F7F;
  border-radius: 50%;
  z-index: 1;
}
@media (max-width: 1024px) {
  .booking__steps__step:before {
    left: 50%;
    margin-left: -0.575rem;
  }
}
.booking__steps__step:after {
  content: "";
  position: absolute;
  width: 1px;
  background: #7F7F7F;
  left: 0.57rem;
  top: 0.3rem;
  height: 5.75rem;
}
@media (max-width: 1024px) {
  .booking__steps__step:after {
    height: 1px;
    top: 0.875rem;
    left: 50%;
    width: 7em;
  }
}
.booking__steps__step_active {
  color: #F49A14;
}
.booking__steps__step_active:before {
  background: #F49A14;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
.booking__steps__step:last-child:after {
  display: none;
}
@media (max-width: 1024px) {
  .booking__steps__step {
    width: 7em;
    min-width: 7em;
    height: auto;
    padding: 2.5rem 0.5rem 0;
    text-align: center;
  }
}
.booking__steps__title {
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.44;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}
.booking__steps__text {
  font-size: 0.8rem;
  line-height: 1.3;
}
.booking__note {
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 1.25;
  color: #9F9F9F;
  margin-top: 4.2rem;
}
.booking__comment {
  font-size: 0.6rem;
  font-weight: 400;
  line-height: 1.25;
  color: rgba(159, 159, 159, 0.8);
}
.booking__text-big-grey {
  font-size: 0.9rem;
  color: rgba(175, 175, 175, 0.8);
  margin-top: 0.35rem;
  margin-bottom: 4.3rem;
}
@media (max-width: 1024px) {
  .booking__text-big-grey {
    margin-bottom: 3rem;
  }
}
.booking__info {
  border: 1px solid #2C3842;
  font-size: 0.9rem;
  padding: 1rem;
  margin: 2rem 0;
  display: none;
}
.booking__text-big-grey a, .booking__info a {
  text-decoration: none;
  border-bottom: solid 1px;
  -webkit-transition: border-bottom 0.3s;
  -o-transition: border-bottom 0.3s;
  transition: border-bottom 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .booking__text-big-grey a:hover:not([class]):hover, .booking__text-big-grey a:hover.link:hover, .booking__info a:hover:not([class]):hover, .booking__info a:hover.link:hover {
    text-decoration: none;
    border-bottom-color: transparent;
  }
}
.booking__dop-fields {
  display: none;
  margin-top: 1.9rem;
}
.booking__dop-fields__text {
  font-size: 1.2rem;
  margin-bottom: 1rem;
}
.booking__dop-fields__text div {
  color: #F1861C;
  font-size: 0.7rem;
}
.booking__sms-repeat {
  font-size: 0.8rem;
  color: rgba(175, 175, 175, 0.8);
  margin-top: 1.5rem;
}
.booking__buttons {
  margin-top: 1.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.booking__action-repeat {
  display: none;
}
.booking__img {
  position: absolute;
  bottom: 0;
  right: 0;
  -webkit-transform: translate3d(86%, -67%, 0);
  transform: translate3d(86%, -67%, 0);
}
@media (max-width: 1024px) {
  .booking__img {
    display: none;
  }
}

.margin-3 {
  margin-bottom: 3rem;
}
@media (max-width: 1024px) {
  .margin-3 {
    margin-bottom: 2rem;
  }
}

.booking-success {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8.5rem;
  margin-bottom: 3.7rem;
}
@media (max-width: 1024px) {
  .booking-success {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 3rem;
    margin-bottom: 0;
  }
}
.booking-success__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 47%;
}
@media (max-width: 1024px) {
  .booking-success__left {
    width: 100%;
  }
}
.booking-success__right {
  width: 53%;
}
@media (max-width: 1024px) {
  .booking-success__right {
    width: 100%;
    margin-top: 3rem;
  }
}
.booking-success__title {
  font-size: 5.54rem;
  font-weight: 700;
  color: #F1861C;
  margin-top: 0.5rem;
  margin-bottom: 5.7rem;
}
@media (max-width: 1024px) {
  .booking-success__title {
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 2rem;
  }
}
.booking-success__subtitle {
  font-size: 2.01rem;
  font-weight: 700;
  -webkit-transform: rotate(-0.8deg);
  -ms-transform: rotate(-0.8deg);
  -o-transform: rotate(-0.8deg);
  transform: rotate(-0.8deg);
  margin-bottom: 6.1rem;
}
@media (max-width: 1024px) {
  .booking-success__subtitle {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
.booking-success__text {
  font-size: 1.315rem;
  font-weight: 700;
  margin-top: 2.2rem;
  -webkit-transform: rotate(-0.8deg);
  -ms-transform: rotate(-0.8deg);
  -o-transform: rotate(-0.8deg);
  transform: rotate(-0.8deg);
}
@media (max-width: 1024px) {
  .booking-success__text {
    font-size: 0.8rem;
    margin-top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
.booking-success__bron {
  font-size: 2rem;
  font-weight: 700;
  color: #F1861C;
}
.booking-success__info {
  font-size: 1rem;
  margin: 2rem 0;
}
.booking-success__info a {
  color: #F1861C;
}
.booking-success__img {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  max-height: -webkit-calc(72vh - 0.8rem);
  max-height: calc(72vh - 0.8rem);
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(17%, 0, 0);
  transform: translate3d(17%, 0, 0);
}
@media (max-width: 1024px) {
  .booking-success__img {
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
.booking-success__img:before {
  content: "";
  display: block;
  padding-top: 77%;
}
.booking-success__img > div {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: 1.2s -webkit-transform;
  transition: 1.2s -webkit-transform;
  -o-transition: 1.2s -o-transform;
  transition: 1.2s transform;
  transition: 1.2s transform, 1.2s -webkit-transform, 1.2s -o-transform;
}
@media (min-width: 1025px) {
  .booking-success__img > div:not(.animation-enter) {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.booking-success__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .booking-success__buttons .button_big {
    padding-left: 1rem;
    padding-right: 1rem;
    width: -webkit-calc(50% - 5px);
    width: calc(50% - 5px);
    text-align: center;
  }
}

.booking-empty {
  margin: 6rem auto;
  text-align: center;
  max-width: 800px;
}
.booking-empty__title {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.booking-empty__text {
  font-size: 1.2rem;
  margin-bottom: 2rem;
}
.booking-empty__info {
  font-size: 1rem;
  margin-bottom: 2rem;
}
.booking-empty__info a {
  text-decoration: none;
  border-bottom: solid 1px;
  -webkit-transition: border-bottom 0.3s;
  -o-transition: border-bottom 0.3s;
  transition: border-bottom 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .booking-empty__info a:hover:not([class]):hover, .booking-empty__info a:hover.link:hover {
    text-decoration: none;
    border-bottom-color: transparent;
  }
}

.booking-calc {
  max-width: -webkit-calc(1000 / 1920 * 100vw);
  max-width: calc(1000 / 1920 * 100vw);
}
@media (max-width: 1024px) {
  .booking-calc {
    max-width: 100%;
    padding: 50px 35px 20px;
  }
}
.booking-calc__title {
  font-weight: 700;
  font-size: 50px;
  line-height: 60px;
  text-align: center;
  color: #F1861C;
  margin-bottom: 42px;
}
.booking-calc .sum-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 48px;
}
.booking-calc .price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
@media (max-width: 1024px) {
  .booking-calc .price {
    display: block;
  }
}
.booking-calc .price .name {
  margin-right: 7px;
}
.booking-calc .price .value {
  color: #F1861C;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}
.booking-calc .filters__range {
  margin-bottom: 42px;
  padding-top: 31px;
}
.booking-calc__comment {
  margin-top: 60px;
  margin-bottom: 60px;
  text-align: center;
  font-size: 14px;
}
@media (max-width: 400px) {
  .booking-calc .form__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 10px;
  }
  .booking-calc .form__actions button {
    width: 100%;
  }
}

#order_owner_step3,
#order_owner_step4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}
#order_owner_step3 .form__actions,
#order_owner_step4 .form__actions {
  margin: 2.4rem 0 3.8rem 0;
}

/* #order_owner_step4 {
    .form__field:last-child {
        display: flex;
        align-items: end;
        padding: 0 0 0.7rem 1.15rem;
    }
}*/
.owner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 3rem;
}
@media (max-width: 1024px) {
  .owner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
.owner__left {
  width: 60%;
}
@media (max-width: 1024px) {
  .owner__left {
    width: 100%;
  }
}
.owner__right {
  width: 25rem;
}
@media (max-width: 1024px) {
  .owner__right {
    width: 100%;
    text-align: center;
  }
}
.owner__note {
  font-size: 1rem;
  line-height: 1.33;
  color: #808080;
  margin-bottom: 2.95rem;
}
.owner__buttons .button-link {
  margin-right: 4.8rem;
}
@media (max-width: 1024px) {
  .owner__buttons .button-link {
    margin: 0 2rem 2rem;
  }
}
@media (max-width: 1024px) {
  .owner__buttons {
    text-align: center;
  }
}
.owner__title {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 1.3rem;
}
@media (max-width: 1024px) {
  .owner__title {
    margin-bottom: 3.3rem;
    text-align: center;
  }
}
.owner-hide {
  display: none;
}

.owner-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2.2rem;
  position: relative;
}
@media (max-width: 1024px) {
  .owner-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 2rem;
    margin-bottom: 3rem;
    border-bottom: solid 3px #eee;
  }
}
.owner-card__left {
  width: 60%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
  padding-bottom: 0.8rem;
}
@media (max-width: 1024px) {
  .owner-card__left {
    width: 100%;
    text-align: center;
  }
}
.owner-card__right {
  position: relative;
  width: 40%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end;
}
@media (max-width: 1024px) {
  .owner-card__right {
    width: 100%;
  }
}
.owner-card__name {
  font-size: 1.8rem;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.owner-card__type {
  font-size: 0.81rem;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0.3rem;
  color: #F1861C;
}
.owner-card__profile {
  font-size: 0.81rem;
  font-weight: 700;
  line-height: 21.46px;
  text-transform: uppercase;
  margin-bottom: 2.5rem;
  color: #F1861C;
}
@media (max-width: 1024px) {
  .owner-card__profile {
    margin-bottom: 1rem;
  }
}

@media (max-width: 1024px) {
  .circle-wrap {
    margin: 0 auto;
  }
}

.owner-circle {
  position: relative;
  margin-left: 0;
  margin-right: 0;
}
.owner-circle .logo_circle {
  position: relative;
}
.owner-circle canvas {
  position: relative;
  left: 0;
  top: 0;
  max-width: 100%;
}
.owner-circle__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.15rem;
  line-height: 1.3;
  cursor: pointer;
}
.owner-circle__text input {
  display: none;
  width: 100%;
  height: 2.3rem;
  left: 36.8%;
  top: 46.5%;
  font-size: 1.6rem;
  font-weight: 700;
  background-color: #2C3842;
  opacity: 1;
  border: none;
  color: #fff;
  text-align: right;
  padding: 0.3rem 0.3rem 0.1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.owner-circle__text i {
  display: none;
  cursor: pointer;
  top: 46%;
  left: 59%;
  width: 1.8rem;
  height: 2.3rem;
  line-height: 1.7rem;
  background: #fff;
  padding: 0.3rem;
}
.owner-circle__text i svg {
  fill: #2C3842;
  -webkit-transition: fill 0.3s;
  -o-transition: fill 0.3s;
  transition: fill 0.3s;
}
.owner-circle__text i:hover svg {
  fill: #F1861C;
}
.owner-circle__text p {
  margin: 0;
  padding: 0;
  font-size: 30px;
}
.owner-circle__text.open {
  cursor: default;
}
.owner-circle__text.open p span {
  opacity: 0;
}
.owner-circle__text.open input,
.owner-circle__text.open i {
  display: block;
}
.owner-circle__percent {
  position: relative;
  width: 6rem;
  height: 2.3rem;
  font-size: 1.6rem;
}
.owner-circle__percent > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 6rem;
  height: 2.3rem;
}
.owner-circle__info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2.3rem;
  line-height: 2.6rem;
}
.owner-circle__input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.owner-circle__input > div:nth-child(1) {
  width: 70%;
  height: 2.3rem;
  line-height: 2.3rem;
  text-align: right;
}
.owner-circle__input > div:nth-child(2) {
  width: 30%;
  height: 2.3rem;
  line-height: 2.3rem;
  text-align: left;
}

.owner-flat {
  padding-top: 5.8rem;
  padding-left: 1.65rem;
}
@media (max-width: 1024px) {
  .owner-flat {
    padding: 3rem 0 0;
  }
}
.owner-flat__title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  color: #F1861C;
  text-transform: uppercase;
  margin-bottom: 2.9rem;
}
.owner-flat__desc {
  margin: 2.9rem 0;
}
.owner-flat__desc > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.owner-flat__desc > div > div:first-child {
  width: 55%;
  padding-left: 0.2rem;
  font-size: 0.88rem;
}
@media (max-width: 1024px) {
  .owner-flat__desc > div > div:first-child {
    width: 50%;
    text-align: right;
    padding: 0 0.3rem 0 0;
  }
}
.owner-flat__desc > div > div:last-child {
  width: 45%;
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .owner-flat__desc > div > div:last-child {
    width: 50%;
    text-align: left;
    padding: 0 0 0 0.3rem;
  }
}
.owner-flat__img {
  margin: 2.9rem 0;
}
.owner-flat__img img {
  max-width: 100%;
}

.owner-load .block .item {
  margin-top: 20px;
  padding: 10px 15px;
  border: 1px dashed #F1861C;
}
.owner-load .block .item:nth-child(1) {
  margin-top: 0px;
}
.owner-load .block .item.error {
  border-color: red;
}
.owner-load .block .item.error .name {
  color: red;
}
.owner-load .block .item .name {
  margin-bottom: 20px;
  text-align: center;
}
.owner-load .block .item .name a {
  color: #F1861C;
  text-decoration: underline;
}
.owner-load .block .item .name a:hover {
  text-decoration: none;
}
.owner-load .block .item .value {
  text-align: center;
}
.owner-load .block .item .value .sub_item {
  display: inline-block;
  margin: 0px 5px;
  margin-bottom: 20px;
}
.owner-load .block .item .value .sub_item label {
  display: block;
  width: 72px;
  height: 72px;
  border: 1px dashed #F1861C;
  position: relative;
  cursor: pointer;
}
.owner-load .block .item .value .sub_item label:before {
  content: "";
  display: block;
  width: 2px;
  height: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.owner-load .block .item .value .sub_item label:after {
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.owner-load .block .item .value .sub_item label:before {
  content: "";
  display: block;
  width: 2px;
  height: 50%;
  background: #1d1761;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.owner-load .block .item .value .sub_item label:after {
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background: #1d1761;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.owner-load .block .item .value .sub_item label input[type=file] {
  display: none;
}
.owner-load .block .item .value .sub_item label span {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.owner-load .block .item .value .sub_item label span.load {
  background: url(/img/preloadery.gif) no-repeat 50% 50%;
  -webkit-background-size: 150% 150%;
  background-size: 150%;
}
.owner-load .block .item .value .sub_item label span i {
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 0px;
  top: -16px;
}
.owner-load .block .item .value .sub_item label span i:before, .owner-load .block .item .value .sub_item label span i:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.owner-load .block .item .value .sub_item label span i:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ordering {
  padding: 10vh 0;
  text-align: center;
  margin: 0 auto;
  max-width: 40rem;
}
.ordering__title {
  font-size: 4rem;
  font-weight: 700;
  color: #F1861C;
  text-transform: uppercase;
  margin-bottom: 3rem;
}
@media (max-width: 1024px) {
  .ordering__title {
    font-size: 2.5rem;
  }
}
.ordering__text {
  font-size: 1.2rem;
  margin-bottom: 4.5rem;
}
@media (max-width: 1024px) {
  .ordering__text {
    font-size: 1.05rem;
  }
}
.error_txt {
  margin-top: 1rem;
  margin-bottom: 0;
  text-align: center;
  color: red;
  font-size: 0.8rem;
  line-height: 1.2;
}

.not_passport {
  display: none;
}
.not_passport.active {
  display: block;
}
.not_passport .error_txt {
  margin-top: 0;
  font-size: 16px;
}

.form__canvas canvas {
  background: #FCFEFF;
  border: 2px dashed #898989;
  margin-bottom: 30px;
  max-width: 100%;
  min-height: 200px;
  display: block;
}

.clear-canvas {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.rmv {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s;
  cursor: pointer;
  z-index: 2;
}
@media (max-width: 1024px) {
  .rmv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    top: -20px;
    right: -5px;
  }
}
.rmv button {
  width: 100%;
  height: 100%;
  color: #ccc;
  padding: 0;
  font-size: 1.2rem;
  white-space: nowrap;
}
@media (max-width: 1024px) {
  .rmv button {
    position: relative;
  }
}
.rmv:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}

.calk-hiden {
  display: none;
}

.irs-from, .irs-to, .irs-single {
  top: 34px;
}
.irs-to {
  left: auto !important;
  right: 0 !important;
  text-align: right;
}
.irs-from {
  left: 0 !important;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  font-weight: 700;
  color: #F1861C;
  font-size: 15px;
  padding: 0 0;
  border-radius: 0;
  background-color: transparent;
}
.irs--round .irs-from:before, .irs--round .irs-from:before, .irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-to:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before,
.irs--round .irs-single:before,
.irs--round .irs-single:before {
  display: none;
}
.irs--round .irs-min,
.irs--round .irs-max {
  font-weight: 700;
  color: #F1861C;
  font-size: 15px;
  padding: 0 0;
  border-radius: 0;
  background-color: transparent;
  top: 34px;
}
.irs--round .irs-handle {
  top: -2px;
  width: 30px;
  height: 30px;
  border: 0 none;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s, -o-transform 0.2s;
  background: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}
.irs--round .irs-handle:before {
  content: "";
  display: block;
  position: absolute;
  left: 7px;
  top: 7px;
  right: 7px;
  bottom: 7px;
  border-radius: 50%;
  background-color: #F1861C;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}
.irs--round .irs-handle:hover {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  background: none;
}
.irs--round .irs-handle:hover:before {
  background-color: #F1861C;
}
.irs--round .irs-handle.single {
  height: 16px;
  width: 16px;
  top: 5px;
}
.irs--round .irs-handle.single:before {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.irs--round .irs-handle.single:after {
  left: -7px;
  right: -7px;
  top: -7px;
  bottom: -7px;
  position: absolute;
  content: "";
}
.irs--round .irs-handle.from {
  margin-left: -7px;
}
.irs--round .irs-handle.to {
  margin-left: 7px;
}
.irs--round .irs-line {
  background-color: transparent;
  height: 30px;
  top: 0;
}
.irs--round .irs-line:before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  right: 0;
  left: 0;
  border-radius: 4px;
  height: 2px;
  background-color: #f2f2f2;
}
.irs--round .irs-bar {
  height: 2px;
  background: #2C3842;
  top: 12px;
}

.parking-main {
  padding-bottom: 0;
}
@media (max-width: 1024px) {
  .parking-main {
    padding-top: 70px;
  }
}
.parking-main .inner-head {
  padding-top: 0;
}
@media (min-width: 1025px) {
  .parking-main .inner-head {
    margin-bottom: 7vh;
  }
}
@media (max-width: 1024px) {
  .parking-main .inner-head {
    margin-bottom: 20px;
  }
}
.parking-main .inner-breadcrumbs {
  color: #fff;
}
.parking-main .section-title {
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .parking-main .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 8vh;
    min-height: 70vh;
    position: relative;
  }
  .parking-main .content:before {
    content: "";
    background-color: #F5F5F5;
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
.parking-main .container {
  background-color: #F1861C;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 2;
}
@media (min-width: 1025px) {
  .parking-main .container {
    width: 43.5%;
    padding-top: 4vh;
    padding-bottom: 4vh;
    margin: 0;
    font-size: 1.2rem;
  }
  .parking-main .container:after {
    content: "";
    border-color: transparent transparent transparent #F1861C;
    border-width: 31vh 0 31vh -webkit-calc(120 / 1920 * 100vw);
    border-width: 31vh 0 31vh calc(120 / 1920 * 100vw);
    border-style: solid;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 100%;
  }
}
@media (max-width: 1024px) {
  .parking-main .container {
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 1rem;
  }
}
@media (min-width: 1025px) {
  .parking-main .text {
    max-width: 23em;
  }
}
.parking-main .img {
  position: relative;
}
@media (min-width: 1025px) {
  .parking-main .img {
    width: 56.5%;
    height: 54vh;
    margin: 4vh 0;
  }
}
@media (max-width: 1024px) {
  .parking-main .img {
    width: 100%;
    height: 127vw;
  }
}
.parking-main .img img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.parking-info {
  background-color: #F5F5F5;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1025px) {
  .parking-info {
    padding-top: 10vh;
    padding-bottom: 14vh;
  }
  .parking-info:before {
    content: "";
    background: url(../img/ellipse6.svg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    width: 37rem;
    height: 18.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
}
@media (max-width: 1024px) {
  .parking-info {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.parking-info .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5%;
  font-size: 1.1rem;
}
@media (max-width: 1024px) {
  .parking-info .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    font-size: 0.75rem;
  }
}
.parking-info .text {
  max-width: 30em;
}
.parking-info .numbers-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 3.2em;
}
@media (max-width: 1024px) {
  .parking-info .numbers-block {
    gap: 1.3em;
  }
}
.parking-info .numbers-block > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1em;
  max-width: 16.8em;
}
@media (max-width: 1024px) {
  .parking-info .numbers-block > div {
    gap: 1.6em;
    max-width: -webkit-calc(50% - 0.65em);
    max-width: calc(50% - 0.65em);
  }
}
.parking-info .numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2em;
}
@media (max-width: 1024px) {
  .parking-info .numbers {
    gap: 1.3em;
  }
}
.parking-info .numbers big,
.parking-info .numbers span {
  display: block;
}
.parking-info .numbers big {
  font-weight: 700;
  font-size: 2.9em;
  color: #F1861C;
}
@media (max-width: 1024px) {
  .parking-info .numbers big {
    font-size: 2.5em;
  }
}

@media (min-width: 1025px) {
  .parking-schemes-section {
    padding-top: 14vh;
    padding-bottom: 14vh;
  }
}
@media (max-width: 1024px) {
  .parking-schemes-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.parking-schemes-section .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}
@media (min-width: 1025px) {
  .parking-schemes-section .container {
    gap: 5vh;
  }
}
@media (max-width: 1024px) {
  .parking-schemes-section .container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
  }
}
@media (max-width: 1024px) {
  .parking-schemes-section .parking-floors {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .parking-schemes-section .parking-floors .filter-label {
    margin-bottom: 1em;
    font-size: 0.75rem;
  }
  .parking-schemes-section .parking-floors .filter-switchers {
    font-size: 1.25rem;
  }
  .parking-schemes-section .parking-floors .filter-switchers span {
    border-width: 2px;
  }
}
.parking-schemes-section .parking-legend {
  gap: 1.4em;
  font-size: 0.7rem;
}
@media (max-width: 1024px) {
  .parking-schemes-section .parking-legend {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0.75rem;
  }
}
.parking-schemes-section .parking-legend, .parking-schemes-section .parking-legend > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.parking-schemes-section .parking-legend > div {
  gap: 0.7em;
  text-transform: uppercase;
  font-weight: 700;
  color: #858585;
}
@media (max-width: 1024px) {
  .parking-schemes-section .parking-legend > div {
    gap: 0.4em;
    min-width: 12em;
  }
}
.parking-schemes-section .parking-legend > div:before {
  content: "";
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border: 2px solid #272727;
  width: 2.1em;
  height: 2.1em;
}
@media (max-width: 1024px) {
  .parking-schemes-section .parking-legend > div:before {
    width: 1.7em;
    height: 1.7em;
  }
}
.parking-schemes-section .parking-legend > div span {
  padding-top: 0.2em;
}
.parking-schemes-section .parking-legend > div[data-type=free]:before {
  background-color: rgba(241, 134, 28, 0.2);
}
.parking-schemes-section .parking-legend > div[data-type=depend]:before {
  background-color: rgba(0, 0, 0, 0.2);
}
.parking-schemes-section .parking-legend > div[data-type=booked]:before {
  background: url(../img/lock.svg) 50% 50% no-repeat;
  -webkit-background-size: auto 60%;
  background-size: auto 60%;
}
@media (min-width: 1025px) {
  .parking-schemes-section .parking-miniplan {
    position: absolute;
    top: 0;
    right: -webkit-calc(140 / 1920 * 100vw);
    right: calc(140 / 1920 * 100vw);
  }
}
@media (max-width: 1024px) {
  .parking-schemes-section .parking-miniplan {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }
}
.parking-schemes-section .parking-miniplan img {
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 1025px) {
  .parking-schemes-section .parking-miniplan img {
    width: auto;
    height: -webkit-calc(5vh + 6rem);
    height: calc(5vh + 6rem);
  }
}
@media (max-width: 1024px) {
  .parking-schemes-section .parking-miniplan img {
    width: 67vw;
    max-width: 16rem;
    height: auto;
  }
}
.parking-schemes-section .parking-schemes {
  position: relative;
}
@media (max-width: 1024px) {
  .parking-schemes-section .parking-schemes {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
    margin: 0 -20px;
  }
}
@media (max-width: 1024px) {
  .parking-schemes-section .parking-scheme {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
  }
}
.parking-schemes-section .parking-scheme:not([data-active=true]) {
  position: absolute;
  left: -999999px;
}
.parking-schemes-section .parking-scheme svg {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 1024px) {
  .parking-schemes-section .parking-scheme svg {
    width: auto;
    height: 80vw;
  }
}
.parking-schemes-section .parking-scheme svg path[data-type=mm][data-num] {
  fill-opacity: 0.2;
}
.parking-schemes-section .parking-scheme svg path[data-type=mm][data-num][data-status="4"], .parking-schemes-section .parking-scheme svg path[data-type=mm][data-num][data-status="8"], .parking-schemes-section .parking-scheme svg path[data-type=mm][data-num][data-status="16"] {
  fill: #F1861C;
  cursor: pointer;
}
.parking-schemes-section .parking-scheme svg path[data-type=mm][data-num][data-status="4"][data-depend], .parking-schemes-section .parking-scheme svg path[data-type=mm][data-num][data-status="8"][data-depend], .parking-schemes-section .parking-scheme svg path[data-type=mm][data-num][data-status="16"][data-depend] {
  fill: #272727;
}
.parking-schemes-section .parking-scheme svg path[data-type=mm][data-num][data-active=true] {
  fill-opacity: 1;
}
.parking-schemes-section .parking-scheme svg path[data-type=lock] {
  fill: #272727;
}
.parking-schemes-section .parking-scheme svg.parking-scheme-lock {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.parking-schemes-section .parking-tip {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.25em;
  width: 19em;
  padding: 1.25em;
  font-size: 0.8rem;
  margin: 1em 0 0 1em;
  position: absolute;
  z-index: 2;
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  -o-transition: 0.3s -o-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform, 0.3s -o-transform;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.parking-schemes-section .parking-tip[data-visible=false] {
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
}
.parking-schemes-section .parking-tip[data-pos=right] {
  margin: 1em 0 0 -1em;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: translate3d(-100%, 0, 0) scale(1);
  transform: translate3d(-100%, 0, 0) scale(1);
}
.parking-schemes-section .parking-tip[data-pos=right]:before {
  content: "";
  background-color: transparent;
  position: absolute;
  left: 0;
  right: -1em;
}
.parking-schemes-section .parking-tip[data-pos=right][data-visible=false] {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0);
  transform: translate3d(-100%, 0, 0) scale(0);
}
.parking-schemes-section .parking-tip:not([data-fav=true]) .fav-link {
  fill-opacity: 0;
}
@media (max-width: 1024px) {
  .parking-schemes-section .parking-tip {
    margin: 1em 0 0 0;
    font-size: 1rem;
    left: 50% !important;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: translate3d(-50%, 0, 0) scale(1);
    transform: translate3d(-50%, 0, 0) scale(1);
  }
  .parking-schemes-section .parking-tip[data-visible=false] {
    -webkit-transform: translate3d(-50%, 0, 0) scale(0);
    transform: translate3d(-50%, 0, 0) scale(0);
  }
}
.parking-schemes-section .parking-tip:before {
  content: "";
  background-color: transparent;
  position: absolute;
  left: -1em;
  right: 0;
  top: -1em;
  bottom: 0;
}
.parking-schemes-section .parking-tip:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.parking-schemes-section .parking-tip > * {
  width: 100%;
  position: relative;
  z-index: 2;
}
.parking-schemes-section .parking-tip .title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 115%;
}
@media (max-width: 1024px) {
  .parking-schemes-section .parking-tip .title {
    text-align: center;
  }
}
.parking-schemes-section .parking-tip .info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.25em;
  white-space: nowrap;
}
.parking-schemes-section .parking-tip .info span[data-type=price] {
  font-weight: 700;
}
.parking-schemes-section .parking-tip .foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 1.25em;
}
.parking-schemes-section .parking-tip .btn {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  padding-top: 0.25em;
  font-size: 0.7em;
}
.parking-schemes-section .parking-tip .fav-link {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #F1861C;
}
.parking-schemes-section .parking-tip .fav-link svg {
  width: 1.4em;
}
.parking-schemes-section .parking-tip .booked {
  text-align: center;
  font-weight: 700;
  color: gray;
}