@font-face {
  font-family: 'FoglihtenNo06';
  src: url("fonts/FoglihtenNo06.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
:root {
  font-size: 30px; }

::-webkit-scrollbar {
  width: .6rem;
  height: 0.5rem; }

::-webkit-scrollbar-track {
  background: #ddd; }

::-webkit-scrollbar-thumb {
  background: #00579A;
  border-radius: .4rem; }

ul, li {
  margin: 0;
  padding: 0;
  display: block; }

a {
  transition: .3s all;
  outline: none;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

h1, h2, h3, h4, h5, p {
  margin: 0; }

html {
  scroll-behavior: smooth; }

body {
  font-family: 'Montserrat', sans-serif;
  color: #4A4A4A; }

.container {
  padding: 0 9.5rem; }

.section-title {
  font-weight: 400;
  font-size: 2.6rem;
  color: #00579A;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  font-family: "FoglihtenNo06";
  letter-spacing: .000001em; }

.section-text {
  font-size: 0.95rem;
  line-height: 180%;
  margin-bottom: 3.5rem; }

.fixed-btns {
  position: fixed;
  z-index: 4;
  right: 1.2rem;
  bottom: 3.75rem; }
  .fixed-btns li {
    margin-bottom: 0.75rem; }
    .fixed-btns li:last-child {
      margin-bottom: 0; }
  .fixed-btns a {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #00579A;
    border-radius: 50%;
    color: #fff;
    font-size: 0.4rem;
    border: 0.35rem solid #1f69ac;
    animation: pulse-blue 2s infinite; }
    .fixed-btns a span {
      margin-top: 0.3rem; }
    .fixed-btns a:hover {
      border-width: 0; }
    .fixed-btns a.live-open {
      font-size: .7rem;
      font-weight: 500;
      position: relative;
      border: 0.35rem solid #1f69ac; }
      .fixed-btns a.live-open::after {
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: red;
        animation: pulse-red 1s infinite;
        right: 0.5rem;
        top: 0.5rem;
        content: ''; }
      .fixed-btns a.live-open:hover {
        background: #1f69ac; }

.zoom-image {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 87, 154, 0.6);
  z-index: 5;
  display: none; }
  .zoom-image__content {
    width: 55rem;
    height: 35rem;
    border-radius: 1.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    overflow: hidden; }
  .zoom-image__img {
    background: #fff;
    height: 100%;
    width: 63%;
    padding: 5rem;
    position: relative; }
    .zoom-image__img img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain; }
  .zoom-image .plans-arrows {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.75rem; }
  .zoom-image__wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url(../img/preloader.svg) center center no-repeat;
    background-size: cover;
    width: 37%;
    color: #fff;
    font-weight: 400;
    padding: 6rem 2.5rem 2.5rem;
    position: relative; }
  .zoom-image__rooms, .zoom-image__square {
    font-size: 0.9rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase; }
    .zoom-image__rooms span, .zoom-image__square span {
      font-weight: 500;
      font-size: 1.25rem; }
  .zoom-image__btn {
    margin-top: 3rem;
    width: 100%;
    height: 3rem;
    border-radius: 3rem;
    color: #00579A;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid #fff; }
    .zoom-image__btn:hover {
      color: #fff;
      background: #00579A; }
  .zoom-image__close {
    right: 2.5rem;
    top: 2.5rem;
    position: absolute;
    cursor: pointer; }
    .zoom-image__close svg {
      width: 1.6rem; }
  .zoom-image__fav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.5rem;
    display: inline-flex;
    align-items: center;
    font-size: 0.9rem;
    cursor: pointer; }
    .zoom-image__fav svg {
      margin-right: 0.5rem;
      width: 1.25rem; }
    .zoom-image__fav.liked svg path {
      fill: #fff; }

.iti {
  width: 100%; }
  .iti__flag-container, .iti__selected-flag {
    outline: none; }
  .iti ::-webkit-scrollbar {
    width: .3rem; }
  .iti ::-webkit-scrollbar-thumb {
    border-radius: .2rem; }
  .iti__country-list {
    font-size: 0.7rem;
    z-index: 3; }

.stock-popup {
  position: fixed;
  right: 0;
  top: 7.5rem;
  transition: .6s all;
  z-index: 6;
  width: 23rem; }
  .stock-popup img {
    width: 100%;
    display: block; }
  .stock-popup.hide {
    transform: translateX(100%); }

.arrows {
  position: relative;
  padding-left: .5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  transform: translate(-50%, -50%); }

.arrows:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 0.51rem solid rgba(255, 255, 255, 0.7);
  border-bottom: 0.51rem solid rgba(255, 255, 255, 0.7);
  transform: translate(1rem, 5rem) rotate(-45deg);
  animation: arrows 1.5s linear infinite; }

.arrows:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-left: 0.51rem solid rgba(255, 255, 255, 0.7);
  border-bottom: 0.51rem solid rgba(255, 255, 255, 0.7);
  transform: translate(2rem, 0px) rotate(-45deg);
  animation: arrows 1.5s linear infinite -0.75s; }

@keyframes svgPulse {
  0% {
    opacity: 0; }
  50% {
    opacity: .8; }
  100% {
    opacity: 0; } }
@keyframes growShrink {
  0% {
    r: 1; }
  3% {
    r: 2; }
  5% {
    r: 3; }
  12% {
    r: 3; }
  30% {
    r: 1; } }
@keyframes pulse {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes pulse-blue {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 87, 154, 0.3); }
  70% {
    box-shadow: 0 0 0 1rem rgba(255, 121, 63, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0); } }
@keyframes pulse-red {
  0% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes arrows {
  0% {
    border-left: .6rem solid transparent;
    border-bottom: .6rem solid transparent;
    transform: translate(-0.5rem, -2rem) rotate(-45deg); }
  10%, 90% {
    border-left: .6rem solid transparent;
    border-bottom: .6rem solid transparent; }
  50% {
    border-left: 0.6rem solid rgba(255, 255, 255, 0.7);
    border-bottom: 0.6rem solid rgba(255, 255, 255, 0.7);
    transform: translate(-0.5rem, 0px) rotate(-45deg); }
  100% {
    border-left: .6rem solid transparent;
    border-bottom: .6rem solid transparent;
    transform: translate(-0.5rem, 2rem) rotate(-45deg); } }
@keyframes scale {
  50% {
    transform: scale(1.1); } }
@keyframes fadeInSvg {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes strokeLines {
  100% {
    stroke-dashoffset: 0; } }
@keyframes fill {
  100% {
    fill: #fff; } }
@keyframes fillBlue {
  100% {
    fill: #00579A; } }
.preloader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: #00579A url(../img/preloader.svg) center center no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center; }
  .preloader-logo svg {
    width: 25rem; }
  .preloader-logo__regnum {
    stroke-dasharray: 1898;
    stroke-dashoffset: 1898;
    fill: transparent;
    animation: strokeLines 10s forwards, fill .5s forwards 2s; }
  .preloader-logo__business {
    opacity: 0;
    animation: fadeInSvg 2s forwards 2s; }

.menu {
  position: fixed;
  background: rgba(22, 22, 22, 0.85);
  width: 100%;
  height: 100%;
  z-index: 5;
  display: none; }
  .menu-content {
    width: 60%;
    color: #fff;
    background: #00579A;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    transition: .6s all ease-in-out;
    overflow: hidden;
    transform: skew(-20deg) translateX(-70rem); }
  .menu-wrap {
    position: absolute;
    top: 50%;
    transform: skew(20deg) translate(70rem, -50%);
    left: 9.5rem;
    transition: .6s all ease-in-out; }
  .menu-list {
    margin-bottom: 3rem;
    font-family: "FoglihtenNo06";
    letter-spacing: 0.03em; }
    .menu-list li {
      margin-bottom: 1.5rem; }
      .menu-list li a {
        font-size: 1.8rem;
        line-height: 100%;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase; }
        .menu-list li a:hover {
          opacity: .7; }
      .menu-list li:last-child {
        margin-bottom: 0; }
      .menu-list li > div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 1.1rem; }
        .menu-list li > div a {
          font-size: 1.1rem;
          margin-bottom: 0.7rem; }
          .menu-list li > div a:last-child {
            margin-bottom: 0; }
  .menu-more {
    display: flex;
    align-items: center; }
    .menu-more .about__btn {
      background: #fff;
      height: 4rem;
      width: 15rem;
      margin-right: 3rem; }
      .menu-more .about__btn:hover {
        border-color: #fff; }
    .menu-more .header-lang {
      margin-right: 2rem; }
  .menu__close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    cursor: pointer;
    left: calc(60% - 3.5rem);
    transition: .6s all;
    opacity: 0; }
    .menu__close svg {
      width: 1.25rem; }

.form__input input {
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  padding: 0.5rem 0;
  outline: none;
  width: 100%; }
  .form__input input::placeholder {
    color: #fff; }
.form__btn {
  background: transparent;
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 0.95rem;
  border: none; }
  .form__btn svg {
    width: 5.3rem;
    margin-right: 1rem; }
    .form__btn svg path {
      display: inline-block;
      transition: .6s all; }
  .form__btn:hover svg path {
    transform: translate(0.5rem); }
.form__check {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  user-select: none;
  cursor: pointer;
  font-size: 0.9rem; }
  .form__check input {
    appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 1.35rem;
    border: 1px solid #fff;
    position: relative; }
    .form__check input::after {
      position: absolute;
      left: .3rem;
      font-weight: 400;
      top: 0;
      content: '\2713';
      display: none; }
    .form__check input:checked::after {
      display: inline; }
.form__info {
  margin-top: 1rem;
  font-size: 0.8rem;
  opacity: .45; }

.live {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 25;
  background: rgba(0, 87, 154, 0.6);
  backdrop-filter: blur(9px);
  display: none; }
  .live-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 1rem;
    width: 48rem;
    height: 27rem;
    text-align: center; }
    .live-content iframe {
      width: 100%;
      height: 100%; }

.feedback {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  background: rgba(0, 87, 154, 0.6);
  backdrop-filter: blur(9px);
  display: none; }
  .feedback-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.1);
    padding: 2rem;
    width: 25rem; }
  .feedback__close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer; }
    .feedback__close img {
      width: 1.25rem;
      display: block; }
  .feedback-done {
    text-align: center;
    display: none; }
    .feedback-done .feedback__title {
      margin-bottom: 1.5rem; }
    .feedback-done .feedback__info {
      margin-bottom: 2rem;
      font-size: 0.75rem; }
  .feedback__title {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 2.2rem; }
  .feedback-form__input {
    position: relative;
    margin-bottom: 1.5rem; }
    .feedback-form__input input {
      width: 100%;
      display: flex;
      align-items: center;
      border: none;
      outline: none;
      height: 3.2rem;
      background: #F7F7F7;
      border-radius: .8rem;
      padding: 0 1.2rem;
      font-size: 0.7rem; }
  .feedback-form__btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 3.2rem;
    border-radius: 1rem;
    width: 100%;
    color: #fff;
    background: #00579A;
    border: none;
    font-size: 0.9rem;
    transition: .6s all; }
    .feedback-form__btn:hover {
      background: #1f69ac; }
  .feedback__info {
    font-size: 0.6rem;
    text-align: center;
    padding: 0 1rem;
    margin-bottom: 1.5rem; }
  .feedback__img {
    margin-bottom: 1.5rem; }
    .feedback__img img {
      display: inline-block;
      width: 4rem; }

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 4;
  padding-top: 1.5rem;
  color: #fff;
  text-transform: uppercase;
  transition: .6s all;
  pointer-events: none; }
  .header-bot {
    padding-top: 0;
    top: auto;
    bottom: 2.2rem; }
    .header-bot .header__logo-main {
      top: 1rem; }
    .header-bot .header-lang__btn {
      padding-top: 1.5rem;
      margin-top: -1.5rem; }
    .header-bot .header-lang__list {
      top: -5rem; }
    .header-bot .header-choose {
      flex-direction: column-reverse;
      display: flex; }
      .header-bot .header-choose:hover {
        margin-bottom: 0;
        margin-top: -2.95rem; }
    .header-bot .header-choose__list {
      padding-top: 1.25rem;
      padding-bottom: 0; }
  .header .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .header-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    pointer-events: auto; }
  .header-left, .header-right {
    display: flex;
    align-items: center;
    padding-top: 1rem; }
  .header__plaza {
    width: 20rem; }
    .header__plaza img {
      width: 100%;
      display: block; }
  .header__logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 5.7rem;
    pointer-events: auto; }
    .header__logo a {
      display: block;
      width: 100%; }
    .header__logo img {
      display: block;
      width: 100%; }
    .header__logo-plaza {
      display: none; }
    .header__logo-main {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 3rem; }
      .header__logo-main a {
        display: block; }
        .header__logo-main a img {
          display: block;
          width: 13rem; }
  .header-teaser {
    display: flex;
    align-items: center; }
    .header-teaser .header-lang {
      margin-right: 2rem;
      pointer-events: auto; }
    .header-teaser > a {
      color: #fff;
      font-size: 2.1rem;
      pointer-events: auto;
      font-weight: 300; }
  .header__menu {
    width: 6.5rem;
    height: 2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 2rem;
    border: .1rem solid #fff;
    color: #fff;
    font-size: 0.6rem;
    line-height: 100%;
    margin-right: 3rem;
    cursor: pointer;
    font-weight: 500; }
    .header__menu svg {
      margin-right: 0.8rem;
      width: .75rem; }
  .header__contact {
    font-size: 0.7rem;
    color: #fff;
    margin-right: 2.5rem; }
  .header-lang {
    position: relative;
    font-size: 0.7rem; }
    .header-lang:hover .header-lang__list {
      display: block; }
    .header-lang:hover .header-lang__btn img {
      transform: rotate(180deg); }
    .header-lang__btn {
      padding-bottom: 1.5rem;
      margin-bottom: -1.5rem;
      color: #fff;
      display: flex;
      align-items: center; }
      .header-lang__btn svg {
        width: .55rem;
        margin-left: 0.25rem; }
    .header-lang__list {
      position: absolute;
      top: 1.5rem;
      left: -.5rem;
      width: 4rem;
      padding: 1rem;
      background: #fff;
      backdrop-filter: blur(5px);
      display: none;
      border-radius: .75rem; }
      .header-lang__list a {
        margin-bottom: 0.5rem;
        display: block;
        color: #00579A; }
        .header-lang__list a:last-child {
          margin-bottom: 0; }
  .header__tel {
    margin-right: 1.8rem;
    font-size: 1rem;
    color: #fff;
    font-weight: 500; }
    .header__tel-mobile {
      display: none; }
  .header-choose {
    position: relative;
    font-size: 0.6rem;
    background: #00579A;
    border-radius: 1.5rem;
    margin-right: 3rem;
    font-weight: 500; }
    .header-choose:hover {
      margin-bottom: -2.7rem; }
      .header-choose:hover .header-choose__list {
        display: block; }
      .header-choose:hover .header-choose__btn svg {
        transform: rotate(180deg); }
    .header-choose__btn {
      padding: .75rem 1.25rem;
      color: #fff;
      display: flex;
      align-items: center; }
      .header-choose__btn svg {
        width: .55rem;
        margin-left: 0.7rem; }
    .header-choose__list {
      padding: 0 0 1rem 1.25rem;
      border-radius: .75rem;
      display: none; }
      .header-choose__list a {
        margin-bottom: 0.5rem;
        line-height: 100%;
        display: block;
        color: #fff;
        text-transform: none; }
        .header-choose__list a:last-child {
          margin-bottom: 0; }
  .header__like {
    cursor: pointer; }
    .header__like.liked {
      position: relative; }
      .header__like.liked::after {
        position: absolute;
        top: -.1rem;
        right: -.2rem;
        width: 0.5rem;
        height: 0.5rem;
        background: red;
        border-radius: 50%;
        content: ''; }
    .header__like svg {
      width: 1.2rem;
      display: block; }
  .header-hide {
    transform: translateY(-7rem); }
  .header-scrolled, .header-white {
    padding-top: 0; }
    .header-scrolled .header, .header-white .header {
      color: #00579A; }
      .header-scrolled .header-left, .header-scrolled .header-right, .header-white .header-left, .header-white .header-right {
        padding: 0; }
      .header-scrolled .header-wrap, .header-white .header-wrap {
        background: #fff;
        padding: 1.5rem 2.5rem;
        margin-left: -2.5rem;
        margin-right: -2.5rem;
        width: calc(100% + 5rem);
        box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
        border-radius: 0 0 1.5rem 1.5rem; }
      .header-scrolled .header__menu, .header-white .header__menu {
        color: #00579A;
        border-color: #00579A; }
      .header-scrolled .header__logo, .header-white .header__logo {
        display: none; }
        .header-scrolled .header__logo-main, .header-white .header__logo-main {
          display: none; }
        .header-scrolled .header__logo-plaza, .header-white .header__logo-plaza {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 13rem;
          display: block; }
          .header-scrolled .header__logo-plaza img, .header-white .header__logo-plaza img {
            display: block;
            width: 100%; }
      .header-scrolled .header__contact, .header-white .header__contact {
        color: #00579A; }
      .header-scrolled .header-lang__btn, .header-white .header-lang__btn {
        color: #00579A; }
      .header-scrolled .header__tel, .header-white .header__tel {
        color: #00579A; }
      .header-scrolled .header__like, .header-white .header__like {
        color: #00579A; }
  .header-white {
    position: absolute; }
    .header-white .header-wrap {
      box-shadow: none;
      transition: .6s all;
      border-radius: 0; }

.offer {
  background: url(../img/preloader.svg) center center no-repeat;
  background-size: cover;
  padding: 2.5rem 0;
  margin: 5.5rem 0 2.4rem;
  color: #fff; }
  .offer__title {
    font-weight: 400;
    font-family: "FoglihtenNo06";
    letter-spacing: .000001em;
    font-size: 1.6rem; }

.teaser {
  position: relative;
  color: #fff;
  font-family: "FoglihtenNo06";
  letter-spacing: .000001em;
  font-weight: 400;
  height: 100vh; }
  .teaser::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(37.93deg, rgba(0, 0, 0, 0.56) -8%, rgba(0, 0, 0, 0) 41.75%), linear-gradient(180deg, rgba(0, 0, 0, 0.56) 5.07%, rgba(0, 0, 0, 0) 32.43%); }
  .teaser::after {
    position: absolute;
    left: -20vw;
    bottom: -20vw;
    width: 40vw;
    height: 40vw;
    content: '';
    background: url(../img/pattern.svg) center center no-repeat;
    background-size: contain;
    transition: 1s all; }
  .teaser__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    overflow: hidden; }
    .teaser__bg img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      animation: scale 40s linear infinite; }
  .teaser-pattern::after {
    transform: translate(-50%, 50%); }
  .teaser .container {
    width: 100%;
    height: 100%; }
  .teaser-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    padding-top: 25vh; }
  .teaser-date {
    position: absolute;
    margin-top: -6.8rem;
    left: 0;
    text-align: center;
    letter-spacing: 0.06em; }
    .teaser-date__day {
      font-size: 6.75rem;
      line-height: 100%; }
    .teaser-date__month {
      font-size: 2rem;
      line-height: 100%; }
  .teaser__title {
    font-size: 2.25rem;
    line-height: 100%;
    margin-bottom: 3rem;
    font-weight: 600;
    letter-spacing: 0.05em; }
  .teaser-count {
    display: flex;
    gap: 1.65rem;
    margin-bottom: 4.3rem; }
    .teaser-count__item {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      width: 7.2rem;
      height: 5.75rem;
      background: rgba(255, 255, 255, 0.23);
      backdrop-filter: blur(11px);
      border-radius: 1rem; }
    .teaser-count__value {
      font-size: 2.3rem;
      line-height: 100%;
      margin-bottom: 0.35rem; }
    .teaser-count__name {
      font-size: 0.95rem;
      line-height: 100%;
      text-transform: uppercase; }
  .teaser__btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #00579A;
    border-radius: 1rem;
    width: 17rem;
    height: 4.3rem;
    letter-spacing: 0.06em;
    font-size: 0.9rem;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 4.5rem; }
    .teaser__btn:hover {
      background: #1f69ac; }
  .teaser__address {
    display: flex;
    justify-content: center;
    align-items: center; }
    .teaser__address img {
      width: 1.25rem;
      margin-right: 0.9rem; }
    .teaser__address span {
      letter-spacing: 0.06em;
      font-size: 1.35rem; }
  .teaser__tel {
    width: 4.3rem;
    height: 4.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00579A;
    border-radius: 1rem;
    position: absolute;
    right: 0;
    bottom: 3.6rem; }
    .teaser__tel:hover {
      background: #1f69ac; }
    .teaser__tel svg {
      width: 1.5rem;
      height: 1.5rem; }

.main {
  height: 100vh;
  display: flex;
  align-items: flex-end;
  position: relative; }
  .main::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), linear-gradient(37.93deg, rgba(0, 0, 0, 0.56) -8%, rgba(0, 0, 0, 0) 41.75%), linear-gradient(180deg, rgba(0, 0, 0, 0.56) 5.07%, rgba(0, 0, 0, 0) 32.43%); }
  .main-switch {
    color: #fff;
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    z-index: 4;
    top: 3rem;
    left: calc(50% - 17rem); }
    .main-switch__time {
      opacity: .4;
      display: flex;
      align-items: center;
      transition: .6s all; }
      .main-switch__time svg {
        width: 1rem;
        height: 1rem;
        margin: 0 0.25rem; }
      .main-switch__time.active {
        opacity: 1; }
    .main-switch__switch {
      display: flex;
      width: 2.3rem;
      height: 1.15rem;
      background: rgba(248, 248, 248, 0.1);
      backdrop-filter: blur(25px);
      border-radius: 1.15rem;
      padding: 0.2rem;
      cursor: pointer; }
      .main-switch__switch input {
        appearance: none;
        display: none; }
        .main-switch__switch input:checked + span {
          margin-left: 1.2rem; }
      .main-switch__switch span {
        width: 0.7rem;
        height: 0.7rem;
        border-radius: 50%;
        background: #fff;
        transition: .6s all;
        flex-shrink: 0; }
  .main__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    overflow: hidden; }
    .main__bg img {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      display: block;
      object-fit: cover;
      animation: scale 40s linear infinite;
      transition: 1s all; }
    .main__bg-night {
      opacity: 0; }
  .main__title {
    margin-bottom: 4.3rem; }
    .main__title img {
      display: block;
      width: 30rem; }
  .main-count {
    position: absolute;
    right: 0;
    top: 7rem;
    z-index: 2;
    font-family: "FoglihtenNo06";
    letter-spacing: .000001em;
    color: #fff; }
    .main-count__video {
      width: 23rem;
      margin-bottom: 1.3rem;
      display: block; }
      .main-count__video video {
        width: 100%;
        display: block; }
    .main-count__title {
      font-size: 1.3rem;
      margin-bottom: 1.2rem;
      white-space: nowrap; }
    .main-count__list {
      display: flex;
      gap: .5rem; }
      .main-count__list li {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 4.5rem;
        width: 5rem;
        border-radius: 1rem;
        background: rgba(31, 26, 144, 0.5);
        backdrop-filter: blur(11px);
        flex-direction: column;
        font-size: 0.7rem; }
        .main-count__list li div {
          font-size: 1.5rem;
          margin-bottom: 0.3rem; }
        .main-count__list li span.plural {
          display: none; }
    .main-count__done {
      padding: .75rem 1rem;
      border-radius: 5rem;
      background: #1F1A90;
      color: #fff;
      font-size: 0.9rem;
      font-weight: 500;
      white-space: nowrap;
      font-family: 'Montserrat', sans-serif;
      display: none;
      margin-right: 4.2rem;
      text-transform: uppercase; }
  .main-mark {
    position: absolute;
    right: 0;
    top: 7rem; }
    .main-mark img {
      width: 6rem;
      display: block;
      margin-right: 5.5rem; }

.about {
  padding: 4.5rem 0;
  position: relative; }
  .about-content {
    max-width: 34rem;
    margin-bottom: 2.5rem; }
  .about__title {
    text-transform: none;
    margin-bottom: 2.2rem; }
  .about__text {
    margin-bottom: 2.7rem; }
  .about__btn {
    color: #00579A;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 16.3rem;
    height: 2.85rem;
    border: 0.1rem solid #00579A;
    border-radius: 2.85rem;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 500; }
    .about__btn svg {
      width: 1.6rem;
      margin-right: 0.65rem; }
    .about__btn:hover {
      background: #00579A;
      color: #fff; }
  .about-info {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem; }
    .about-info__item {
      height: 22.7rem;
      position: relative;
      overflow: hidden;
      width: calc(33.333333% - 1.33333rem);
      border-radius: 1rem;
      opacity: 0;
      transform: translateY(100%);
      transition: .8s all; }
      .about-info__item:nth-child(1), .about-info__item:nth-child(2) {
        width: calc(50% - 1rem); }
        .about-info__item:nth-child(1) .about-info__title, .about-info__item:nth-child(2) .about-info__title {
          text-align: left; }
      .about-info__item:hover .about-info__img img {
        transform: scale(1.1); }
      .about-info__item.show {
        opacity: 1;
        transform: none; }
    .about-info__img {
      width: 100%;
      height: 100%; }
      .about-info__img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        transition: .6s all; }
    .about-info__title {
      font-size: 1.6rem;
      line-height: 100%;
      font-family: "FoglihtenNo06";
      letter-spacing: .000001em;
      text-align: center;
      z-index: 2;
      width: 100%;
      left: 0;
      padding: 0 2.5rem;
      position: absolute;
      bottom: 1.5rem;
      color: #fff; }
  .about-five {
    position: absolute;
    right: 0;
    top: 1.25rem;
    z-index: -1; }
    .about-five svg {
      width: 35rem;
      color: #00579A; }
      .about-five svg path:first-child {
        stroke-dasharray: 5437;
        stroke-dashoffset: 5437;
        transition: 2s all; }
      .about-five svg path:nth-child(2) {
        stroke-dasharray: 3486;
        stroke-dashoffset: 3486;
        transition: 4s all;
        transition-delay: 1.5s; }

.location {
  padding: 4.5rem 0;
  height: 180rem; }
  .location-content {
    text-align: center; }
  .location-wrap {
    position: sticky;
    top: 2rem; }
  .location-map {
    height: 43rem;
    position: relative;
    overflow: hidden; }
    .location-map img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      z-index: 3; }
    .location-map #map {
      width: 100%;
      height: 100%;
      pointer-events: none; }
  .location-info {
    background: #FFFFFF;
    box-shadow: 0px 38.5185px 25.4815px rgba(0, 0, 0, 0.0425185), 0px 20px 13px rgba(0, 0, 0, 0.035), 0px 8.14815px 6.51852px rgba(0, 0, 0, 0.0274815), 0px 1.85185px 3.14815px rgba(0, 0, 0, 0.0168519);
    width: 50rem;
    margin: -4.5rem auto 0;
    position: relative;
    z-index: 4;
    padding: 2rem 5rem;
    display: flex;
    justify-content: space-between;
    border-radius: 0 0 1rem 1rem; }
    .location-info::before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 5.5rem;
      content: '';
      background: url(../img/preloader.svg) center center no-repeat;
      background-size: cover;
      z-index: -1; }
    .location-info__title {
      font-size: 1.2rem;
      display: flex;
      align-items: center;
      margin-bottom: 2.5rem;
      color: #fff;
      font-family: "FoglihtenNo06";
      letter-spacing: .000001em;
      text-transform: uppercase; }
      .location-info__title img {
        width: 2.25rem;
        margin-right: 1.75rem; }
    .location-info__list li {
      margin-bottom: 0.8rem;
      display: flex;
      align-items: center; }
      .location-info__list li:last-child {
        margin-bottom: 0; }
    .location-info__number {
      color: #00579A;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      flex-direction: column;
      font-size: 1.25rem;
      margin-right: 2rem;
      font-family: "FoglihtenNo06";
      letter-spacing: .000001em; }
      .location-info__number span {
        font-size: 0.7rem; }
    .location-info__text {
      font-size: 0.8rem;
      display: list-item; }
  .location-goto {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 2.7rem;
    width: 13.2rem;
    border-radius: 2.7rem;
    background: #00579A;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    top: 34rem; }
    .location-goto img {
      width: 1.2rem;
      margin-right: 1rem; }

.consult {
  padding: 4.5rem 0; }
  .consult-card {
    padding: 5rem 8rem 5rem;
    color: #fff;
    background: url(../img/consult.jpg) center center no-repeat;
    background-size: cover;
    border-radius: 1rem;
    position: relative; }
  .consult__arrow {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    overflow: hidden;
    width: 4rem;
    height: 4rem; }
  .consult__title {
    text-align: center;
    font-weight: 400;
    font-size: 1.6rem;
    font-family: "FoglihtenNo06";
    letter-spacing: .000001em;
    margin-bottom: 1rem;
    animation: pulse 2s infinite; }
  .consult__text {
    font-size: 0.95rem;
    text-align: center;
    margin-bottom: 2.5rem; }
  .consult .iti__country-list {
    color: #000; }
  .consult .form {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .consult .form__input {
      width: 30%;
      margin-right: 7%; }
    .consult .form__btn {
      width: 24%; }
    .consult .form__info {
      text-align: center;
      width: 100%;
      margin-top: 2rem; }

.arc {
  padding: 4.5rem 0 9rem; }
  .arc-content {
    text-align: center;
    margin-bottom: 5rem; }
  .arc-wrap {
    position: relative;
    display: flex; }
  .arc-info {
    width: 8rem;
    margin-right: 5rem;
    flex-shrink: 0; }
    .arc-info__item {
      margin-bottom: 3.2rem;
      text-align: center; }
      .arc-info__item:last-child {
        margin-bottom: 0; }
    .arc-info__ico {
      margin-bottom: 1rem; }
      .arc-info__ico img {
        width: 3rem;
        display: inline-block; }
    .arc-info__name {
      font-size: 0.7rem;
      color: rgba(0, 0, 0, 0.6); }
  .arc__img {
    width: 100%; }
    .arc__img img {
      height: 100%;
      display: block;
      object-fit: cover;
      width: 100%;
      border-radius: 1rem; }
  .arc-desc {
    width: 25rem;
    margin-left: 2rem;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-end;
    flex-direction: column; }
    .arc-desc__title {
      line-height: 128%;
      font-size: 1.95rem;
      color: #00579A;
      text-transform: uppercase;
      font-weight: 400;
      font-family: "FoglihtenNo06";
      letter-spacing: .000001em; }
    .arc-desc__text {
      line-height: 156%; }
      .arc-desc__text p {
        margin-bottom: 1rem; }
        .arc-desc__text p:last-child {
          margin-bottom: 0; }
  .arc-balls img {
    position: absolute;
    display: block; }
  .arc-balls #ball1 {
    bottom: 0rem;
    left: 12%;
    width: 10rem; }
  .arc-balls #ball2 {
    top: 35%;
    width: 11.5rem;
    right: 25%; }

.infra {
  padding: 5rem 0 2rem;
  background: #00579A url(../img/infra/pattern.svg) center center no-repeat;
  background-size: cover;
  position: relative;
  display: flex; }
  .infra__title {
    position: sticky;
    top: 15rem;
    margin-top: 5rem;
    align-self: flex-start;
    left: 0;
    width: 30vw;
    z-index: 0; }
    .infra__title img {
      width: 30vw;
      display: block;
      max-width: none; }
  .infra-col {
    position: relative;
    z-index: 1;
    margin-right: 3.35rem;
    transition: .05s all; }
    .infra-col:nth-child(2) {
      padding-top: 4rem; }
    .infra-col:nth-child(3) {
      padding-top: 14.5rem;
      margin-right: 0; }
  .infra-item {
    position: relative;
    width: 25.75rem;
    height: 25.75rem;
    margin-bottom: 3.3rem;
    overflow: hidden;
    color: #fff;
    border-radius: 1rem; }
    .infra-item::after {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), linear-gradient(360deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0) 44.38%);
      content: '';
      left: -25%;
      top: -25%;
      width: 150%;
      height: 150%;
      position: absolute;
      border-radius: 50%;
      transform: scale(0);
      transition: .6s all; }
    .infra-item::before {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(360deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0) 44.38%);
      content: '';
      z-index: 1; }
    .infra-item.show::after {
      transform: none; }
    .infra-item.show .infra-item__text {
      opacity: 1;
      transform: none; }
    .infra-item.show .infra-item__plus {
      opacity: 0; }
    .infra-item__img {
      height: 130%;
      width: 100%;
      margin-top: -15%; }
      .infra-item__img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover; }
    .infra-item__name {
      font-size: 1.5rem;
      position: absolute;
      bottom: 2.5rem;
      left: 2.5rem;
      max-width: 21rem;
      z-index: 2;
      font-family: "FoglihtenNo06";
      letter-spacing: .000001em; }
    .infra-item__plus {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 2.75rem;
      height: 2.75rem;
      border-radius: 50%;
      background: #00579A;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: .6s all;
      z-index: 3; }
      .infra-item__plus img {
        width: 0.55rem; }
    .infra-item__text {
      top: 0;
      left: 0;
      padding: 2.5rem;
      position: absolute;
      font-size: 0.9rem;
      line-height: 181%;
      z-index: 3;
      transform: translateY(2rem);
      opacity: 0;
      transition: .6s all; }
      .infra-item__text p {
        margin-bottom: 1.2rem; }

.plans {
  padding: 8rem 0; }
  .plans-content {
    text-align: center; }
  .plans__title {
    margin-bottom: 3rem;
    text-transform: none; }
  .plans-choose {
    display: flex;
    margin-bottom: 8rem;
    border-radius: 1rem;
    overflow: hidden; }
    .plans-choose__item {
      width: 50%;
      height: 24.5rem;
      background: #00579A;
      position: relative;
      color: #fff;
      padding: 3rem;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      z-index: 1;
      overflow: hidden; }
      .plans-choose__item:first-child::before {
        content: '';
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: url(../img/plans-pattern.png) center center no-repeat;
        background-size: cover;
        position: absolute; }
      .plans-choose__item:first-child .plans-choose__img img {
        object-position: right; }
      .plans-choose__item::after {
        background: #1f69ac;
        content: '';
        left: -20%;
        top: -60%;
        width: 140%;
        height: 220%;
        position: absolute;
        border-radius: 50%;
        z-index: -2;
        transition: .4s all;
        transform: scale(0); }
      .plans-choose__item:hover::after {
        transform: none; }
      .plans-choose__item:hover .plans-choose__ico {
        background: #00579A; }
    .plans-choose #params {
      align-items: flex-end;
      text-align: right; }
    .plans-choose__img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: -1; }
      .plans-choose__img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover; }
    .plans-choose__ico {
      width: 2.75rem;
      height: 2.75rem;
      border-radius: 50%;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      background: #1f69ac;
      transition: .4s all; }
      .plans-choose__ico img {
        width: 1.25rem; }
  .plans-head {
    display: flex;
    justify-content: center;
    margin-bottom: 5rem; }
    .plans-head li {
      margin-right: 0.75rem;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      transition: .6s all;
      padding: 0.6rem .9rem;
      border: .1rem solid transparent;
      cursor: pointer;
      font-size: 0.7rem;
      border-radius: 4rem;
      text-transform: uppercase; }
      .plans-head li.current {
        border-color: #00579A; }
      .plans-head li:last-child {
        margin-right: 0; }
  .plans-carousel {
    margin-bottom: 3.5rem; }
    .plans-carousel::before, .plans-carousel::after {
      position: absolute;
      top: 0;
      width: 1px;
      height: 100%;
      background: #fff;
      z-index: 3;
      content: ''; }
    .plans-carousel::before {
      left: 0; }
    .plans-carousel::after {
      right: 0; }
  .plans-item {
    padding: 0 1.5rem;
    position: relative; }
    .plans-item::after {
      position: absolute;
      right: 0;
      top: 0;
      width: 1px;
      height: 100%;
      background: linear-gradient(180deg, rgba(0, 87, 154, 0) 0%, rgba(0, 87, 154, 0.378882) 22.19%, #00579A 50.31%, rgba(0, 87, 154, 0.549266) 80.52%, rgba(0, 87, 154, 0) 100%);
      content: ''; }
    .plans-item__zoom {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 2.75rem;
      height: 2.75rem;
      background: #00579A;
      transition: .6s all;
      border-radius: 50%;
      cursor: pointer;
      top: 7.125rem; }
      .plans-item__zoom img {
        width: 1rem !important; }
      .plans-item__zoom:hover {
        background: #1f69ac; }
    .plans-item__img {
      height: 17rem;
      margin-bottom: 1.2rem; }
      .plans-item__img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain; }
    .plans-item__wrap {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .plans-item__info {
      font-size: 0.8rem; }
      .plans-item__info span {
        font-weight: 500;
        color: #000; }
  .plans-arrows {
    display: flex;
    justify-content: center; }
    .plans-arrows span {
      cursor: pointer;
      display: inline-flex;
      position: relative;
      user-select: none; }
      .plans-arrows span::before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 2rem;
        height: 2rem;
        border: 1px solid transparent;
        border-radius: 50%;
        content: '';
        transition: .6s all; }
      .plans-arrows span:hover::before {
        border-color: #00579A; }
      .plans-arrows span img {
        display: block;
        width: 4.7rem; }
    .plans-arrows .arrow-left {
      margin-right: 0.9rem; }
      .plans-arrows .arrow-left::before {
        left: -.6rem; }
      .plans-arrows .arrow-left::after {
        width: 0.25rem;
        height: 0.25rem;
        border-radius: 50%;
        background: #00579A;
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -0.55rem; }
    .plans-arrows .arrow-right::before {
      right: -.6rem; }
  .plans-tab {
    display: none; }
    .plans-tab:first-child {
      display: block; }

.more {
  padding-bottom: 8rem; }
  .more .container {
    padding-left: 0;
    display: flex; }
  .more .section-title {
    animation: pulse 2s infinite;
    position: relative; }
  .more__img {
    width: 50%; }
    .more__img img {
      width: 100%;
      display: block;
      border-radius: 0 1rem 1rem 0; }
  .more-content {
    width: calc(50% - 3.5rem);
    margin-left: 3.5rem;
    padding-top: 5rem;
    position: relative;
    overflow: hidden; }
  .more-arrow {
    position: absolute;
    left: calc(32vw - 100px);
    transform: scaleX(-1);
    top: -65px;
    width: 20rem;
    height: 20rem;
    display: flex;
    justify-content: center; }
    .more-arrow__wrap {
      transform: scale(0.5);
      display: flex;
      justify-content: center; }
  .more svg.animation-svg {
    fill: #00579A;
    width: 500px;
    height: 300px;
    display: block; }
  .more circle:nth-child(1) {
    animation: 2s infinite growShrink 0.125s; }
  .more circle:nth-child(2) {
    animation: 2s infinite growShrink 0.25s; }
  .more circle:nth-child(3) {
    animation: 2s infinite growShrink 0.375s; }
  .more circle:nth-child(4) {
    animation: 2s infinite growShrink 0.5s; }
  .more circle:nth-child(5) {
    animation: 2s infinite growShrink 0.625s; }
  .more circle:nth-child(6) {
    animation: 2s infinite growShrink 0.75s; }
  .more circle:nth-child(7) {
    animation: 2s infinite growShrink 0.875s; }
  .more circle:nth-child(8) {
    animation: 2s infinite growShrink 1s; }
  .more circle:nth-child(9) {
    animation: 2s infinite growShrink 1.125s; }
  .more circle:nth-child(10) {
    animation: 2s infinite growShrink 1.25s; }
  .more .form {
    max-width: 28rem; }
    .more .form__input {
      margin-bottom: 3rem; }
    .more .form input {
      color: #BABABA;
      border-color: #D9D9D9; }
      .more .form input::placeholder {
        color: #D9D9D9; }
    .more .form__btn {
      color: #00579A;
      float: right;
      margin-top: 2rem; }

.genplan {
  position: relative;
  z-index: 1; }
  .genplan::before {
    background: linear-gradient(0, #000000 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    left: 0;
    height: 12rem;
    width: 100%;
    content: '';
    z-index: 1;
    position: absolute;
    pointer-events: none; }
  .genplan-wrap {
    height: 100%; }
  .genplan-main {
    position: relative;
    width: 100%;
    height: 100%; }
    .genplan-main img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .genplan-main svg {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
      .genplan-main svg path {
        opacity: 0;
        transition: .1s all;
        animation: svgPulse 2s infinite linear;
        fill: #00579A; }
        .genplan-main svg path:hover {
          opacity: 1;
          fill: #00579A;
          animation: none; }
  .genplan-info {
    position: fixed;
    z-index: 4;
    top: 0;
    left: 0;
    width: 5.5rem;
    height: 6rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: .9rem;
    color: #00579A;
    background: #fff;
    transform: translate(-50%, -100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    box-shadow: 0px 3px 15px rgba(255, 255, 255, 0.9);
    border-radius: .75rem;
    padding: 0.9rem; }
    .genplan-info__svg {
      margin-bottom: 0.5rem; }
      .genplan-info__svg svg {
        height: 2.5rem;
        display: none; }
        .genplan-info__svg svg path {
          stroke-dasharray: 220;
          stroke-dashoffset: 220;
          fill: transparent; }
        .genplan-info__svg svg.active {
          display: inline-block; }
          .genplan-info__svg svg.active path {
            animation: strokeLines 2s forwards, fillBlue .5s forwards 1.25s; }

.house {
  overflow: hidden;
  z-index: 1;
  position: relative;
  color: #fff; }
  .house::after {
    background: linear-gradient(0, #000000 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    left: 0;
    height: 12rem;
    width: 100%;
    content: '';
    z-index: 1;
    position: absolute;
    pointer-events: none; }
  .house .flat__back {
    z-index: 2;
    background: #00579A;
    border-radius: 2rem; }
  .house-info {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 7.3rem;
    font-size: .7rem;
    color: #fff;
    background: #00579A url(../img/preloader.svg) center center no-repeat;
    background-size: cover;
    transform: translate(1rem, -50%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border-radius: .75rem;
    padding: 1rem; }
    .house-info__item {
      margin-bottom: 1.4rem; }
      .house-info__item span {
        font-size: 2.4rem;
        display: block;
        font-family: "FoglihtenNo06";
        letter-spacing: .000001em; }
      .house-info__item:last-child {
        margin-bottom: 0; }
  .house-show {
    display: none; }
  .house-flat {
    display: none; }
  .house-main {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 100%; }
    .house-main .container {
      height: 100%; }
  .house__floor {
    width: 13rem;
    position: relative; }
  .house-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    transition: .6s all;
    height: 100%; }
    .house-img__main {
      position: absolute;
      left: 0%;
      top: 0%;
      width: 100%;
      height: 100%;
      user-select: none;
      z-index: 5; }
      .house-img__main img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: .6s all; }
        .house-img__main img.blur {
          filter: blur(20px); }
      .house-img__main svg {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0; }
        .house-img__main svg path {
          cursor: pointer; }
  .house-light {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; }
    .house-light img {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: none; }
  .house-genplan {
    position: absolute;
    right: 0;
    bottom: 8rem;
    background: rgba(132, 132, 132, 0.16);
    backdrop-filter: blur(16.5px);
    border-radius: 1rem 0 0 1rem;
    color: #fff;
    z-index: 2;
    padding: 0.75rem;
    font-family: "FoglihtenNo06";
    letter-spacing: .000001em;
    font-size: 0.85rem;
    text-transform: uppercase;
    transition: .6s all; }
    .house-genplan.hide {
      opacity: 0; }
    .house-genplan__title {
      margin-bottom: 0.75rem;
      text-align: center; }
    .house-genplan__main {
      position: relative; }
      .house-genplan__main img {
        display: block;
        width: 11rem; }
      .house-genplan__main span {
        position: absolute;
        left: 3rem;
        top: 3rem;
        transform: rotate(28.2deg); }
      .house-genplan__main svg {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0; }
        .house-genplan__main svg path {
          opacity: 0; }
          .house-genplan__main svg path:hover {
            opacity: 1; }
      .house-genplan__main a.current path {
        opacity: 1; }

.floor {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3; }
  .floor .container {
    display: flex;
    flex-direction: column;
    justify-content: center; }
  .floor::before {
    background: url(../img/rect.svg) bottom right no-repeat;
    background-size: cover;
    left: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    width: 150%;
    height: 150%;
    content: '';
    transition: .8s all; }
  .floor-hide {
    pointer-events: none; }
    .floor-hide::before {
      transform: translate(-80%, -80%);
      transform-origin: top left;
      transition: .6s all;
      transition-delay: 1s; }
    .floor-hide .floor-info, .floor-hide .floor-advice, .floor-hide .floor-number, .floor-hide .floor-compass {
      opacity: 0;
      visibility: hidden;
      transition: .4s all;
      transition-delay: 0; }
    .floor-hide .floor__close {
      opacity: 0;
      visibility: hidden; }
    .floor-hide .floor-main {
      opacity: 0;
      visibility: hidden; }
      .floor-hide .floor-main svg {
        pointer-events: none; }
      .floor-hide .floor-main__icons {
        opacity: 0;
        visibility: hidden; }
  .floor__close {
    width: 3rem;
    height: 3rem;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 6;
    transition: .5s all; }
    .floor__close::after {
      position: absolute;
      right: 0;
      top: 0;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 5rem 5rem 0;
      border-color: transparent #fff transparent transparent;
      z-index: -1; }
    .floor__close svg {
      width: 1.05rem; }
  .floor-info {
    transition: .5s all;
    transition-delay: 1s;
    margin-bottom: 5vh; }
  .floor-compass {
    position: absolute;
    top: 4.5rem;
    right: 9rem;
    transition: .5s all;
    transition-delay: 1s; }
    .floor-compass img {
      display: inline-block;
      width: 4rem; }
  .floor-number {
    position: absolute;
    bottom: 7.5rem;
    right: 7.5rem;
    display: flex;
    align-items: flex-start;
    transition: .5s all;
    transition-delay: 1s; }
    .floor-number__main {
      width: 7rem;
      height: 7rem;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      position: relative;
      font-family: "FoglihtenNo06";
      letter-spacing: .000001em; }
      .floor-number__main::after {
        position: absolute;
        display: block;
        width: 7rem;
        height: 7rem;
        transform: rotate(45deg);
        content: '';
        background: #fff;
        z-index: -1; }
    .floor-number__top, .floor-number__bot {
      display: flex;
      align-items: center;
      color: #99bcd7; }
    .floor-number .arrow-top, .floor-number .arrow-bot {
      cursor: pointer;
      width: 0.9rem;
      user-select: none; }
    .floor-number__current {
      margin: 0 0.7rem;
      font-size: 2.6rem;
      color: #00579A; }
    .floor-number .prev-floor {
      margin-left: -1rem; }
    .floor-number .next-floor {
      margin-left: 1.5rem; }
    .floor-number .prev-floor, .floor-number .next-floor {
      position: absolute; }
    .floor-number__text {
      color: #fff;
      font-size: 0.85rem; }
  .floor-advice {
    transition: .5s all;
    transition-delay: 1s; }
    .floor-advice__item {
      margin-bottom: 0.75rem;
      display: flex;
      align-items: center;
      font-size: 0.8rem; }
      .floor-advice__item img {
        width: 2.3rem;
        margin-right: 0.9rem; }
  .floor-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: .75rem;
    height: 80vh;
    width: 50vw;
    transition: .6s all ease-in-out;
    transition-delay: .5s;
    margin-top: -2rem;
    padding: 4rem; }
    .floor-main img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: contain; }
    .floor-main svg {
      width: calc(100% - 8rem);
      height: calc(100% - 8rem);
      position: absolute;
      left: 4rem;
      top: 4rem; }
      .floor-main svg path {
        opacity: 0;
        transition: .1s all; }
        .floor-main svg path:hover {
          opacity: 1;
          animation: none; }
    .floor-main a {
      position: relative; }
      .floor-main a::after {
        position: absolute;
        content: '';
        width: 2rem;
        height: 2rem;
        background: #00579A;
        left: 0;
        top: 0; }
      .floor-main a.sold path, .floor-main a.reserved path {
        fill: #FFD4CF; }
    .floor-main__icons {
      transition: .6s all ease-in-out;
      transition-delay: .5s; }
      .floor-main__icons span {
        position: absolute;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 3.5rem;
        height: 3.5rem;
        pointer-events: none;
        background: url(../img/flat/search.svg) center center;
        background-size: contain; }
        .floor-main__icons span.sold {
          background: url(../img/flat/lock-blue.svg) center center;
          background-size: contain; }
        .floor-main__icons span.reserved {
          background: url(../img/flat/wait-blue.svg) center center;
          background-size: contain; }
    .floor-main__flat {
      padding: 1rem;
      width: 11rem;
      height: 8.5rem;
      transform: translate(0%, -50%);
      left: calc(100% - 13.5rem);
      transition: .6s all;
      transition-delay: 0; }
      .floor-main__flat svg {
        display: none; }
  .floor-item {
    display: none; }

.flat {
  position: relative;
  color: #fff;
  font-weight: 400;
  height: 100vh;
  overflow: hidden; }
  .flat::after {
    background: linear-gradient(0, #000000 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    left: 0;
    height: 12rem;
    width: 100%;
    content: '';
    z-index: 1;
    position: absolute;
    pointer-events: none; }
  .flat::before {
    background: url(../img/rect.svg) bottom right no-repeat;
    background-size: cover;
    left: 0;
    z-index: 2;
    position: absolute;
    top: 0;
    width: 150%;
    height: 150%;
    content: '';
    transition: .8s all;
    transform-origin: top left; }
  .flat-genplan {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
    .flat-genplan img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      filter: blur(20px); }
  .flat .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%; }
  .flat-left, .flat-right {
    width: 12.5rem;
    flex-shrink: 0;
    position: relative;
    z-index: 4; }
  .flat__back {
    margin-bottom: 5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 0.6rem;
    height: 2rem;
    width: 6.5rem;
    position: absolute;
    left: 2.2rem;
    top: 5.5rem; }
    .flat__back svg {
      width: 1.6rem;
      margin-right: 0.6rem; }
    .flat__back span {
      font-size: 0.7rem;
      text-transform: none; }
  .flat-info {
    margin-bottom: 4rem; }
    .flat-info__item {
      margin-bottom: 1.7rem;
      padding-bottom: 1rem;
      position: relative;
      width: 11rem; }
      .flat-info__item::after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        bottom: 0;
        content: '';
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 51.68%, rgba(255, 255, 255, 0) 100.22%); }
      .flat-info__item:last-child {
        margin-bottom: 0; }
    .flat-info__number {
      letter-spacing: 0.05em;
      font-size: 1.75rem;
      line-height: 100%;
      margin-bottom: 1.1rem;
      font-family: "FoglihtenNo06";
      letter-spacing: .000001em; }
      .flat-info__number small {
        font-size: 1.05rem; }
    .flat-info__name {
      font-size: 1rem;
      line-height: 100%; }
  .flat .floor-compass {
    z-index: 4; }
  .flat__btn {
    width: 100%;
    height: 3rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: 1px solid #fff;
    font-size: 0.85rem;
    background: #00579A;
    transition: .6s all;
    border-radius: .75rem;
    margin-bottom: .8rem; }
    .flat__btn svg {
      width: 1.2rem;
      margin-right: 0.6rem; }
    .flat__btn:hover {
      background: #fff;
      color: #00579A; }
    .flat__btn-white {
      margin-bottom: 0.75rem;
      background: #fff;
      color: #00579A; }
      .flat__btn-white:hover {
        background: #00579A;
        color: #fff; }
    .flat__btn.liked svg path {
      fill: #fff; }
  .flat-main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4; }
  .flat__img {
    height: 70vh;
    width: 40vw;
    padding: 3rem 5rem;
    background: #fff;
    border-radius: .75rem;
    margin-top: -5rem;
    transition: .7s all;
    opacity: 0;
    transform: translateY(10%);
    cursor: pointer; }
    .flat__img img {
      height: 100%;
      width: 100%;
      display: inline-block;
      object-fit: contain; }
  .flat-numbers {
    display: flex;
    justify-content: center; }
    .flat-numbers li {
      margin-right: 2.2rem;
      font-size: 1.1rem;
      position: relative;
      display: flex;
      align-items: center; }
      .flat-numbers li::after {
        position: absolute;
        content: '';
        width: 0.35rem;
        height: 0.35rem;
        background: #fff;
        right: -1.1rem;
        transform: rotate(45deg); }
      .flat-numbers li:last-child {
        margin-right: 0; }
        .flat-numbers li:last-child::after {
          content: none; }
  .flat-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end; }
  .flat-diamonds {
    display: flex;
    flex-direction: column; }
  .flat__diamond {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    font-size: 0.85rem;
    width: 7rem;
    height: 7rem;
    z-index: 0; }
    .flat__diamond span {
      font-size: 1.65rem;
      line-height: 100%;
      letter-spacing: .000001em;
      font-family: "FoglihtenNo06"; }
    .flat__diamond::after {
      position: absolute;
      display: block;
      width: 5rem;
      height: 5rem;
      transform: rotate(45deg);
      content: '';
      background: #00579A;
      border: 1px solid #fff;
      z-index: -1; }
    .flat__diamond-white {
      color: #00579A;
      margin-top: 1rem; }
      .flat__diamond-white::after {
        background: #fff; }
  .flat-floor {
    left: calc(100% - 13.5rem);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
    margin-top: -2rem; }
    .flat-floor__title {
      color: #fff;
      height: 2rem;
      font-size: 0.85rem; }
    .flat-floor__number {
      position: absolute;
      right: 15rem;
      bottom: 9rem;
      z-index: 4;
      font-size: 0.85rem; }
      .flat-floor__number span {
        font-family: "FoglihtenNo06";
        letter-spacing: .000001em;
        font-size: 2.6rem; }
    .flat-floor .floor-main {
      padding: 1rem;
      width: 11rem;
      height: 8.5rem;
      transform: none;
      position: relative;
      margin-top: 0;
      left: 0;
      top: 0;
      transition: none; }
      .flat-floor .floor-main svg {
        left: 1rem;
        top: 1rem;
        width: calc(100% - 2rem);
        height: calc(100% - 2rem); }
        .flat-floor .floor-main svg path.current {
          opacity: 1; }
  .flat-zoom {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 87, 154, 0.7);
    z-index: 8;
    display: none; }
    .flat-zoom__close {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 2rem;
      left: calc(90vw + 1rem);
      cursor: pointer; }
      .flat-zoom__close svg {
        width: 1.6rem; }
    .flat-zoom__img {
      width: 80vw;
      height: 90vh;
      background: #fff;
      border-radius: 2rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 2.5rem; }
      .flat-zoom__img img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain; }

.params {
  margin-bottom: 3rem; }
  .params-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
  .params-filter {
    width: 27%;
    padding-top: 2rem;
    position: sticky;
    top: 2rem; }
    .params-filter__item {
      margin-bottom: 2.2rem;
      color: #00579A; }
    .params-filter__range .irs {
      font-size: 0.6rem; }
    .params-filter__range .irs-line {
      background: #A8CDEA; }
    .params-filter__range .irs--flat {
      height: 2rem; }
    .params-filter__range .irs--flat .irs-line {
      height: .15rem;
      top: 1.25rem; }
    .params-filter__range .irs--flat .irs-handle {
      height: auto;
      display: none; }
    .params-filter__range .irs--flat .irs-max, .params-filter__range .irs--flat .irs-min {
      display: none; }
    .params-filter__range .irs--flat .irs-bar {
      background: #00579A;
      height: .15rem;
      top: 1.25rem; }
    .params-filter__range .irs--flat .irs-from, .params-filter__range .irs--flat .irs-to {
      background: #00579A;
      font-size: 0;
      border-radius: 50%;
      width: .8rem;
      height: .8rem;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: .9rem;
      z-index: 2; }
      .params-filter__range .irs--flat .irs-from::before, .params-filter__range .irs--flat .irs-to::before {
        display: none; }
    .params-filter__range .irs--flat .irs-single {
      display: none; }
    .params-filter__head {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .params-filter__title {
      font-size: 1rem; }
    .params-filter__result {
      font-size: 1.05rem;
      font-family: "FoglihtenNo06";
      letter-spacing: .000001em;
      font-weight: 700; }
    .params-filter__choose {
      display: flex;
      margin-top: 0.5rem; }
      .params-filter__choose label {
        display: flex;
        margin-right: 0.6rem;
        cursor: pointer; }
        .params-filter__choose label:last-child {
          margin-right: 0; }
        .params-filter__choose label input {
          display: none; }
          .params-filter__choose label input:checked + span {
            color: #00579A;
            border-color: #00579A; }
        .params-filter__choose label span {
          display: inline-flex;
          justify-content: center;
          align-items: center;
          color: #A8CDEA;
          font-size: 1.05rem;
          font-weight: 700;
          font-family: "FoglihtenNo06";
          letter-spacing: .000001em;
          width: 2.15rem;
          height: 2.15rem;
          border: 1px solid #A8CDEA;
          border-radius: 50%; }
    .params-filter__btns {
      display: flex;
      gap: .5rem; }
      .params-filter__btns button {
        width: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 3rem;
        border-radius: .75rem;
        border: 1px solid #00579A;
        background: #00579A;
        color: #fff;
        font-size: 0.85rem;
        transition: .6s all; }
        .params-filter__btns button:hover {
          background: #fff;
          color: #00579A; }
        .params-filter__btns button:nth-child(2) {
          background: #fff;
          color: #00579A; }
          .params-filter__btns button:nth-child(2):hover {
            background: #00579A;
            color: #fff; }
  .params-main {
    width: 69%; }
  .params-head {
    display: flex;
    padding: 2.2rem 0;
    background: #fff;
    position: sticky;
    top: 0;
    z-index: 2; }
    .params-head div {
      text-align: center;
      color: #666;
      font-size: 1rem;
      width: 15%; }
      .params-head div:first-child, .params-head div:last-child {
        width: 20%; }
  .params-list__item {
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    display: flex;
    text-align: center;
    align-items: center; }
    .params-list__item:hover .params-list__img::after {
      content: ''; }
    .params-list__item::after {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 1px;
      content: '';
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #00579A 51.68%, rgba(255, 255, 255, 0) 100.22%); }
    .params-list__item:last-child::after {
      content: none; }
  .params-list__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
  .params-list__col {
    width: 15%;
    font-size: 1.75rem;
    font-weight: 700;
    font-family: "FoglihtenNo06";
    letter-spacing: .000001em;
    color: #00579A; }
  .params-list__square {
    width: 20%; }
  .params-list__img {
    width: 20%;
    position: relative; }
    .params-list__img::after {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 3rem;
      height: 3rem;
      background: url(../img/flat/search.svg) center center no-repeat;
      background-size: contain;
      content: none; }
    .params-list__img img {
      max-height: 11rem;
      margin: 0 auto;
      object-fit: contain;
      display: block; }

.fav .params-main {
  width: 100%; }
.fav .params-head div {
  width: 13.7%; }
  .fav .params-head div:first-child {
    width: 15.75%; }
  .fav .params-head div:nth-last-child(1) {
    width: 15.75%; }
.fav .params-list__col {
  width: 13.7%; }
  .fav .params-list__col button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: transparent;
    border: none;
    position: relative;
    z-index: 4; }
  .fav .params-list__col svg {
    width: 1.65rem; }
.fav .params-list__img, .fav .params-list__square {
  width: 15.75%; }

.footer {
  display: flex;
  position: relative; }
  .footer .container {
    padding-right: 2.5rem;
    position: relative; }
  .footer-info {
    padding: 3.5rem 0 2.5rem;
    color: #fff;
    background: #00579A url(../img/preloader.svg) center center no-repeat;
    background-size: cover;
    width: 58%; }
  .footer-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.4rem; }
  .footer__logo {
    width: 12.5rem;
    display: block; }
    .footer__logo img {
      width: 100%;
      display: block; }
  .footer__pdf {
    padding: 0.9rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #00579A;
    font-size: 0.7rem;
    text-transform: uppercase;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 5rem;
    font-weight: 500; }
    .footer__pdf:hover {
      background: #00579A;
      color: #fff; }
    .footer__pdf svg {
      width: 2rem;
      margin-right: 0.75rem; }
  .footer-item {
    margin-bottom: 1.25rem;
    letter-spacing: 0.06em; }
    .footer-item__title {
      color: rgba(255, 255, 255, 0.45);
      margin-bottom: 1.25rem;
      font-size: 1rem;
      line-height: 100%; }
    .footer-item__tel {
      color: #fff;
      font-size: 2rem;
      line-height: 100%; }
    .footer-item__address {
      font-size: 1.2rem;
      line-height: 136%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1.5rem; }
      .footer-item__address p {
        max-width: 34rem; }
      .footer-item__address a {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        background: #fff;
        color: #00579A;
        border: 1px solid #fff;
        font-size: 0.8rem;
        height: 2.7rem;
        width: 11rem;
        border-radius: 2.7rem;
        gap: .8rem;
        flex-shrink: 0;
        letter-spacing: normal; }
        .footer-item__address a svg {
          width: 0.8rem; }
        .footer-item__address a:hover {
          background: #00579A;
          color: #fff; }
  .footer-social {
    display: flex;
    margin-bottom: 3rem; }
    .footer-social li {
      margin-right: 1rem; }
      .footer-social li:last-child {
        margin-right: 0; }
      .footer-social li a svg {
        width: 2.4rem;
        color: #00579A; }
        .footer-social li a svg:hover {
          color: #1f69ac; }
  .footer-copy {
    display: flex;
    justify-content: space-between;
    align-items: center;
    letter-spacing: 0.06em;
    color: rgba(255, 255, 255, 0.45);
    font-size: 0.8rem; }
    .footer-copy a {
      color: rgba(255, 255, 255, 0.45); }
      .footer-copy a:hover {
        color: #fff; }
  .footer-map {
    width: 42%; }
    .footer-map #footer-map {
      width: 100%;
      height: 100%; }
  .footer-top {
    position: absolute;
    bottom: 2.5rem;
    right: 2.5rem;
    z-index: 3;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 0.7rem; }
    .footer-top svg {
      width: 2rem;
      margin-left: 0.75rem; }

@media (max-width: 2800.98px) {
  :root {
    font-size: 26px; } }
@media (max-width: 2600.98px) {
  :root {
    font-size: 24px; } }
@media (max-width: 2300.98px) {
  :root {
    font-size: 22px; } }
@media (max-width: 2100.98px) {
  :root {
    font-size: 20px; } }
@media (max-width: 1800.98px) {
  :root {
    font-size: 19px; }

  .container {
    padding: 0 8.5rem; }

  .fixed-btns {
    right: 1rem; } }
@media (max-width: 1700.98px) {
  :root {
    font-size: 18px; }

  .more-arrow {
    left: calc(32vw - 50px);
    top: -70px; } }
@media (max-width: 1600.98px) {
  :root {
    font-size: 17px; }

  .container {
    padding: 0 7.5rem; }

  .footer-top {
    right: 7.5rem; } }
@media (max-width: 1500.98px) {
  :root {
    font-size: 16px; }

  .container {
    padding: 0 7rem; }

  .footer-top {
    right: 7rem; } }
@media (max-width: 1400.98px) {
  :root {
    font-size: 15px; }

  .container {
    padding: 0 6rem; }

  .footer-top {
    right: 6rem; } }
@media (max-width: 1300.98px) {
  :root {
    font-size: 14px; }

  .container {
    padding: 0 5rem; }

  .footer-top {
    right: 5rem; } }
@media (max-width: 1200.98px) {
  :root {
    font-size: 13px; }

  .container {
    padding: 0 4rem; }

  .footer-top {
    right: 3rem; } }
@media (max-width: 1100.98px) {
  :root {
    font-size: 12px; }

  .container {
    padding: 0 3rem; }

  .footer-top {
    right: 3rem; } }
@media (max-width: 1000.98px) {
  :root {
    font-size: 11px; } }
@media (max-width: 900.98px) {
  :root {
    font-size: 10px; } }
@media (max-width: 767.98px), (max-width: 1080px) and (orientation: portrait) {
  :root {
    font-size: 16px; }

  .fixed-btns {
    bottom: 5rem; }

  .menu-content {
    width: 100%; }
  .menu-wrap {
    left: 5.5rem; }
  .menu__close {
    left: auto;
    right: 5rem; }
  .menu .header-lang {
    display: block; }
  .menu .header__like {
    display: block; }

  .zoom-image__img {
    padding: 2.5rem; }
  .zoom-image__content {
    width: 95vw; }
  .zoom-image__close {
    top: 1.5rem;
    right: 1.5rem; }
  .zoom-image__wrap {
    padding: 4.5rem 1.5rem; }

  .header__plaza {
    width: 14rem; }
  .header-teaser .header-lang {
    display: block;
    margin-right: 0.5rem; }
  .header-teaser > a {
    font-size: 1.8rem; }
  .header__contact, .header-lang, .header-choose, .header__like {
    display: none; }
  .header-bot .header-choose {
    display: none; }
  .header__tel-desk {
    display: none; }
  .header__tel-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    height: 2rem;
    width: 2rem;
    border: 1px solid #fff;
    border-radius: 50%; }
    .header__tel-mobile svg {
      width: 1.25rem; }
  .header-scrolled .header__tel-mobile {
    border-color: #00579A; }

  .teaser-date {
    top: 13vh;
    margin-top: 0; }
  .teaser-wrap {
    padding-top: 10vh; }

  .main {
    height: 70vh; }
    .main-switch {
      left: 50%;
      transform: translateX(-50%);
      top: 8.5rem;
      z-index: 2; }
    .main__title img {
      width: 70vw; }
    .main-count__title {
      font-size: 1.1rem;
      margin-bottom: 0.5rem; }
    .main-count__list {
      display: flex;
      gap: .75rem; }
      .main-count__list li {
        height: 4rem;
        width: 5rem;
        border-radius: .7rem;
        font-size: 0.7rem; }
        .main-count__list li div {
          font-size: 1.4rem; }
    .main-count__done {
      margin-right: 2rem; }
    .main-mark img {
      margin-right: 0; }

  .about {
    padding-bottom: 2rem; }
    .about-info__item {
      width: calc(50% - 1rem);
      height: 21rem; }
      .about-info__item:first-child {
        width: 100%; }
      .about-info__item:nth-child(2) .about-info__title {
        text-align: center; }
    .about-info__title {
      padding: 0 1.5rem; }
    .about-five svg {
      width: 17.5rem;
      height: 25rem; }

  .location {
    padding-bottom: 1.5rem;
    height: auto; }
    .location-goto {
      top: 26rem; }
    .location-map {
      height: 35rem; }
      .location-map img {
        display: none; }
      .location-map #map {
        pointer-events: auto; }
      .location-map .ymaps-2-1-79-events-pane {
        pointer-events: none; }
    .location-wrap {
      top: 7rem; }
    .location-info {
      width: 90vw;
      padding: 2rem; }

  .consult {
    padding-bottom: 2rem; }
    .consult-card {
      padding: 5rem 4rem 4rem; }

  .arc-content {
    margin-bottom: 3rem; }
  .arc-wrap {
    flex-wrap: wrap; }
  .arc-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-right: 0; }
  .arc__img {
    width: 47%; }
  .arc-desc {
    width: 47%;
    margin-left: 6%; }
  .arc-balls #ball1 {
    width: 6rem;
    left: 2rem; }
  .arc-balls #ball2 {
    width: 8rem;
    right: 0rem;
    top: 13rem; }

  .infra {
    padding: 4rem 3rem 2rem;
    flex-wrap: wrap; }
    .infra-col {
      margin-right: 1.5rem; }
    .infra__title {
      top: 2rem;
      width: 100%;
      margin-top: 2rem; }
    .infra-item {
      margin-bottom: 1.5rem;
      width: calc(50vw - 3.75rem);
      height: calc(50vw - 3.75rem); }
      .infra-item__text {
        padding: 1.2rem; }
      .infra-item__name {
        bottom: 1.2rem;
        left: 1.2rem; }

  .plans {
    padding: 5rem 0; }
    .plans-choose {
      margin-bottom: 4rem; }
      .plans-choose__item {
        padding: 2rem;
        height: 20rem; }
        .plans-choose__item:first-child .plans-choose__img img {
          object-fit: contain;
          object-position: bottom right; }
    .plans-head {
      flex-wrap: wrap;
      margin-bottom: 3rem; }
      .plans-head li {
        margin: 0 .5rem .5rem; }
        .plans-head li:last-child {
          margin-right: 0.5rem; }

  .more .container {
    display: block;
    padding-left: 3rem; }
  .more-arrow {
    left: auto;
    right: -50px;
    top: -150px; }
  .more__img {
    width: 100%;
    margin-bottom: 2rem; }
  .more-content {
    padding-top: 0;
    margin-left: 0;
    width: 100%; }

  .genplan-wrap {
    max-width: 100%;
    overflow: auto; }
  .genplan-main {
    width: 177vh; }

  .house::before {
    width: 150%; }
  .house-img {
    max-width: 100%;
    overflow: auto; }
    .house-img__main {
      width: 177vh; }
  .house-info {
    opacity: 1;
    visibility: visible;
    transform: none;
    left: 0;
    bottom: 8rem;
    top: auto;
    z-index: 2; }
  .house__floor {
    width: 0; }
  .house .flat__back {
    top: 2rem; }
  .house-info__diamond .arrow-top, .house-info__diamond .arrow-bot {
    pointer-events: auto; }
  .house-show {
    position: fixed;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 6rem;
    z-index: 5;
    padding: 0.7rem 2rem;
    background: #00579A; }
  .house-flat {
    position: fixed;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(60vh - .8rem);
    z-index: 5;
    padding: 0.7rem 2rem;
    background: #00579A;
    color: #fff;
    border-radius: .5rem .5rem 0 0; }
  .house-genplan {
    display: none; }

  .floor::before {
    width: 200vh;
    height: 200vh; }
  .floor-info {
    position: absolute;
    bottom: 5rem;
    display: flex;
    justify-content: space-between;
    width: calc(50%);
    flex-wrap: wrap; }
    .floor-info .flat-info__item {
      margin-bottom: 0;
      text-align: center;
      width: 50%;
      margin-bottom: 1.2rem; }
    .floor-info .flat-info__number {
      margin-bottom: 0.7rem; }
  .floor-hide::before {
    transform: translate(-100%, -100%);
    transition: 1s all;
    transition-delay: .3s; }
  .floor-hide .floor-main {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s; }
    .floor-hide .floor-main__icons {
      transition-delay: 0s; }
  .floor-main {
    margin-top: -2rem;
    width: 70vw;
    height: 50vh;
    padding: 2rem;
    transform: translateX(-50%);
    top: 15vh; }
    .floor-main svg {
      width: calc(100% - 4rem);
      height: calc(100% - 4rem);
      left: 2rem;
      top: 2rem; }
  .floor-number {
    right: 5.5rem;
    bottom: 11.5rem; }
  .floor-compass {
    top: 2rem; }
  .floor-advice {
    display: flex;
    position: absolute;
    top: 2rem; }
    .floor-advice__item {
      margin-right: 1rem; }

  .flat {
    height: auto;
    background: #00579A;
    padding-top: 5rem; }
    .flat-info {
      width: 60%;
      display: flex;
      flex-wrap: wrap; }
      .flat-info__item {
        margin-bottom: 0;
        text-align: center;
        width: 50%;
        margin-bottom: 1.2rem; }
        .flat-info__item:last-child {
          margin-bottom: 1.2rem; }
      .flat-info__number {
        margin-bottom: 0.7rem; }
    .flat-genplan {
      display: none; }
    .flat::before, .flat::after {
      display: none; }
    .flat__back {
      position: absolute;
      top: 9rem; }
    .flat .container {
      flex-direction: column;
      padding-bottom: 8rem;
      justify-content: flex-start; }
    .flat-main {
      position: static;
      transform: none;
      margin-bottom: 9rem; }
    .flat .floor-compass {
      right: 2rem;
      top: 2rem; }
    .flat__img {
      width: 100%;
      padding: 2rem;
      height: 40vh;
      margin-top: 0; }
    .flat-left {
      order: 2;
      width: 100%; }
    .flat-right {
      position: absolute;
      right: 3rem;
      top: calc(40vh + 20rem); }
    .flat-btns {
      display: flex;
      justify-content: space-between; }
    .flat__btn {
      width: 48%; }
    .flat-floor {
      transform: none;
      top: auto;
      bottom: 22rem; }
      .flat-floor__number {
        bottom: 16rem;
        right: 3rem; }
    .flat-zoom__close {
      left: 95vw;
      top: calc(15vh - 1rem); }
    .flat-zoom__img {
      padding: 1.5rem;
      height: 70vh;
      width: 90vw; }

  .params-wrap {
    display: block; }
  .params-filter {
    width: 100%;
    margin-bottom: 2.5rem;
    position: static; }
  .params-main {
    width: 100%; }
  .params-head {
    top: 0;
    margin: 0 -2px; }

  .footer {
    flex-direction: column-reverse; }
    .footer-top {
      bottom: auto;
      top: 8rem; }
    .footer-map {
      width: 100%;
      height: 22rem; }
    .footer-info {
      width: 100%; } }
@media (max-width: 767.98px) {
  :root {
    font-size: 15px; }

  .preloader {
    background-image: url(../img/plans-pattern.png); }
    .preloader-logo svg {
      width: 20rem; }

  .fixed-btns a {
    width: 3rem;
    height: 3rem;
    border-width: .1rem; }
    .fixed-btns a img {
      width: 1.2rem; }
    .fixed-btns a span {
      font-size: 0.5rem;
      margin-top: 0.2rem; }
    .fixed-btns a.live-open::after {
      width: 5px;
      height: 5px;
      right: 0.3rem;
      top: .3rem; }

  .container {
    padding: 0 1.3rem; }

  .section-title {
    font-size: 2rem; }

  .section-text {
    margin-bottom: 2rem; }

  .feedback-content {
    width: 95vw;
    padding: 2.5rem 1.4rem; }

  .live-content {
    width: 90vw;
    height: 20rem; }

  .iti__country-list {
    width: 80vw;
    font-size: 0.85rem; }

  .menu-wrap {
    left: 1.3rem; }
  .menu-list li {
    margin-bottom: 1.5rem; }
    .menu-list li a {
      font-size: 1.5rem; }
    .menu-list li > div a {
      font-size: 1.05rem; }
  .menu-more .about__btn {
    margin-right: 2rem; }
  .menu__close {
    right: 1.3rem;
    width: 6rem;
    height: 6rem; }

  .zoom-image__content {
    display: block;
    height: auto; }
  .zoom-image__img {
    width: 100%;
    height: 45vh;
    padding: 2.5rem 1.5rem 3rem; }
  .zoom-image__close {
    top: 0.6rem;
    right: 0.6rem; }
    .zoom-image__close svg path {
      fill: #00579A; }
  .zoom-image__wrap {
    padding: 1.5rem;
    width: 100%;
    position: static; }
  .zoom-image__fav {
    bottom: 6rem; }
  .zoom-image__btn {
    margin-top: 4rem; }

  .stock-popup {
    width: 12rem; }

  .header {
    padding-top: .5rem; }
    .header-bot {
      padding-top: 0;
      bottom: 1.5rem; }
      .header-bot .header-logo__main {
        top: 1.3rem; }
    .header__plaza {
      width: 7rem;
      padding-top: 1rem; }
    .header__logo {
      width: 4.5rem; }
      .header__logo-main {
        top: 1.7rem;
        width: 9rem; }
    .header__menu {
      width: 5rem; }
      .header__menu svg {
        margin-right: 0.4rem; }
    .header-teaser {
      padding-top: 1rem; }
      .header-teaser > a {
        font-size: 1rem; }
    .header-scrolled, .header-white {
      padding-top: 0; }
      .header-scrolled .header__logo-plaza, .header-white .header__logo-plaza {
        width: 8rem; }
      .header-scrolled .header-wrap, .header-white .header-wrap {
        padding: 1rem 2rem; }

  .offer {
    padding: 2rem 0;
    margin: 4rem 0 2rem; }
    .offer__title {
      font-size: 1.4rem; }

  .teaser::after {
    left: -50vw;
    bottom: -50vw;
    width: 100vw;
    height: 100vw; }
  .teaser-wrap {
    padding-top: 0; }
  .teaser-date__day {
    font-size: 3.4rem; }
  .teaser-date__month {
    font-size: 1.2rem; }
  .teaser__title {
    font-size: 1.6rem;
    margin-bottom: 2rem; }
  .teaser-main {
    width: 100%; }
  .teaser-count {
    gap: 1rem; }
    .teaser-count__item {
      width: 25%;
      height: 5rem; }
    .teaser-count__value {
      font-size: 2rem; }
    .teaser-count__name {
      font-size: 0.8rem; }
  .teaser__btn {
    margin-bottom: 3rem; }

  .main-switch {
    top: 5.5rem; }
  .main-count {
    top: 5rem;
    right: 50%;
    transform: translateX(50%); }
    .main-count .container {
      padding: 0; }
    .main-count__title {
      font-size: .95rem;
      margin-bottom: 0.5rem; }
    .main-count__list {
      display: flex;
      gap: .75rem; }
      .main-count__list li {
        height: 3rem;
        width: 4rem;
        border-radius: .7rem;
        font-size: 0.6rem; }
        .main-count__list li div {
          font-size: 1.25rem;
          margin-bottom: .1rem; }
    .main-count__done {
      margin-right: 0; }
  .main-mark {
    top: 4.5rem; }

  .about {
    padding-bottom: 0; }
    .about-five {
      top: 10rem; }
      .about-five svg {
        width: 10rem;
        height: 15rem; }
    .about__title {
      margin-bottom: 1.5rem; }
    .about-info {
      gap: 1rem; }
      .about-info__item {
        width: 100%;
        height: 19rem; }
        .about-info__item:nth-child(2) {
          width: 100%; }
        .about-info__item:first-child .about-info__title {
          text-align: center; }

  .location {
    padding-bottom: 0; }
    .location-goto {
      top: 17.5rem; }
    .location-wrap {
      top: 5rem; }
    .location-info {
      display: block;
      padding: 0; }
      .location-info:before {
        content: none; }
      .location-info__title {
        background: url(../img/preloader.svg) center center no-repeat;
        background-size: cover;
        margin-bottom: 1.5rem;
        padding: 1.4rem; }
      .location-info__list {
        padding: 0 1.4rem; }
      .location-info__item {
        margin-bottom: 0;
        padding-bottom: 2.5rem; }
    .location-map {
      height: 26rem; }

  .consult {
    padding-bottom: 0; }
    .consult-card {
      padding: 5rem 1.5rem 1.5rem; }
    .consult .form {
      display: block; }
      .consult .form__input {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem; }
      .consult .form__btn {
        width: 100%; }
      .consult .form__info {
        margin-top: 1rem; }

  .arc {
    padding-bottom: 5rem; }
    .arc-content {
      margin-bottom: 2rem; }
    .arc-info {
      flex-wrap: wrap; }
      .arc-info__item {
        width: 48%;
        margin-bottom: 2rem; }
    .arc__img {
      width: 100%; }
    .arc-wrap {
      gap: 0; }
    .arc-desc {
      margin-left: 0;
      width: 100%;
      margin-top: 2rem; }
      .arc-desc__title {
        margin-bottom: 2rem; }
    .arc-balls #ball1 {
      width: 5rem;
      bottom: 28rem;
      left: -1rem; }
    .arc-balls #ball2 {
      width: 6rem;
      top: 28rem;
      right: -1rem; }

  .infra {
    padding: 2rem 1.3rem 2rem;
    display: block; }
    .infra__title {
      top: 3rem;
      margin-top: 2rem; }
      .infra__title img {
        width: 70vw; }
    .infra-col {
      margin-right: 0; }
      .infra-col:nth-child(2) {
        padding-top: 2rem; }
      .infra-col:nth-child(3) {
        padding-top: 0; }
    .infra-item {
      width: calc(100vw - 2.6rem);
      height: calc(100vw - 2.6rem); }

  .plans {
    padding: 4rem 0; }
    .plans-choose {
      margin-bottom: 3rem;
      flex-direction: column-reverse; }
      .plans-choose__item {
        width: 100%;
        padding: 1.3rem;
        height: 15rem; }
        .plans-choose__item:first-child .plans-choose__img {
          width: 90%;
          left: 10%; }
    .plans-head {
      margin-bottom: 2rem; }
      .plans-head li {
        padding: 0.5rem 1rem; }
    .plans-tabs {
      margin: 0 -1.3rem; }

  .more__img img {
    border-radius: 1rem; }
  .more__title {
    max-width: 20rem; }
  .more-arrow {
    left: auto;
    right: -120px;
    top: -130px; }
  .more .container {
    padding-left: 1.3rem; }

  .house::before {
    width: 120%; }
  .house .flat__back {
    left: 1rem;
    top: 1rem; }
  .house-info {
    bottom: 5rem;
    width: 5.5rem; }
    .house-info__item span {
      font-size: 1.15rem; }
  .house-show {
    transform: none;
    bottom: 5rem;
    right: 1rem;
    left: auto;
    font-size: .6rem; }
  .house-flat {
    font-size: 0.6rem;
    top: calc(40vh + 7rem); }

  .floor-main {
    left: 5vw;
    transform: none;
    width: 90vw;
    height: 40vh;
    top: 11rem;
    padding: 1rem; }
    .floor-main svg {
      width: calc(100% - 2rem);
      height: calc(100% - 2rem);
      left: 1rem;
      top: 1rem; }
    .floor-main__icons span {
      transform: scale(0.8); }
  .floor-advice {
    flex-wrap: wrap;
    top: 1.5rem; }
    .floor-advice__item {
      width: 42%;
      margin-right: 0; }
      .floor-advice__item img {
        width: 2.4rem; }
  .floor-number {
    transform: translateX(50%) scale(0.8);
    right: 50%;
    flex-direction: column-reverse;
    bottom: 7.2rem; }
    .floor-number__text {
      text-align: center;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-bottom: 2rem; }
  .floor-compass {
    display: none; }
  .floor-info {
    width: 100vw;
    left: 0;
    bottom: 5rem;
    margin-bottom: 0; }

  .flat {
    padding-top: 2.5rem; }
    .flat__back {
      top: 6rem; }
    .flat-info {
      margin-bottom: 1rem;
      width: 100%; }
      .flat-info__item {
        margin-bottom: 1rem;
        padding-bottom: 0.7rem; }
      .flat-info__number {
        font-size: 1.3rem; }
      .flat-info__name {
        font-size: .85rem; }
    .flat .container {
      padding-bottom: 5rem; }
    .flat-main {
      margin-bottom: 5rem; }
    .flat__img {
      width: 100%;
      height: 35vh;
      margin-bottom: 4rem; }
    .flat-right {
      right: 1.3rem; }
    .flat__btn {
      width: 49%; }
    .flat-floor {
      left: 1.5rem;
      bottom: auto;
      top: calc(35vh + 6rem); }
      .flat-floor__title {
        display: none; }
      .flat-floor .floor-main {
        width: 8rem;
        height: 6rem;
        padding: 0.5rem; }
        .flat-floor .floor-main svg {
          left: 0.5rem;
          top: 0.5rem;
          width: calc(100% - 1rem);
          height: calc(100% - 1rem); }
          .flat-floor .floor-main svg path {
            opacity: .7; }
      .flat-floor__number {
        top: calc(35vh + 8rem);
        right: auto;
        left: 11rem;
        font-size: 0.7rem; }
        .flat-floor__number span {
          font-size: 1.7rem; }
    .flat-zoom__close {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      margin-top: -2rem; }
    .flat-zoom__img {
      padding: 1rem;
      height: 70vh;
      width: 95vw; }

  .params-filter__item {
    margin-bottom: 1.5rem; }
  .params-main {
    max-width: 100%;
    overflow: auto; }
  .params-list, .params-head {
    width: 40rem; }
  .params-head {
    padding: 1.5rem 0; }
    .params-head div {
      font-size: 0.85rem; }
  .params-list__col {
    font-size: 1.4rem; }

  .fav .params-list, .fav .params-head {
    width: 45rem; }

  .footer .container {
    padding-right: 1.3rem; }
  .footer__logo {
    width: 44%; }
  .footer-top {
    right: auto;
    top: auto;
    bottom: 6rem;
    left: 1.3rem; }
  .footer-map .ymaps-2-1-79-events-pane {
    pointer-events: none; }
  .footer__pdf {
    width: 52%;
    padding: 0.4rem 0; }
    .footer__pdf svg {
      width: 1.2rem;
      height: 2rem;
      margin-right: 0.4rem; }
  .footer-item {
    margin-bottom: 2rem; }
    .footer-item__title {
      margin-bottom: 1rem; }
    .footer-item__tel {
      font-size: 2rem; }
    .footer-item__address {
      font-size: 1rem;
      flex-direction: column;
      align-items: flex-start; }
  .footer-copy {
    margin-top: 7rem;
    display: block; }
    .footer-copy a {
      display: inline-block;
      color: #fff;
      margin-top: 1rem; } }
@media (max-width: 375.98px) {
  :root {
    font-size: 13px; }

  .flat {
    padding-top: 1.5rem; }
    .flat-floor {
      top: calc(35vh + 5rem); }
      .flat-floor__number {
        top: calc(35vh + 7rem); } }
@media (max-width: 340.98px) {
  :root {
    font-size: 12px; } }
@media (max-width: 320.98px) {
  :root {
    font-size: 11px; } }
@media (max-width: 300.98px) {
  :root {
    font-size: 10px; } }
@media (max-width: 1000px) and (orientation: landscape) {
  :root {
    font-size: 8.5px; } }
@media (max-width: 700px) and (orientation: landscape) {
  :root {
    font-size: 8px; } }

/*# sourceMappingURL=main.css.map */