.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
    overflow: hidden
}

html.has-scroll-dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.has-scroll-smooth body {
    overflow: hidden
}

.has-scroll-smooth [data-scroll-container] {
    min-height: 100vh
}

[data-scroll-direction=horizontal] [data-scroll-container] {
    display: inline-block;
    height: 100vh;
    white-space: nowrap
}

[data-scroll-direction=horizontal] [data-scroll-section] {
    display: inline-block;
    height: 100%;
    vertical-align: top;
    white-space: nowrap
}

.c-scrollbar {
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    transform-origin: center right;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    -o-transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    width: 11px
}

.c-scrollbar:hover {
    -webkit-transform: scaleX(1.45);
    -ms-transform: scaleX(1.45);
    transform: scaleX(1.45)
}

.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
    opacity: 1
}

[data-scroll-direction=horizontal] .c-scrollbar {
    bottom: 0;
    height: 10px;
    top: auto;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    width: 100%
}

[data-scroll-direction=horizontal] .c-scrollbar:hover {
    -webkit-transform: scaleY(1.3);
    -ms-transform: scaleY(1.3);
    transform: scaleY(1.3)
}

.c-scrollbar_thumb {
    background-color: #000;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: -webkit-grab;
    cursor: grab;
    margin: 2px;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    width: 7px
}

.has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

[data-scroll-direction=horizontal] .c-scrollbar_thumb {
    bottom: 0;
    right: auto
}

@font-face {
    font-family: Montserrat;
    font-display: swap;
    src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal
}

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

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

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

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

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

:root {
    --text: #333439;
    --accent: #EAD587
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    height: 100%;
    font-size: -webkit-calc(100vw * (16 / 1920));
    font-size: calc(100vw * (16 / 1920))
}

body {
    width: -webkit-calc(100vw - (100vw - 100%));
    width: calc(100vw - (100vw - 100%));
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 1.25rem;
    letter-spacing: 0.02em;
    line-height: 1.2;
    color: rgba(51, 52, 57, 0.8);
    background-color: #fff;
    font-family: Geologica;
    font-weight: 300
}

main {
    overflow: hidden
}

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

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

ol {
    padding: 0;
    margin: 0
}

p {
    margin: 0
}

img {
    max-width: 100%
}

a {
    text-decoration: none
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none
}

button {
    padding: 0;
    cursor: pointer
}

textarea {
    outline: none;
    resize: none
}

.box {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.box img,
.box svg,
.box picture,
.box video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.container {
    max-width: 94.5rem
}

.container-fluid {
    padding: 0 1.5rem
}

.section {
    padding: 7.5rem 0
}

.title-page {
    font-size: 6.25rem;
    line-height: 1;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 500
}

.title-page span {
    color: var(--accent)
}

.section-title {
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 1;
    font-family: Montserrat;
    font-weight: 600
}

.section-title span {
    color: var(--accent)
}

.big-text {
    text-transform: uppercase;
    font-size: 4rem;
    color: var(--text);
    line-height: 1;
    font-family: Montserrat;
    font-weight: 600
}

.name {
    font-size: 2rem;
    line-height: 1;
    font-family: Geologica;
    font-weight: 400
}

.item-name {
    font-size: 1.75rem;
    line-height: 1;
    font-family: Geologica;
    font-weight: 400
}

.btn-1 {
    display: block;
    border: 0.0625rem solid var(--text);
    height: 3.25rem;
    text-transform: uppercase;
    color: var(--text);
    letter-spacing: 0.04em;
    font-size: 1.125rem;
    padding: 0 2rem;
    background-color: transparent;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    font-family: Geologica;
    font-weight: 300
}

.btn-1:hover {
    background-color: var(--text);
    color: #fff
}

.btn-1:active {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--text)
}

.btn-2 {
    display: block;
    border: 0.0625rem solid var(--accent);
    height: 3.25rem;
    text-transform: uppercase;
    color: var(--accent);
    letter-spacing: 0.04em;
    font-size: 1.125rem;
    padding: 0 2rem;
    background-color: transparent;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    font-family: Geologica;
    font-weight: 300
}

.btn-2 svg path {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.btn-2:hover {
    background-color: var(--accent);
    color: var(--text)
}

.btn-2:hover svg path {
    fill: var(--text)
}

.btn-2:active {
    background-color: var(--text);
    border-color: var(--text);
    color: #fff
}

.btn-2:active svg path {
    fill: #fff
}

.btn-3 {
    display: block;
    height: 3.25rem;
    text-transform: uppercase;
    color: var(--text);
    letter-spacing: 0.04em;
    font-size: 1.125rem;
    padding: 0 2rem;
    background-color: var(--accent);
    border: 0.0625rem solid var(--accent);
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    font-family: Geologica;
    font-weight: 300
}

.btn-3 svg path {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.btn-3:hover {
    background-color: transparent;
    color: var(--accent)
}

.btn-3:hover svg path {
    fill: var(--accent)
}

.btn-3:active {
    background-color: #fff;
    color: var(--text)
}

.btn-3:active svg path {
    fill: var(--text)
}

.btn-4 {
    display: block;
    border: .0625rem solid #fff;
    height: 3.25rem;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.04em;
    font-size: 1.125rem;
    padding: 0 2rem;
    background-color: transparent;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    font-family: Geologica;
    font-weight: 300
}

.btn-4:hover {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--text)
}

.btn-4:active {
    background-color: var(--text);
    border-color: var(--text);
    color: #fff
}

.btn-4:disabled {
    opacity: 0.5;
    background-color: var(--text);
    color: #fff
}

.btn-5 {
    display: block;
    border: 0.0625rem solid var(--text);
    height: 3.25rem;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.04em;
    font-size: 1.125rem;
    padding: 0 2rem;
    background-color: #333439;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    font-family: Geologica;
    font-weight: 300
}

.btn-5:hover {
    background-color: transparent;
    color: var(--text)
}

.btn-5:active {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--text)
}

.input {
    background-color: #fff;
    border: .0625rem solid #D2D9DB;
    padding: .8125rem 1.5rem;
    font-size: 1.125rem;
    letter-spacing: 0.02em;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.input:-moz-placeholder {
    color: rgba(51, 52, 57, 0.4);
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 1
}

.input::-moz-placeholder {
    color: rgba(51, 52, 57, 0.4);
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 1
}

.input::-webkit-input-placeholder {
    color: rgba(51, 52, 57, 0.4);
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: var(--text)
}

.input:hover {
    border-color: var(--text)
}

.input:hover:-moz-placeholder {
    color: var(--text);
    opacity: 1
}

.input:hover::-moz-placeholder {
    color: var(--text);
    opacity: 1
}

.input:hover::-webkit-input-placeholder {
    color: var(--text)
}

.text-border {
    font-family: SovMod;
    font-weight: 400
}

.slick-arrow {
    width: 4.25rem;
    height: 4.25rem;
    background-color: transparent;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slick-arrow svg {
    width: 3rem;
    height: 3rem
}

.slick-prev svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.image-parallax-big img {
    height: -webkit-calc(100% + 20%);
    height: calc(100% + 20%)
}

.image-parallax-small img {
    height: -webkit-calc(100% + 30%);
    height: calc(100% + 30%)
}

@media screen and (max-width: 992px) {
    html {
        font-size: -webkit-calc(100vw * (16 / 768));
        font-size: calc(100vw * (16 / 768))
    }

    .container {
        max-width: 100%;
        padding: 0 3rem
    }

    .section {
        padding: 4rem 0
    }

    .title-page {
        font-size: 2.75rem;
        font-family: Montserrat;
        font-weight: 600
    }

    .section-title {
        font-size: 2.5rem
    }

    .item-name {
        font-size: 1.25rem
    }

    .big-text {
        font-size: 2.5rem
    }
}

@media screen and (max-width: 576px) {
    html {
        font-size: -webkit-calc(100vw * (16 / 480));
        font-size: calc(100vw * (16 / 480))
    }

    body {
        font-size: 1.125rem;
        line-height: 1.11
    }

    .container {
        padding: 0 1.5rem
    }
}

.navbar {
    padding: 1.125rem 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100
}

.navbar-brand {
    /* max-width: 17.9375rem; */
    max-width: 9.9375rem;
    line-height: 0
}

.navbar-brand img {
    width: 100%;
    height: 100%
}

.navbar-menu ul {
    gap: 3rem
}

.navbar-menu ul li a {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1
}

.navbar__right {
    gap: 1.5rem
}

.navbar-phone {
    font-size: 1.75rem;
    color: #fff;
    font-family: Montserrat;
    font-weight: 600
}

.navbar-phone span {
    color: var(--accent)
}

.navbar-toggler {
    border: .0625rem solid #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 3.25rem;
    height: 3.25rem;
    padding: 0;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.navbar-toggler:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.navbar-toggler:hover {
    background-color: var(--accent);
    border-color: var(--accent)
}

.navbar-toggler:active {
    background-color: var(--text);
    border-color: var(--text)
}

.navbar-toggler-icon {
    background: none
}

.navbar-toggler-icon svg {
    width: 1.75rem;
    height: 1.75rem
}

.navbar .offcanvas {
    width: 100%;
    max-width: 30rem;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    background-color: #333439;
    -webkit-backdrop-filter: blur(1.5rem);
    backdrop-filter: blur(1.5rem)
}

.navbar .offcanvas-header {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.navbar .offcanvas .btn-close {
    background: none;
    width: 3.25rem;
    height: 3.25rem;
    border: .0625rem solid #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
    opacity: 1
}

.navbar .offcanvas .btn-close svg {
    width: 2rem;
    height: 2rem
}

.navbar .offcanvas-body .navbar-nav li {
    padding: 2rem 0;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.5)
}

.navbar .offcanvas-body .navbar-nav li:first-child {
    padding-top: 0
}

.navbar .offcanvas-body .navbar-nav li a {
    color: #fff;
    font-size: 1.75rem;
    font-family: Geologica;
    font-weight: 400
}

.navbar .offcanvas-phone {
    font-size: 3rem;
    color: #fff;
    font-family: Montserrat;
    font-weight: 600
}

.navbar .offcanvas-phone span {
    color: var(--accent)
}

.navbar .offcanvas-call {
    width: 100%
}

@media screen and (max-width: 992px) {
    .navbar {
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease
    }

    .navbar.scroll {
        position: fixed;
        background-color: rgba(51, 52, 57, 0.7)
    }

    .navbar-brand {
        z-index: 1050
    }

    .navbar-menu {
        display: none
    }

    .navbar-phone {
        display: none
    }

    .navbar-call {
        display: none
    }

    .navbar .offcanvas {
        max-width: 100%
    }
}

.main-screen {
    position: relative;
    height: 100vh
}

.main-screen.main-screen-commercial p {
    font-size: 1.5rem;
    max-width: 48.75rem
}

.main-screen.main-screen-commercial .title-page {
    max-width: 63.125rem
}

.main-screen__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.main-screen__video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-screen .row {
    padding-bottom: 7.5rem
}

.main-screen .title-page {
    color: #fff
}

.main-screen p {
    color: #fff;
    max-width: 38.75rem;
    margin: .75rem 0 0 0;
    font-size: 2.5rem;
    font-family: Geologica;
    font-weight: 300
}

.main-screen__apart {
    position: absolute;
    left: 1.5rem;
    top: 6.25rem;
    width: 5.25rem;
    height: -webkit-calc(100vh - 8.25rem);
    height: calc(100vh - 8.25rem);
    border: 0.0625rem solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.15);
    -webkit-backdrop-filter: blur(0.4375rem);
    backdrop-filter: blur(0.4375rem);
    gap: 1.5rem;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    z-index: 15
}

.main-screen__apart_text {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #FAFAFA;
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 0.02em;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    font-family: Geologica;
    font-weight: 300
}

.main-screen__apart:hover {
    background-color: var(--accent);
    border-color: var(--accent)
}

.main-screen__apart:hover .main-screen__apart_text {
    color: var(--text)
}

.main-screen__apart:hover .main-screen__icon {
    border-color: var(--text)
}

.main-screen__apart:hover .main-screen__icon svg path,
.main-screen__apart:hover .main-screen__icon svg rect {
    fill: var(--text)
}

.main-screen__apart:active {
    background-color: var(--text);
    border-color: var(--text)
}

.main-screen__apart:active .main-screen__apart_text {
    color: #fff
}

.main-screen__apart:active .main-screen__icon {
    border-color: #fff
}

.main-screen__apart:active .main-screen__icon svg path,
.main-screen__apart:active .main-screen__icon svg rect {
    fill: #fff
}

.main-screen__icon {
    width: 3.25rem;
    height: 3.25rem;
    border: 0.0625rem solid rgba(255, 255, 255, 0.5);
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.main-screen__box {
    width: 2rem;
    height: 2rem
}

.main-screen__apart.scroll {
    top: 3.125rem;
    height: -webkit-calc(100vh - 6.25rem);
    height: calc(100vh - 6.25rem);
    background-color: var(--accent);
    border-color: var(--accent)
}

.main-screen__apart.scroll .main-screen__apart_text {
    color: var(--text)
}

.main-screen__apart.scroll .main-screen__icon {
    border-color: var(--text)
}

.main-screen__apart.scroll .main-screen__icon svg path,
.main-screen__apart.scroll .main-screen__icon svg rect {
    fill: var(--text)
}

@media screen and (max-width: 992px) {
    .main-screen {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-screen .row {
        padding-bottom: 12.25rem
    }

    .main-screen p {
        font-size: 1.5rem;
        max-width: 25rem
    }

    .main-screen__apart {
        position: initial;
        width: 100%;
        height: 5.25rem
    }

    .main-screen__apart_text {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        font-size: 1.5rem
    }
}

@media screen and (max-width: 576px) {
    .main-screen .title-page .hyphen {
        display: none
    }

    .main-screen .title-page span {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        gap: .3125rem
    }

    .main-screen.main-screen-commercial p {
        color: #F0F0ED
    }

    .main-screen.main-screen-commercial .title-page {
        max-width: 22.5rem
    }

    .main-screen.main-screen-commercial .title-page span::before {
        display: none
    }
}

.documentation {
    background-color: #FAFAFA
}

.documentation .section-title {
    color: var(--text)
}

.documentation__doc {
    background-color: #fff;
    border: .0625rem solid #D2D9DB;
    color: var(--text);
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.documentation__doc:hover {
    background-color: #F0F0F0
}

.documentation__icon {
    min-width: 6.25rem;
    height: 6.25rem;
    background-color: var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.documentation__box {
    width: 3.375rem;
    height: 3.375rem
}

@media screen and (max-width: 992px) {
    .documentation__icon {
        min-width: 5rem;
        height: 5rem
    }

    .documentation__box {
        width: 3rem;
        height: 3rem
    }
}

.form {
    padding: 13rem 0;
    background-image: url(../img/form/bg-image.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center
}

.form__block {
    position: relative;
    background-color: var(--text);
    padding: 7.5rem;
    border: 0.0625rem solid rgba(234, 213, 135, 0.3);
    overflow: hidden
}

.form__text {
    position: absolute;
    bottom: -0.75rem;
    left: 0;
    font-size: 10.625rem;
    line-height: 0.3;
    color: transparent;
    -webkit-text-stroke: 0.0625rem rgba(234, 213, 135, 0.3);
    paint-order: stroke fill;
    text-transform: uppercase;
    font-family: SovMod;
    font-weight: 400
}

.form__icon {
    min-width: 6.25rem;
    height: 6.25rem
}

.form .section-title {
    color: #fff
}

.form__inputs {
    gap: 1.5rem
}

.form__check .custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.form__check .custom-checkbox+label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: rgba(255, 255, 255, 0.5);
    font-size: .875rem;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    cursor: pointer
}

.form__check .custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border: .0625rem solid #FAFAFA;
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-right: .5rem;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.form__check .custom-checkbox+label:hover {
    color: #fff
}

.form__check .custom-checkbox+label:hover::before {
    border-color: #fff
}

.form__check .custom-checkbox:checked+label::before {
    border-color: #fff;
    background-color: #fff;
    background-image: url(../img/form/check.svg)
}

.form__content {
    max-width: 30.25rem;
    width: 100%
}

@media screen and (max-width: 992px) {
    .form {
        padding: 7.5rem 0
    }

    .form__block {
        padding: 3rem
    }

    .form__content {
        max-width: 100%
    }
}

@media screen and (max-width: 576px) {
    .form .section-title {
        font-size: 2rem
    }
}

.footer {
    background-color: #333439;
    color: #fff
}

.footer__contacts {
    border: 0.0625rem solid rgba(234, 213, 135, 0.3)
}

.footer__top p {
    font-size: 1.5rem
}

.footer__top p span {
    color: rgba(255, 255, 255, 0.5)
}

.footer__top a {
    color: var(--accent);
    font-size: 2.25rem;
    font-family: Geologica;
    font-weight: 400
}

.footer-schedule__col {
    border: 0.0625rem solid rgba(234, 213, 135, 0.3)
}

.footer-schedule__wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 6.875rem 9.5rem;
    grid-template-columns: 6.875rem 9.5rem;
    gap: 1rem
}

.footer__text {
    color: rgba(255, 255, 255, 0.5)
}

.footer__link a {
    color: var(--accent);
    text-decoration: underline
}

.footer__address {
    position: relative;
    width: 100%;
    height: 100%
}

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

.footer__map iframe {
    border: none;
    width: 100%;
    height: 100%
}

.footer__socials {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    background-color: #333439
}

.footer__socials p {
    max-width: 13.3125rem
}

.footer__socials a {
    width: 3.25rem;
    height: 3.25rem;
    background-color: var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__links {
    gap: 1.5rem
}

.footer__box {
    width: 2rem;
    height: 2rem
}

@media screen and (max-width: 992px) {
    .footer__address {
        height: 25rem
    }
}

@media screen and (max-width: 576px) {
    .footer__top p {
        font-size: 1.125rem
    }

    .footer__top a {
        font-size: 2rem
    }

    .footer__address {
        height: 21.25rem
    }

    .footer-schedule__wrap {
        -ms-grid-columns: 6.375rem 8.8125rem;
        grid-template-columns: 6.375rem 8.8125rem
    }
}

.main-screen-two {
    position: relative;
    background-color: var(--text);
    height: 100vh
}

.main-screen-two::before {
    content: '';
    position: absolute;
    top: 6.3125rem;
    left: 0;
    right: 0;
    width: 100%;
    border: .0625rem solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(234, 213, 135, 0.6) 49.5%, rgba(234, 213, 135, 0.6) 100%);
    z-index: 1
}

.main-screen-two::after {
    content: '';
    position: absolute;
    top: 0;
    right: 75.625rem;
    height: 100%;
    width: .0625rem;
    border: .0625rem solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(234, 213, 135, 0.6) 49.5%, rgba(255, 255, 255, 0.6) 100%);
    z-index: 1
}

.main-screen-two__main {
    position: relative
}

.main-screen-two__main::before {
    content: '';
    position: absolute;
    top: 0;
    right: 106.4375rem;
    height: 100%;
    width: .0625rem;
    border: .0625rem solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(234, 213, 135, 0.6) 49.5%, rgba(234, 213, 135, 0.6) 100%);
    z-index: 1
}

.main-screen-two__main::after {
    content: '';
    position: absolute;
    top: 0;
    right: 1.5rem;
    height: 100%;
    width: .0625rem;
    border: .0625rem solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(234, 213, 135, 0.6) 49.5%, rgba(255, 255, 255, 0.6) 100%);
    z-index: 1
}

.main-screen-two__line {
    position: absolute;
    bottom: 0;
    right: -1.5rem;
    width: 80.875rem;
    border: .0625rem solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(234, 213, 135, 0.6) 49.5%, rgba(234, 213, 135, 0.6) 100%);
    z-index: 1
}

.main-screen-two .row {
    height: 100vh;
    padding-top: 13.5rem;
    padding-bottom: 5rem
}

.main-screen-two__block {
    height: 100%
}

.main-screen-two .title-page {
    color: #fff;
    z-index: 1
}

.main-screen-two__decor {
    position: absolute;
    left: 14.0625rem;
    top: 7.625rem
}

.main-screen-two__decor svg {
    width: 49.375rem;
    height: 11.6875rem
}

.main-screen-two__decor-2 {
    position: absolute;
    right: 0;
    bottom: 0
}

.main-screen-two__decor-2 svg {
    width: 49.375rem;
    height: 11.6875rem
}

.main-screen-two__link {
    border: 0.0625rem solid rgba(234, 213, 135, 0.3);
    color: #fff;
    gap: .5rem;
    padding: .5rem 1rem .5rem .25rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background-color: var(--text);
    z-index: 2
}

.main-screen-two__link svg {
    width: 3.25rem;
    height: 3.25rem
}

.main-screen-two__image {
    position: absolute;
    top: 6.3125rem;
    right: 1.5rem
}

.main-screen-two__box {
    width: 74.1875rem;
    height: -webkit-calc(100vh - 14.625rem);
    height: calc(100vh - 14.625rem)
}

.main-screen__apart_two {
    background-color: var(--accent)
}

.main-screen__apart_two .main-screen__apart_text {
    color: var(--text)
}

.main-screen__apart_two .main-screen__icon {
    border-color: var(--text)
}

@media screen and (max-width: 992px) {
    .main-screen-two .title-page span {
        display: block
    }

    .main-screen-two::before {
        top: 9.125rem
    }

    .main-screen-two::after {
        right: 41.25rem;
        height: -webkit-calc(100vh - 24.0625rem);
        height: calc(100vh - 24.0625rem)
    }

    .main-screen-two .row {
        padding-top: 6.75rem;
        padding-bottom: 8.25rem
    }

    .main-screen-two__main::after {
        display: none
    }

    .main-screen-two__image {
        top: 9.125rem;
        right: 0
    }

    .main-screen-two__box {
        width: 41.25rem;
        height: -webkit-calc(100vh - 24.0625rem);
        height: calc(100vh - 24.0625rem)
    }

    .main-screen-two__decor {
        display: none
    }

    .main-screen-two__decor-2 {
        bottom: 4.375rem
    }

    .main-screen-two__decor-2 svg {
        width: 39.375rem;
        height: 8.75rem
    }

    .main-screen-two .main-screen__apart {
        z-index: 3;
        width: -webkit-calc(100% - 6rem);
        width: calc(100% - 6rem);
        right: 3rem;
        left: 3rem
    }

    .main-screen-two__line {
        width: 100vw;
        right: 0
    }
}

@media screen and (max-width: 576px) {
    .main-screen-two .main-screen__apart {
        width: -webkit-calc(100% - 3rem);
        width: calc(100% - 3rem);
        right: 1.5rem;
        left: 1.5rem
    }

    .main-screen-two__box {
        width: 24.6875rem
    }

    .main-screen-two::after {
        right: 24.6875rem;
        height: -webkit-calc(100vh - 24.0625rem);
        height: calc(100vh - 24.0625rem)
    }
}

.infrastructure {
    background-color: #FAFAFA
}

.infrastructure .section-title {
    color: var(--text);
    max-width: 28.125rem
}

.infrastructure .section-title span {
    display: block
}

.infrastructure__image {
    margin: 7.0625rem 0 0 14rem;
    width: 34.4375rem;
    height: 46rem
}

.infrastructure-item p {
    border-left: .0625rem solid #D2D9DB
}

.infrastructure-item_1 {
    top: 0;
    left: 19.5rem
}

.infrastructure-item_2 {
    left: -6.9375rem;
    top: 7.0625rem
}

.infrastructure-item_3 {
    left: -10rem;
    top: 31.4375rem
}

.infrastructure-item_4 {
    left: 3.0625rem;
    bottom: .1875rem
}

.infrastructure-item_5 {
    right: 2.8125rem;
    bottom: .1875rem
}

.infrastructure-item__box_1 {
    width: 10.25rem;
    height: 10.25rem
}

.infrastructure-item__box_2 {
    width: 15.4375rem;
    height: 15.4375rem
}

.infrastructure-item__box_3 {
    width: 10.0625rem;
    height: 14.625rem
}

.infrastructure-item__box_4 {
    width: 23.1875rem;
    height: 14.6875rem
}

.infrastructure-item__box_5 {
    width: 15rem;
    height: 10.1875rem
}

.infrastructure__desc {
    margin: 1.875rem 0 1.875rem 1.5rem
}

.infrastructure-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 0.0625rem solid var(--accent);
    margin-bottom: .75rem
}

.infrastructure-list__item:last-child {
    border: none;
    margin-bottom: 0
}

.infrastructure__num {
    color: transparent;
    -webkit-text-stroke: 0.0625rem var(--accent);
    paint-order: stroke fill;
    font-size: 2.5rem;
    letter-spacing: 0.04em;
    border-right: 0.0625rem solid var(--accent);
    padding: .25rem 0 0 0;
    max-width: 5.875rem;
    width: 100%;
    text-align: center
}

.infrastructure__text {
    padding: .875rem 0 .875rem 1.5rem
}

.infrastructure__border {
    border: 0.0625rem solid rgba(51, 52, 57, 0.4);
    color: rgba(51, 52, 57, 0.4)
}

@media screen and (max-width: 992px) {
    .infrastructure__wrapper {
        padding-bottom: 23.75rem
    }

    .infrastructure__desc {
        margin: 0
    }

    .infrastructure__image {
        margin: 7.4375rem auto 0;
        width: -webkit-calc(100% - 6.75rem);
        width: calc(100% - 6.75rem)
    }

    .infrastructure-item p {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .infrastructure-item_1 {
        left: auto;
        right: 1.875rem
    }

    .infrastructure-item_1 p {
        border-left: none;
        border-right: .0625rem solid #D2D9DB
    }

    .infrastructure-item_2 {
        top: 2.5rem;
        left: 0
    }

    .infrastructure-item_3 {
        left: auto;
        right: 0;
        top: 43.4375rem
    }

    .infrastructure-item_3 p {
        border-left: none;
        border-right: .0625rem solid #D2D9DB
    }

    .infrastructure-item_4 {
        right: 2.5rem;
        left: auto
    }

    .infrastructure-item_5 {
        right: auto;
        left: 0;
        bottom: 5.25rem
    }

    .infrastructure-item__box_4 {
        width: 20rem;
        height: 12.5rem
    }
}

@media screen and (max-width: 576px) {
    .infrastructure {
        position: relative;
        padding-bottom: 16rem
    }

    .infrastructure__wrapper {
        padding-bottom: 17.25rem
    }

    .infrastructure__image {
        height: 27.0625rem
    }

    .infrastructure-item_3 {
        top: 27.125rem
    }

    .infrastructure-item_5 p {
        max-width: 9.375rem
    }

    .infrastructure-item__box_1 {
        width: 5.125rem;
        height: 5.125rem
    }

    .infrastructure-item__box_2 {
        width: 9.9375rem;
        height: 9.9375rem
    }

    .infrastructure-item__box_3 {
        width: 8.125rem;
        height: 11.75rem
    }

    .infrastructure-item__box_4 {
        width: 11.6875rem;
        height: 7.375rem
    }

    .infrastructure-item__box_5 {
        width: 10.0625rem;
        height: 5.125rem
    }

    .infrastructure__border {
        position: absolute;
        bottom: 4rem;
        left: 1.5rem;
        right: 1.5rem;
        width: -webkit-calc(100% - 3rem);
        width: calc(100% - 3rem);
        padding: 1.5rem 6.5625rem 1.5rem 2rem
    }

    .infrastructure__more {
        gap: .5rem;
        width: 100%
    }

    .infrastructure__more svg {
        width: 2.0625rem;
        height: 2.0625rem;
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease
    }

    .infrastructure__more.active svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .infrastructure-list__item:last-child {
        border-bottom: 0.0625rem solid var(--accent);
        margin-bottom: .75rem
    }
}

.views {
    padding-bottom: 0
}

.views__left {
    margin: 2rem 0 0 0
}

.views__left .big-text span {
    display: block
}

.views__left .big-text span.color {
    color: var(--accent)
}

.views__left .big-text span:first-child {
    text-indent: 1.0625rem
}

.views__left .big-text span:nth-child(2) {
    text-indent: 4.375rem
}

.views__left .big-text span:nth-child(3) {
    text-indent: 2.1875rem
}

.views__left .big-text span:nth-child(4) {
    text-indent: 5.5rem
}

.views__desc {
    padding-left: 7.5rem
}

.views__desc p {
    max-width: 21.875rem
}

.views__desc ul {
    padding-left: .75rem
}

.views__desc ul li {
    color: rgba(51, 52, 57, 0.4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.views__desc ul li::before {
    content: '';
    min-width: .375rem;
    height: .375rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(51, 52, 57, 0.4);
    margin-right: .625rem
}

.views__right {
    padding: 5rem 5rem 13.75rem 5rem;
    background-color: #333439;
    color: #fff;
    z-index: 2
}

.views__group .name {
    max-width: 21.875rem
}

.views__border {
    position: relative;
    z-index: 2;
    -webkit-backdrop-filter: blur(0.75rem);
    backdrop-filter: blur(0.75rem);
    background-color: #333439;
    margin-top: 5rem;
    border: 0.0625rem solid rgba(234, 213, 135, 0.3);
    gap: 1.5rem
}

.views__text span {
    color: var(--accent)
}

.views__text p {
    color: rgba(255, 255, 255, 0.5)
}

.views__items {
    gap: 2.9375rem
}

.views__item:first-child {
    max-width: 10.875rem
}

.views__icon {
    width: 6.25rem;
    height: 6.25rem;
    border: 0.0625rem solid rgba(234, 213, 135, 0.3);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.views__box {
    width: 3.375rem;
    height: 3.375rem
}

.views__or {
    color: rgba(255, 255, 255, 0.5)
}

.views__decor {
    left: 1.25rem;
    bottom: 3.4375rem;
    font-size: 13.125rem;
    line-height: 0.24;
    color: transparent;
    -webkit-text-stroke: 0.0625rem rgba(234, 213, 135, 0.3);
    paint-order: stroke fill;
    text-transform: uppercase;
    font-family: SovMod;
    font-weight: 400
}

@media screen and (max-width: 992px) {
    .views {
        padding-bottom: 1.5rem
    }

    .views__left {
        margin: 0
    }

    .views .big-text {
        margin: auto;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .views__right {
        padding: 1.5rem 1.5rem 4rem 1.5rem
    }

    .views__border {
        margin: 3rem 0 0 0
    }

    .views__decor {
        font-size: 12.375rem;
        bottom: .4375rem;
        left: 0
    }

    .views__desc {
        padding-left: 0
    }

    .views__btn {
        width: 100%
    }
}

@media screen and (max-width: 576px) {
    .views__items {
        gap: 1rem
    }

    .views__item {
        max-width: 9.9375rem
    }

    .views__right {
        padding: 1.5rem 1.5rem 3rem 1.5rem
    }

    .views__decor {
        font-size: 8rem;
        left: -0.6875rem;
        bottom: .625rem
    }
}

.methods {
    background-color: #333439
}

.methods .section-title {
    color: #fff
}

.methods__card {
    border: 0.0625rem solid rgba(234, 213, 135, 0.3);
    color: var(--accent);
    min-height: 23.25rem;
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.methods__card:hover {
    background-color: var(--accent);
    color: var(--text)
}

.methods__card:hover .methods__num {
    color: var(--text);
    -webkit-text-stroke: var(--text)
}

.methods__card:hover .methods__btn {
    border-color: var(--text);
    color: var(--text)
}

.methods__card_2 {
    margin-top: 4rem
}

.methods__card_3 {
    margin-top: -6rem
}

.methods__card p {
    margin: .875rem 0 0 0
}

.methods__num {
    position: absolute;
    bottom: .625rem;
    right: -0.8125rem;
    font-size: 8.75rem;
    color: transparent;
    -webkit-text-stroke: 0.0625rem rgba(234, 213, 135, 0.3);
    paint-order: stroke fill;
    line-height: 0.37;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    font-family: SovMod;
    font-weight: 400
}

.methods__num span {
    letter-spacing: 0.05em;
    font-size: 8rem;
    line-height: 0.4;
    font-family: SpectralSC;
    font-weight: 400
}

.methods__btn {
    margin: 1.375rem 0 0 0
}

@media screen and (max-width: 992px) {
    .methods__card_2 {
        margin: 0
    }

    .methods__card_3 {
        margin: 0
    }
}

@media screen and (max-width: 576px) {
    .methods__card {
        min-height: 19.625rem
    }

    .methods__card_2 {
        min-height: 24.25rem
    }

    .methods__btn {
        padding: 0 1.875rem
    }
}

.residents__wrap {
    gap: 5rem
}

.residents__image {
    height: 100%
}

.residents__items {
    gap: 1rem;
    padding-left: 4rem
}

.residents__item {
    border-bottom: 0.0625rem solid var(--accent)
}

.residents__num {
    color: transparent;
    -webkit-text-stroke: 0.0625rem var(--accent);
    paint-order: stroke fill;
    font-size: 2.5rem;
    letter-spacing: 0.04em;
    border-right: 0.0625rem solid var(--accent);
    padding: .3125rem 0 0 0;
    max-width: 5.875rem;
    width: 100%;
    text-align: center
}

.residents__btn {
    min-width: 4rem;
    height: 4rem;
    border: 0.0625rem solid var(--accent);
    background-color: transparent;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.residents__btn svg {
    width: 3rem;
    height: 3rem
}

.residents__btn svg path {
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.residents__btn:hover {
    background-color: var(--accent)
}

.residents__btn:hover svg path {
    fill: var(--text)
}

.residents__bottom {
    padding-left: 5rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem
}

.residents__img_one {
    width: 100%;
    height: 21.625rem
}

.residents__img_two {
    width: 100%;
    height: 12.8125rem
}

.residents__group p {
    border-left: .0625rem solid #D2D9DB
}

.residents__text {
    width: 100%;
    padding-right: .625rem
}

.residents-modal .modal-dialog {
    max-width: 61.75rem
}

.residents-modal .modal-content {
    padding: 5rem;
    border: .0625rem solid #D2D9DB;
    background-color: #EEF1F2;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: var(--text)
}

.residents-modal .modal-content__header {
    gap: .25rem
}

.residents-modal .modal-content__header .btn-close {
    min-width: 3.25rem;
    height: 3.25rem;
    border: 0.0625rem solid var(--text);
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    background: none;
    opacity: 1
}

.residents-modal .modal-content__header .btn-close svg {
    width: 2rem;
    height: 2rem
}

.residents-modal .modal-content__title {
    font-size: 2rem;
    line-height: 1.15;
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 600
}

.residents-modal .modal-content__text {
    max-width: 39.4375rem
}

.residents-modal .modal-content__text p {
    margin-bottom: 1.5rem
}

.residents-modal .modal-content__text p:last-child {
    margin: 0
}

.residents-modal .modal-content__text_bold {
    font-family: Montserrat;
    font-weight: 600
}

.residents-modal .modal-content__images {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem
}

.residents-modal .modal-content__images-one {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    gap: 3rem
}

.residents-modal .modal-content__image {
    width: 100%;
    height: 28.8125rem
}

@media screen and (max-width: 992px) {
    .residents__image {
        height: 53.75rem
    }

    .residents__image img {
        height: 100%
    }

    .residents__items {
        padding-left: 0
    }

    .residents__bottom {
        padding-left: 0
    }

    .residents__wrap {
        gap: 1.5rem
    }

    .residents__text {
        padding-right: 1rem
    }

    .residents__group p {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .residents-modal .modal-dialog {
        max-width: 100%
    }

    .residents-modal .modal-content {
        padding: 3rem;
        margin: 0 1.5rem
    }

    .residents-modal .modal-content__images {
        gap: 1.5rem
    }
}

@media screen and (max-width: 576px) {
    .residents__wrap {
        gap: 1rem
    }

    .residents__img_one {
        height: 15.375rem
    }

    .residents__img_two {
        height: 8.4375rem
    }

    .residents__top>p {
        max-width: 18.75rem
    }

    .residents__text {
        padding-top: .125rem;
        padding-bottom: .125rem
    }

    .residents__num {
        max-width: 4.9375rem
    }

    .residents__image {
        height: 32.75rem
    }

    .residents-modal .modal-content {
        padding: 1.5rem;
        margin: 0 1.5rem
    }

    .residents-modal .modal-content__images {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }

    .residents-modal .modal-content__title {
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        font-size: 1.5625rem
    }

    .residents-modal .modal-content__text p {
        margin-bottom: 1rem
    }

    .residents-modal .modal-content__image {
        height: 18.75rem
    }
}

.next-space {
    background-color: #FAFAFA
}

.next-space .section-title {
    color: var(--text)
}

.next-space .section-title span {
    display: block
}

.next-space__decor {
    top: 8.4375rem
}

.next-space__decor svg {
    width: 10.125rem;
    height: 13.0625rem
}

.next-space__text p {
    margin-bottom: 1.5rem
}

.next-space__text p:last-child {
    margin: 0
}

.next-space__stroke {
    margin: 7.5rem auto;
    max-width: -webkit-calc(93rem + 3rem);
    max-width: calc(93rem + 3rem)
}

.next-space__stroke .next-space__item {
    max-width: 27.4375rem;
    margin-left: 5.5rem;
    margin-top: 6.5rem
}

.next-space__stroke .next-space__image p {
    max-width: 8.75rem;
    border-left: none;
    border-right: .0625rem solid #D2D9DB
}

.next-space__left {
    margin-top: -3.125rem;
    gap: 12rem;
    padding: 0 2.5rem
}

.next-space__left .next-space__item {
    max-width: 27.6875rem;
    width: 100%
}

.next-space__left .next-space__image p {
    border-right: .0625rem solid #D2D9DB;
    border-left: none
}

.next-space__center {
    max-width: 93rem;
    margin: auto;
    width: 100%
}

.next-space__center .big-text span {
    display: block
}

.next-space__center .big-text span span {
    display: inline
}

.next-space__center .big-text span.color {
    color: var(--accent)
}

.next-space__center .big-text span:first-child {
    text-indent: 2.5rem
}

.next-space__center .big-text span:nth-child(2) {
    text-indent: 7rem
}

.next-space__center .big-text span:nth-child(4) {
    text-indent: 3.375rem
}

.next-space__center .next-space__item {
    padding: 0 8.4375rem
}

.next-space__right {
    margin-top: -5rem;
    padding: 0 2.5rem;
    width: 100%
}

.next-space__border {
    max-width: 19.75rem;
    width: 100%;
    margin-top: 13.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
    border: 0.0625rem solid rgba(51, 52, 57, 0.4)
}

.next-space__image p {
    border-left: .0625rem solid #D2D9DB
}

.next-space__box_1 {
    width: 69.3125rem;
    height: 43.875rem
}

.next-space__box_2 {
    min-width: 53.3125rem;
    height: 35.125rem
}

.next-space__box_3 {
    height: 53.4375rem;
    width: 82.875rem
}

.next-space__bottom {
    margin-top: 7.5rem
}

.next-space__bottom .next-space__item {
    gap: 4rem;
    max-width: 61.5625rem;
    width: 100%
}

.next-space__bottom .next-space__text {
    max-width: 28.3125rem
}

@media screen and (max-width: 992px) {
    .next-space__decor {
        top: 5.8125rem;
        left: auto;
        right: 0
    }

    .next-space__stroke {
        margin: 4rem 0
    }

    .next-space__stroke .next-space__item {
        margin-top: 1.5rem;
        margin-left: 0;
        max-width: 100%
    }

    .next-space__stroke .next-space__image {
        width: 100%
    }

    .next-space__image p {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .next-space__wrap {
        padding: 0 1.5rem
    }

    .next-space__left {
        width: 100%;
        gap: 0;
        margin: 4rem 0 0 0;
        padding: 0
    }

    .next-space__left .next-space__image p {
        text-align: right;
        border-left: none;
        border-right: .0625rem solid #D2D9DB
    }

    .next-space__center .big-text {
        margin: auto;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .next-space__center .big-text span:nth-child(2) span {
        display: block;
        text-indent: 10rem
    }

    .next-space__center .next-space__item {
        padding: 0;
        margin-left: 0
    }

    .next-space__right {
        max-width: 100%;
        gap: 0;
        margin: 2rem 0 0 0;
        padding: 0
    }

    .next-space__right .next-space__image {
        width: 100%
    }

    .next-space__box_1 {
        width: 100%;
        height: 20.875rem
    }

    .next-space__box_2 {
        min-width: 34.375rem;
        height: 22.125rem
    }

    .next-space__box_3 {
        width: 31.25rem;
        height: 20.4375rem
    }

    .next-space__border {
        margin: 2rem 0 0 0;
        max-width: 100%
    }

    .next-space__bottom {
        margin-top: 4rem
    }

    .next-space__bottom .next-space__item {
        max-width: 28.75rem;
        gap: 1rem
    }
}

@media screen and (max-width: 576px) {
    .next-space__decor {
        top: 11.8125rem
    }

    .next-space__stroke .next-space__image p {
        border-left: .0625rem solid #D2D9DB;
        border-right: none
    }

    .next-space__wrap {
        padding: 0
    }

    .next-space__center .big-text span:nth-child(1) {
        text-indent: 3.5rem
    }

    .next-space__center .big-text span:nth-child(1) span {
        display: block;
        text-indent: 0
    }

    .next-space__center .big-text span:nth-child(2) {
        text-indent: 4rem
    }

    .next-space__center .big-text span:nth-child(2) span {
        text-indent: 1rem
    }

    .next-space__center .big-text span:nth-child(3) span {
        display: block;
        text-indent: 8rem
    }

    .next-space__left .next-space__image {
        margin-top: 3rem
    }

    .next-space__right {
        margin-top: 1.5rem
    }

    .next-space__border {
        margin-top: 1.5rem
    }

    .next-space__bottom {
        margin-top: 3rem
    }

    .next-space__box_1 {
        min-width: 18.4375rem;
        width: auto;
        height: 11.625rem
    }

    .next-space__box_1 img {
        height: 100%
    }

    .next-space__box_2 {
        min-width: 18.5625rem;
        height: 11.0625rem
    }

    .next-space__box_2 img {
        height: 100%
    }

    .next-space__box_3 {
        height: 13.875rem;
        width: 24.1875rem
    }

    .next-space__box_3 img {
        height: 100%
    }
}

/*
.next-space {
    background-color: #FAFAFA
}

.next-space .section-title {
    color: var(--text)
}

.next-space .section-title span {
    display: block
}

.next-space__decor {
    top: 5.3125rem
}

.next-space__decor svg {
    width: 10.125rem;
    height: 13.0625rem
}

.next-space__text p {
    margin-bottom: 1.5rem
}

.next-space__text p:last-child {
    margin: 0
}

.next-space__stroke {
    margin-top: 7.5rem;
    margin-bottom: 5rem
}

.next-space__stroke .next-space__item {
    max-width: 27.4375rem;
    margin-left: 5.5rem;
    margin-top: 6.5rem
}

.next-space__stroke .next-space__image {
    margin-right: 5.75rem
}

.next-space__wrap {
    gap: 1.5rem
}

.next-space__left .next-space__image p {
    bottom: 0;
    right: -12.75rem;
    max-width: 11.25rem
}

.next-space__center {
    gap: 10.5rem
}

.next-space__center .big-text span {
    display: block
}

.next-space__center .big-text span:first-child {
    text-indent: 6.875rem
}

.next-space__center .big-text span:nth-child(2) {
    text-indent: 6.5625rem
}

.next-space__center .big-text span:nth-child(3) {
    text-indent: 3.125rem
}

.next-space__center .big-text span:nth-child(4) {
    text-indent: 5.1875rem;
    color: var(--accent)
}

.next-space__center .big-text span:nth-child(5) {
    text-indent: 1.1875rem;
    color: var(--accent)
}

.next-space__center .big-text span:nth-child(6) {
    text-indent: 13.4375rem;
    color: var(--accent)
}

.next-space__center .next-space__item {
    padding: 0 8.4375rem
}

.next-space__right {
    gap: 4rem;
    max-width: 24.375rem;
    width: 100%
}

.next-space__border {
    padding-left: 2rem;
    padding-right: 2rem;
    border: 0.0625rem solid rgba(51, 52, 57, 0.4)
}

.next-space__image p {
    border-left: .0625rem solid #D2D9DB
}

.next-space__box_1 {
    width: 45.0625rem;
    height: 25.875rem
}

.next-space__box_2 {
    min-width: 27.375rem;
    height: 38rem
}

.next-space__box_3 {
    height: 34.0625rem;
    width: 100%
}

@media screen and (max-width: 992px) {
    .next-space__decor {
        top: 10.8125rem;
        left: auto;
        right: 0
    }

    .next-space__stroke {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .next-space__stroke .next-space__item {
        margin-top: 1.5rem;
        margin-left: 0;
        max-width: 100%
    }

    .next-space__image p {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .next-space__wrap {
        gap: 4rem
    }

    .next-space__left {
        width: 100%
    }

    .next-space__left .next-space__image p {
        text-align: right;
        border-left: none;
        border-right: .0625rem solid #D2D9DB
    }

    .next-space__center {
        padding: 1.5rem 0;
        gap: 4rem
    }

    .next-space__center .big-text {
        margin: auto;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .next-space__center .next-space__item {
        padding: 0;
        margin-left: 0
    }

    .next-space__right {
        max-width: 100%;
        gap: 1.5rem;
        padding-bottom: 1.5rem
    }

    .next-space__box_1 {
        width: 30.0625rem;
        height: 16.875rem
    }
}

@media screen and (max-width: 576px) {
    .next-space__box_1 {
        min-width: 18.4375rem;
        width: auto;
        height: 11.625rem
    }

    .next-space__box_1 img {
        height: 100%
    }

    .next-space__box_2 {
        min-width: 16.3125rem;
        height: 22.625rem
    }

    .next-space__box_2 img {
        height: 100%
    }

    .next-space__box_3 {
        height: 18.4375rem;
        width: 19.3125rem
    }

    .next-space__box_3 img {
        height: 100%
    }
}
*/
.parking {
    background-color: #EEF1F2
}

.parking .nav-tabs {
    margin: 6.5rem 0 0 0;
    gap: 1.5rem;
    max-width: 10.3125rem;
    width: 100%;
    z-index: 1;
    border: none
}

.parking .nav-tabs .nav-link {
    width: 100%;
    color: var(--text);
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 1rem;
    margin: 0;
    border: 0.0625rem solid var(--text);
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease
}

.parking .nav-tabs .nav-link:hover {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--text)
}

.parking .nav-tabs .nav-link:active {
    background-color: var(--text);
    border-color: var(--text);
    color: #fff
}

.parking .nav-tabs .nav-link.active {
    background-color: var(--accent);
    border-color: var(--accent)
}

.parking-slider {
    max-width: 69.3125rem;
    width: 100%;
    height: 38.125rem
}

.parking-slider div {
    width: 100%;
    height: 100%
}

.parking-slider__slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.parking-slider-2 {
    max-width: 69.3125rem;
    width: 100%;
    height: 38.125rem
}

.parking-slider-2 div {
    width: 100%;
    height: 100%
}

.parking__top {
    position: absolute;
    top: 0;
    left: .75rem;
    gap: 3rem
}

.parking__navig {
    padding-bottom: 7.5rem
}

.parking__navig .slider__counter,
.parking__navig .slider__counter-2 {
    margin-bottom: 2rem;
    color: var(--text);
    font-size: 2.0625rem;
    line-height: 1;
    font-family: SovMod;
    font-weight: 400
}

.parking__navig .slider__counter span,
.parking__navig .slider__counter-2 span {
    font-size: 4.5625rem
}

.parking-arrows {
    gap: 1.5rem
}

.parking-arrows .slick-arrow {
    border: 0.0625rem solid var(--text)
}

.parking-arrows .slick-arrow:hover {
    background-color: var(--accent);
    border-color: var(--accent)
}

.parking-arrows .slick-arrow:active {
    background-color: #fff;
    border-color: #fff
}

.parking__main {
    margin-top: 33.125rem;
    gap: 1.5rem;
    margin-left: 6.375rem
}

.parking__bottom {
    background-color: #fff;
    padding: 5rem;
    position: relative;
    z-index: 1
}

.parking__desc {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem 3rem
}

.parking__sub {
    font-size: 1.75rem;
    letter-spacing: 0;
    line-height: 1;
    font-family: Geologica;
    font-weight: 400
}

.parking__text p {
    color: rgba(51, 52, 57, 0.4)
}

.parking__btn {
    margin: 2.5rem 0 0 0
}

.parking .section-title {
    color: var(--text)
}

@media screen and (max-width: 992px) {
    .parking__main {
        margin: 0
    }

    .parking .nav-tabs {
        max-width: 100%;
        margin: 0
    }

    .parking__top {
        position: initial;
        gap: 1.5rem
    }

    .parking__general {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 1.5rem
    }

    .parking__desc {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem
    }

    .parking__btn {
        margin: 1.5rem 0 0 0
    }

    .parking__bottom {
        padding: 3rem
    }

    .parking-slider {
        height: 25rem
    }

    .parking-slider-2 {
        height: 25rem
    }

    .parking-arrows {
        width: 100%
    }

    .parking__navig {
        padding: 0
    }

    .parking__navig .slider__counter,
    .parking__navig .slider__counter-2 {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        position: absolute;
        bottom: -0.4375rem;
        left: 0;
        right: 0;
        margin: auto
    }
}

@media screen and (max-width: 576px) {
    .parking__bottom {
        padding: 1.5rem
    }

    .parking-slider {
        height: 16.875rem
    }

    .parking-slider-2 {
        height: 16.875rem
    }

    .parking .nav-tabs {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .parking .nav-tabs li button {
        width: 100%
    }
}

.map__tabs {
    color: #fff;
    background-color: var(--text)
}

.map__tabs .nav-tabs {
    gap: 1.5rem;
    border: none
}

.map__tabs .nav-tabs li button {
    border: .0625rem solid #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 3.5rem;
    margin: 0
}

.map__tabs .nav-tabs li button.active {
    background-color: var(--accent);
    color: var(--text);
    border-color: var(--accent)
}

.map__tabs .nav-tabs li button:hover {
    border-color: var(--accent)
}

.map__tabs .nav-tabs li button:active {
    border-color: var(--text)
}

.map__image {
    width: 100%;
    height: 66.125rem
}

@media screen and (max-width: 992px) {
    .map__image {
        width: 120rem;
        height: 59.375rem
    }

    .map__image_wrapper {
        overflow: auto;
        position: relative;
        width: 100%;
        height: 59.375rem
    }

    .map__image_wrapper::-webkit-scrollbar {
        display: none
    }

    .map__image_wrapper::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        width: 100%
    }

    .map__tabs {
        width: 100%;
        padding: 4rem 1.5rem 1.5rem 1.5rem
    }

    .map .tab-content {
        padding-top: 12.9375rem;
        padding-bottom: 4.6875rem
    }

    .map__overlay {
        min-height: 8.75rem;
        position: absolute;
        bottom: 0;
        width: 100%;
        color: #fff;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(54.32%, #333439), to(rgba(51, 52, 57, 0)));
        background: -webkit-linear-gradient(bottom, #333439 54.32%, rgba(51, 52, 57, 0) 100%);
        background: -o-linear-gradient(bottom, #333439 54.32%, rgba(51, 52, 57, 0) 100%);
        background: linear-gradient(360deg, #333439 54.32%, rgba(51, 52, 57, 0) 100%)
    }

    .map__overlay_wrapper {
        gap: 1rem;
        padding: 4rem 1.5rem 1.5rem 1.5rem
    }

    .map__overlay_image svg {
        width: 3.375rem;
        height: 3.375rem
    }
}

@media screen and (max-width: 576px) {
    .map__tabs .nav-tabs {
        gap: 1rem
    }

    .map__tabs .nav-tabs li button {
        height: 3rem;
        padding: 0 1.375rem;
        letter-spacing: 0.02em
    }

    .map__image {
        width: 69.375rem;
        height: 38.25rem
    }

    .map__image_wrapper {
        height: 38.25rem
    }

    .map .tab-content {
        padding-top: 10.625rem
    }
}

.images-views {
    height: 100vh;
    margin-top: -3.75rem
}

.images-views__block {
    height: 100%
}

.images-views .slick-arrow {
    display: none
}

.images-views-slider-for {
    height: 100%
}

.images-views-slider-for div {
    height: 100%
}

.images-views-slider-for__slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.images-views-slider__wrap {
    bottom: 0;
    position: absolute
}

.images-views-slider-nav {
    margin: 0 1rem
}

.images-views-slider-nav .slick-list {
    padding: 0 !important
}

.images-views-slider-nav .slick-slide {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
    max-width: 32.3125rem
}

.images-views-slider-nav .slick-current .images-views-slider-nav__btn {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.5)
}

.images-views-slider-nav .slick-current .images-views-slider-nav__btn:hover {
    background-color: rgba(255, 255, 255, 0.1)
}

.images-views-slider-nav .slick-current .images-views-slider-nav__btn:active {
    background-color: rgba(255, 255, 255, 0.1)
}

.images-views-slider-nav .slick-current .images-views-slider-nav__decor svg path,
.images-views-slider-nav .slick-current .images-views-slider-nav__decor svg circle {
    stroke: #fff
}

.images-views-slider-nav__btn {
    border: 0.0625rem solid rgba(234, 213, 135, 0.3);
    -webkit-backdrop-filter: blur(0.875rem);
    backdrop-filter: blur(0.875rem);
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--accent);
    height: 4rem;
    font-size: 1.5rem;
    letter-spacing: 0.04em;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    margin-bottom: 3rem;
    width: 32.3125rem;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Geologica;
    font-weight: 400
}

.images-views-slider-nav__btn:hover {
    background-color: var(--accent);
    color: var(--text)
}

.images-views-slider-nav__btn:active {
    background-color: var(--text);
    color: #fff
}

.images-views-slider-nav__decor {
    bottom: -2.1875rem;
    left: 0;
    right: 0;
    margin: auto;
    width: 15.9375rem;
    height: 15.625rem
}

.images-views-slider-nav__decor svg {
    width: 15.9375rem;
    height: 15.625rem
}

.images-views-slider-nav__slide {
    height: 13.4375rem;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    cursor: pointer
}

.images-views-slider-nav .slick-slide:nth-child(1) .images-views-slider-nav__decor {
    bottom: -2.8125rem;
    left: -6rem;
    right: auto;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.images-views-slider-nav .slick-slide:nth-child(3) .images-views-slider-nav__decor {
    bottom: -2.8125rem;
    right: -6rem;
    left: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (min-width: 993px) {
    .images-views-slider-nav .slick-track {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transform: translate3d(0px, 0px, 0px) !important;
        transform: translate3d(0px, 0px, 0px) !important
    }
}

@media screen and (max-width: 992px) {
    .images-views {
        margin: 0;
        height: auto
    }

    .images-views-slider__wrap {
        position: relative
    }

    .images-views-slider-for {
        height: 24.375rem
    }

    .images-views-slider-nav {
        margin: 0;
        padding: 2.5rem;
        background-color: var(--text)
    }

    .images-views-slider-nav .slick-slide {
        max-width: 100%
    }

    .images-views-slider-nav__slide {
        height: auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .images-views-slider-nav__decor {
        display: none
    }

    .images-views-slider-nav__btn {
        margin: 0 auto;
        width: 34.5rem;
        height: 4.25rem
    }

    .images-views-slider-nav-next {
        right: 2.5rem
    }

    .images-views-slider-nav-prev {
        left: 2.5rem
    }

    .images-views .slick-arrow {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        top: 2.5rem;
        border-color: var(--accent)
    }
}

@media screen and (max-width: 576px) {
    .images-views-slider-for {
        height: 14.75rem
    }

    .images-views-slider-nav {
        padding: 1.5rem
    }

    .images-views-slider-nav__btn {
        font-size: 1.125rem;
        width: 18.5rem;
        letter-spacing: 0.02em;
        font-family: Geologica;
        font-weight: 300
    }

    .images-views-slider-nav-next {
        right: 1.5rem
    }

    .images-views-slider-nav-prev {
        left: 1.5rem
    }

    .images-views .slick-arrow {
        top: 1.5rem
    }
}

.progress-block {
    background-color: var(--text);
    color: #fff
}

.progress-block .progress__left .nav-tabs {
    border: none;
    gap: 1.5rem
}

.progress-block .progress__left .nav-tabs li button {
    border: .0625rem solid #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    height: 3.5rem;
    letter-spacing: 0.02em
}

.progress-block .progress__left .nav-tabs li button.active {
    background-color: var(--accent);
    border-color: var(--accent);
    color: var(--text)
}

.progress-block .progress__left .nav-tabs li button:hover {
    border-color: var(--accent)
}

.progress-block .progress__left .nav-tabs li button:active {
    background-color: var(--text);
    border-color: var(--text);
    color: #fff
}

.progress-block .progress-banner {
    border: 0.0625rem solid rgba(234, 213, 135, 0.3);
    max-width: 37.8125rem;
    width: 100%
}

.progress-block .progress-banner__group {
    color: var(--accent)
}

.progress-block .progress-banner__group p {
    opacity: 0.7
}

.progress-block .progress-banner__percent {
    font-size: 13.125rem;
    line-height: 0.93;
    color: var(--accent);
    font-family: SovMod;
    font-weight: 400
}

.progress-block .progress-banner__percent span {
    font-family: Montserrat;
    font-weight: 500
}

.progress-block .progress-slider-for {
    width: 37rem;
    height: 41.625rem
}

.progress-block .progress-slider-for div {
    height: 100%;
    width: 100%
}

.progress-block .progress-slider-for__slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.progress-block .progress-slider-nav {
    max-width: 37.75rem
}

.progress-block .progress-slider-nav .slick-list {
    margin-left: -0.75rem
}

.progress-block .progress-slider-nav .slick-slide {
    margin: 0 .75rem
}

.progress-block .progress-slider-nav .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.progress-block .progress-slider-nav__slide {
    max-width: 11.3125rem;
    width: 100%
}

.progress-block .progress-slider-nav__slide img {
    width: 100%;
    height: 8.5rem;
    -o-object-fit: cover;
    object-fit: cover
}

.progress-block .progress-slider-nav__slide p {
    opacity: 0.7
}

.progress-block .progress-slider-nav__wrap {
    max-width: 42.75rem
}

.progress-block .progress-arrows {
    position: absolute;
    top: 0;
    right: 0
}

.progress-block .progress-arrows-next,
.progress-block .progress-arrows-prev {
    border: 0.0625rem solid var(--accent)
}

.progress-block .progress-arrows-next:hover,
.progress-block .progress-arrows-prev:hover {
    background-color: var(--accent)
}

.progress-block .progress-arrows-next:hover svg path,
.progress-block .progress-arrows-prev:hover svg path {
    fill: var(--text)
}

.progress-block .progress-arrows-next:active,
.progress-block .progress-arrows-prev:active {
    background-color: #fff;
    border-color: #fff
}

.progress-block .progress-video {
    position: absolute;
    top: 6.5rem;
    right: .75rem;
    width: 21.6875rem;
    height: 14rem
}

.progress-block .progress-video__wrap {
    width: 100%;
    height: 100%
}

.progress-block .progress-video__preview {
    height: 100%;
    width: 100%
}

.progress-block .progress-video__preview img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.progress-block .progress-video__play {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: var(--accent);
    border: 0.0625rem solid var(--accent);
    width: 3.25rem;
    height: 3.25rem;
    cursor: pointer;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.progress-block .progress-video__play svg {
    width: 2.0625rem;
    height: 2.0625rem
}

.progress-block .progress-video__play:hover {
    background-color: transparent
}

.progress-block .progress-video__play:active {
    background-color: var(--text);
    border-color: var(--text)
}

@media screen and (max-width: 992px) {
    .progress-block .progress-banner {
        max-width: 100%
    }

    .progress-block .progress-slider-for {
        width: 100%
    }

    .progress-block .progress-slider-nav {
        max-width: 100%
    }

    .progress-block .progress-slider-nav .slick-list {
        width: 43.5rem
    }

    .progress-block .progress-slider-nav__slide {
        max-width: 100%
    }

    .progress-block .progress-video {
        margin: 4rem 0 0 0;
        position: initial;
        width: 100%;
        height: 25rem
    }

    .progress-block .progress-arrows {
        top: -43.125rem;
        background-color: var(--text);
        padding: 0 0 1.5rem 1.5rem
    }
}

@media screen and (max-width: 576px) {
    .progress-block .progress-banner__percent {
        font-size: 8.5625rem
    }

    .progress-block .progress__left .nav-tabs {
        width: 100%;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }

    .progress-block .progress__left .nav-tabs li button {
        width: 100%
    }

    .progress-block .progress-slider-for {
        height: 25rem
    }

    .progress-block .progress-slider-nav .slick-slide {
        margin: 0 .5rem
    }

    .progress-block .progress-slider-nav .slick-list {
        margin-left: -0.5rem;
        width: 27.8125rem
    }

    .progress-block .progress-slider-nav__slide img {
        height: 6rem
    }

    .progress-block .progress-arrows {
        top: -26.5rem
    }

    .progress-block .progress-video {
        height: 17.4375rem
    }
}

.commercial-benefits {
    background-color: #FAFAFA
}

.commercial-benefits__list {
    gap: 3.5rem
}

.commercial-benefits__group {
    gap: 2rem
}

.commercial-benefits__group .name {
    color: var(--text)
}

.commercial-benefits__group p {
    color: rgba(51, 52, 57, 0.4)
}

.commercial-benefits__icon {
    min-width: 6.25rem;
    height: 6.25rem;
    background-color: var(--text);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.commercial-benefits__box {
    width: 3.375rem;
    height: 3.375rem
}

.commercial-benefits__image {
    width: 34.3125rem;
    height: 49.8125rem
}

.commercial-benefits__image_1 {
    width: 22.4375rem;
    height: 13.125rem
}

.commercial-benefits__image_2 {
    width: 11.125rem;
    height: 8.1875rem
}

.commercial-benefits__item p {
    border-left: .0625rem solid #D2D9DB
}

.commercial-benefits__item_big p {
    position: absolute;
    top: 0;
    right: -8.75rem
}

.commercial-benefits__item_1 {
    top: 6.3125rem;
    left: -10.6875rem
}

.commercial-benefits__item_2 {
    bottom: 7.5rem;
    left: -17.1875rem
}

@media screen and (max-width: 992px) {
    .commercial-benefits__item p {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .commercial-benefits__item_big p {
        position: initial
    }

    .commercial-benefits__item_1 {
        top: 4.375rem
    }

    .commercial-benefits__item_2 {
        left: -13.75rem;
        bottom: 4.375rem
    }

    .commercial-benefits__image {
        width: 28.125rem;
        height: 37.5rem
    }

    .commercial-benefits__image img {
        height: 100%
    }

    .commercial-benefits__list {
        gap: 3rem
    }

    .commercial-benefits__group {
        gap: 1.5rem
    }
}

@media screen and (max-width: 576px) {
    .commercial-benefits__image {
        width: 17.25rem;
        height: 25rem
    }

    .commercial-benefits__image_1 {
        width: 11.25rem;
        height: 5.6875rem
    }

    .commercial-benefits__image_2 {
        width: 5.625rem;
        height: 3.1875rem
    }

    .commercial-benefits__item_1 {
        top: 3.25rem;
        left: -7.0625rem
    }

    .commercial-benefits__item_2 {
        top: 15.5rem;
        left: -9.6875rem
    }
}

.commercial-layouts__block {
    padding: 15.625rem 0
}

.commercial-layouts .big-text span {
    color: var(--accent);
    text-indent: 2.1875rem;
    display: block
}

.commercial-layouts__content {
    gap: 2.5rem;
    max-width: 40.75rem;
    width: 100%
}

.commercial-layouts__sub {
    padding-left: 4rem;
    max-width: 29.25rem
}

.commercial-layouts__group {
    padding-left: 7.5rem
}

.commercial-layouts__item {
    border-bottom: 0.0625rem solid var(--accent);
    margin-bottom: 1rem
}

.commercial-layouts__item:last-child {
    border: none;
    margin-bottom: 0
}

.commercial-layouts__num {
    color: transparent;
    -webkit-text-stroke: 0.0625rem var(--accent);
    paint-order: stroke fill;
    font-size: 2.5rem;
    letter-spacing: 0.04em;
    border-right: 0.0625rem solid var(--accent);
    padding: .25rem 0 0 0;
    max-width: 5.875rem;
    width: 100%;
    text-align: center
}

.commercial-layouts__text {
    padding: .875rem 1.5rem
}

.commercial-layouts__btn {
    margin: 2.5rem 0 0 0
}

.commercial-layouts__plan p {
    border-left: .0625rem solid #D2D9DB;
    color: rgba(51, 52, 57, 0.4);
    font-size: 2.5625rem;
    font-family: Montserrat;
    font-weight: 500
}

.commercial-layouts__plan p span {
    font-size: 3rem;
    color: var(--text);
    font-family: SovMod;
    font-weight: 400
}

.commercial-layouts__item_1 {
    top: 0;
    right: 26.875rem
}

.commercial-layouts__item_2 {
    top: 8.75rem;
    left: 11.875rem
}

.commercial-layouts__item_3 {
    top: 33.5rem;
    left: -3.5625rem
}

.commercial-layouts__item_4 {
    bottom: 9.9375rem;
    left: 21rem
}

.commercial-layouts__item_5 {
    bottom: 0;
    right: 18.8125rem
}

.commercial-layouts__item_6 {
    right: 8.4375rem;
    top: 31.8125rem
}

.commercial-layouts__item_6 p {
    border-left: none;
    border-right: .0625rem solid #D2D9DB
}

.commercial-layouts__image_1 {
    width: 15.4375rem;
    height: 15.25rem
}

.commercial-layouts__image_2 {
    width: 22.25rem;
    height: 15.625rem
}

.commercial-layouts__image_3 {
    width: 12.5625rem;
    height: 14.6875rem
}

.commercial-layouts__image_4 {
    width: 12.375rem;
    height: 23.8125rem
}

.commercial-layouts__image_5 {
    width: 12.625rem;
    height: 16.375rem
}

.commercial-layouts__image_6 {
    width: 24.5rem;
    height: 15.9375rem
}

@media screen and (max-width: 992px) {
    .commercial-layouts {
        overflow: hidden
    }

    .commercial-layouts__content {
        max-width: 31.25rem
    }

    .commercial-layouts__sub {
        padding-left: 1.5rem
    }

    .commercial-layouts__group {
        padding-left: 1.5rem
    }

    .commercial-layouts__item_2 {
        top: -3.125rem;
        left: -3.125rem
    }

    .commercial-layouts__item_4 {
        left: -9.375rem
    }

    .commercial-layouts__item_5 {
        left: auto;
        right: 3rem;
        bottom: -4.375rem
    }

    .commercial-layouts__item_6 {
        right: -28.125rem
    }
}

@media screen and (max-width: 576px) {
    .commercial-layouts .big-text span {
        text-indent: 1.25rem
    }

    .commercial-layouts__block {
        padding: 6.875rem 0
    }

    .commercial-layouts__content {
        max-width: 23.9375rem;
        gap: 1rem
    }

    .commercial-layouts__btn {
        margin: 1rem 0 0 0
    }

    .commercial-layouts__item_2 {
        top: -1.6875rem;
        left: -5.375rem
    }

    .commercial-layouts__item_4 {
        left: -6.25rem;
        bottom: 5.25rem
    }

    .commercial-layouts__item_5 {
        right: 1.125rem;
        bottom: -2.5rem
    }

    .commercial-layouts__item_6 {
        top: 12.6875rem;
        right: -18.125rem
    }

    .commercial-layouts__image_2 {
        width: 13.1875rem;
        height: 9.1875rem
    }

    .commercial-layouts__image_4 {
        width: 7.3125rem;
        height: 14.0625rem
    }

    .commercial-layouts__image_5 {
        width: 7.5rem;
        height: 9.6875rem
    }

    .commercial-layouts__image_6 {
        width: 14.5rem;
        height: 9.4375rem
    }

    .commercial-layouts__plan p {
        font-size: 1.5rem
    }

    .commercial-layouts__plan p span {
        font-size: 1.75rem
    }

    .commercial-layouts__num {
        max-width: 5rem
    }

    .commercial-layouts__text {
        padding: 1rem
    }
}

.commercial-active {
    background-color: #FAFAFA
}

.commercial-active .section-title {
    color: var(--text)
}

.commercial-active__text {
    color: rgba(51, 52, 57, 0.4)
}

.commercial-active__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem
}

.commercial-active__item {
    min-width: 22.0625rem;
    width: 100%;
    overflow: hidden;
    border: .0625rem solid #D2D9DB;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.commercial-active__item:nth-child(1) {
    margin-top: 4.5rem
}

.commercial-active__item:nth-child(4) {
    margin-top: -4.5rem
}

.commercial-active__item p {
    max-width: 12.5rem
}

.commercial-active__item_accent {
    border-color: var(--accent)
}

.commercial-active__item_accent .commercial-active__icon {
    background-color: var(--accent)
}

.commercial-active__item_accent .commercial-active__decor {
    -webkit-text-stroke: 0.0625rem var(--accent)
}

.commercial-active__icon {
    width: 6.25rem;
    height: 6.25rem;
    background-color: #F0F0F0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.commercial-active__box {
    width: 3.375rem;
    height: 3.375rem
}

.commercial-active__decor {
    bottom: .375rem;
    right: -0.25rem;
    color: transparent;
    -webkit-text-stroke: .0625rem #D2D9DB;
    paint-order: stroke fill;
    font-size: 7.5rem;
    line-height: 0.42;
    font-family: SovMod;
    font-weight: 400
}

.commercial-active__banner {
    margin-left: 3rem;
    margin-top: 2.5rem;
    max-width: 42.875rem;
    width: 100%;
    background-color: var(--text);
    background-image: url(../img/commercial-real-estate/commercial-active/bg-image.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: bottom
}

.commercial-active__banner p {
    color: rgba(255, 255, 255, 0.5);
    max-width: 30.3125rem
}

.commercial-active__banner .name {
    color: #fff;
    max-width: 22.8125rem
}

.commercial-active__banner .name span {
    color: var(--accent)
}

@media screen and (max-width: 992px) {
    .commercial-active__items {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem
    }

    .commercial-active__item {
        gap: 1.5rem
    }

    .commercial-active__item:nth-child(1) {
        margin-top: 0
    }

    .commercial-active__item:nth-child(4) {
        margin-top: 0
    }

    .commercial-active__banner {
        margin: 1.5rem 0 0 0;
        min-height: 36.6875rem
    }
}

@media screen and (max-width: 576px) {
    .commercial-active__item p {
        max-width: 11.875rem
    }

    .commercial-active__decor {
        font-size: 6.25rem
    }

    .commercial-active__banner {
        background-position-y: 2.1875rem
    }

    .commercial-active__banner .name {
        letter-spacing: 0
    }
}

.news .section-title {
    color: var(--text)
}

.news__btn {
    gap: .5rem
}

.news__btn svg {
    width: 2rem;
    height: 2rem
}

.news__image {
    width: 100%;
    height: 31.5rem
}

.news__desc {
    background-color: var(--text);
    color: #fff
}

.news__desc h4 {
    font-size: 1.75rem;
    letter-spacing: 0;
    line-height: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-family: Geologica;
    font-weight: 400
}

.news__group {
    color: rgba(255, 255, 255, 0.5)
}

.news__group p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-width: 33.875rem;
    height: 3rem
}

.news__read {
    gap: .5rem
}

.news__read:hover {
    border-color: var(--text);
    background-color: var(--text);
    color: #fff
}

.news__read span {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.news__read svg {
    width: 2rem;
    height: 2rem
}

.news__date {
    left: 0;
    top: 0;
    background-color: var(--text);
    padding: .25rem .5rem
}

.news__date p {
    color: #fff;
    font-size: .875rem;
    line-height: 1;
    font-family: Montserrat;
    font-weight: 600
}

.news__article {
    gap: 1.5rem;
    margin-bottom: 3rem
}

.news__article:last-child {
    margin: 0
}

.news__img {
    width: 11.5rem;
    height: 11.5rem
}

.news__info_group {
    gap: 1rem
}

.news__info h4 {
    font-size: 1.75rem;
    line-height: 1;
    letter-spacing: 0;
    color: var(--text);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3.5rem;
    font-family: Geologica;
    font-weight: 400
}

.news__info p {
    color: rgba(51, 52, 57, 0.4);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5
}

.news__link {
    width: 4.25rem;
    height: 4.25rem;
    border: 0.0625rem solid var(--text);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.news__link svg {
    width: 4.25rem;
    height: 4.25rem
}

@media screen and (max-width: 992px) {
    .news__image {
        height: 25rem
    }

    .news__desc h4 {
        -webkit-line-clamp: 2
    }

    .news__article {
        margin-bottom: 1.5rem
    }
}

@media screen and (max-width: 576px) {
    .news {
        padding-bottom: 8.75rem
    }

    .news__image {
        height: 17.875rem
    }

    .news__group p {
        height: 2.5rem
    }

    .news__desc h4 {
        font-size: 1.25rem
    }

    .news__img {
        width: 6.75rem;
        height: 6.75rem
    }

    .news__info h4 {
        font-size: 1.25rem;
        height: 2.5rem
    }

    .news__info p {
        -webkit-line-clamp: 3
    }

    .news__link {
        margin-top: -0.5rem
    }

    .news__article {
        gap: 1rem
    }

    .news__btn {
        position: absolute;
        bottom: 4rem;
        left: 1.5rem;
        width: -webkit-calc(100% - 3rem);
        width: calc(100% - 3rem);
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.apartment-layouts {
    padding-bottom: 12.75rem
}

.apartment-layouts__desc {
    margin: 2.5rem 0 0 0;
    padding-left: 4rem;
    max-width: 32.4375rem;
    color: var(--text)
}

.apartment-layouts__banner {
    position: relative;
    margin-top: 7.5rem;
    background-color: var(--text);
    color: #fff;
    padding: 7.5rem;
    overflow: hidden
}

.apartment-layouts__icon {
    width: 6.25rem;
    height: 6.25rem;
    border: 0.0625rem solid var(--accent);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.apartment-layouts__icon .box {
    width: 3.375rem;
    height: 3.375rem
}

.apartment-layouts__item {
    border-bottom: 0.0625rem solid var(--accent);
    margin-bottom: 1rem
}

.apartment-layouts__item:last-child {
    border: none;
    margin-bottom: 0
}

.apartment-layouts__num {
    color: transparent;
    -webkit-text-stroke: 0.0625rem var(--accent);
    paint-order: stroke fill;
    font-size: 2.5rem;
    letter-spacing: 0.04em;
    border-right: 0.0625rem solid var(--accent);
    padding: .25rem 0 0 0;
    max-width: 5.875rem;
    width: 100%;
    text-align: center
}

.apartment-layouts__text {
    padding: .875rem 1.5rem
}

.apartment-layouts__header_left {
    margin-top: 5rem
}

.apartment-layouts__header_left .big-text span {
    display: block
}

.apartment-layouts__header_left .big-text span:first-child {
    text-indent: 4.375rem
}

.apartment-layouts__header_left .big-text span:nth-child(2) {
    text-indent: 1.25rem
}

.apartment-layouts__header_left .big-text .color {
    color: var(--accent)
}

.apartment-layouts__header_right {
    padding-left: 5rem
}

.apartment-layouts__form {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem
}

.apartment-layouts__image_big {
    position: absolute;
    right: 5rem;
    top: 0
}

.apartment-layouts__image_big .box {
    width: 40.6875rem;
    height: 29.625rem
}

.apartment-layouts__image_small {
    position: absolute;
    top: 41.625rem;
    right: 0
}

.apartment-layouts__image_small .box {
    width: 22.0625rem;
    height: 15rem
}

.apartment-layouts__decor {
    font-size: 10.625rem;
    line-height: 0.3;
    position: absolute;
    bottom: -0.75rem;
    left: 0;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 0.0625rem rgba(234, 213, 135, 0.3);
    paint-order: stroke fill;
    font-family: SovMod;
    font-weight: 400
}

@media screen and (max-width: 992px) {
    .apartment-layouts {
        padding-bottom: 4rem
    }

    .apartment-layouts__header_left {
        margin: 0
    }

    .apartment-layouts__header_right {
        padding: 0
    }

    .apartment-layouts__desc {
        padding: 0;
        margin: 1.5rem 0 0 0;
        max-width: 100%
    }

    .apartment-layouts__btn {
        width: 100%
    }

    .apartment-layouts__banner {
        margin: 7.5rem 0 0 0;
        padding: 3rem
    }

    .apartment-layouts__form {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }

    .apartment-layouts__image_big {
        right: 1.5rem;
        top: -41.875rem
    }

    .apartment-layouts__image_big .box {
        width: 15rem;
        height: 10.9375rem
    }

    .apartment-layouts__image_big .box img {
        height: 100%
    }

    .apartment-layouts__image_small {
        top: -26.875rem;
        right: -3rem
    }

    .apartment-layouts__image_small .box {
        width: 9.375rem;
        height: 6.375rem
    }

    .apartment-layouts__image_small .box img {
        height: 100%
    }
}

@media screen and (max-width: 576px) {
    .apartment-layouts {
        padding-bottom: 0
    }

    .apartment-layouts .container {
        padding: 0
    }

    .apartment-layouts__image_big {
        top: -47.5rem
    }

    .apartment-layouts__image_small {
        top: -31.875rem;
        right: -1.25rem
    }
}

.apartment-engineering {
    background-color: #FAFAFA
}

.apartment-engineering .section-title {
    color: var(--text)
}

.apartment-engineering__card {
    position: relative;
    overflow: hidden;
    border: .0625rem solid #D2D9DB;
    height: 100%
}

.apartment-engineering__card .name {
    color: var(--text)
}

.apartment-engineering__card_accent {
    border-color: var(--accent)
}

.apartment-engineering__card_accent .apartment-engineering__icon {
    background-color: var(--accent)
}

.apartment-engineering__card_accent .apartment-engineering__decor {
    -webkit-text-stroke: 0.0625rem var(--accent)
}

.apartment-engineering__card ul {
    max-width: 20.9375rem
}

.apartment-engineering__card ul li {
    color: rgba(51, 52, 57, 0.4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.apartment-engineering__card ul li::before {
    content: '-';
    color: rgba(51, 52, 57, 0.4);
    margin-right: .3125rem
}

.apartment-engineering__text {
    color: rgba(51, 52, 57, 0.4);
    max-width: 20rem
}

.apartment-engineering__icon {
    background-color: #D2D9DB;
    width: 6.25rem;
    height: 6.25rem;
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.apartment-engineering__icon .box {
    width: 3.375rem;
    height: 3.375rem
}

.apartment-engineering__decor {
    position: absolute;
    bottom: .3125rem;
    right: 0;
    color: transparent;
    -webkit-text-stroke: .0625rem #D2D9DB;
    paint-order: stroke fill;
    font-size: 7.5rem;
    line-height: 0.42;
    font-family: SovMod;
    font-weight: 400
}

@media screen and (max-width: 992px) {
    .apartment-engineering__icon {
        margin-bottom: 1rem
    }

    .apartment-engineering__card ul {
        max-width: 28.125rem
    }

    .apartment-engineering__text {
        max-width: 28.125rem
    }
}

@media screen and (max-width: 576px) {
    .apartment-engineering__card ul {
        max-width: 18.75rem
    }

    .apartment-engineering__text {
        max-width: 18.75rem
    }
}

.apartment-terraces {
    padding-bottom: 12.75rem
}

.apartment-terraces .section-title {
    color: var(--text)
}

.apartment-terraces__border {
    border: 0.0625rem solid rgba(51, 52, 57, 0.8);
    -webkit-backdrop-filter: blur(0.75rem);
    backdrop-filter: blur(0.75rem)
}

.apartment-terraces__image_big .box {
    width: 100%;
    height: 36.9375rem
}

.apartment-terraces__image_small {
    position: absolute;
    top: 5.1875rem;
    right: .75rem
}

.apartment-terraces__image_small .box {
    width: 29.9375rem;
    height: 37rem
}

@media screen and (max-width: 992px) {
    .apartment-terraces {
        padding-bottom: 24rem
    }

    .apartment-terraces__row {
        padding-bottom: 4.25rem
    }

    .apartment-terraces__btn {
        position: absolute;
        bottom: 0;
        left: .75rem;
        width: -webkit-calc(100% - 1.5rem);
        width: calc(100% - 1.5rem)
    }

    .apartment-terraces__image_big .box {
        height: 20.625rem
    }

    .apartment-terraces__image_big .box img {
        height: 100%
    }

    .apartment-terraces__image_small {
        top: 13.75rem
    }

    .apartment-terraces__image_small .box {
        width: 21.875rem;
        height: 26.875rem
    }

    .apartment-terraces__image_small .box img {
        height: 100%
    }
}

@media screen and (max-width: 576px) {
    .apartment-terraces__image_big .box {
        width: 22.625rem;
        height: 12.125rem
    }

    .apartment-terraces__image_small {
        top: 10rem
    }

    .apartment-terraces__image_small .box {
        width: 18.125rem;
        height: 22.375rem
    }
}

.apartment-for-next__bg {
    height: 66.875rem;
    z-index: -1
}

.apartment-for-next__bg img {
    -o-object-fit: cover;
    object-fit: cover
}

.apartment-for-next__block {
    margin: 41.625rem 0 0 0;
    background-color: var(--text);
    padding: 5rem;
    color: #fff;
    gap: 3rem
}

.apartment-for-next__left {
    max-width: 41rem
}

.apartment-for-next__text {
    color: rgba(255, 255, 255, 0.5)
}

.apartment-for-next__border {
    max-width: 26.625rem;
    padding: 2rem;
    border: 0.0625rem solid var(--accent);
    -webkit-backdrop-filter: blur(0.75rem);
    backdrop-filter: blur(0.75rem)
}

.apartment-for-next__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (13rem)[3];
    grid-template-columns: repeat(3, 13rem)
}

.apartment-for-next__item p {
    max-width: 9.375rem;
    color: #FAFAFA
}

.apartment-for-next__icon {
    border: 0.0625rem solid rgba(234, 213, 135, 0.3);
    width: 6.25rem;
    height: 6.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.apartment-for-next__icon .box {
    width: 3.375rem;
    height: 3.375rem
}

.apartment-for-next__btn {
    gap: .5rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.apartment-for-next__btn svg {
    width: 2rem;
    height: 2rem
}

@media screen and (max-width: 992px) {
    .apartment-for-next__bg {
        height: 28.125rem
    }

    .apartment-for-next__block {
        margin: 18.75rem 0 0 0
    }

    .apartment-for-next__items {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem
    }

    .apartment-for-next__item {
        gap: 1rem
    }

    .apartment-for-next__border {
        max-width: 100%
    }
}

@media screen and (max-width: 576px) {
    .apartment-for-next__bg {
        height: 18.75rem
    }

    .apartment-for-next__block {
        margin: 13.4375rem 0 0 0;
        padding: 1.5rem;
        gap: 1.5rem
    }

    .apartment-for-next__border {
        padding: 1.5rem;
        color: var(--accent);
        border-color: rgba(234, 213, 135, 0.3)
    }

    .apartment-for-next__btn {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.item-page-slider__header {
    gap: 1.5rem
}

.item-page-slider__header .section-title {
    color: var(--text)
}

.item-page-slider-arrows {
    gap: 1.5rem
}

.item-page-slider-arrows-next,
.item-page-slider-arrows-prev {
    border: 0.0625rem solid var(--text)
}

.item-page-slider-arrows-next:hover,
.item-page-slider-arrows-prev:hover {
    background-color: var(--accent);
    border-color: var(--accent)
}

.item-page-slider-slick {
    height: 42.5rem
}

.item-page-slider-slick div {
    height: 100%
}

.item-page-slider-slick .slick-list {
    margin-left: -1.5rem;
    width: 144.375rem !important
}

.item-page-slider-slick .slick-slide {
    padding: 0 1.5rem;
    width: 72.1875rem !important
}

.item-page-slider-slick .slick-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.item-page-slider-slick .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.item-page-slider.item-page-slider-dark {
    background-color: var(--text)
}

.item-page-slider.item-page-slider-dark .item-page-slider__header .section-title {
    color: #fff
}

.item-page-slider.item-page-slider-dark .item-page-slider-arrows-next,
.item-page-slider.item-page-slider-dark .item-page-slider-arrows-prev {
    border: 0.0625rem solid var(--accent)
}

.item-page-slider.item-page-slider-dark .item-page-slider-arrows-next:hover,
.item-page-slider.item-page-slider-dark .item-page-slider-arrows-prev:hover {
    background-color: var(--accent);
    border-color: var(--accent)
}

.item-page-slider.item-page-slider-dark .item-page-slider-arrows-next:hover svg path,
.item-page-slider.item-page-slider-dark .item-page-slider-arrows-prev:hover svg path {
    fill: var(--text)
}

.item-page-slider.item-page-slider-dark .item-page-slider-arrows-next:active,
.item-page-slider.item-page-slider-dark .item-page-slider-arrows-prev:active {
    background-color: #fff;
    border-color: #fff
}

@media screen and (max-width: 992px) {
    .item-page-slider-slick {
        height: 25rem
    }

    .item-page-slider-slick .slick-list {
        width: 75rem !important
    }

    .item-page-slider-slick .slick-slide {
        width: 37.5rem !important
    }
}

@media screen and (max-width: 576px) {
    .item-page-slider-slick {
        height: 15rem
    }

    .item-page-slider-slick .slick-list {
        margin-left: -0.5rem;
        width: 52rem !important
    }

    .item-page-slider-slick .slick-slide {
        padding: 0 .5rem;
        width: 26rem !important
    }

    .item-page-slider-arrows {
        gap: 1rem
    }
}

.scroll-up-icon {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  width: 40px;
  height: 40px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.scroll-up-icon.show {
  opacity: 1;
  visibility: visible;
}
.scroll-up-icon.hidden {
  opacity: 0;
  visibility: hidden;
}


@media (max-width: 575.98px) {
    .main__play {
		position: absolute;
		top: 7.5rem;
		left: 1.5rem;
		width: 3.25rem;
		height: 3.25rem;
		background-color: #fff;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		border: 0.0625rem solid var(--accent);
		z-index: 10;
		-webkit-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		transition: 0.3s ease;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.main__play::before {
		content: "";
		position: absolute;
		top: -0.5rem;
		left: -0.5rem;
		width: -webkit-calc(100% + 1rem);
		width: calc(100% + 1rem);
		height: -webkit-calc(100% + 1rem);
		height: calc(100% + 1rem);
		background-color: rgba(255, 255, 255, 0.5);
		-webkit-border-radius: 50%;
		border-radius: 50%;
	}
	.main__play_icon {
		width: 2rem;
		height: 2rem;
	}
	.main__play_icon svg path {
		-webkit-transition: 0.3s ease;
		-o-transition: 0.3s ease;
		transition: 0.3s ease;
	}
	.main__play:hover {
		background-color: var(--accent);
	}
	.main__play:hover .main__play_icon svg path {
		fill: #fff;
	}
	.main__play:active {
		background-color: var(--text);
	}
}