@font-face {
  font-family: "TrajanPro3Regular";
  src: url("../fonts/TrajanPro3Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "TrajanPro3SemiBold";
  src: url("../fonts/TrajanPro3SemiBold.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Involve-Regular";
  src: url("../fonts/Involve-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  padding: 0;
  margin: 0;
  outline: none;
}

*:hover, *:active, *:focus {
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}

body, html {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  max-width: 100%;
}

body {
  font-optical-sizing: auto;
  font-style: normal;
  font-family: "Involve-Regular", sans-serif;
  font-weight: 400;
  font-size: 0.84vw;
  line-height: 1.32;
}

ul, li {
  list-style: none;
}

a {
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
  outline: none;
}

img, svg {
  border: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  image-rendering: auto;
  image-rendering: -webkit-optimize-contrast;
}

p {
  font-size: 1.05vw;
  line-height: 1.3;
}

.image-rendering {
  -ms-interpolation-mode: nearest-neighbor;
      image-rendering: -webkit-optimize-contrast;
      image-rendering: pixelated;
}

.flex, .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.row {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

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

.hb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hc {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hr {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.vc {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.vb {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 400;
  font-family: "TrajanPro3Regular", sans-serif;
  text-transform: uppercase;
  font-style: normal;
}

h1, .h1 {
  font-weight: 400;
  font-size: 1.042vw;
  line-height: 1.2;
  text-transform: uppercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.font-400 {
  font-weight: 400;
}

.font-500 {
  font-weight: 400;
}

.font-600 {
  font-weight: 600;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.84vw;
  line-height: 1.32;
  text-transform: uppercase;
}
.btn--brown {
  background: #857F76;
  color: #FFFFFF;
}
.btn--panel {
  padding: 1.11vw 1.25vw 1.11vw 1.25vw;
  height: 3.34vw;
}

.filter {
  width: 100%;
}
.filter__block {
  width: 35.53vw;
}
.filter__block_item {
  margin-bottom: 7vh;
}
.filter__block_item:last-child {
  margin-bottom: 0;
}
.filter__label {
  display: block;
  width: 100%;
  color: #FFFFFF;
  font-family: "TrajanPro3Regular", sans-serif;
  font-weight: 400;
  margin-bottom: 3.2vh;
}
.filter__radio {
  display: inline-block;
  width: 2.3vw;
  height: 2.3vw;
  min-width: 2.3vw;
  min-height: 2.3vw;
  margin-right: 0.68vw;
}
.filter__radio:last-child {
  margin-right: 0;
}
.filter__radio_body {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0.84vw;
  line-height: 2.2vw;
  text-align: center;
  cursor: pointer;
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
}
.filter__radio_body:hover {
  background: #FFFFFF;
  color: #565565;
}
.filter__radio input {
  display: none;
}
.filter__radio input:checked + .filter__radio_body {
  background: #C9BBA5;
  color: #35383D;
  border: #C9BBA5;
}
.filter__slider {
  padding-top: 5.5vh;
  padding-bottom: 2.2vh;
}
.filter__slider .select-range {
  width: 100%;
  height: 0.312vw;
  padding: 0 1.25vw;
  background: #fff;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 300;
}
.filter__slider .select-range .noUi-connects {
  border-radius: 0;
}
.filter__slider .select-range .noUi-connect {
  background: #ffffff;
  border-radius: 0;
}
.filter__slider .select-range .noUi-handle {
  top: -1.093vw;
  right: -1.25vw;
  width: 2.5vw;
  height: 2.5vw;
  background: #C9BBA5;
  border: 0;
  border-radius: 50%;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}
.filter__slider .select-range .noUi-handle::after {
  content: none;
}
.filter__slider .select-range .noUi-handle::before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 1.562vw;
  height: 1.041vw;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20' fill='%2335383D'%3E%3Cpath d='M21.006.117a.5.5 0 0 0-.338.127.5.5 0 0 0-.041.705l7.875 8.86-7.875 8.859a.5.5 0 0 0 .041.705.5.5 0 0 0 .705-.041l8.17-9.191a.5.5 0 0 0 0-.664L21.373.285a.5.5 0 0 0-.367-.168zM9.006.117a.5.5 0 0 0-.379.168L.457 9.477a.5.5 0 0 0 0 .664l8.17 9.191a.5.5 0 0 0 .705.041.5.5 0 0 0 .041-.705l-7.875-8.86L9.373.95a.5.5 0 0 0-.041-.705.5.5 0 0 0-.326-.127z'/%3E%3C/svg%3E") no-repeat center;
  background-color: transparent;
  content: "";
}
.filter__slider .select-range .noUi-tooltip {
  padding: 0;
  font-size: 0.833vw;
  line-height: 1.2;
  color: #ffffff;
  background: 0 0;
  border: 0;
}
.filter__options {
  margin-top: 7vh;
}
.filter__options_item {
  width: 4.18vw;
  height: 4.18vw;
  margin-right: 1.4vw;
  cursor: pointer;
}
.filter__options_item div {
  width: 100%;
  height: 100%;
  border: 1px solid #ffffff;
  border-radius: 50%;
}
.filter__options_item svg {
  width: 2.5vw;
  height: auto;
}
.filter__options_item span {
  position: absolute;
  top: -4vh;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  opacity: 0;
  text-align: center;
  font-size: 0.7vw;
  line-height: 1.1;
  color: #FFFFFF;
}
.filter__options_item:hover div {
  background: rgba(255, 255, 255, 0.15);
}
.filter__options_item:hover span {
  opacity: 1;
}
.filter__options_item input {
  display: none;
}
.filter__options_item input:checked + div {
  background: rgba(255, 255, 255, 0.15);
}

.header {
  position: fixed;
  z-index: 5;
  left: 1.57vw;
  top: 2.78vh;
}
.header__logo {
  width: 10.11vw;
  display: inherit;
  z-index: 5;
}
.header__logo svg {
  width: 100%;
  height: auto;
}
.header__btns {
  position: fixed;
  right: 1.57vw;
  top: 2.78vh;
  height: 3.34vw;
  z-index: 3;
}

.menu__opener {
  margin-top: 2.78vh;
  width: 3.34vw;
  height: 3.34vw;
  z-index: 4;
}
.menu__opener:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5.16vw;
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.menu__opener span {
  width: 1.67vw;
  height: 0.06vw;
  background: #FFFFFF;
  position: absolute;
  left: 0.84vw;
}
.menu__opener span:nth-child(1) {
  top: 1.28vw;
}
.menu__opener span:nth-child(2) {
  top: 1.65vw;
}
.menu__opener span:nth-child(3) {
  top: 2.01vw;
}
.menu__opener.inverse span {
  background: #857F76;
}
.menu__opener:hover:before {
  background: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(2.5px);
          backdrop-filter: blur(2.5px);
  border-radius: 5.16vw;
}
.menu__wrap {
  z-index: 4;
  position: fixed;
  top: 0;
  left: 0;
  padding: 13vh 0 0 1.57vw;
  width: 20.84vw;
  height: 100vh;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.menu__wrap:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(133, 127, 118, 0.7)), color-stop(9.58%, rgba(133, 127, 118, 0.49)));
  background: linear-gradient(180deg, rgba(133, 127, 118, 0.7) 0%, rgba(133, 127, 118, 0.49) 9.58%);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
  border-radius: 0px 1.67vw 1.67vw 0px;
}
.menu__wrap ul {
  display: block;
  width: 100%;
  z-index: 1;
  max-height: 78vh;
  overflow-y: auto;
  scrollbar-width: none;
}
.menu__wrap ul::-webkit-scrollbar {
  display: none;
}
.menu__wrap ul > li {
  display: block;
  width: 100%;
}
.menu__wrap ul > li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.62vh 0 1.62vh 1.05vw;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 1.042vw;
  line-height: 1.2;
  font-weight: 400;
  font-family: "TrajanPro3Regular", sans-serif;
}
.menu__wrap ul > li.current-menu-parent > a, .menu__wrap ul > li.current_page_item > a {
  font-family: "TrajanPro3SemiBold", sans-serif;
  font-weight: 600;
}
.menu__wrap ul > li .sub-menu {
  display: none;
}
.menu__wrap ul > li .sub-menu li a {
  padding: 1.62vh 0 1.62vh 2.61vw;
  font-size: 0.94vw;
}
.menu__wrap.visible {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.menu__closer {
  position: absolute;
  top: 2.22vh;
  right: 1.15vw;
  z-index: 3;
  width: 2.61vw;
}
.menu__closer svg {
  width: 100%;
  height: auto;
}

.objects {
  margin-top: 8.7vh;
  width: 100%;
}
.objects__head {
  width: 100%;
}
.objects__head_title {
  font-size: 2.09vw;
  text-transform: uppercase;
  line-height: 1.3;
  color: #FFFFFF;
  font-weight: 400;
  font-family: "TrajanPro3Regular", sans-serif;
}
.objects__list {
  width: 100%;
  margin: 4.25vh 0;
}
.objects__list_item {
  width: 100%;
  padding: 2.13vh 1.05vw 2.13vh 1.05vw;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  cursor: pointer;
  font-size: 1.05vw;
  line-height: 1;
  color: rgb(23, 40, 58);
}
.objects__list_item a {
  width: calc(100% - 6.87vw);
}
.objects__list_item .favorite-icon {
  width: 2.3vw;
  height: 2.3vw;
  border: 0.11vw solid #C9BBA5;
  background: #C9BBA5;
  border-radius: 50%;
}
.objects__list_item .favorite-icon svg {
  width: 1.05vw;
  height: auto;
  visibility: hidden;
}
.objects__list_item .plan {
  width: 7.3vw;
  height: 6.25vw;
  min-height: 6.25vw;
  background: rgb(208, 215, 224);
  overflow: hidden;
  background: #FFFFFF;
}
.objects__list_item .plan img {
  position: absolute;
  top: 0;
  left: -2vw;
  width: 11.3vw;
  height: auto;
}
.objects__list_item .params {
  padding-left: 2.5vw;
  width: calc(100% - 7.3vw);
}
.objects__list_item .params span {
  display: inline-block;
  font-weight: 400;
  font-size: 1.05vw;
  line-height: 1.3;
  color: #FFFFFF;
}
.objects__list_item .params span:last-child {
  margin-right: 0;
}
.objects__list_item .params span sup {
  font-size: 0.75vw;
}
.objects__list_item:hover, .objects__list_item.selected {
  background: #C9BBA5;
}
.objects__list_item:hover .favorite-icon, .objects__list_item.selected .favorite-icon {
  border: 0.11vw solid #FFFFFF;
}
.objects__list_item.selected .favorite-icon svg {
  visibility: visible;
}
.objects__list_item.hidden {
  display: none;
}

.app__popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  color: #FFFFFF;
  z-index: 999;
}
.app__popup:before, .app__popup:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.app__popup:before {
  background: url(../images/popup_bg_image.jpg) no-repeat center;
  z-index: 1;
}
.app__popup:after {
  background: #857F76;
  opacity: 0.96;
  z-index: 2;
}
.app__popup .row {
  width: 100%;
}
.app__popup_wrap {
  margin-top: 16.35vh;
  z-index: 3;
}
.app__popup .container {
  width: 50vw;
}
.app__popup_title {
  width: 100%;
  margin-bottom: 5.15vh;
  font-size: 2.09vw;
}
.app__popup_objects {
  min-height: 5.729vw;
  height: auto;
}
.app__popup_objects .item {
  display: inline-block;
  width: 5.729vw;
  height: 5.729vw;
  margin-right: 1.041vw;
  font-size: 1.145vw;
  line-height: 5.729vw;
  color: #FFFFFF;
  text-align: center;
  border: 0.06vw solid #FFFFFF;
}
.app__popup_objects .item:last-child {
  margin-right: 0;
}
.app__popup_form {
  height: 100%;
  margin-top: 4.9vh;
  width: 100%;
}
.app__popup_form .input {
  background: transparent;
  color: #FFFFFF;
  font-size: 0.94vw;
  line-height: 1.3;
  padding: 0 0 2vh 0;
  border: none;
  border-bottom: solid 0.06vw #FFFFFF;
  font-family: "Involve-Regular", sans-serif;
  width: calc((100% - 3.34vw) / 2);
  margin-bottom: 4.9vh;
}
.app__popup_form .input:first-child {
  margin-right: 3.34vw;
}
.app__popup_form .input:focus, .app__popup_form .input:hover {
  background: transparent;
  outline: none;
  border-color: #FFFFFF;
}
.app__popup_form .input.error {
  border-color: #DC2B57;
}
.app__popup_form .input::-webkit-input-placeholder {
  font-family: "Involve-Regular", sans-serif;
  color: #FFFFFF;
  font-size: 0.94vw;
  line-height: 1.3;
}
.app__popup_form .input::-webkit-input-placeholder,
.app__popup_form .input:-moz-placeholder,
.app__popup_form .input:-ms-input-placeholder,
.app__popup_form .input::placeholder {
  font-family: "Involve-Regular", sans-serif;
  color: #FFFFFF;
  font-size: 0.94vw;
  line-height: 1.3;
}
.app__popup_form .btn {
  width: 10.34vw;
  margin-top: 5.15vh;
  height: 3.34vw;
  padding: 1.11vw 1.25vw 1.11vw 1.25vw;
  background: #E0D1A4;
  color: #857F76;
}
.app__popup_form .btn svg {
  display: inline-block;
  margin-left: 0.84vw;
  width: 0.42vw;
  height: auto;
}
.app__popup_form .checkbox-wrapper {
  margin-right: 1.25vw;
}
.app__popup .success {
  width: 100%;
  font-size: 1.39vw;
}
.app__popup_close {
  position: absolute;
  top: 3.1vh;
  right: 2.05vw;
  z-index: 5;
}
.app__popup_close svg {
  width: 3.34vw;
  height: auto;
}

.checkbox-wrapper {
  min-height: 0.98vw;
  padding-left: 1.62vw;
}
.checkbox-wrapper * {
  cursor: pointer !important;
}
.checkbox-wrapper .form-checkbox-title {
  width: 100%;
  font-size: 0.85vw;
  line-height: 1;
}
.checkbox-wrapper .form-checkbox-title a {
  color: #ffffff;
}
.checkbox-wrapper .form-checkbox-title a:before {
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.06vw;
  background: #FFFFFF;
}
.checkbox-wrapper .form-checkbox-title a:hover:before {
  display: none;
}
.checkbox-wrapper input[type=checkbox],
.checkbox-wrapper input[type=radio] {
  display: none;
}
.checkbox-wrapper input[type=checkbox]:checked + span,
.checkbox-wrapper input[type=radio]:checked + span {
  background: url("../images/checkbox-icon.svg") no-repeat center;
  background-size: 0.6vw auto;
}
.checkbox-wrapper label.form-checkbox {
  left: 0;
  position: absolute;
  top: 1px;
}
.checkbox-wrapper label.form-checkbox > span {
  background: transparent;
  border: solid 0.06vw #ffffff;
  content: "";
  cursor: pointer;
  display: block;
  width: 0.98vw;
  height: 0.98vw;
}
.checkbox-wrapper.error label > span {
  border: solid 0.06vw #ff0000;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100vw;
  height: 100vh;
  background: #E3DCD3;
}
.popup .swiper {
  width: 100%;
  height: 100%;
}

.screen {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  background-size: cover !important;
  z-index: 1;
}
.screen.no-fixed {
  height: auto;
  position: relative;
  overflow-y: auto;
}
.screen__curtain {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9;
  background: #716B62;
}
.screen__image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  min-width: 100%;
  width: auto;
  height: auto;
}
.screen__image svg {
  width: 100%;
  height: auto;
}
.screen.scrolled {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
}
.screen.scrolled .content {
  height: auto;
}
.screen.scrolled::-webkit-scrollbar {
  opacity: 0;
}
.screen__layout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  z-index: 1;
}
.screen__text {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  color: #FFFFFF;
  width: 100%;
  padding: 7.5vh 11.45vw 5.56vh 25vw;
}
.screen__text:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(45, 40, 31, 0.9)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(45, 40, 31, 0.9) 100%);
}
.screen__text h4, .screen__text .h4, .screen__text p {
  line-height: 1.2;
  width: 100%;
}
.screen__text h4, .screen__text .h4 {
  font-size: 1.05vw;
  margin-bottom: 1vh;
}
.screen__text p {
  margin-bottom: 3vh;
  font-size: 0.84vw;
  font-family: "TrajanPro3Regular", sans-serif;
  font-style: normal;
}
.screen__text p:last-child {
  margin-bottom: 0;
}
.screen__gallery {
  width: 100vw;
  height: 100vh;
}
.screen__gallery.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
}
.screen__gallery .swiper,
.screen__gallery .swiper-wrapper,
.screen__gallery .swiper-slide {
  width: 100%;
  height: 100%;
}
.screen__gallery .swiper .swiper-notification {
  display: none;
}
.screen__gallery .swiper-slide {
  background: no-repeat bottom center;
  background-size: cover;
  opacity: 0 !important;
}
.screen__gallery .swiper-slide:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.screen__gallery .swiper-slide img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.screen__gallery .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}
.screen__gallery .swiper-slide.about {
  cursor: default;
}
.screen__gallery_nav {
  position: absolute;
  bottom: 6.13vh;
  width: 5.21vw;
  height: 5.21vw;
  z-index: 3;
}
.screen__gallery_nav svg {
  width: 100%;
  height: auto;
}
.screen__gallery_nav.next {
  right: 3.13vw;
}
.screen__gallery_nav.prev {
  -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
          transform: rotate(-180deg);
  left: 3.13vw;
}
.screen__gallery_nav.inverse path, .screen__gallery_nav.inverse rect {
  stroke: #857F76;
}
.screen__gallery_close {
  position: absolute;
  top: 6.15vh;
  right: 3.13vw;
  z-index: 5;
}
.screen__gallery_close:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
}
.screen__gallery_close svg {
  width: 4.17vw;
  height: auto;
}
.screen__gallery_menu {
  position: absolute;
  z-index: 2;
  top: 10.55vh;
  left: 0;
  width: 100%;
}
.screen__gallery_menu ul {
  height: 3.55vw;
  margin: 0 auto;
}
.screen__gallery_menu ul:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  z-index: -1;
  border-radius: 1.25vw;
}
.screen__gallery_menu ul > li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.screen__gallery_menu ul > li a {
  padding: 0 1.05vw;
  font-size: 0.94vw;
  color: #FFFFFF;
  line-height: 3.55vw;
}
.screen__gallery_menu ul > li:first-child a {
  padding-left: 2.1vw;
}
.screen__gallery_menu ul > li:last-child a {
  padding-right: 2.1vw;
}
.screen__title {
  width: 100%;
  position: absolute;
  z-index: 3;
  top: 3.36vh;
  left: 0;
  text-align: center;
  font-size: 2.09vw;
  line-height: 1.3;
  color: #FFFFFF;
}
.screen.inverse .screen__title {
  color: #857F76;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 19;
}

.bg--top {
  background: no-repeat top center #FFFFFF;
}

.bg--bottom {
  background: no-repeat bottom center #FFFFFF;
}

.bg--center {
  background: no-repeat center #FFFFFF;
}

.bg--contain {
  background-size: contain !important;
  background-position: center;
}

body.inverse .header__logo svg path {
  fill: #857F76;
}
body.inverse .menu__opener span {
  background: #857F76;
}

.header__logo.white svg path {
  fill: #FFFFFF !important;
}

.off-selected {
  overflow-x: auto;
  position: fixed;
  top: 0;
  right: 0;
  width: 26.05vw;
  height: 100vh;
  background: #565565;
  padding: 11.6vh 1.57vw 5.3vh 5.6vh;
  background: #857F76;
  color: #FFFFFF;
  z-index: 19;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
}
.off-selected.active {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}
.off-selected__title {
  font-size: 2.09vw;
  line-height: 1.3;
  width: 100%;
  margin-bottom: 3.3vh;
}
.off-selected__list {
  margin-bottom: 3.27vh;
  max-height: 50vh;
  overflow-y: auto;
  scrollbar-width: none;
}
.off-selected__list::-webkit-scrollbar {
  display: none;
}
.off-selected__list_item {
  width: 100%;
  height: 100%;
  border-right: 0.06vw solid #FFFFFF;
  border-left: 0.06vw solid #FFFFFF;
  border-bottom: 0.06vw solid #FFFFFF;
  border-radius: 0.12vw;
  padding: 0.85vh 0.42vw 0.85vh 0.42vw;
}
.off-selected__list_item:nth-child(2) {
  border-top: 0.06vw solid #FFFFFF;
}
.off-selected__list_item .plan {
  width: 4.17vw;
  height: 4.17vw;
  background: no-repeat center #FFFFFF;
  background-size: cover;
  border-radius: 0.12vw;
  margin-right: 1.25vw;
}
.off-selected__list_item .number {
  font-size: 1.25vw;
}
.off-selected__list_item .remove svg {
  width: 2.61vw;
  height: auto;
}
.off-selected .btn--brown {
  margin-bottom: 1.65vh;
  height: 3.34vw;
  padding: 1.11vw 1.25vw 1.11vw 1.25vw;
  background: #716B62;
  color: #FFFFFF;
  width: 15vw;
}
.off-selected .btn--brown svg {
  width: 0.42vw;
  height: auto;
  margin-left: 0.84vw;
}
.off-selected .btn--brown:last-child {
  margin-bottom: 0;
}
.off-selected__close {
  position: absolute;
  top: 3.07vh;
  right: 1.57vw;
}
.off-selected__close svg {
  width: 3.34vw;
  height: auto;
}

.tile {
  position: absolute;
  z-index: 3;
  right: 2.09vw;
  top: 20.41vh;
  width: 76.05vw;
}
.tile__item {
  width: calc((100% - 3.15vw) / 4);
  height: 28.47vh;
  margin-right: 1.05vw;
  margin-bottom: 2.05vh;
}
.tile__item:nth-child(4n+4) {
  margin-right: 0;
}
.tile__item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  border-radius: 1.25vw;
}
.tile__item p {
  text-align: center;
  color: #FFFFFF;
}
.tile__item.hovered .hover-text {
  height: 100%;
  display: none;
  font-size: 0.84vw;
  line-height: 1.2;
  color: #857F76;
  text-align: left;
  padding: 2vh 1.57vw;
  overflow-y: auto;
  scrollbar-width: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.tile__item.hovered .hover-text::-webkit-scrollbar {
  display: none;
}
.tile__item.hovered:hover {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.tile__item.hovered:hover:before {
  background: #FFFFFF;
  background-size: 1.46vw auto;
  -webkit-backdrop-filter: blur(22.5px);
          backdrop-filter: blur(22.5px);
}
.tile__item.hovered:hover .hover-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tile__item.hovered:hover .visible-text {
  display: none;
}

.visual .screen {
  background: #716B62;
}
.visual__mask, .visual__img {
  width: 100%;
  height: auto;
}
.visual__mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.visual__mask path {
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  fill: rgba(255, 255, 255, 0.65);
}
.visual__mask a:hover path {
  opacity: 1;
}
.visual__floor_number {
  position: absolute;
  top: auto;
  left: auto;
  width: 3.34vw;
  height: 3.34vw;
  font-size: 2.09vw;
  line-height: 3.34vw;
  font-family: "TrajanPro3Regular", sans-serif;
  text-align: center;
  color: #35383D;
  background: #FFFFFF;
  border-radius: 50%;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.35s opacity, 0.35s visibility;
  transition: 0.35s opacity, 0.35s visibility;
  opacity: 0;
  z-index: 9;
}
.visual__floor_number.visible {
  opacity: 1;
  visibility: visible;
}

.about {
  background: #E3DCD3;
}
.about .row {
  height: 100%;
}
.about__left {
  background: no-repeat bottom center;
  background-size: cover;
  width: calc(100% - 43.23vw);
  height: 100%;
}
.about__right {
  width: 43.23vw;
  height: 100%;
  padding: 10.42vh 5.21vw;
  color: #857F76;
  background: #e3dcd2;
}
.about__right h1, .about__right .h1, .about__right h2, .about__right .h2 {
  text-transform: uppercase;
  width: 100%;
  line-height: 1.3;
  margin-bottom: 5.15vh;
}
.about__right h1, .about__right .h1 {
  font-size: 2.09vw;
}
.about__right h2, .about__right .h2 {
  font-size: 1.6vw;
}
.about__right p {
  font-size: 0.73vw;
  margin-bottom: 1.05vh;
}
.about__right h3, .about__right .h3, .about__right h4, .about__right .h4 {
  font-size: 1.25vw;
  line-height: 1.5;
  margin-bottom: 1.05vh;
}
.about__right h3 small, .about__right .h3 small, .about__right h4 small, .about__right .h4 small {
  font-size: 0.95vw;
}
.about__right h3 sup, .about__right .h3 sup, .about__right h4 sup, .about__right .h4 sup {
  font-size: 0.75vw;
}
.about__right hr {
  display: block;
  width: 100%;
  height: 3.1vh;
  border: none;
  background: transparent;
}

.amenitis {
  width: 100vw;
  height: 100vh;
}
.amenitis__plan {
  display: block;
  z-index: 1;
  margin: 0 auto;
}
.amenitis__plan_img, .amenitis__plan_mask {
  width: auto;
  height: 100vh;
}
.amenitis__plan_mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.amenitis__plan_mask a rect, .amenitis__plan_mask a path {
  -webkit-transition: ease-in-out 0.2s;
  transition: ease-in-out 0.2s;
  opacity: 0;
}
.amenitis__plan_mask a:hover rect, .amenitis__plan_mask a:hover path {
  opacity: 0.8;
}

.auth {
  background: url("../images/auth_bg.jpg") no-repeat top center;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.auth .row {
  height: 100%;
}
.auth h1 {
  font-size: 2.083vw;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 9.18vh;
}
.auth__left, .auth__right {
  height: 100%;
}
.auth__right {
  width: 60%;
}
.auth__left {
  padding: 0 5.2vw 0 5.2vw;
  width: 40%;
  color: #ffffff;
}
.auth__left:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.01);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
  z-index: 1;
}
.auth__left h2 {
  font-size: 1.66vw;
  text-transform: uppercase;
  margin-bottom: 4.2vh;
  width: 100%;
  z-index: 2;
}
.auth__form {
  width: 25vw;
  z-index: 2;
}
.auth__form_wrap {
  width: 100%;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
  margin-bottom: 4.2vh;
  padding: 3.18vh 2.1vw 3.18vh 2.1vw;
}
.auth__form .input {
  background: transparent;
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #ffffff;
  font-family: "Jost", sans-serif;
  color: #ffffff;
  font-size: 1.241vw;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  pointer-events: auto;
  padding-bottom: 1.8vh;
  margin-bottom: 4.02vh;
}
.auth__form .input.error {
  border-bottom: 1px solid #FF0000;
}
.auth__form .input::-webkit-input-placeholder {
  font-family: "Jost", sans-serif;
  color: #ffffff;
  font-size: 1.2416vw;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.auth__form .input::-webkit-input-placeholder, .auth__form .input:-moz-placeholder, .auth__form .input::-moz-placeholder, .auth__form .input:-ms-input-placeholder, .auth__form .input::placeholder {
  font-family: "Jost", sans-serif;
  color: #ffffff;
  font-size: 1.2416vw;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.auth__form label {
  display: block;
  width: 100%;
  font-size: 0.84vw;
  line-height: 1.32;
  margin-bottom: 0.75vh;
}
.auth__form .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.84vw;
  line-height: 1.32;
  text-transform: uppercase;
  background: #E0D1A4;
  color: #857F76;
  border: none;
  width: 13.02vw;
  padding: 1.11vw 1.25vw 1.11vw 1.25vw;
  height: 3.34vw;
  cursor: pointer;
}
.auth__form .button svg rect {
  fill: #857F76;
}
.auth__form .button:hover {
  background: #857F76;
  color: #FFFFFF;
}
.auth__form .button:hover svg rect {
  fill: #FFFFFF;
}
.auth__form_error {
  color: #ff0000;
  font-size: 0.83vw;
  font-weight: 400;
  line-height: 1.2;
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(7.5px);
          backdrop-filter: blur(7.5px);
  padding: 0.4vw;
  border-radius: 4px;
  width: 100%;
  display: block;
  margin-bottom: 3.02vh;
}
.auth__form .login-remember {
  display: none;
}

.page-template-template-authors {
  background: #E3DCD3;
}
.page-template-template-authors h1 {
  width: 100%;
  text-align: center;
  margin-top: 1.75vw;
  margin-bottom: 5.84vh;
  font-size: 2.09vw;
  line-height: 1.3;
  color: #857F76;
}
.page-template-template-authors .container {
  margin: 0 auto;
  max-width: 50.61vw;
}
.page-template-template-authors .container table tr {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-template-template-authors .container table td {
  width: calc((100% - 3.65vw) / 2) !important;
  color: #857F76;
}
.page-template-template-authors .container table td img {
  width: 100%;
  height: auto;
}
.page-template-template-authors .container table td h3, .page-template-template-authors .container table td h4, .page-template-template-authors .container table td h5, .page-template-template-authors .container table td h6, .page-template-template-authors .container table td p {
  width: 100%;
  margin-bottom: 2.06vh;
  line-height: 1.25;
}
.page-template-template-authors .container table td h3, .page-template-template-authors .container table td h4, .page-template-template-authors .container table td h5, .page-template-template-authors .container table td h6 {
  font-size: 1.46vw;
}
.page-template-template-authors .container table td p {
  font-size: 0.94vw;
  line-height: 1.55;
}
.page-template-template-authors .container table td p:last-child {
  margin-bottom: 0;
}
.page-template-template-authors .screen.two-photo .container {
  max-width: 81vw;
}
.page-template-template-authors .screen.two-photo table td:first-child {
  width: 40% !important;
  margin-right: 3.65vw;
}
.page-template-template-authors .screen.two-photo table td:last-child {
  width: 60% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page-template-template-authors .screen.two-photo table td img {
  max-width: 23.43vw;
  margin-right: 1.042vw;
}

.club-all .tile {
  width: 82.3vw;
}
.club-all .tile__item {
  width: calc((100% - 4.2vw) / 5);
  height: 29.5vh;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.club-all .tile__item:nth-child(4n+4) {
  margin-right: 1.05vw;
}
.club-all .tile__item:nth-child(5n+5) {
  margin-right: 0;
}
.club-all .tile__item:before {
  -webkit-backdrop-filter: blur(22.5px);
          backdrop-filter: blur(22.5px);
}
.club-all .tile__item p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  padding: 0 1.56vw;
  min-height: 100%;
}
.club-all .tile__item:hover:before {
  -webkit-backdrop-filter: blur(22.5px);
          backdrop-filter: blur(22.5px);
  background: #FFFFFF;
  background-size: 2.19vw auto;
}
.club-all .tile__item:hover p {
  color: #857F76;
}

.attractions, .culture, .gastronomy {
  background: #E3DCD3;
}
.attractions .header__logo svg path, .culture .header__logo svg path, .gastronomy .header__logo svg path {
  fill: #857F76;
}
.attractions .menu__opener span, .culture .menu__opener span, .gastronomy .menu__opener span {
  background: #857F76;
}

.map {
  width: 100vw;
  height: 100vh;
  background: #857F76;
}
.map__area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #857F76;
  overflow: hidden;
  outline: none;
}
.map__area_image, .map__area_mask {
  position: absolute;
  width: 100vw;
  height: auto;
  cursor: -webkit-grab;
  cursor: grab;
}
.map__area_image {
  z-index: 1;
}
.map__area_mask {
  z-index: 3;
}
.map__area #layer_text {
  position: fixed;
  z-index: 19;
  color: #ffffff;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  padding: 0.24vw 0.36vw;
  font-size: 0.73vw;
  line-height: 120%;
  background: #CABFA4;
}
.map__area .point {
  cursor: pointer;
  z-index: 9;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.map__area .point .visible {
  display: none;
}
.map__area .point.faded {
  opacity: 0.1;
}

.location {
  background: #C9BBA5;
}
.location__map, .location__places {
  width: 100%;
  height: auto;
}
.location__map {
  z-index: 1;
}
.location__places {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
.location__open {
  position: absolute;
  bottom: 3.08vh;
  right: 1.56vw;
  z-index: 3;
}
.location__open svg {
  width: 3.33vw;
  height: auto;
}
.location__yamaps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #E3DCD3;
  overflow: hidden;
  outline: none;
  z-index: 5;
}
.location__yamaps #y-map {
  width: 100%;
  height: 100%;
}
.location__yamaps_close {
  position: absolute;
  z-index: 9;
  top: 6.15vh;
  right: 3.13vw;
  fill: #ffffff;
}
.location__yamaps_close svg {
  width: 4.17vw;
  height: auto;
}
.location__yamaps_close svg path {
  stroke: #857F76;
}
.location__yamaps_close svg rect {
  fill: #857F76;
}

.object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: auto 94%;
  background-color: #FFFFFF;
}
.object .swiper-slide {
  width: 100vw;
  height: 100vh;
  background: no-repeat center;
  background-size: auto 100%;
  background-color: #ffffff;
  -webkit-transition: all 1.2s ease-out;
  transition: all 1.2s ease-out;
  z-index: 9;
}
.object__back {
  position: fixed;
  font-size: 1.25vw;
  text-transform: uppercase;
  color: #565565;
  top: 18vh;
  left: 8.7vw;
  z-index: 12;
}
.object__back svg {
  width: 3.36vw;
  height: 3.36vw;
  margin-right: 0;
}
.object__back svg rect {
  fill: #857F76;
}
.object__back svg path {
  stroke: #857F76;
}
.object__detail {
  z-index: 19;
  position: absolute;
  left: 2.08vw;
  top: 2.77vh;
  text-transform: uppercase;
  width: auto;
}
.object__detail h1, .object__detail .h1 {
  font-size: 2.09vw;
  line-height: 1.3;
  margin-bottom: 2vh;
}
.object__detail p {
  font-size: 1.05vw;
  line-height: 1.5;
}

.parameters {
  background: #716B62;
}
.parameters__wrap {
  padding: 20.65vh 2.09vw 0 21.88vw;
  width: 100%;
  min-height: 100vh;
}

.plan .screen, .plan .screen__gallery {
  background: #ffffff;
}

.penthouses .screen__text p, .bliss .screen__text p, .elysium .screen__text p, .paradise .screen__text p {
  text-transform: none;
  font-family: "Involve-Regular", sans-serif;
  font-size: 0.94vw;
  line-height: 1.55;
}
.penthouses .tile, .bliss .tile, .elysium .tile, .paradise .tile {
  width: 70.84vw;
  top: 12.75vh;
}
.penthouses .tile__item, .bliss .tile__item, .elysium .tile__item, .paradise .tile__item {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 4.5vh 1.57vw;
  width: calc((100% - 0.54vw) / 3);
  margin-right: 0.27vw;
  margin-bottom: 0.52vh;
  height: 25vh;
}
.penthouses .tile__item:nth-child(3n+3), .bliss .tile__item:nth-child(3n+3), .elysium .tile__item:nth-child(3n+3), .paradise .tile__item:nth-child(3n+3) {
  margin-right: 0;
}
.penthouses .tile__item:nth-child(4n+4), .bliss .tile__item:nth-child(4n+4), .elysium .tile__item:nth-child(4n+4), .paradise .tile__item:nth-child(4n+4) {
  margin-right: 0.27vw;
}
.penthouses .tile__item p, .bliss .tile__item p, .elysium .tile__item p, .paradise .tile__item p {
  font-size: 0.94vw;
  text-transform: none;
  line-height: 1.55;
  width: 100%;
  text-align: left;
  font-family: "Involve-Regular", sans-serif;
}
.penthouses .tile__item p sup, .bliss .tile__item p sup, .elysium .tile__item p sup, .paradise .tile__item p sup {
  font-size: 0.65vw;
}
.penthouses .tile__item p span, .bliss .tile__item p span, .elysium .tile__item p span, .paradise .tile__item p span {
  display: block;
  width: 100%;
  font-family: "TrajanPro3Regular", sans-serif;
  font-size: 1.042vw;
  line-height: 1.5;
  margin-bottom: 2.2vh;
  text-transform: uppercase;
}
.penthouses .tile__item p span sup, .bliss .tile__item p span sup, .elysium .tile__item p span sup, .paradise .tile__item p span sup {
  font-size: 0.74vw;
}
.penthouses .tile__item:before, .bliss .tile__item:before, .elysium .tile__item:before, .paradise .tile__item:before {
  background: rgba(140, 124, 101, 0.25);
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
}
.penthouses #screen_3 .screen__gallery, .bliss #screen_3 .screen__gallery, .elysium #screen_3 .screen__gallery, .paradise #screen_3 .screen__gallery {
  background: #FFFFFF;
}
.penthouses #screen_3 .screen__gallery_nav svg rect, .penthouses #screen_3 .screen__gallery_nav svg path, .bliss #screen_3 .screen__gallery_nav svg rect, .bliss #screen_3 .screen__gallery_nav svg path, .elysium #screen_3 .screen__gallery_nav svg rect, .elysium #screen_3 .screen__gallery_nav svg path, .paradise #screen_3 .screen__gallery_nav svg rect, .paradise #screen_3 .screen__gallery_nav svg path {
  stroke: #857F76;
}

.solutions {
  /* .tile {
    top: 6.75vh;
    width: 80.21vw;
    &__item {
      width: calc((100% - 0.54vw) / 3);
      margin-right: 0.27vw;
      margin-bottom: 0.52vh;
      height: 28.57vh;
      &:nth-child(3n+3) {
        margin-right: 0;
      }
      &:nth-child(4n+4) {
        margin-right: 0.27vw;
      }
    }
  } */
}

.team .tile__item {
  width: calc((100% - 3.15vw) / 3);
  margin-right: 1.57vw;
}
.team .tile__item:nth-child(4n+4) {
  margin-right: 1.57vw;
}
.team .tile__item:last-child, .team .tile__item:nth-child(3n+3) {
  margin-right: 0;
}
.team .tile__item:before {
  background: rgba(133, 127, 118, 0.35);
}
.team__logo {
  display: block;
  margin-bottom: 2.77vh;
  width: auto;
  height: 6.35vh;
}