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

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

html,
body {
  height: 100%;
  min-width: 360px;
}

body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

button {
  cursor: pointer;
  color: inherit;
  background-color: inherit;
}

a {
  color: inherit;
}

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

a:hover {
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

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

@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms Pro";
  font-display: swap;
  src: url("../fonts/TTNormsPro-Regular.woff") format("woff2"), url("../fonts/TTNormsPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "TT Norms Pro";
  font-display: swap;
  src: url("../fonts/TTNormsPro-Medium.woff2") format("woff2"), url("../fonts/TTNormsPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Garamond";
  font-display: swap;
  src: url("../fonts/EBGaramond-Regular.woff2") format("woff2"), url("../fonts/EBGaramond-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --white: #fff;
  --chocolate: #3f2e2c;
  --gold: #c9b270;
  --cacao: #7a6d68;
  --light-gray: #e3e1df;
  --gray: #cbc7c4;
  --error: #fa1f1f;
  --red: #EF5050;
  --font-family: "TT Norms Pro", sans-serif;
  --second-family: "Garamond", sans-serif;
  --third-family: "Montserrat", sans-serif;
  --font3: "Roboto", sans-serif;
}

* {
  -webkit-tap-highlight-color: transparent;
  outline: none;
  box-shadow: none;
}

body {
  max-width: 2560px;
  margin: 0 auto;
}

img {
  max-width: 100%;
}

svg {
  max-width: 100%;
}

[class*=__container] {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 64px;
}
@media (max-width: 1200px) {
  [class*=__container] {
    padding: 0 20px;
  }
}
@media (max-width: 400px) {
  [class*=__container] {
    padding: 0 12px;
  }
}

.yellow-btn {
  padding: 8px 32px;
  background-color: var(--gold);
  transition: background-color 0.3s ease;
  cursor: pointer;
}
.yellow-btn span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--white);
}
@media (hover: hover) {
  .yellow-btn:hover {
    background-color: #aa9250;
  }
}
.yellow-btn:active {
  background-color: #8f753d;
}

.breadcrumbs__list {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.breadcrumbs__list li {
  position: relative;
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.breadcrumbs__list li::after {
  content: "/";
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-align: left;
  text-transform: uppercase;
  color: var(--cacao);
  transition: color 0.3s ease;
}
@media (max-width: 640px) {
  .breadcrumbs__list li::after {
    font-size: 14px;
  }
}
.breadcrumbs__list li:last-child::after {
  display: none;
}
.breadcrumbs__list li span {
  font-family: var(--font-family);
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  text-align: left;
  text-transform: uppercase;
  color: var(--cacao);
  transition: color 0.3s ease;
}
@media (max-width: 640px) {
  .breadcrumbs__list li span {
    font-size: 14px;
  }
}
.breadcrumbs__list li span.mobile {
  display: none;
}
@media (max-width: 470px) {
  .breadcrumbs__list li span.mobile {
    display: inline;
  }
}
@media (max-width: 470px) {
  .breadcrumbs__list li span.mobile-hide {
    display: none;
  }
}

.lg-container .lg-image {
  background-color: var(--white);
}

.header {
  position: fixed;
  padding: 15px 0;
  border-bottom: 1px solid var(--white);
  top: 0;
  left: 0;
  right: 0;
  z-index: 140;
  transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
}
@media (max-width: 990px) {
  .header {
    padding: 13px 0;
  }
}
.header__container {
  display: grid;
  grid-template-columns: 1fr 69px 1fr;
  align-items: center;
}
.header__left {
  display: flex;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.header__menu-btn {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
@media (max-width: 990px) {
  .header__menu-btn {
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: var(--gold);
    transition: background-color 0.3s ease;
  }
}
@media (max-width: 990px) and (hover: hover) {
  .header__menu-btn:hover {
    background-color: #aa9250;
  }
}
@media (max-width: 990px) {
  .header__menu-btn:active {
    background-color: #8f753d;
  }
}
.header__menu-btn .icon {
  position: relative;
  width: 32px;
  height: 8px;
  display: flex;
}
.header__menu-btn .icon::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: var(--white);
  border-radius: 3px;
  transition: all 0.3s ease 0s;
}
.header__menu-btn .icon::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: var(--white);
  border-radius: 3px;
  transition: all 0.3s ease 0s;
}
.menu-open .header__menu-btn .icon::before {
  top: calc(50% - 1px);
  transform: rotate(-45deg);
}
.menu-open .header__menu-btn .icon::after {
  bottom: calc(50% - 1px);
  transform: rotate(45deg);
}
.header__menu-btn .text {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white);
  transition: color 0.3s ease;
}
@media (max-width: 990px) {
  .header__menu-btn .text {
    display: none;
  }
}
.header__link {
  padding: 4px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white);
  transition: color 0.3s ease;
}
@media (max-width: 640px) {
  .header__link {
    display: none;
  }
}
.header__logo {
  opacity: 0;
  display: flex;
  max-width: 69px;
  transition: opacity 0.3s ease;
}
.header__logo svg {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.header__right {
  margin-left: auto;
  display: flex;
  align-items: center;
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media (max-width: 1200px) {
  .header__right {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
@media (max-width: 990px) {
  .header__phone {
    margin-left: auto;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--gold);
  }
}
@media (max-width: 990px) and (hover: hover) {
  .header__phone:hover {
    background-color: #aa9250;
  }
}
@media (max-width: 990px) {
  .header__phone:active {
    background-color: #8f753d;
  }
}
.header__phone svg {
  display: none;
}
@media (max-width: 990px) {
  .header__phone svg {
    display: flex;
    width: 100%;
    max-width: 24px;
    height: auto;
  }
}
.header__phone span {
  padding: 4px 0;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white);
  transition: color 0.3s ease;
}
@media (max-width: 990px) {
  .header__phone span {
    display: none;
  }
}
@media (max-width: 990px) {
  .header__btn {
    display: none;
  }
}

.header.black {
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  border-bottom: 1px solid var(--light-gray);
}
.header.black .header__menu-btn .icon::after {
  background-color: var(--chocolate);
}
@media (max-width: 990px) {
  .header.black .header__menu-btn .icon::after {
    background-color: var(--white);
  }
}
.header.black .header__menu-btn .icon::before {
  background-color: var(--chocolate);
}
@media (max-width: 990px) {
  .header.black .header__menu-btn .icon::before {
    background-color: var(--white);
  }
}
.header.black .header__menu-btn .text {
  color: var(--chocolate);
}
.header.black .header__link {
  color: var(--chocolate);
}
.header.black .header__logo {
  opacity: 1;
}
.header.black .header__phone span {
  color: var(--chocolate);
}

.header._header-scroll {
  background-color: rgba(255, 255, 255, 0.5);
  border-color: var(--light-gray);
  transform: translateY(-100%);
}
.header._header-scroll .header__menu-btn .icon::after {
  background-color: var(--chocolate);
}
@media (max-width: 990px) {
  .header._header-scroll .header__menu-btn .icon::after {
    background-color: var(--white);
  }
}
.header._header-scroll .header__menu-btn .icon::before {
  background-color: var(--chocolate);
}
@media (max-width: 990px) {
  .header._header-scroll .header__menu-btn .icon::before {
    background-color: var(--white);
  }
}
.header._header-scroll .header__menu-btn .text {
  color: var(--chocolate);
}
.header._header-scroll .header__link {
  color: var(--chocolate);
}
.header._header-scroll .header__logo {
  opacity: 1;
}
.header._header-scroll .header__phone span {
  color: var(--chocolate);
}

.menu-open .header {
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  border-bottom: 1px solid var(--light-gray);
}
.menu-open .header .header__menu-btn .icon::after {
  background-color: var(--chocolate);
}
@media (max-width: 990px) {
  .menu-open .header .header__menu-btn .icon::after {
    background-color: var(--white);
  }
}
.menu-open .header .header__menu-btn .icon::before {
  background-color: var(--chocolate);
}
@media (max-width: 990px) {
  .menu-open .header .header__menu-btn .icon::before {
    background-color: var(--white);
  }
}
.menu-open .header .header__menu-btn .text {
  color: var(--chocolate);
}
.menu-open .header .header__link {
  color: var(--chocolate);
}
.menu-open .header .header__logo {
  opacity: 1;
}
.menu-open .header .header__phone span {
  color: var(--chocolate);
}

.header._header-show {
  transform: translateY(0);
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 1190px;
  background: var(--white);
  transform: translateX(calc(-100% - 64px));
  transition: visibility 0.8s ease 0s, transform 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
  z-index: 130;
  padding: 120px 64px 50px;
  display: flex;
}
@media (max-width: 1500px) {
  .menu {
    max-width: 950px;
  }
}
@media (max-width: 1200px) {
  .menu {
    padding: 120px 20px 50px;
    max-width: 790px;
  }
}
@media (max-width: 990px) {
  .menu {
    max-width: 690px;
    padding: 120px 20px 30px;
  }
}
@media (max-width: 640px) {
  .menu {
    padding-top: 140px;
  }
}
.menu .menu-close {
  position: absolute;
  right: -64px;
  top: 148px;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--white);
  background: rgba(255, 255, 255, 0.1);
  transition: background-color 0.3s ease;
}
@media (hover: hover) {
  .menu .menu-close:hover {
    background-color: rgba(255, 255, 255, 0.25);
  }
}
.menu .menu-close:active {
  background-color: rgba(255, 255, 255, 0.2);
}
@media (max-width: 990px) {
  .menu .menu-close {
    display: none;
  }
}
.menu__body {
  margin: auto 0;
  width: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.menu__body::-webkit-scrollbar {
  display: none;
}
@media (max-width: 640px) {
  .menu__body {
    margin: 0;
  }
}
.menu__list {
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  align-items: flex-start;
}
.menu__list li a {
  padding: 4px 0px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 90%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
  transition: padding 0.3s ease, color 0.3s ease;
}
@media (max-width: 1500px) {
  .menu__list li a {
    font-size: 48px;
  }
}
@media (max-width: 640px) {
  .menu__list li a {
    margin-bottom: 32px;
    font-size: 40px;
  }
}
@media (max-width: 470px) {
  .menu__list li a {
    margin-bottom: 24px;
    font-size: 30px;
  }
}
@media (hover: hover) {
  .menu__list li a:hover {
    padding-left: 48px;
  }
}
@media (hover: hover) and (max-width: 640px) {
  .menu__list li a:hover {
    padding: 0;
    color: var(--gold);
  }
}
.menu__list li a:active {
  padding-left: 48px;
}
@media (max-width: 640px) {
  .menu__list li a:active {
    padding: 0;
    color: #8f753d;
  }
}
.menu__list-two {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 4px;
}
.menu__list-two li a {
  padding: 4px 0px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
  transition: color 0.3s ease;
}
@media (max-width: 640px) {
  .menu__list-two li a {
    font-size: 18px;
  }
}
@media (max-width: 470px) {
  .menu__list-two li a {
    font-size: 16px;
  }
}
@media (hover: hover) {
  .menu__list-two li a:hover {
    color: var(--gold);
  }
}
.menu__list-two li a:active {
  color: #8f753d;
}

.menu-open .menu {
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
}

.menu-open body::after {
  opacity: 1;
}

.footer {
  background: var(--chocolate);
}
.footer__top {
  padding-top: 96px;
  display: grid;
  grid-template-columns: 1fr 192px 1fr;
}
@media (max-width: 1200px) {
  .footer__top {
    padding-top: 48px;
  }
}
@media (max-width: 990px) {
  .footer__top {
    grid-template-columns: 1fr 70px;
    row-gap: 48px;
    -moz-column-gap: 48px;
         column-gap: 48px;
  }
}
.footer__top .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
}
.footer__top .right {
  display: flex;
  justify-content: flex-end;
}
.footer__address {
  width: 100%;
  max-width: 433px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--gold);
}
@media (max-width: 1200px) {
  .footer__address {
    max-width: 315px;
  }
}
@media (max-width: 990px) {
  .footer__address {
    max-width: 433px;
  }
}
@media (max-width: 640px) {
  .footer__address {
    max-width: 315px;
  }
}
.footer__time {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--white);
}
.footer__map-link {
  position: relative;
  padding: 4px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white);
}
.footer__map-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--white);
  transition: width 0.3s ease;
}
@media (hover: hover) {
  .footer__map-link:hover::before {
    width: 100%;
  }
}
.footer__logo {
  margin: auto auto 0;
  width: 100%;
  max-width: 192px;
}
@media (max-width: 990px) {
  .footer__logo {
    order: 3;
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
.footer__logo img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 990px) {
  .footer__logo img {
    max-width: 192px;
  }
}
.footer__up {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
}
.footer__up .icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--white);
  background: rgba(255, 255, 255, 0.1);
}
.footer__up .text {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
@media (hover: hover) {
  .footer__up:hover .icon {
    background-color: rgba(255, 255, 255, 0.25);
  }
}
.footer__up:active .icon {
  background-color: rgba(255, 255, 255, 0.2);
}
.footer__middle {
  padding: 96px 0;
  display: flex;
  justify-content: center;
}
@media (max-width: 1200px) {
  .footer__middle {
    padding: 48px 0;
  }
}
.footer__phone {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 164px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  color: var(--gold);
}
@media (max-width: 1500px) {
  .footer__phone {
    font-size: 150px;
  }
}
@media (max-width: 1200px) {
  .footer__phone {
    font-size: 48px;
  }
}
@media (max-width: 550px) {
  .footer__phone {
    font-size: 40px;
  }
}
.footer__links {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer__links a {
  position: relative;
  padding: 4px 0;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: right;
  color: var(--white);
}
.footer__links a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--white);
  transition: width 0.3s ease;
}
@media (hover: hover) {
  .footer__links a:hover::before {
    width: 100%;
  }
}
.footer__middle-two {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 48px;
  -moz-column-gap: 24px;
       column-gap: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
@media (max-width: 1200px) {
  .footer__middle-two {
    padding-bottom: 24px;
  }
}
@media (max-width: 990px) {
  .footer__middle-two {
    flex-direction: column;
    align-items: center;
  }
}
.footer__middle-two .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 990px) {
  .footer__middle-two .left {
    align-items: center;
  }
}
.footer__middle-two .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 990px) {
  .footer__middle-two .right {
    align-items: center;
  }
}
.footer__text {
  width: 100%;
  max-width: 666px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: var(--white);
  opacity: 0.7;
}
@media (max-width: 990px) {
  .footer__text {
    width: 100%;
    max-width: 100%;
  }
}
.footer__link {
  margin-bottom: 8px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: var(--white);
  white-space: nowrap;
}
@media (max-width: 990px) {
  .footer__link {
    margin-top: 8px;
    margin-bottom: 0;
  }
}
.footer__bottom {
  padding: 48px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .footer__bottom {
    padding: 32px 0;
  }
}
@media (max-width: 990px) {
  .footer__bottom {
    padding: 24px 0;
    flex-direction: column;
    row-gap: 8px;
    justify-content: center;
  }
}
.footer__copy {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--white);
}
.footer__reserv {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--white);
}
.footer__dev {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.footer__dev span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--white);
}

.welcome {
  max-width: 100%;
  position: relative;
  padding: 140px 0;
  aspect-ratio: 1/1;
  min-height: 1440px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 990px) {
  .welcome {
    padding-bottom: 260px;
    aspect-ratio: initial;
    min-height: 100vh;
  }
}
.welcome::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000000;
  opacity: 0.1;
  z-index: 1;
}
.welcome::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 240px;
  background: linear-gradient(0, #cbc7c4 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 3;
}
@media (max-width: 1200px) {
  .welcome::after {
    height: 200px;
  }
}
@media (max-width: 990px) {
  .welcome::after {
    height: 140px;
  }
}
.welcome__container {
  position: relative;
  z-index: 3;
}
.welcome__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 640px) {
  .welcome__wrap {
    flex-direction: column;
    row-gap: 24px;
  }
}
.welcome__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.welcome__date {
  position: relative;
  left: -64px;
  padding: 8px 163px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
  background: var(--gold);
}
@media (max-width: 1200px) {
  .welcome__date {
    left: -20px;
    padding: 8px 140px;
  }
}
@media (max-width: 990px) {
  .welcome__date {
    padding: 8px 25px;
  }
}
.welcome__title {
  margin: 22px 0 24px;
  max-width: 460px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--white);
}
@media (max-width: 990px) {
  .welcome__title {
    margin-top: 12px;
    font-size: 32px;
    max-width: 300px;
  }
}
.welcome__logo {
  width: 100%;
  max-width: 430px;
  height: auto;
}
@media (max-width: 990px) {
  .welcome__logo {
    max-width: 310px;
  }
}
@media (max-width: 470px) {
  .welcome__logo {
    max-width: 250px;
  }
}
.welcome__right {
  padding-top: 62px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 990px) {
  .welcome__right {
    padding-top: 52px;
  }
}
@media (max-width: 640px) {
  .welcome__right {
    padding-top: 0;
  }
}
.welcome__right .text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 24px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
@media (max-width: 990px) {
  .welcome__right .text {
    font-size: 20px;
  }
}
.welcome__right .numb {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 164px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
@media (max-width: 990px) {
  .welcome__right .numb {
    font-size: 128px;
    line-height: 100%;
  }
}
.welcome__link {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 15px;
  width: 215px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 4;
}
.welcome__link .wrap {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--white);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  transition: background-color 0.5s ease, border-color 0.5s ease;
}
.welcome__link .round-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  animation-duration: 12s;
  animation-name: slide-in;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes slide-in {
  from {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }
}
@media (hover: hover) {
  .welcome__link:hover .round-text {
    animation-play-state: paused;
  }
  .welcome__link:hover .wrap {
    background-color: rgba(255, 255, 255, 0.25);
  }
}
.welcome__link:active .round-text {
  animation-play-state: paused;
}
.welcome__link:active .wrap {
  background-color: rgba(255, 255, 255, 0.2);
}
.welcome .welcome-advert {
  position: fixed;
  right: 64px;
  bottom: 48px;
  padding: 16px;
  width: 100%;
  max-width: 430px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  background: rgba(255, 255, 255, 0.55);
  z-index: 10;
  transition: transform 0.3s ease;
}
.welcome .welcome-advert.hide {
  transform: translateX(200%);
}
@media (max-width: 1250px) {
  .welcome .welcome-advert {
    display: none !important;
  }
}
.welcome .welcome-advert__close {
  position: absolute;
  top: 28px;
  right: 28px;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--white);
  background: rgba(255, 255, 255, 0.1);
  transition: background-color 0.3s ease;
}
@media (hover: hover) {
  .welcome .welcome-advert__close:hover {
    background-color: rgba(255, 255, 255, 0.25);
  }
}
.welcome .welcome-advert__close:active {
  background-color: rgba(255, 255, 255, 0.2);
}
.welcome .welcome-advert__img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 388/240;
  -o-object-fit: cover;
     object-fit: cover;
}
.welcome .welcome-advert__link {
  padding: 16px 0;
  width: 100%;
  max-width: 100%;
  text-align: center;
}

.about {
  padding: 192px 0 96px;
  background: linear-gradient(180deg, #cbc7c4 0%, #fff 100%);
}
@media (max-width: 1200px) {
  .about {
    padding: 96px 0 48px;
  }
}
.about__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about__title {
  margin: 0 0 48px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .about__title {
    font-size: 32px;
  }
}
@media (max-width: 640px) {
  .about__title {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .about__title {
    margin-bottom: 24px;
    font-size: 19px;
  }
}
.about__wrap {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: 1.8fr 1fr;
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media (max-width: 990px) {
  .about__wrap {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
.about__left {
  width: 100%;
  max-width: 100%;
}
.about__img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1125/840;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1500px) {
  .about__img {
    aspect-ratio: 802/720;
    height: 720px;
  }
}
@media (max-width: 990px) {
  .about__img {
    aspect-ratio: 728/360;
    height: 360px;
  }
}
.about__right {
  position: relative;
  padding-bottom: 48px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
@media (max-width: 990px) {
  .about__right {
    padding: 0;
  }
}
.about__right::before {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  width: 1px;
  height: 100%;
  background-color: var(--gray);
}
@media (max-width: 990px) {
  .about__right::before {
    display: none;
  }
}
.about__text-two {
  max-width: 388px;
  margin-right: auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .about__text-two {
    max-width: 100%;
    margin: 0;
  }
}
.about__text-three {
  max-width: 410px;
  margin: 48px 0 48px auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .about__text-three {
    max-width: 100%;
    margin: 24px 0 48px;
  }
}
.about__btn {
  padding: 16px 64px;
}
@media (max-width: 1200px) {
  .about__btn {
    padding: 16px 55px;
  }
}
@media (max-width: 990px) {
  .about__btn {
    margin: 0 auto;
  }
}
@media (max-width: 470px) {
  .about__btn {
    padding: 14px 40px;
  }
}

.location {
  padding: 192px 0;
}
@media (max-width: 1200px) {
  .location {
    padding: 96px 0;
  }
}
.location__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.location__top {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 470px) {
  .location__top {
    font-size: 13px;
  }
}
.location__title {
  position: relative;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 158px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
  z-index: 3;
}
@media (max-width: 1800px) {
  .location__title {
    font-size: 124px;
  }
}
@media (max-width: 1435px) {
  .location__title {
    font-size: 64px;
  }
}
@media (max-width: 640px) {
  .location__title {
    font-size: 54px;
  }
}
@media (max-width: 470px) {
  .location__title {
    font-size: 45px;
  }
}
.location__top-wrap {
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  margin-top: -75px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1800px) {
  .location__top-wrap {
    margin-top: -10px;
  }
}
@media (max-width: 1435px) {
  .location__top-wrap {
    margin-top: 0;
  }
}
.location__img {
  width: 100%;
  max-width: 1332px;
  aspect-ratio: 1332/840;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1800px) {
  .location__img {
    max-width: 972px;
    aspect-ratio: 972/720;
  }
}
@media (max-width: 1200px) {
  .location__img {
    max-width: 640px;
    aspect-ratio: 640/420;
  }
}
@media (max-width: 640px) {
  .location__img {
    max-width: calc(100% + 40px);
    width: calc(100% + 40px);
    margin: 0 -20px;
    height: 360px;
  }
}
.location__img-two {
  position: absolute;
  left: 0;
  top: calc(100% - 48px);
  width: 100%;
  max-width: 412px;
  aspect-ratio: 412/560;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1800px) {
  .location__img-two {
    top: auto;
    bottom: -420px;
  }
}
@media (max-width: 1200px) {
  .location__img-two {
    max-width: 280px;
    aspect-ratio: 280/360;
    bottom: -200px;
  }
}
@media (max-width: 990px) {
  .location__img-two {
    bottom: -120px;
    max-width: 240px;
    aspect-ratio: 240/360;
  }
}
@media (max-width: 640px) {
  .location__img-two {
    display: none;
  }
}
.location__text {
  margin: 384px 0;
  max-width: 870px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 1800px) {
  .location__text {
    margin-top: 504px;
  }
}
@media (max-width: 1200px) {
  .location__text {
    margin: 243px 0 192px;
  }
}
@media (max-width: 990px) {
  .location__text {
    margin: 147px 0 96px;
  }
}
@media (max-width: 640px) {
  .location__text {
    margin: 48px 0;
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .location__text {
    font-size: 20px;
  }
}
.location__wrap {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: 1.8fr 1fr;
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media (max-width: 990px) {
  .location__wrap {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
.location__left {
  width: 100%;
  max-width: 100%;
}
.location__img-three {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1125/840;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1500px) {
  .location__img-three {
    aspect-ratio: 802/720;
    height: 720px;
  }
}
@media (max-width: 990px) {
  .location__img-three {
    aspect-ratio: 728/360;
    height: 360px;
  }
}
.location__right {
  position: relative;
  padding-bottom: 48px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
@media (max-width: 990px) {
  .location__right {
    padding: 0;
  }
}
.location__right::before {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  width: 1px;
  height: 100%;
  background-color: var(--gray);
}
@media (max-width: 990px) {
  .location__right::before {
    display: none;
  }
}
.location__img-four {
  position: absolute;
  right: 0;
  top: -340px;
  width: 100%;
  max-width: 412px;
  aspect-ratio: 412/560;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1200px) {
  .location__img-four {
    top: -150px;
    max-width: 280px;
    aspect-ratio: 280/360;
  }
}
@media (max-width: 990px) {
  .location__img-four {
    display: none;
  }
}
.location__text-two {
  max-width: 388px;
  margin-right: auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .location__text-two {
    max-width: 100%;
    margin: 0;
  }
}
.location__text-three {
  max-width: 410px;
  margin: 48px 0 0 auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .location__text-three {
    max-width: 100%;
    margin: 24px 0 48px;
  }
}

.map {
  padding: 96px 0 554px;
  background-color: var(--chocolate);
  overflow: hidden;
}
@media (max-width: 1200px) {
  .map {
    padding-bottom: 96px;
  }
}
.map__container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.map__top {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
@media (max-width: 470px) {
  .map__top {
    font-size: 13px;
  }
}
.map__title {
  margin: 24px 0 56px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
@media (max-width: 1500px) {
  .map__title {
    margin-bottom: 48px;
  }
}
@media (max-width: 1200px) {
  .map__title {
    font-size: 48px;
  }
}
@media (max-width: 640px) {
  .map__title {
    font-size: 34px;
  }
}
@media (max-width: 470px) {
  .map__title {
    font-size: 30px;
  }
}
.map__wrap {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .map__wrap {
    flex-direction: column;
    row-gap: 48px;
  }
}
.map__left {
  position: relative;
  padding-left: 64px;
  padding-top: 136px;
  width: 100%;
  max-width: 700px;
  z-index: 3;
}
@media (max-width: 1600px) {
  .map__left {
    max-width: 526px;
  }
}
@media (max-width: 1200px) {
  .map__left {
    max-width: 100%;
    padding: 0 20px;
    width: 100%;
  }
}
.map__list {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
}
.map__list-item {
  width: 100%;
  max-width: 100%;
  padding: 8px 0;
  display: flex;
  align-items: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.map__list-item .left {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 48px;
  line-height: 130%;
  color: var(--gold);
  white-space: nowrap;
}
@media (max-width: 470px) {
  .map__list-item .left {
    font-size: 36px;
  }
}
.map__list-item .right {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white);
}
@media (max-width: 470px) {
  .map__list-item .right {
    font-size: 14px;
  }
}
.map-zoom {
  position: absolute;
  top: 0;
  right: 0;
  margin-left: auto;
  width: 100%;
  max-width: 1166px;
  z-index: 1;
}
@media (max-width: 1770px) {
  .map-zoom {
    right: -250px;
  }
}
@media (max-width: 1200px) {
  .map-zoom {
    position: relative;
    top: auto;
    right: auto;
    margin: 0 20px;
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
    height: 672px;
    overflow: hidden;
  }
}
.map-zoom .gradient-elem {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 320px;
  background: linear-gradient(180deg, #3f2e2c 25%, rgba(63, 46, 44, 0) 100%);
  z-index: 1;
}
@media (max-width: 1200px) {
  .map-zoom .gradient-elem {
    display: none;
  }
}
.map-zoom::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 400px;
  background: linear-gradient(90deg, #3f2e2c 25%, rgba(63, 46, 44, 0) 100%);
  z-index: 1;
}
@media (max-width: 1200px) {
  .map-zoom::before {
    display: none;
  }
}
.map-zoom::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 240px;
  background: linear-gradient(0, #3f2e2c 25%, rgba(63, 46, 44, 0) 100%);
  z-index: 1;
}
@media (max-width: 1200px) {
  .map-zoom::after {
    display: none;
  }
}
.map-zoom__shadow {
  display: none;
}
@media (max-width: 1200px) {
  .map-zoom__shadow {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    background: rgba(122, 109, 104, 0.8);
    z-index: 10;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .map-zoom__shadow.hide {
    opacity: 0;
    visibility: hidden;
  }
  .map-zoom__shadow .text {
    margin: 24px 0 48px;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    color: var(--white);
  }
  .map-zoom__shadow .btn {
    padding: 4px 0;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--white);
    background-color: transparent;
    cursor: pointer;
  }
}
@media (max-width: 1200px) {
  .map-zoom__wrap {
    width: 1166px;
    height: auto;
  }
}
.map-zoom .icons-base {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.map-zoom .main-item {
  position: absolute;
  bottom: 16%;
  left: 18%;
  display: flex;
  width: 60px;
  height: 76px;
  z-index: 3;
}
.map-zoom .map-item {
  position: absolute;
  z-index: 4;
}
.map-zoom .map-item .icon {
  position: relative;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--gold);
  border-radius: 100%;
  background-color: var(--light-gray);
  z-index: 2;
}
.map-zoom .map-item .text {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  height: 48px;
  display: flex;
  align-items: center;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  text-transform: uppercase;
  color: var(--white);
  background-color: var(--gold);
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1;
}
.map-zoom .map-item .text.left {
  top: 0;
  right: 0;
  padding: 10px 60px 10px 16px;
  justify-content: flex-start;
}
.map-zoom .map-item .text.right {
  top: 0;
  left: 0;
  padding: 10px 16px 10px 60px;
  justify-content: flex-end;
}
.map-zoom .map-item:hover {
  z-index: 5;
}
.map-zoom .map-item:hover .text {
  opacity: 1;
  visibility: visible;
}
.map-zoom .map-zoom__icons .map-item-1 {
  top: 8%;
  left: 35%;
}
.map-zoom .map-zoom__icons .map-item-2 {
  top: 13%;
  left: 61%;
}
.map-zoom .map-zoom__icons .map-item-3 {
  left: 13%;
  top: 27%;
}
.map-zoom .map-zoom__icons .map-item-4 {
  top: 36%;
  left: 17%;
}
.map-zoom .map-zoom__icons .map-item-5 {
  top: 49.5%;
  right: 32%;
}
.map-zoom .map-zoom__icons .map-item-6 {
  top: 50%;
  left: 24%;
}
.map-zoom .map-zoom__icons .map-item-7 {
  top: 53%;
  left: 47%;
}
.map-zoom .map-zoom__icons .map-item-8 {
  bottom: 35%;
  left: 41%;
}
.map-zoom .map-zoom__icons .map-item-9 {
  left: 5%;
  bottom: 22%;
}
.map-zoom .map-zoom__icons .map-item-10 {
  left: 17.5%;
  bottom: 10%;
}
.map-zoom .map-zoom__icons .map-item-11 {
  left: 38.5%;
  top: 49%;
}

.architecture {
  position: relative;
  max-width: 100%;
  padding: 192px 0;
  aspect-ratio: 1/1;
  min-height: 1440px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1500px) {
  .architecture {
    padding: 96px 0;
  }
}
@media (max-width: 990px) {
  .architecture {
    aspect-ratio: 768/1024;
    min-height: 960px;
  }
  .architecture::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #000000;
    opacity: 0.4;
    z-index: 1;
  }
}
@media (max-width: 640px) {
  .architecture {
    aspect-ratio: 480/960;
    min-height: 800px;
  }
}
.architecture__container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 3;
}
.architecture__top {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
@media (max-width: 470px) {
  .architecture__top {
    font-size: 13px;
  }
}
.architecture__title {
  margin: 24px 0 96px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
@media (max-width: 1500px) {
  .architecture__title {
    margin-bottom: 48px;
  }
}
@media (max-width: 1200px) {
  .architecture__title {
    font-size: 48px;
  }
}
@media (max-width: 640px) {
  .architecture__title {
    font-size: 34px;
  }
}
@media (max-width: 470px) {
  .architecture__title {
    font-size: 30px;
  }
}
.architecture__wrap {
  width: 100%;
  max-width: 642px;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 48px;
}
@media (max-width: 1500px) {
  .architecture__wrap {
    row-gap: 24px;
  }
}
.architecture__text {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: left;
  color: var(--white);
}
@media (max-width: 640px) {
  .architecture__text {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .architecture__text {
    font-size: 20px;
  }
}
.architecture__text-two {
  width: 100%;
  max-width: 412px;
  margin-left: auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--white);
}
@media (max-width: 990px) {
  .architecture__text-two {
    margin: 0;
  }
}

.privacy-block {
  padding: 192px 0;
}
@media (max-width: 1200px) {
  .privacy-block {
    padding: 96px 0;
  }
}
.privacy-block__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.privacy-block__top {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 470px) {
  .privacy-block__top {
    font-size: 13px;
  }
}
.privacy-block__title {
  margin: 24px 0 96px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .privacy-block__title {
    margin: 24px 0;
    font-size: 48px;
  }
}
@media (max-width: 640px) {
  .privacy-block__title {
    font-size: 34px;
  }
}
@media (max-width: 470px) {
  .privacy-block__title {
    font-size: 30px;
  }
}
.privacy-block__text {
  margin-right: auto;
  margin-bottom: 24px;
  max-width: 872px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: left;
  color: var(--chocolate);
}
@media (max-width: 640px) {
  .privacy-block__text {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .privacy-block__text {
    font-size: 20px;
  }
}
.privacy-block__wrap {
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: 1.8fr 1fr;
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media (max-width: 990px) {
  .privacy-block__wrap {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
.privacy-block__left {
  width: 100%;
  max-width: 100%;
}
.privacy-block__img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1125/840;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1500px) {
  .privacy-block__img {
    aspect-ratio: 802/720;
    height: 720px;
  }
}
@media (max-width: 990px) {
  .privacy-block__img {
    aspect-ratio: 728/360;
    height: 360px;
  }
}
.privacy-block__right {
  position: relative;
  padding-bottom: 48px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
@media (max-width: 990px) {
  .privacy-block__right {
    padding: 0;
  }
}
.privacy-block__right::before {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  width: 1px;
  height: 100%;
  background-color: var(--gray);
}
@media (max-width: 990px) {
  .privacy-block__right::before {
    display: none;
  }
}
.privacy-block__text-two {
  max-width: 388px;
  margin-right: auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .privacy-block__text-two {
    max-width: 100%;
    margin: 0;
  }
}
.privacy-block__text-three {
  max-width: 410px;
  margin: 48px 0 48px auto;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .privacy-block__text-three {
    max-width: 100%;
    margin: 24px 0 48px;
  }
}
.privacy-block__btn {
  padding: 16px 64px;
}
@media (max-width: 1200px) {
  .privacy-block__btn {
    padding: 16px 55px;
  }
}
@media (max-width: 990px) {
  .privacy-block__btn {
    margin: 0 auto;
  }
}
@media (max-width: 470px) {
  .privacy-block__btn {
    padding: 14px 40px;
  }
}

.gallery__slide img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 1920/960;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1200px) {
  .gallery__slide img {
    aspect-ratio: 1204/720;
  }
}
@media (max-width: 990px) {
  .gallery__slide img {
    aspect-ratio: 768/420;
  }
}
@media (max-width: 640px) {
  .gallery__slide img {
    height: 420px;
  }
}
.gallery__navs {
  padding: 64px;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
}
@media (max-width: 1200px) {
  .gallery__navs {
    padding: 20px;
  }
}
.gallery__navs .swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--white);
}
.gallery__navs .swiper-pagination .swiper-pagination-current {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--white);
}
.gallery__btns {
  display: flex;
  align-items: center;
}
.gallery__btns .swiper-button-prev,
.gallery__btns .swiper-button-next {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 0;
  padding: 0;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--white);
  background: rgba(255, 255, 255, 0.1);
  transition: background-color 0.3s ease;
}
.gallery__btns .swiper-button-prev::after,
.gallery__btns .swiper-button-next::after {
  display: none;
}
.gallery__btns .swiper-button-prev svg,
.gallery__btns .swiper-button-next svg {
  width: 24px;
  height: auto;
}
@media (hover: hover) {
  .gallery__btns .swiper-button-prev:hover,
  .gallery__btns .swiper-button-next:hover {
    background-color: rgba(255, 255, 255, 0.25);
  }
}
.gallery__btns .swiper-button-prev:active,
.gallery__btns .swiper-button-next:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.improvement {
  padding: 192px 0;
  background: linear-gradient(180deg, #cbc7c4 0%, #fff 100%);
}
@media (max-width: 1200px) {
  .improvement {
    padding: 96px 0;
  }
}
.improvement__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.improvement__top {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 470px) {
  .improvement__top {
    font-size: 13px;
  }
}
.improvement__title {
  margin: 24px 0 96px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .improvement__title {
    margin-bottom: 48px;
    font-size: 48px;
  }
}
@media (max-width: 640px) {
  .improvement__title {
    font-size: 34px;
  }
}
@media (max-width: 470px) {
  .improvement__title {
    font-size: 30px;
  }
}
.improvement__img {
  width: 100%;
  max-width: 412px;
  aspect-ratio: 412/280;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 990px) {
  .improvement__img {
    max-width: 360px;
    aspect-ratio: 360/240;
  }
}
.improvement__text {
  margin: 96px 0;
  max-width: 872px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .improvement__text {
    margin: 48px 0 96px;
  }
}
@media (max-width: 990px) {
  .improvement__text {
    margin: 48px 0;
  }
}
@media (max-width: 640px) {
  .improvement__text {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .improvement__text {
    font-size: 20px;
  }
}
.improvement__wrap {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: 1.75fr 1fr;
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media (max-width: 1200px) {
  .improvement__wrap {
    -moz-column-gap: 30px;
         column-gap: 30px;
    grid-template-columns: 1.5fr 1fr;
  }
}
@media (max-width: 990px) {
  .improvement__wrap {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
.improvement__left {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 990px) {
  .improvement__left {
    padding: 0 20px;
  }
}
.improvement__img-two {
  width: 100%;
  max-width: 100%;
  height: 100%;
  aspect-ratio: 1190/840;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1200px) {
  .improvement__img-two {
    aspect-ratio: 600/720;
  }
}
@media (max-width: 990px) {
  .improvement__img-two {
    aspect-ratio: 728/360;
  }
}
@media (max-width: 640px) {
  .improvement__img-two {
    aspect-ratio: initial;
    width: 100%;
    max-width: 100%;
    height: 360px;
  }
}
.improvement__right {
  position: relative;
  padding-bottom: 48px;
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 990px) {
  .improvement__right {
    padding: 0 20px;
  }
}
.improvement__right::before {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  width: 1px;
  height: 100%;
  background: var(--gray);
}
@media (max-width: 1200px) {
  .improvement__right::before {
    left: -15px;
  }
}
@media (max-width: 990px) {
  .improvement__right::before {
    display: none;
  }
}
.improvement__img-three {
  position: relative;
  margin-bottom: 30px;
  margin-left: auto;
  width: 100%;
  max-width: 474px;
  aspect-ratio: 474/412;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1200px) {
  .improvement__img-three {
    top: -48px;
  }
}
@media (max-width: 1200px) {
  .improvement__img-three {
    max-width: 280px;
    aspect-ratio: 280/360;
  }
}
@media (max-width: 990px) {
  .improvement__img-three {
    display: none;
  }
}
.improvement__text-two {
  margin-top: auto;
  margin-bottom: 48px;
  margin-right: auto;
  width: 100%;
  max-width: 388px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .improvement__text-two {
    margin-right: 20px;
    margin-bottom: 24px;
    max-width: 100%;
  }
}
@media (max-width: 990px) {
  .improvement__text-two {
    margin: 0 0 24px;
  }
}
.improvement__text-three {
  margin-right: 64px;
  margin-left: auto;
  width: 100%;
  max-width: 410px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .improvement__text-three {
    margin-right: 20px;
    max-width: 100%;
  }
}
@media (max-width: 990px) {
  .improvement__text-three {
    margin: 0;
  }
}

.common-areas {
  padding: 96px 0 0;
}
@media (max-width: 990px) {
  .common-areas {
    padding: 48px 0 0;
  }
}
.common-areas__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.common-areas__top {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 470px) {
  .common-areas__top {
    font-size: 13px;
  }
}
.common-areas__title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 158px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 1800px) {
  .common-areas__title {
    font-size: 124px;
  }
}
@media (max-width: 1435px) {
  .common-areas__title {
    font-size: 64px;
  }
}
@media (max-width: 640px) {
  .common-areas__title {
    font-size: 54px;
  }
}
@media (max-width: 470px) {
  .common-areas__title {
    font-size: 45px;
  }
}
.common-areas__img {
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1792/840;
}
@media (max-width: 1500px) {
  .common-areas__img {
    aspect-ratio: 1312/720;
  }
}
@media (max-width: 1200px) {
  .common-areas__img {
    aspect-ratio: 984/480;
  }
}
@media (max-width: 990px) {
  .common-areas__img {
    aspect-ratio: 728/360;
  }
}
@media (max-width: 640px) {
  .common-areas__img {
    aspect-ratio: 440/240;
  }
}
.common-areas__wrap {
  margin-top: 48px;
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media (max-width: 1420px) {
  .common-areas__wrap {
    margin-top: 24px;
    grid-template-columns: 1fr;
    row-gap: 48px;
  }
}
.common-areas__text {
  max-width: 666px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: left;
  color: var(--chocolate);
}
@media (max-width: 1420px) {
  .common-areas__text {
    max-width: 100%;
    text-align: center;
  }
}
@media (max-width: 640px) {
  .common-areas__text {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .common-areas__text {
    font-size: 20px;
  }
}
.common-areas__list {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.common-areas .common-areas-item {
  padding: 16px 32px 32px;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  border-top: 1px solid var(--gray);
  transition: background-color 0.3s ease;
  cursor: pointer;
}
@media (max-width: 640px) {
  .common-areas .common-areas-item {
    padding: 16px 16px 24px;
  }
}
.common-areas .common-areas-item__top {
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media (max-width: 640px) {
  .common-areas .common-areas-item__top {
    align-items: flex-start;
  }
}
.common-areas .common-areas-item__title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: left;
  color: var(--chocolate);
}
@media (max-width: 640px) {
  .common-areas .common-areas-item__title {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .common-areas .common-areas-item__title {
    font-size: 20px;
  }
}
.common-areas .common-areas-item__icon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 44px;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  border: 1px solid var(--gold);
  transition: background-color 0.3s ease;
}
@media (max-width: 640px) {
  .common-areas .common-areas-item__icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
  }
}
.common-areas .common-areas-item__icon .plus {
  width: 24px;
  height: auto;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.common-areas .common-areas-item__icon .ok {
  width: 20px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.common-areas .common-areas-item__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--gold);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.common-areas .common-areas-item:hover {
  background: rgba(201, 178, 112, 0.1);
}
.common-areas .common-areas-item:hover .common-areas-item__icon {
  background-color: var(--gold);
}
.common-areas .common-areas-item:hover .common-areas-item__icon .plus {
  opacity: 0;
  visibility: hidden;
}
.common-areas .common-areas-item:hover .common-areas-item__icon .ok {
  opacity: 1;
  visibility: visible;
}
.common-areas .common-areas-item:hover .common-areas-item__text {
  opacity: 1;
}

.slider-block {
  padding: 48px 0 96px;
}
@media (max-width: 990px) {
  .slider-block {
    padding: 48px 0;
  }
}
.slider-block__container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  max-width: 100%;
}
.slider-block__slider {
  position: relative;
  min-width: 0;
  max-width: 560px;
}
.slider-block__slide img {
  aspect-ratio: 560/840;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 640px) {
  .slider-block__slide img {
    aspect-ratio: 440/640;
  }
}
.slider-block__navs {
  padding: 16px;
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
}
.slider-block__navs .swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--white);
}
.slider-block__navs .swiper-pagination .swiper-pagination-current {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 100%;
  text-transform: uppercase;
  color: var(--white);
}
.slider-block__btns {
  display: flex;
  align-items: center;
}
.slider-block__btns .swiper-button-prev,
.slider-block__btns .swiper-button-next {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 0;
  padding: 0;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--white);
  background: rgba(255, 255, 255, 0.1);
  transition: background-color 0.3s ease;
}
.slider-block__btns .swiper-button-prev::after,
.slider-block__btns .swiper-button-next::after {
  display: none;
}
.slider-block__btns .swiper-button-prev svg,
.slider-block__btns .swiper-button-next svg {
  width: 24px;
  height: auto;
}
@media (hover: hover) {
  .slider-block__btns .swiper-button-prev:hover,
  .slider-block__btns .swiper-button-next:hover {
    background-color: rgba(255, 255, 255, 0.25);
  }
}
.slider-block__btns .swiper-button-prev:active,
.slider-block__btns .swiper-button-next:active {
  background-color: rgba(255, 255, 255, 0.2);
}

.apartments-block {
  position: relative;
  padding: 192px 0;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .apartments-block {
    padding: 96px 0;
  }
}
.apartments-block::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: #000000;
  opacity: 0.3;
}
.apartments-block::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 567px;
  background: linear-gradient(0deg, #cbc7c4 0%, rgba(203, 199, 196, 0) 100%);
}
@media (max-width: 1200px) {
  .apartments-block::before {
    height: 367px;
  }
}
.apartments-block__container {
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 3;
}
.apartments-block__top {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
@media (max-width: 470px) {
  .apartments-block__top {
    font-size: 13px;
  }
}
.apartments-block__title {
  margin: 24px 0 48px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
@media (max-width: 1200px) {
  .apartments-block__title {
    margin-bottom: 24px;
    font-size: 48px;
  }
}
@media (max-width: 640px) {
  .apartments-block__title {
    font-size: 34px;
  }
}
@media (max-width: 470px) {
  .apartments-block__title {
    font-size: 30px;
  }
}
.apartments-block__text {
  margin-bottom: 96px;
  max-width: 1082px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
@media (max-width: 1200px) {
  .apartments-block__text {
    margin-bottom: 48px;
  }
}
@media (max-width: 640px) {
  .apartments-block__text {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .apartments-block__text {
    font-size: 20px;
  }
}
.apartments-block__slider {
  max-width: 100%;
  min-width: 0;
  width: 100%;
  overflow: visible;
}
.apartments-block__list {
  width: 100%;
  max-width: 100%;
}
.apartments-block .apartments-block-item {
  padding: 48px;
  height: 560px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  background: rgba(201, 178, 112, 0.55);
  transition: background-color 0.3s ease;
}
@media (max-width: 990px) {
  .apartments-block .apartments-block-item {
    padding: 48px 18px;
    height: 480px;
  }
}
@media (max-width: 640px) {
  .apartments-block .apartments-block-item {
    min-width: 92%;
    max-width: 92%;
  }
}
.apartments-block .apartments-block-item__title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
  transition: color 0.3s ease;
}
@media (max-width: 640px) {
  .apartments-block .apartments-block-item__title {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .apartments-block .apartments-block-item__title {
    font-size: 20px;
  }
}
.apartments-block .apartments-block-item__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--white);
  background: rgba(255, 255, 255, 0.1);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.apartments-block .apartments-block-item__icon svg path {
  transition: fill 0.3s ease;
}
@media (hover: hover) {
  .apartments-block .apartments-block-item__icon:hover {
    background-color: rgba(255, 255, 255, 0.25);
  }
}
.apartments-block .apartments-block-item__icon:active {
  background-color: rgba(255, 255, 255, 0.2);
}
.apartments-block .apartments-block-item__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
  transition: color 0.3s ease;
}
@media (max-width: 640px) {
  .apartments-block .apartments-block-item__text {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .apartments-block .apartments-block-item:hover {
    background-color: rgba(227, 225, 223, 0.75);
  }
  .apartments-block .apartments-block-item:hover .apartments-block-item__text,
  .apartments-block .apartments-block-item:hover .apartments-block-item__title {
    color: var(--chocolate);
  }
  .apartments-block .apartments-block-item:hover .apartments-block-item__icon {
    background-color: transparent;
    border-color: var(--chocolate);
  }
  .apartments-block .apartments-block-item:hover .apartments-block-item__icon svg path {
    fill: var(--chocolate);
  }
}
@media (hover: hover) and (hover: hover) {
  .apartments-block .apartments-block-item:hover .apartments-block-item__icon:hover {
    background-color: rgba(63, 46, 44, 0.25);
  }
}
@media (hover: hover) {
  .apartments-block .apartments-block-item:hover .apartments-block-item__icon:active {
    background-color: rgba(63, 46, 44, 0.1);
  }
}
.apartments-block__bottom {
  margin: 192px 0 48px;
  max-width: 872px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
@media (max-width: 1200px) {
  .apartments-block__bottom {
    margin: 48px 0;
  }
}
@media (max-width: 640px) {
  .apartments-block__bottom {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .apartments-block__bottom {
    font-size: 20px;
  }
}
.apartments-block__btn {
  padding: 16px 64px;
}
@media (max-width: 470px) {
  .apartments-block__btn {
    padding: 14px 55px;
  }
}

.advantages {
  padding: 96px 0;
}
@media (max-width: 1200px) {
  .advantages {
    padding: 48px 0;
  }
}
.advantages__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.advantages__top {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 470px) {
  .advantages__top {
    font-size: 13px;
  }
}
.advantages__title {
  margin-bottom: 24px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 164px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 1700px) {
  .advantages__title {
    font-size: 124px;
    margin-bottom: 48px;
  }
}
@media (max-width: 1330px) {
  .advantages__title {
    font-size: 64px;
  }
}
@media (max-width: 470px) {
  .advantages__title {
    font-size: 54px;
  }
}
.advantages__wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: 412px 1fr 412px;
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media (max-width: 1700px) {
  .advantages__wrap {
    grid-template-columns: 412px 1fr;
    row-gap: 24px;
  }
}
@media (max-width: 1200px) {
  .advantages__wrap {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
@media (max-width: 990px) {
  .advantages__wrap {
    grid-template-columns: 1fr;
  }
}
.advantages .advantages-one__slider {
  min-width: 0;
  max-width: 100%;
}
@media (max-width: 990px) {
  .advantages .advantages-one__slider {
    margin-bottom: 24px;
  }
}
.advantages .advantages-one__slider .swiper-pagination {
  width: 100%;
  max-width: 100%;
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
}
.advantages .advantages-one__slider .swiper-pagination .swiper-pagination-bullet {
  width: 100%;
  max-width: 100%;
  height: auto;
  background-color: transparent;
  border-radius: 0;
  text-align: left;
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
  transition: opacity 0.3s ease;
}
@media (max-width: 640px) {
  .advantages .advantages-one__slider .swiper-pagination .swiper-pagination-bullet {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .advantages .advantages-one__slider .swiper-pagination .swiper-pagination-bullet {
    font-size: 20px;
    max-width: 280px;
  }
}
.advantages .advantages-one__slider .swiper-pagination .swiper-pagination-bullet::before {
  content: "";
  height: 1px;
  background-color: var(--chocolate);
  display: flex;
  width: 0;
  transition: width 0.3s ease;
}
@media (hover: hover) {
  .advantages .advantages-one__slider .swiper-pagination .swiper-pagination-bullet:hover::before {
    width: 32px;
  }
}
.advantages .advantages-one__slider .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.advantages .advantages-one__slider .swiper-pagination .swiper-pagination-bullet-active::before {
  width: 32px;
}
.advantages .advantages-one__slide {
  opacity: 0;
  visibility: hidden;
}
.advantages .advantages__center {
  min-width: 0;
  position: relative;
}
.advantages .advantages__center::before {
  content: "";
  position: absolute;
  top: 0;
  left: -24px;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: var(--gray);
}
@media (max-width: 1700px) {
  .advantages .advantages__center::before {
    display: none;
  }
}
.advantages .advantages__center::after {
  content: "";
  position: absolute;
  top: 0;
  right: -24px;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: var(--gray);
}
@media (max-width: 1700px) {
  .advantages .advantages__center::after {
    display: none;
  }
}
.advantages .advantages-two__slider {
  min-width: 0;
  max-width: 100%;
}
.advantages .advantages-two__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 872/720;
}
@media (max-width: 1500px) {
  .advantages .advantages-two__slide img {
    aspect-ratio: 852/640;
  }
}
@media (max-width: 1200px) {
  .advantages .advantages-two__slide img {
    aspect-ratio: 556/640;
  }
}
@media (max-width: 990px) {
  .advantages .advantages-two__slide img {
    aspect-ratio: 728/360;
  }
}
@media (max-width: 640px) {
  .advantages .advantages-two__slide img {
    aspect-ratio: 440/240;
  }
}
.advantages .advantages-three__slider {
  min-width: 0;
  max-width: 100%;
  margin-top: auto;
  height: -moz-min-content;
  height: min-content;
  min-height: 248px;
}
@media (max-width: 1700px) {
  .advantages .advantages-three__slider {
    grid-column-start: 2;
    grid-column-end: 3;
    min-height: 165px;
  }
}
@media (max-width: 990px) {
  .advantages .advantages-three__slider {
    grid-column-start: auto;
    grid-column-end: auto;
  }
}
@media (max-width: 470px) {
  .advantages .advantages-three__slider {
    min-height: 180px;
  }
}
.advantages .advantages-three__slide p {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--chocolate);
}
.advantages .advantages-three__btns {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.advantages .advantages-three__btns .swiper-button-prev,
.advantages .advantages-three__btns .swiper-button-next {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 0;
  padding: 0;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--chocolate);
  transition: background-color 0.3s ease;
}
.advantages .advantages-three__btns .swiper-button-prev::after,
.advantages .advantages-three__btns .swiper-button-next::after {
  display: none;
}
.advantages .advantages-three__btns .swiper-button-prev svg,
.advantages .advantages-three__btns .swiper-button-next svg {
  width: 24px;
  height: auto;
}
@media (hover: hover) {
  .advantages .advantages-three__btns .swiper-button-prev:hover,
  .advantages .advantages-three__btns .swiper-button-next:hover {
    background-color: rgba(63, 46, 44, 0.25);
  }
}
.advantages .advantages-three__btns .swiper-button-prev:active,
.advantages .advantages-three__btns .swiper-button-next:active {
  background-color: rgba(63, 46, 44, 0.1);
}

.page-template-home-page .advantages {
  position: relative;
  background: linear-gradient(180deg, #cbc7c4 0%, #fff 100%);
}

.companion {
  padding: 96px 0 192px;
}
@media (max-width: 1200px) {
  .companion {
    padding: 48px 0 96px;
  }
}
.companion__title {
  margin-bottom: 48px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .companion__title {
    font-size: 48px;
  }
}
@media (max-width: 640px) {
  .companion__title {
    font-size: 34px;
  }
}
@media (max-width: 470px) {
  .companion__title {
    font-size: 30px;
  }
}
.companion .companion-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 990px) {
  .companion .companion-item {
    width: 100%;
    max-width: 442px;
  }
}
@media (max-width: 470px) {
  .companion .companion-item {
    max-width: 95%;
  }
}
.companion .companion-item__img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 872/480;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1500px) {
  .companion .companion-item__img {
    aspect-ratio: 632/412;
  }
}
@media (max-width: 1200px) {
  .companion .companion-item__img {
    aspect-ratio: 484/280;
  }
}
@media (max-width: 990px) {
  .companion .companion-item__img {
    aspect-ratio: 442/240;
  }
}
.companion .companion-item__title {
  margin: 24px 0 12px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 640px) {
  .companion .companion-item__title {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .companion .companion-item__title {
    font-size: 20px;
  }
}
.companion .companion-item__text {
  max-width: 412px;
  margin-bottom: 12px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--chocolate);
}
.companion .companion-item__link {
  padding: 16px 64px;
}
@media (max-width: 470px) {
  .companion .companion-item__link {
    padding: 14px 40px;
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
}

.form-block {
  padding: 157px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 1200px) {
  .form-block {
    padding: 212px 0;
  }
}
@media (max-width: 640px) {
  .form-block {
    padding: 195px 0;
  }
}
.form-block__wrap {
  margin: 0 auto;
  padding: 48px;
  width: 100%;
  max-width: 872px;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  background: rgba(63, 46, 44, 0.75);
}
@media (max-width: 1200px) {
  .form-block__wrap {
    max-width: 640px;
    padding: 24px;
  }
}
.form-block__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
  transition: opacity 0.3s ease;
}
@media (max-width: 1200px) {
  .form-block__title {
    font-size: 48px;
  }
}
@media (max-width: 640px) {
  .form-block__title {
    font-size: 34px;
  }
}
@media (max-width: 470px) {
  .form-block__title {
    font-size: 30px;
  }
}
.form-block__text {
  margin: 24px 0 48px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
  transition: opacity 0.3s ease;
}
@media (max-width: 470px) {
  .form-block__text {
    font-size: 14px;
    margin: 18px 0 32px;
  }
}
.form-block .form {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.form-block .form__item {
  position: relative;
  width: 100%;
  max-width: 480px;
  margin-bottom: 32px;
  transition: opacity 0.3s ease;
}
@media (max-width: 470px) {
  .form-block .form__item {
    margin-bottom: 24px;
  }
}
.form-block .form__input {
  padding: 16px 0;
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white);
  outline: none;
}
.form-block .form__input::-moz-placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white);
  opacity: 0.5;
}
.form-block .form__input::placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white);
  opacity: 0.5;
}
@media (max-width: 470px) {
  .form-block .form__input {
    padding: 14px 0;
    font-size: 14px;
  }
  .form-block .form__input::-moz-placeholder {
    font-size: 14px;
  }
  .form-block .form__input::placeholder {
    font-size: 14px;
  }
}
.form-block .form__input._form-error {
  color: var(--error);
  border-color: var(--error);
}
.form-block .form__input._form-error::-moz-placeholder {
  color: var(--error);
}
.form-block .form__input._form-error::placeholder {
  color: var(--error);
}
.form-block .form__error {
  position: absolute;
  left: 0;
  top: calc(100% + 2px);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: var(--error);
}
.form-block .form__btn {
  padding: 16px 64px;
  margin: 32px 0 24px;
  transition: opacity 0.3s ease;
}
@media (max-width: 470px) {
  .form-block .form__btn {
    padding: 14px 55px;
    margin-top: 24px;
  }
}
.form-block .form__policy {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  text-align: center;
  color: var(--white);
  transition: opacity 0.3s ease;
}
.form-block .form__policy a {
  text-decoration: underline;
}
.form-block .form:has(.thanks.active) .form-block__title,
.form-block .form:has(.thanks.active) .form-block__text,
.form-block .form:has(.thanks.active) .form__item,
.form-block .form:has(.thanks.active) .form__btn,
.form-block .form:has(.thanks.active) .form__policy {
  opacity: 0;
}
.form-block .form .thanks {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.form-block .form .thanks.active {
  opacity: 1;
  visibility: visible;
}
.form-block .form .thanks__title {
  margin: 24px 0 8px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
.form-block .form .thanks__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
@media (max-width: 470px) {
  .form-block .form .thanks__text {
    font-size: 14px;
  }
}

.progress {
  padding-top: 192px;
}
@media (max-width: 1200px) {
  .progress {
    padding-top: 96px;
  }
}
@media (max-width: 640px) {
  .progress {
    padding-top: 48px;
  }
}
.progress__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .progress__title {
    font-size: 48px;
  }
}
@media (max-width: 640px) {
  .progress__title {
    font-size: 34px;
  }
}
@media (max-width: 470px) {
  .progress__title {
    font-size: 30px;
  }
}
.progress__btns {
  margin: 48px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1200px) {
  .progress__btns {
    margin: 48px 0 24px;
  }
}
.progress__btns .swiper-button-prev,
.progress__btns .swiper-button-next {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 0;
  padding: 0;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--chocolate);
  transition: background-color 0.3s ease;
}
.progress__btns .swiper-button-prev::after,
.progress__btns .swiper-button-next::after {
  display: none;
}
.progress__btns .swiper-button-prev svg,
.progress__btns .swiper-button-next svg {
  width: 24px;
  height: auto;
}
@media (hover: hover) {
  .progress__btns .swiper-button-prev:hover,
  .progress__btns .swiper-button-next:hover {
    background-color: rgba(63, 46, 44, 0.25);
  }
}
.progress__btns .swiper-button-prev:active,
.progress__btns .swiper-button-next:active {
  background-color: rgba(63, 46, 44, 0.1);
}
.progress .progress-slide {
  position: relative;
  width: 100%;
  max-width: 412px;
  aspect-ratio: 412/480;
}
@media (max-width: 470px) {
  .progress .progress-slide {
    max-width: 95%;
  }
}
.progress .progress-slide__title {
  position: absolute;
  top: 48px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}
.progress .progress-slide__title .year {
  margin-bottom: 4px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
.progress .progress-slide__title .month {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--white);
}
.progress .progress-slide__wrap {
  width: 100%;
  height: 100%;
}
.progress .progress-slide__hide {
  display: none;
}
.progress .progress-slide__img {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}
.progress .progress-slide__img::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #000000;
  opacity: 0.5;
  z-index: 1;
}
.progress .progress-slide__img::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21 12C21 11.8011 20.921 11.6103 20.7803 11.4697C20.6397 11.329 20.4489 11.25 20.25 11.25H12.75V3.75C12.75 3.55109 12.671 3.36032 12.5303 3.21967C12.3897 3.07902 12.1989 3 12 3C11.8011 3 11.6103 3.07902 11.4697 3.21967C11.329 3.36032 11.25 3.55109 11.25 3.75V11.25L3.75 11.25C3.55109 11.25 3.36032 11.329 3.21967 11.4697C3.07902 11.6103 3 11.8011 3 12C3 12.1989 3.07902 12.3897 3.21967 12.5303C3.36032 12.671 3.55109 12.75 3.75 12.75L11.25 12.75L11.25 20.25C11.25 20.4489 11.329 20.6397 11.4697 20.7803C11.6103 20.921 11.8011 21 12 21C12.1989 21 12.3897 20.921 12.5303 20.7803C12.671 20.6397 12.75 20.4489 12.75 20.25L12.75 12.75H20.25C20.4489 12.75 20.6397 12.671 20.7803 12.5303C20.921 12.3897 21 12.1989 21 12Z' fill='white' /%3e%3c/svg%3e");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border: 1px solid var(--white);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  transition: background-color 0.3s ease;
}
.progress .progress-slide__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (hover: hover) {
  .progress .progress-slide:hover .progress-slide__img::before {
    background-color: rgba(255, 255, 255, 0.25);
  }
}
.progress .progress-slide:active .progress-slide__img::before {
  background-color: rgba(255, 255, 255, 0.2);
}

.docs {
  padding: 48px 0 192px;
}
@media (max-width: 1200px) {
  .docs {
    padding-bottom: 96px;
  }
}
@media (max-width: 640px) {
  .docs {
    padding-bottom: 48px;
  }
}
.docs__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.docs__title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 640px) {
  .docs__title {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .docs__title {
    font-size: 20px;
  }
}
.docs__text {
  margin: 24px 0 12px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  color: var(--chocolate);
}
.docs__link {
  padding: 4px 0;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
  border-bottom: 1px solid var(--chocolate);
}

.maestro {
  padding-top: 96px;
}
@media (max-width: 990px) {
  .maestro {
    padding-top: 48px;
  }
}
.maestro__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.maestro__top {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 470px) {
  .maestro__top {
    font-size: 13px;
  }
}
.maestro__title {
  margin: 24px 0 48px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 64px;
  line-height: 130%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .maestro__title {
    font-size: 48px;
  }
}
@media (max-width: 990px) {
  .maestro__title {
    margin: 24px 0;
  }
}
@media (max-width: 640px) {
  .maestro__title {
    font-size: 34px;
  }
}
@media (max-width: 470px) {
  .maestro__title {
    font-size: 30px;
  }
}
.maestro__text {
  max-width: 1292px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 640px) {
  .maestro__text {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .maestro__text {
    font-size: 20px;
  }
}
.maestro__wrap {
  position: relative;
}
.maestro__list {
  position: absolute;
  left: 64px;
  top: 96px;
  width: 100%;
  max-width: 496px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1200px) {
  .maestro__list {
    left: 20px;
    top: 48px;
  }
}
@media (max-width: 640px) {
  .maestro__list {
    right: 20px;
    max-width: none;
    width: auto;
  }
}
.maestro__item {
  padding: 32px 0 16px;
  width: 100%;
  display: flex;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
  border-bottom: 1px solid var(--chocolate);
}
@media (max-width: 470px) {
  .maestro__item {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
.maestro__item::before {
  content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.4425 5.06754L7.44254 15.0675C7.38449 15.1256 7.31556 15.1717 7.23969 15.2032C7.16381 15.2347 7.08248 15.2508 7.00035 15.2508C6.91821 15.2508 6.83688 15.2347 6.76101 15.2032C6.68514 15.1717 6.61621 15.1256 6.55816 15.0675L2.18316 10.6925C2.06588 10.5753 2 10.4162 2 10.2503C2 10.0845 2.06588 9.92544 2.18316 9.80816C2.30044 9.69088 2.4595 9.625 2.62535 9.625C2.7912 9.625 2.95026 9.69088 3.06754 9.80816L7.00035 13.7418L16.5582 4.18316C16.6754 4.06588 16.8345 4 17.0003 4C17.1662 4 17.3253 4.06588 17.4425 4.18316C17.5598 4.30044 17.6257 4.4595 17.6257 4.62535C17.6257 4.7912 17.5598 4.95026 17.4425 5.06754Z' fill='%233F2E2C' /%3e%3c/svg%3e");
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.maestro__item span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
}
@media (max-width: 470px) {
  .maestro__item span {
    font-size: 16px;
  }
}
.maestro__img {
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 1200px;
  -o-object-position: top center;
     object-position: top center;
}
@media (max-width: 1200px) {
  .maestro__img {
    height: 1024px;
  }
}

.apartments .filter__top {
  padding: 128px 0 48px;
  background: linear-gradient(180deg, #cbc7c4 0%, #fff 100%);
}
.apartments .filter__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 20px;
       column-gap: 20px;
  overflow: hidden;
}
@media (max-width: 1400px) {
  .apartments .filter__title-row {
    margin-bottom: 24px;
    flex-direction: column;
  }
}
.apartments .filter__radio-wrap {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding-bottom: 3px;
}
@media (max-width: 640px) {
  .apartments .filter__radio-wrap {
    padding-bottom: 0;
    overflow: scroll;
    width: 100%;
    max-width: 100%;
    height: 22px;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .apartments .filter__radio-wrap::-webkit-scrollbar {
    display: none;
  }
}
.apartments .filter__radio-wrap .radio-label input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
}
.apartments .filter__radio-wrap .radio-label span {
  position: relative;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--cacao);
  transition: color 0.3s ease;
  white-space: nowrap;
}
.apartments .filter__radio-wrap .radio-label span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  display: flex;
  width: 0;
  height: 1px;
  background-color: var(--chocolate);
  transition: width 0.3s ease;
}
.apartments .filter__radio-wrap .radio-label:has(input:checked) span {
  color: var(--chocolate);
}
.apartments .filter__radio-wrap .radio-label:has(input:checked) span::after {
  width: 100%;
}
.apartments .filter__inputs {
  display: flex;
  align-items: flex-end;
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media (max-width: 1400px) {
  .apartments .filter__inputs {
    padding-top: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 48px;
  }
}
@media (max-width: 640px) {
  .apartments .filter__inputs {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
.apartments .filter__inputs .stub {
  margin-left: auto;
}
@media (max-width: 1400px) {
  .apartments .filter__inputs .stub {
    display: none;
  }
}
.apartments .filter .filter-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
}
.apartments .filter .filter-item.filter-item-range {
  width: 100%;
  max-width: 412px;
}
@media (max-width: 1400px) {
  .apartments .filter .filter-item.filter-item-range {
    max-width: 100%;
  }
}
@media (max-width: 1400px) {
  .apartments .filter .filter-item.filter-item-checkbox {
    grid-column-start: 1;
    grid-column-end: 3;
    align-items: center;
  }
}
@media (max-width: 640px) {
  .apartments .filter .filter-item.filter-item-checkbox {
    margin-bottom: 20px;
    grid-column-end: 2;
  }
}
.apartments .filter .filter-item__label {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--cacao);
}
.apartments .filter .filter-item__checkbox-wrap {
  display: flex;
  align-items: center;
}
.apartments .filter .filter-item__checkbox-wrap .checkbox-label {
  position: relative;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--chocolate);
  background-color: rgba(255, 255, 255, 0.1);
  transition: background-color 0.3s ease, border-color 0.3s ease;
  cursor: pointer;
}
.apartments .filter .filter-item__checkbox-wrap .checkbox-label input {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.apartments .filter .filter-item__checkbox-wrap .checkbox-label span {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
  transition: color 0.3s ease;
}
.apartments .filter .filter-item__checkbox-wrap .checkbox-label:has(input:checked) {
  background-color: var(--chocolate);
  border-color: var(--chocolate);
}
.apartments .filter .filter-item__checkbox-wrap .checkbox-label:has(input:checked) span {
  color: var(--white);
}
@media (hover: hover) {
  .apartments .filter .filter-item__checkbox-wrap .checkbox-label:hover {
    background-color: rgba(63, 46, 44, 0.25);
  }
}
.apartments .filter .filter-item__range {
  width: 100%;
  order: 3;
}
.apartments .filter .filter-item__range.noUi-target {
  height: 1px;
  border-radius: 4px;
  background: var(--gray);
  border: none;
}
.apartments .filter .filter-item__range .noUi-connect {
  height: 1px;
  background: var(--chocolate);
}
.apartments .filter .filter-item__range .noUi-handle {
  top: -10px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  border-radius: 100%;
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.apartments .filter .filter-item__range .noUi-handle.noUi-handle-lower {
  justify-content: flex-start;
}
.apartments .filter .filter-item__range .noUi-handle.noUi-handle-upper {
  justify-content: flex-start;
}
.apartments .filter .filter-item__range .noUi-handle::after {
  display: none;
}
.apartments .filter .filter-item__range .noUi-handle::before {
  display: none;
}
.apartments .filter .filter-item__range .noUi-handle .noUi-touch-area {
  width: 12px;
  height: 12px;
  background-color: var(--chocolate);
  border-radius: 100%;
}
.apartments .filter .filter-item__input-wrap {
  width: 100%;
  display: flex;
  align-items: flex-end;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
.apartments .filter .filter-item__input-wrap span {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: var(--cacao);
}
.apartments .filter .filter-item__input-wrap span.do {
  margin-left: auto;
}
.apartments .filter .filter-item__input-range {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
  text-align: left;
  background-color: transparent;
  border: none;
  outline: none;
}
.apartments .filter__bottom {
  margin: 96px 0 72px;
}
@media (max-width: 1500px) {
  .apartments .filter__bottom {
    margin-top: 48px;
  }
}
@media (max-width: 1200px) {
  .apartments .filter__bottom {
    margin: 48px 0;
  }
}
@media (max-width: 640px) {
  .apartments .filter__bottom {
    margin: 24px 0 48px;
  }
}
.apartments .filter__bottom .filter__res-wrap {
  padding: 12px 32px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: var(--gray);
}
@media (max-width: 1200px) {
  .apartments .filter__bottom .filter__res-wrap {
    padding: 12px 16px;
    grid-template-columns: 1fr 80px 1fr;
  }
}
@media (max-width: 640px) {
  .apartments .filter__bottom .filter__res-wrap {
    padding: 0;
    background-color: transparent;
    grid-template-columns: 1fr;
    row-gap: 12px;
  }
}
.apartments .filter__result-item {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 640px) {
  .apartments .filter__result-item {
    width: 100%;
    background-color: var(--gray);
  }
}
.apartments .filter__reset {
  margin-left: auto;
  padding: 3px 32px;
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .apartments .filter__reset {
    padding: 3px 0;
  }
}
@media (max-width: 990px) {
  .apartments .filter__reset {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .apartments .filter__reset {
    margin: 0;
    font-size: 16px;
    justify-content: center;
  }
}
.apartments .filter__reset svg {
  width: 100%;
  max-width: 20px;
  height: auto;
}
.apartments .filter .select {
  position: relative;
  width: 100%;
  max-width: 353px;
}
@media (max-width: 640px) {
  .apartments .filter .select {
    max-width: 100%;
  }
}
.apartments .filter .select__title {
  width: 100%;
  padding: 8px 32px;
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.apartments .filter .select__title::after {
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0306 9.53104L12.5306 17.031C12.461 17.1008 12.3782 17.1561 12.2872 17.1938C12.1961 17.2316 12.0986 17.251 12 17.251C11.9014 17.251 11.8038 17.2316 11.7128 17.1938C11.6217 17.1561 11.539 17.1008 11.4694 17.031L3.96936 9.53104C3.82863 9.39031 3.74957 9.19944 3.74957 9.00042C3.74957 8.80139 3.82863 8.61052 3.96936 8.46979C4.1101 8.32906 4.30097 8.25 4.49999 8.25C4.69901 8.25 4.88988 8.32906 5.03061 8.46979L12 15.4401L18.9694 8.46979C19.039 8.40011 19.1218 8.34483 19.2128 8.30712C19.3039 8.26941 19.4014 8.25 19.5 8.25C19.5985 8.25 19.6961 8.26941 19.7872 8.30712C19.8782 8.34483 19.9609 8.40011 20.0306 8.46979C20.1003 8.53947 20.1556 8.6222 20.1933 8.71324C20.231 8.80429 20.2504 8.90187 20.2504 9.00042C20.2504 9.09896 20.231 9.19654 20.1933 9.28759C20.1556 9.37863 20.1003 9.46136 20.0306 9.53104Z" fill="%233F2E2C" /></svg>');
}
@media (max-width: 1200px) {
  .apartments .filter .select__title {
    padding: 8px 0;
  }
}
@media (max-width: 640px) {
  .apartments .filter .select__title {
    justify-content: center;
  }
}
.apartments .filter .select__content {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
  white-space: nowrap;
}
@media (max-width: 990px) {
  .apartments .filter .select__content {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .apartments .filter .select__content {
    font-size: 16px;
  }
}
.apartments .filter .select__options {
  position: absolute;
  top: calc(100% + 3px);
  left: 0;
  right: 0;
  padding: 12px 24px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: var(--white);
  transform: translateY(-15px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
}
@media (max-width: 640px) {
  .apartments .filter .select__options {
    align-items: center;
  }
}
.apartments .filter .select__option {
  padding: 12px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
  transition: background-color 0.3s ease;
  cursor: pointer;
}
@media (hover: hover) {
  .apartments .filter .select__option:hover {
    background: rgba(227, 225, 223, 0.3);
  }
}
.apartments .filter .select._select-open .select__options {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.apartments__title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 164px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--chocolate);
}
@media (max-width: 1500px) {
  .apartments__title {
    font-size: 124px;
  }
}
@media (max-width: 1400px) {
  .apartments__title {
    width: 100%;
    text-align: left;
  }
}
@media (max-width: 1200px) {
  .apartments__title {
    margin-top: 16px;
    font-size: 64px;
  }
}
@media (max-width: 470px) {
  .apartments__title {
    font-size: 54px;
  }
}
.apartments__bottom {
  padding-bottom: 192px;
}
@media (max-width: 1200px) {
  .apartments__bottom {
    padding-bottom: 96px;
  }
}
.apartments__bottom .apartments__container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.apartments__list-head {
  width: 100%;
  padding-bottom: 32px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 18px;
       column-gap: 18px;
}
@media (max-width: 400px) {
  .apartments__list-head {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
.apartments__list-head .item {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--cacao);
}
@media (max-width: 470px) {
  .apartments__list-head .item {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .apartments__list-head .item {
    font-size: 12px;
  }
}
.apartments__list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.apartments__list .apartments-item {
  padding: 24px 0;
  width: 100%;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  -moz-column-gap: 18px;
       column-gap: 18px;
  border-top: 1px solid var(--light-gray);
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
.apartments__list .apartments-item[data-status=pending] {
  pointer-events: none !important;
  background: rgba(239, 80, 80, 0.1);
}
@media (hover: hover) {
  .apartments__list .apartments-item:hover {
    border-color: var(--gold);
    background: rgba(201, 178, 112, 0.1);
  }
}
@media (max-width: 640px) {
  .apartments__list .apartments-item {
    padding: 12px 0;
  }
}
@media (max-width: 560px) {
  .apartments__list .apartments-item {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
}
.apartments__list .apartments-item__img-wrap {
  padding: 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 560px) {
  .apartments__list .apartments-item__img-wrap {
    padding: 0 4px;
  }
}
.apartments__list .apartments-item__img {
  margin: 0 auto;
  width: 100%;
  max-width: 110px;
  height: 110px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 560px) {
  .apartments__list .apartments-item__img {
    width: 80px;
    max-width: 80px;
  }
}
.apartments__list .apartments-item__char {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 990px) {
  .apartments__list .apartments-item__char {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .apartments__list .apartments-item__char {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .apartments__list .apartments-item__char {
    font-size: 13px;
  }
}
.apartments__list .apartments-item__square {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 990px) {
  .apartments__list .apartments-item__square {
    font-size: 22px;
  }
}
@media (max-width: 640px) {
  .apartments__list .apartments-item__square {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .apartments__list .apartments-item__square {
    font-size: 13px;
  }
}
.apartments__list .apartments-item__sell {
  padding: 2px 0 4px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--red);
  background: rgba(239, 80, 80, 0.2);
}
@media (max-width: 990px) {
  .apartments__list .apartments-item__sell {
    font-size: 22px;
  }
}
@media (max-width: 640px) {
  .apartments__list .apartments-item__sell {
    font-size: 14px;
  }
}
@media (max-width: 470px) {
  .apartments__list .apartments-item__sell {
    background-color: transparent;
  }
}
@media (max-width: 400px) {
  .apartments__list .apartments-item__sell {
    font-size: 13px;
  }
}
.apartments__list .apartments-item__price {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.apartments__list .apartments-item__price .price {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 990px) {
  .apartments__list .apartments-item__price .price {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .apartments__list .apartments-item__price .price {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .apartments__list .apartments-item__price .price {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .apartments__list .apartments-item__price .price {
    font-size: 13px;
  }
}
.apartments__list .apartments-item__price .small-price {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  text-decoration: line-through;
  text-align: center;
  color: var(--cacao);
}
@media (max-width: 990px) {
  .apartments__list .apartments-item__price .small-price {
    font-size: 14px;
  }
}
@media (max-width: 640px) {
  .apartments__list .apartments-item__price .small-price {
    font-size: 12px;
  }
}
.apartments__btn {
  padding: 16px 64px;
  margin: 72px auto 0;
}
@media (max-width: 470px) {
  .apartments__btn {
    padding: 14px 55px;
    margin-top: 48px;
  }
}
.apartments__btn.disable {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.apart-info {
  padding-top: 128px;
}
.apart-info__title {
  margin-top: 48px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
}
.apart-info__top-wrap {
  display: flex;
  align-items: center;
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media (max-width: 640px) {
  .apart-info__top-wrap {
    -moz-column-gap: 24px;
         column-gap: 24px;
    margin-top: 12px;
  }
}
.apart-info__square {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 164px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--chocolate);
}
@media (max-width: 1500px) {
  .apart-info__square {
    font-size: 124px;
  }
}
@media (max-width: 1200px) {
  .apart-info__square {
    font-size: 64px;
  }
}
@media (max-width: 470px) {
  .apart-info__square {
    font-size: 54px;
  }
}
.apart-info__top-chars {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 4px;
}
.apart-info__top-chars .units {
  margin-bottom: 16px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .apart-info__top-chars .units {
    font-size: 24px;
    margin-bottom: 12px;
  }
}
@media (max-width: 640px) {
  .apart-info__top-chars .units {
    font-size: 20px;
    margin-bottom: 0;
  }
}
.apart-info__top-char {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 20px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
}
@media (max-width: 1200px) {
  .apart-info__top-char {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .apart-info__top-char {
    font-size: 14px;
  }
}
.apart-info__bottom {
  padding-bottom: 96px;
}
.apart-info__bottom .apart-info__container {
  display: grid;
  grid-template-columns: 412px 1fr;
  -moz-column-gap: 48px;
       column-gap: 48px;
}
@media (max-width: 1200px) {
  .apart-info__bottom .apart-info__container {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 48px;
  }
}
.apart-info__chars {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.apart-info__term {
  margin-bottom: 48px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
}
.apart-info__chars-list {
  margin-bottom: 96px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
}
@media (max-width: 1200px) {
  .apart-info__chars-list {
    margin-bottom: 24px;
  }
}
.apart-info__chars-item {
  width: 100%;
  padding: 16px 32px;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 12px;
       column-gap: 12px;
  border-top: 1px solid var(--gray);
}
.apart-info__chars-item .left {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
}
.apart-info__chars-item .right {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
  text-align: right;
}
.apart-info__btn {
  padding: 16px 64px;
}
@media (max-width: 1200px) {
  .apart-info__btn {
    margin: 0 auto;
  }
}
@media (max-width: 470px) {
  .apart-info__btn {
    padding: 14px 55px;
  }
}
.apart-info .tabs {
  position: relative;
  padding-bottom: 24px;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.apart-info .tabs__navigation {
  margin-top: 24px;
  display: flex;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.apart-info .tabs__title {
  position: relative;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--gray);
  transition: color 0.3s ease;
}
.apart-info .tabs__title::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--chocolate);
  transition: width 0.3s ease;
}
.apart-info .tabs__title._tab-active {
  color: var(--chocolate);
}
.apart-info .tabs__title._tab-active::after {
  width: 100%;
}
.apart-info .tabs__content {
  width: 100%;
  max-width: 100%;
}
.apart-info .tabs__body {
  position: relative;
  padding: 84px 0 0;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1200px) {
  .apart-info .tabs__body {
    padding-top: 100px;
  }
}
@media (max-width: 990px) {
  .apart-info .tabs__body {
    padding-top: 80px;
  }
}
.apart-info .tabs__body:not([hidden]) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.apart-info .tabs__body .zoom {
  position: absolute;
  top: 0;
  right: 136px;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--chocolate);
}
@media (max-width: 1200px) {
  .apart-info .tabs__body .zoom {
    right: 68px;
    top: 15px;
  }
}
.apart-info .tabs__body img {
  width: 100%;
  max-width: 1075px;
  -o-object-fit: contain;
     object-fit: contain;
  height: 552px;
}
@media (max-width: 640px) {
  .apart-info .tabs__body img {
    height: 450px;
  }
}
@media (max-width: 470px) {
  .apart-info .tabs__body img {
    height: 350px;
  }
}
.apart-info__share {
  position: absolute;
  top: 0;
  right: 64px;
}
@media (max-width: 1200px) {
  .apart-info__share {
    right: 0;
    top: 15px;
  }
}
.apart-info__print {
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--chocolate);
}

.parking-page {
  padding: 128px 0 192px;
}
@media (max-width: 990px) {
  .parking-page {
    padding-bottom: 96px;
  }
}
.parking-page__title {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 1330px) {
  .parking-page__title {
    row-gap: 10px;
    margin-bottom: 24px;
  }
}
@media (max-width: 640px) {
  .parking-page__title {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .parking-page__title {
    font-size: 20px;
  }
}
.parking-page__title span {
  position: relative;
  top: -20px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 164px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 1700px) {
  .parking-page__title span {
    font-size: 124px;
  }
}
@media (max-width: 1330px) {
  .parking-page__title span {
    font-size: 64px;
  }
}
@media (max-width: 470px) {
  .parking-page__title span {
    font-size: 54px;
  }
}
.parking-page__bottom {
  position: relative;
  max-width: 1568px;
  margin: 0 auto;
}
.parking-page__bottom .parking-page__container {
  display: grid;
  grid-template-columns: 170px 1fr 170px;
}
@media (max-width: 1500px) {
  .parking-page__bottom .parking-page__container {
    grid-template-columns: 150px 1fr 56px;
  }
}
@media (max-width: 1200px) {
  .parking-page__bottom .parking-page__container {
    grid-template-columns: 1fr 56px;
  }
}
@media (max-width: 750px) {
  .parking-page__bottom .parking-page__container {
    grid-template-columns: 1fr;
  }
}
.parking-page__zoom-wrap {
  position: relative;
}
@media (max-width: 1200px) {
  .parking-page__legend-wrap {
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 5;
  }
}
@media (max-width: 750px) {
  .parking-page__legend-wrap {
    display: none;
  }
}
.parking-page__legend {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 12px;
}
@media (max-width: 990px) {
  .parking-page__legend {
    row-gap: 10px;
  }
}
.parking-page__legend-item {
  display: flex;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media (max-width: 990px) {
  .parking-page__legend-item {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}
.parking-page__legend-item .color {
  width: 24px;
  height: 24px;
}
@media (max-width: 990px) {
  .parking-page__legend-item .color {
    width: 20px;
    height: 20px;
  }
}
.parking-page__legend-item .text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
}
@media (max-width: 990px) {
  .parking-page__legend-item .text {
    font-size: 14px;
  }
}
.parking-page__center {
  width: 100%;
  max-width: 1055px;
  margin: 0 auto;
  overflow: hidden;
  aspect-ratio: 1055/718;
}
@media (max-width: 750px) {
  .parking-page__center {
    aspect-ratio: 440/670;
  }
}
.parking-page__zoom {
  width: 100%;
}
@media (max-width: 750px) {
  .parking-page__zoom {
    width: 670px;
  }
}
.parking-page__wrap {
  position: relative;
  overflow: hidden;
}
.parking-page__wrap img {
  width: 100%;
}
.parking-page__items {
  position: absolute;
  inset: 0;
}
.parking-page__items svg {
  width: 100%;
  height: auto;
}
.parking-page__items svg path {
  fill: transparent;
  opacity: 1;
  transition: fill 0.3s ease, opacity 0.3s ease;
  cursor: pointer;
}
.parking-page__items svg path.block {
  pointer-events: none;
  fill: var(--red);
  opacity: 0.25;
  cursor: not-allowed;
}
.parking-page__items svg path:hover {
  fill: var(--gold);
  opacity: 0.5;
}
@media (max-width: 750px) {
  .parking-page .zoom-btn-wrap {
    display: none;
  }
}
.parking-page .zoom-btn-wrap .zoom-btn {
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  border: 1px solid var(--chocolate);
}
.parking-page__reserve {
  margin: 24px auto 0;
  padding: 16px 64px;
  display: flex;
  justify-content: center;
  width: -moz-min-content;
  width: min-content;
}
@media (max-width: 470px) {
  .parking-page__reserve {
    padding: 14px 55px;
  }
}
.parking-page .shadow {
  display: none;
}
@media (max-width: 750px) {
  .parking-page .shadow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    right: 20px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    background: rgba(122, 109, 104, 0.8);
    z-index: 20;
  }
  .parking-page .shadow.hide {
    opacity: 0;
    visibility: hidden;
  }
}
.parking-page .shadow__text {
  margin: 24px 0 48px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-align: center;
  color: var(--white);
}
.parking-page .shadow__btn {
  padding: 4px-;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--white);
  background-color: transparent;
  cursor: pointer;
}

body::after {
  content: "";
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  background: rgba(63, 46, 44, 0.8);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  pointer-events: none;
  z-index: 120;
}

.popup-show body::after {
  opacity: 1;
  z-index: 145;
}

.popup {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  max-width: 640px;
  transition: visibility 0.8s ease 0s, transform 0.8s ease 0s;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(calc(100% + 60px));
  z-index: 150;
}
@media (max-width: 730px) {
  .popup {
    max-width: 100%;
    transform: translateX(100%);
  }
}

.popup_show {
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
}

.popup__wrapper {
  position: relative;
  height: 100%;
  display: flex;
  background-color: var(--white);
  padding: 40px 20px;
}
@media (max-height: 640px) {
  .popup__wrapper {
    padding: 85px 20px 40px;
  }
}

.popup__content {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.popup__content::-webkit-scrollbar {
  display: none;
}

.popup__close {
  position: absolute;
  top: 48px;
  left: -64px;
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--white);
  background: rgba(255, 255, 255, 0.1);
  outline: none;
  cursor: pointer;
}
@media (max-width: 730px) {
  .popup__close {
    top: 20px;
    right: 20px;
    left: auto;
    border-color: var(--chocolate);
  }
  .popup__close svg path {
    fill: var(--chocolate);
  }
}
@media (max-width: 470px) {
  .popup__close {
    width: 48px;
    height: 48px;
  }
  .popup__close svg {
    width: 20px;
    height: auto;
  }
}

.popup-form {
  margin: 0 auto;
  width: 100%;
  max-width: 512px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-height: 640px) {
  .popup-form {
    justify-content: flex-start;
  }
}
.popup-form__title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 640px) {
  .popup-form__title {
    font-size: 24px;
  }
}
@media (max-width: 470px) {
  .popup-form__title {
    font-size: 20px;
  }
}
.popup-form__text {
  margin: 24px 0 48px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 470px) {
  .popup-form__text {
    margin: 18px 0 24px;
    font-size: 14px;
  }
}
.popup-form__item {
  position: relative;
  width: 100%;
  max-width: 480px;
  margin-bottom: 32px;
  transition: opacity 0.3s ease;
}
@media (max-width: 470px) {
  .popup-form__item {
    margin-bottom: 24px;
  }
}
.popup-form__input {
  padding: 16px 0;
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-bottom: 1px solid rgba(63, 46, 44, 0.5);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
  outline: none;
}
.popup-form__input::-moz-placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
  opacity: 0.5;
}
.popup-form__input::placeholder {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  color: var(--chocolate);
  opacity: 0.5;
}
@media (max-width: 470px) {
  .popup-form__input {
    padding: 14px 0;
    font-size: 14px;
  }
  .popup-form__input::-moz-placeholder {
    font-size: 14px;
  }
  .popup-form__input::placeholder {
    font-size: 14px;
  }
}
.popup-form__input._form-error {
  color: var(--error);
  border-color: var(--error);
}
.popup-form__input._form-error::-moz-placeholder {
  color: var(--error);
}
.popup-form__input._form-error::placeholder {
  color: var(--error);
}
.popup-form .form__error {
  position: absolute;
  left: 0;
  top: calc(100% + 2px);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: var(--error);
}
.popup-form__btn {
  margin: 32px 0 24px;
  padding: 16px 64px;
  transition: opacity 0.3s ease;
}
@media (max-width: 470px) {
  .popup-form__btn {
    margin-top: 18px;
    padding: 14px 55px;
  }
}
.popup-form__policy {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  text-align: center;
  color: var(--chocolate);
  transition: opacity 0.3s ease;
}
.popup-form__policy a {
  text-decoration: underline;
}
.popup-form .thanks {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--white);
}
.popup-form .thanks.active {
  opacity: 1;
  visibility: visible;
}
.popup-form .thanks__title {
  margin: 24px 0 8px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
.popup-form .thanks__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 470px) {
  .popup-form .thanks__text {
    font-size: 14px;
  }
}

.err {
  height: 100dvh;
  min-height: 100dvh;
  padding-top: 100px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.err__container {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.err__wrap {
  margin: 0 auto;
  padding: 48px;
  width: 100%;
  max-width: 820px;
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.6);
}
@media (max-width: 990px) {
  .err__wrap {
    max-width: 640px;
  }
}
@media (max-width: 470px) {
  .err__wrap {
    padding: 48px 24px;
  }
}
.err__numb {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 164px;
  line-height: 130%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  color: var(--gold);
}
.err__title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 32px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 470px) {
  .err__title {
    font-size: 24px;
  }
}
.err__text {
  margin: 12px 0 48px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  color: var(--chocolate);
}
@media (max-width: 470px) {
  .err__text {
    margin-bottom: 24px;
    font-size: 14px;
  }
}
.err__link {
  padding: 16px 64px;
}
@media (max-width: 470px) {
  .err__link {
    padding: 14px 55px;
  }
}
.err__link span {
  color: var(--chocolate);
}

[data-watch] {
  transition: transform 3000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 3000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.main {
  overflow: hidden;
}

.welcome__date {
  transform: translateY(51%);
  opacity: 0;
  transition: transform 3000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 3000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.welcome__title {
  transform: translateY(51%);
  opacity: 0;
  transition: transform 3000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 3000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.welcome__logo {
  transform: translateY(51%);
  opacity: 0;
  transition: transform 3000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 3000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.welcome__right {
  transform: translateY(51%);
  opacity: 0;
  transition: transform 3000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 3000ms cubic-bezier(0.19, 1, 0.22, 1);
}

.loaded .welcome__date {
  transform: none;
  opacity: 1;
}
.loaded .welcome__title {
  transform: none;
  opacity: 1;
}
.loaded .welcome__logo {
  transform: none;
  opacity: 1;
}
.loaded .welcome__right {
  transform: none;
  opacity: 1;
}

.home .about__title {
  transform: translateY(101%);
  opacity: 0;
}
.home .about__left {
  transform: translateX(-51%);
  opacity: 0;
}
.home .about__text-two {
  transform: translateY(101%);
  opacity: 0;
}
.home .about__text-three {
  transform: translateY(101%);
  opacity: 0;
}
.home .about__btn {
  transform: translateY(101%);
  opacity: 0;
}
.home .about ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .location__top {
  transform: translateY(101%);
  opacity: 0;
}
.home .location__title {
  transform: translateY(101%);
  opacity: 0;
}
.home .location__img {
  transform: translateY(51%);
  opacity: 0;
}
.home .location__img-two {
  transform: translateX(-51%);
  opacity: 0;
}
.home .location__text {
  transform: translateY(101%);
  opacity: 0;
}
.home .location__img-three {
  transform: translateX(-51%);
  opacity: 0;
}
.home .location__img-four {
  transform: translateX(51%);
  opacity: 0;
}
.home .location__text-two {
  transform: translateY(101%);
  opacity: 0;
}
.home .location__text-three {
  transform: translateY(101%);
  opacity: 0;
}
.home .location ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .map__top {
  transform: translateY(101%);
  opacity: 0;
}
.home .map__title {
  transform: translateY(101%);
  opacity: 0;
}
.home .map__list-item {
  transform: translateY(101%);
  opacity: 0;
}
.home .map__zoom {
  opacity: 0;
}
.home .map ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .architecture__top {
  transform: translateY(101%);
  opacity: 0;
}
.home .architecture__title {
  transform: translateY(101%);
  opacity: 0;
}
.home .architecture__text {
  transform: translateY(101%);
  opacity: 0;
}
.home .architecture__text-two {
  transform: translateY(101%);
  opacity: 0;
}
.home .architecture ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .privacy-block__top {
  transform: translateY(101%);
  opacity: 0;
}
.home .privacy-block__title {
  transform: translateY(101%);
  opacity: 0;
}
.home .privacy-block__text {
  transform: translateY(101%);
  opacity: 0;
}
.home .privacy-block__img {
  transform: translateX(-51%);
  opacity: 0;
}
.home .privacy-block__text-two {
  transform: translateY(101%);
  opacity: 0;
}
.home .privacy-block__text-three {
  transform: translateY(101%);
  opacity: 0;
}
.home .privacy-block__btn {
  transform: translateY(101%);
  opacity: 0;
}
.home .privacy-block ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .improvement__top {
  transform: translateY(101%);
  opacity: 0;
}
.home .improvement__title {
  transform: translateY(101%);
  opacity: 0;
}
.home .improvement__img {
  transform: translateY(101%);
  opacity: 0;
}
.home .improvement__text {
  transform: translateY(101%);
  opacity: 0;
}
.home .improvement__img-two {
  transform: translateX(-21%);
  opacity: 0;
}
.home .improvement__img-three {
  transform: translateX(51%);
  opacity: 0;
}
.home .improvement__text-two {
  transform: translateY(101%);
  opacity: 0;
}
.home .improvement__text-three {
  transform: translateY(101%);
  opacity: 0;
}
.home .improvement ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .common-areas__top {
  transform: translateY(101%);
  opacity: 0;
}
.home .common-areas__title {
  transform: translateY(101%);
  opacity: 0;
}
.home .common-areas__img {
  transform: translateY(21%);
  opacity: 0;
}
.home .common-areas__text {
  transform: translateY(101%);
  opacity: 0;
}
.home .common-areas__item {
  transform: translateY(101%);
  opacity: 0;
  transition: background-color 0.3s ease, transform 3000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 3000ms cubic-bezier(0.19, 1, 0.22, 1) !important;
}
.home .common-areas ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .slider-block__slider {
  transform: translateY(45%);
  opacity: 0;
}
.home .slider-block ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .apartments-block__top {
  transform: translateY(101%);
  opacity: 0;
}
.home .apartments-block__title {
  transform: translateY(101%);
  opacity: 0;
}
.home .apartments-block__text {
  transform: translateY(101%);
  opacity: 0;
}
.home .apartments-block__item {
  transform: translateY(101%);
  opacity: 0;
  transition: background-color 0.3s ease, transform 3000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 3000ms cubic-bezier(0.19, 1, 0.22, 1) !important;
}
.home .apartments-block__bottom {
  transform: translateY(101%);
  opacity: 0;
}
.home .apartments-block__btn {
  transform: translateY(101%);
  opacity: 0;
}
.home .apartments-block ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .advantages__top {
  transform: translateY(101%);
  opacity: 0;
}
.home .advantages__title {
  transform: translateY(101%);
  opacity: 0;
}
.home .advantages .advantages-one__slider {
  transform: translateY(51%);
  opacity: 0;
}
.home .advantages .advantages-two__slider {
  transform: translateY(51%);
  opacity: 0;
}
.home .advantages .advantages-three__slider {
  transform: translateY(51%);
  opacity: 0;
}
.home .advantages ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .companion__title {
  transform: translateY(101%);
  opacity: 0;
}
.home .companion__slide {
  transform: translateY(51%);
  opacity: 0;
}
.home .companion ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .form-block__wrap {
  transform: translateY(21%);
  opacity: 0;
}
.home .form-block ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .progress__title {
  transform: translateY(101%);
  opacity: 0;
}
.home .progress__slide {
  transform: translateY(51%);
  opacity: 0;
}
.home .progress ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .docs__title {
  transform: translateY(101%);
  opacity: 0;
}
.home .docs__text {
  transform: translateY(101%);
  opacity: 0;
}
.home .docs__link {
  transform: translateY(101%);
  opacity: 0;
}
.home .docs ._watcher-view {
  transform: none;
  opacity: 1;
}
.home .maestro__top {
  transform: translateY(101%);
  opacity: 0;
}
.home .maestro__title {
  transform: translateY(101%);
  opacity: 0;
}
.home .maestro__text {
  transform: translateY(101%);
  opacity: 0;
}
.home .maestro__item {
  transform: translateY(101%);
  opacity: 0;
}
.home .maestro ._watcher-view {
  transform: none;
  opacity: 1;
}/*# sourceMappingURL=style.css.map */