/* Start:/local/assets/css/style.css?173511629014008*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* html {
} */

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: white;
    font-family: "PP Pangram Sans", sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    font-weight: normal;
    background-color: #2B2926;
}


:root {
    --brown: #B99673;
    --light-brown: #FFD581;
    --brown-hover: #A37E58;
    --gray: #EEEEEE;
    --gray-hover: #EAEAEA;
    --green: #223A3A;
    --light-green: #5C7064;
    --radius: 40px;
}

a {
    text-decoration: none;
    color: white;

}

h1 {
    font-family: 'Playfair Regular';
    font-size: 192px;
    font-weight: 400;
    line-height: 240px;
    letter-spacing: -0.025em;
}

.button {
    font-family: 'PP Pangram Sans';
    padding: 12px 20px;
    color: white;
    background-color: var(--brown);
    border-radius: 8px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    cursor: pointer;
    transition: all 0.3s;
}

.button:hover {
    background-color: var(--brown-hover);
}

.button-white {
    background-color: white;
    color: #000;
}

.button-white:hover {
    background-color: var(--gray-hover);
}

.container {
    padding-left: 64px;
    padding-right: 64px;
}

.center {
    padding-left: calc(50% - 720px);
    padding-right: calc(50% - 720px);
    overflow-x: clip;
}



.icon {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    fill: transparent;
}


.custom-line {
    width: calc(100% - 128px) !important;
    height: 1px !important;
    border: none !important;
    background-color: #404040 !important;
    margin: 1px auto !important;
}

.gap10 {
    gap: 6px 12px;
}

.inputBlock {
    position: relative;
}

.inputBlock .errorText {
    position: absolute;
    top: calc(100% + 6px);
    font-size: 12px;
    line-height: 12px;
    color: #FF3333;
}

/* Ошибка инпута */
.inputBlock.error .errorBlock,
.searchInupt.error .errorBlock {
    transition: all 0.3s ease;
    opacity: 1;
}

.errorBlock {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: all 0.3s ease;
    opacity: 0;
}

input::placeholder {
    font-family: PP Pangram Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.24px;
    color: white;
}

/* Ошибка инпута END */

/* Стили для состояния :checked */
.checkbox-label {
    cursor: pointer;
    font-family: PP Pangram Sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    text-align: left;
    display: flex;
    align-items: center;
    position: relative;
}

.checkbox-label .errorText {
    position: absolute;
    top: calc(100% + 6px);
    font-size: 12px;
    line-height: 12px;
    color: #FF3333;
}

.real-checkbox:checked+.custom-checkbox::before {
    transform: translate(-3%, -10%) scale(1);
}

.custom-checkbox {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: white;

    border: 1px solid #E0E4F4;
    border-radius: 50%;
    margin-right: 12px;
    vertical-align: sub;
    position: relative;
}

.custom-checkbox::before {
    content: '';
    display: inline-block;
    height: 40px;
    width: 34px;
    background-image: url('/local/assets/img/svg/active-checkbox.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-3%, -3%) scale(0);
    transition: 0.1s ease-in;
}

/* ховер текста */
label:hover {
    color: var(--gray-hover);
}

/* ховер чекбокса*/
label:hover .custom-checkbox {
    border-color: var(--gray-hover);
    background: var(--gray-hover);
}

.checkbox-label a {
    color: #6B4A29;
}

.real-checkbox {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute;
    z-index: -1;
}

/* Стили для состояния :checked */

/* табы */
.tabContent.active {
    display: block;
}

.tabContent {
    display: none;
}

.tabContent {
    display: none;
}

.tabContent.active {
    display: block;
}

.tab.active {
    color: #2D264B;
}

/* табы END */

.mob {
    display: none;
}

@media (max-width: 500px) {
    .mob {
        display: inline-block;
    }
}

.logo {
    max-width: 190px;
    width: 120px;
}

@media (max-width: 1024px) {
    .logo {
        max-width: 130px;
    }

    .center {
        padding-left: 20px;
        padding-right: 20px;
    }

    .center.block__architect {
        padding: 0px;
    }

    h1 {
        font-size: 80px;
        line-height: 53px;
        letter-spacing: -0.01em;
    }

    .button {
        color: white;
        background-color: var(--brown);
        border-radius: 8px;
        border: none;
        font-size: 14px;
    }

    .button-white {
        background-color: white;
        color: #000;
    }



}

.hideScroll::-webkit-scrollbar,
.tabs::-webkit-scrollbar {
    display: none;
}


/* Скрываем scrollbar для IE, Edge и Firefox */
.hideScroll,
.tabs {
    -ms-overflow-style: none;
    /* IE и Edge */
    scrollbar-width: none;
    /* Firefox */
}


/* стили слайдера */
.slick-track {
    display: flex;
}

.block__architect_slider .slider__item {
    width: 491px;
    height: 583px;
    margin: 0 20px;
    transition: transform 0.3s ease;
}

.block__architect_slider .slider__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slick-slide {
    transition: transform 0.3s ease;
}


.arrow-slider {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-color: #2B2926;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 56%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
}

.arrow-slider-left {
    left: 48px;
}

.arrow-slider-right {
    right: 48px;
}

.icon_arrow-right {
    rotate: 180deg;
}

.arrow-slider .icon-arrow {
    transition: all 0.3s ease;
}

.arrow-slider:hover span {
    opacity: 0.7;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-150 {
    margin-bottom: 150px;
}

.back-call-phone {
    color: #161616;
    display: flex;
    align-items: center;
    width: fit-content;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
}

.back-call-phone .icon-phone:before {
    color: var(--brown);
}


textarea {
    resize: none;
}

textarea:focus {
    outline: none;
    border: 1px solid transparent;
}


.textarea-input {
    width: 100%;
    resize: none;
    background-color: #F6F7FB;
    border: none;
    padding-bottom: 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 140.33%;




    background-color: transparent;
    /* border-bottom: 1px solid #D0B9A3; */
}


.textarea-input::placeholder {
    font-family: PP Pangram Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 18.24px;
    color: white;
    text-align: left;
    padding-bottom: 16px;

    border-bottom: 1px solid #D0B9A3;
}


/* автозаполенение стили */
/* Для WebKit-браузеров (Chrome, Safari, Opera) */
input.input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #b99673 inset !important;
    -webkit-text-fill-color: #fbfbfb !important;
}

/* Для Firefox */
input.input:-moz-autofill {
    -webkit-box-shadow: 0 0 0 1000px #b99673 inset !important;
    -webkit-text-fill-color: #fbfbfb !important;
}

/* Для более новых версий браузеров */
input.input:autofill {
    background-color: #b99673 inset !important;
    /* Убираем фон */
    color: #fbfbfb !important;
    /* Цвет текста */
}

/* автозаполенение стили END */

.padding-block {
    padding: 0px 64px 0px 64px;
}

/* скрыть новые в мобилке */
@media (max-width: 1240px) {
    /* .only-desctop{
        display: none;
    } */
}

/* скрыть новые в мобилке END */


@media (max-width: 800px) {
    .arrow-slider {
        height: 48px;
        width: 48px;
    }

    .arrow-slider-right {
        right: 20px;
    }

    .arrow-slider-left {
        left: 20px;
    }

    .padding-block {
        padding: 0px;
    }

}

/* стили слайдера END */




.info-clinic__map {
    height: 720px;
    position: relative;
    width: 100%;
    background-color: grey;
    border-radius: 20px;
    overflow: hidden;
    /* filter: grayscale(1) */
}


.button-container {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 1000;
}

.button-container button {
    background: gray;
    padding: 10px;
    border-radius: 10px;
}

.close-question-text {
    position: absolute;
    right: 10px;
    padding: 0px;
    top: 0px;
    font-size: 20px;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .info-clinic__map {
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: 0px;
        height: 200px;
    }
}


/* .ymaps-2-1-79-ground-pane{
    filter: grayscale(1)
} */

@media (max-width: 1400px) {
    .center.main-block.no-pb {
        padding-bottom: 0px;
    }
}

.walk_gallery {
    position: relative;
    padding-top: 30px;
    height: 1133px;
    margin-bottom: 105px;
}

.walk_gallery__title {
    font-size: 96px;
    line-height: 105px;
    font-family: 'Playfair Regular';
    margin-bottom: 92px;
    position: relative;
    z-index: 1;
}

.walk_gallery__title span {
    display: block;
    color: #FFD581;
    padding-left: 91px;
}

.walk_gallery__img {
    position: absolute;
    left: 44.7%;
    top: 0;
}

.walk_gallery__img2 {
    position: absolute;
    right: 63.3%;
    top: 532px;
}

.walk_gallery__text {
    margin-left: 90px;
    background: #C49F8A;
    padding: 56px;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
    position: relative;
    z-index: 1;
    max-width: 776px;
}

.walk_gallery__feature {
    top: 150px;
    left: 50%;
    font-family: 'Playfair Regular';
    font-size: 80px;
    line-height: 100px;
    color: #FFD581;
    position: relative;
    z-index: 1;
    white-space: nowrap;
}

.walk_gallery__feature_label {
    font-size: 16px;
    line-height: 22px;
    font-family: "PP Pangram Sans", sans-serif;
}

@media (max-width: 1199px) {
    .walk_gallery__title {
        padding-left: 0;
        text-align: center;
        font-size: 48px;
        line-height: 63px;
        margin-bottom: 464px;
    }

    .walk_gallery__title span {
        padding-left: 0;
    }

    .walk_gallery__img {
        left: 0;
        top: 180px;
        width: 100%;
        height: 620px;
        width: 620px;
        object-position: center;
    }

    .walk_gallery__img2 {
        width: 192px;
        height: 246px;
        right: 0;
        top: 1092px;
    }

    .walk_gallery__text {
        margin-left: 0;
        max-width: 327px;
        padding: 32px;
        font-size: 16px;
        line-height: 24px;
        margin-left: -20px;
    }

    .walk_gallery__feature {
        top: 40px;
        left: 0;
        font-size: 46px;
        line-height: 70px;
        max-width: 134px;
    }

    .walk_gallery__feature_label {
        font-size: 10px;
        line-height: 16px;
    }

    .walk_gallery {
        height: 1336px;
        overflow: hidden;
    }
}

.yard {
    padding: 120px 0;
    padding-top: 0;
}

.yard__row {
    display: grid;
    grid-template-columns: 677px 1fr;
    gap: 77px;
}

.yard__circles {
    display: flex;
    gap: 30px;
    margin-bottom: 42px;
}

.yard__circle {
    width: 323px;
    height: 323px;
    border-radius: 50%;
    object-fit: cover;
}

.yard__extra_text {
    background: #223A3A;
    padding: 87px 51px;
    font-size: 20px;
    line-height: 30px;
}

.yard__title {
    font-family: Playfair Display;
    font-size: 48px;
    line-height: 63px;
    margin-bottom: 46px;
    margin-top: 60px;
}

.yard__title span {
    color: #FFD581;
}

.yard__text {
    color: #CCCCCC;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 106px;
}

.yard__text:last-child {
    margin-bottom: 0;
}

.yard__feature {
    font-size: 100px;
    line-height: 144px;
    margin-bottom: 20px;
    color: #FFD581;
    margin-bottom: 54px;
    font-family: Playfair Display;
}

.yard__feature_label {
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-family: "PP Pangram Sans", sans-serif;
}

@media (max-width: 1199px) {
    .yard {
        padding: 30px 0;
        padding-bottom: 160px;
    }

    .yard__row {
        grid-template-columns: 100%;
        gap: 50px;
        margin-bottom: 40px;
    }

    .yard__row:last-child {
        margin-bottom: 0;
    }

    .yard__row:nth-child(1)>div:nth-child(1) {
        order: 10;
    }

    .yard__title {
        font-size: 36px;
        line-height: 47px;
        margin-top: 0;
        margin-bottom: 32px;
    }

    .yard__text {
        font-size: 16px;
        line-height: 24px;
    }

    .yard__circles {
        display: block;
        margin-left: -20px;
        margin-right: -20px;
        padding-right: 20px;
        padding-left: 20px;
        white-space: nowrap;
        gap: 22px;
        overflow: auto;
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
        /* Firefox */
        font-size: 0;
        margin-bottom: 0;
    }

    .yard__circles::-webkit-scrollbar {
        display: none;
    }

    .yard__circle {
        width: 246px;
        height: 246px;
        display: inline-block;
        vertical-align: top;
        margin-right: 22px;
    }

    .yard__circle:last-child {
        margin-right: 0;
    }

    .yard__extra_text {
        margin: 0 -20px;
        padding: 44px 20px;
    }
    .yard__feature {
        font-size: 60px;
        line-height: 84px;
        margin-bottom: 25px;
    }
}


.grecaptcha-badge{
    display: none !important;
}
/* End */


/* Start:/local/assets/css/fonts.css?17198430376436*/
@font-face {
    font-family: 'Playfair Italick';
    src: url('/local/assets/fonts/PlayfairDisplay-Italic.woff2') format('woff2'),
        url('/local/assets/fonts/PlayfairDisplay-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Regular';
    src: url('/local/assets/fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('/local/assets/fonts/PlayfairDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* основной */
@font-face {
    font-family: 'PP Pangram Sans Narrow';
    src: url('/local/assets/fonts/PPPangramSans-NarrowSemibold.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-NarrowSemibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans';
    src: url('/local/assets/fonts/PPPangramSans-Medium.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans Slim';
    src: url('/local/assets/fonts/PPPangramSans-SlimExtralight.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-SlimExtralight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans Narrow Exlight Reclined';
    src: url('/local/assets/fonts/PPPangramSans-NarrowExtralightReclined.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-NarrowExtralightReclined.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans';
    src: url('/local/assets/fonts/PPPangramSans-Light.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans Narrow Exbold';
    src: url('/local/assets/fonts/PPPangramSans-NarrowExtraboldItalic.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-NarrowExtraboldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans';
    src: url('/local/assets/fonts/PPPangramSans-Semibold.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans Narrow Smbold';
    src: url('/local/assets/fonts/PPPangramSans-NarrowSemiboldItalic.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-NarrowSemiboldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans Slim Medium Reclined';
    src: url('/local/assets/fonts/PPPangramSans-SlimMediumReclined.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-SlimMediumReclined.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans';
    src: url('/local/assets/fonts/PPPangramSans-ExtraboldItalic.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-ExtraboldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans Compact';
    src: url('/local/assets/fonts/PPPangramSans-CompactRegular.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-CompactRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans Compact';
    src: url('/local/assets/fonts/PPPangramSans-CompactThinItalic.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-CompactThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans Condensed';
    src: url('/local/assets/fonts/PPPangramSans-CondensedThin.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-CondensedThin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans Narrow';
    src: url('/local/assets/fonts/PPPangramSans-Bold.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans';
    src: url('/local/assets/fonts/PPPangramSans-Thin.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans Compressed Medium Reclined';
    src: url('/local/assets/fonts/PPPangramSans-CompressedMediumReclined.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-CompressedMediumReclined.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans Compact Exlight Reclined';
    src: url('/local/assets/fonts/PPPangramSans-CompactExtralightReclined.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-CompactExtralightReclined.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans Compressed ExBd';
    src: url('/local/assets/fonts/PPPangramSans-CompressedExtrabold.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-CompressedExtrabold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PP Pangram Sans Slim';
    src: url('/local/assets/fonts/PPPangramSans-SlimSemiboldItalic.woff2') format('woff2'),
        url('/local/assets/fonts/PPPangramSans-SlimSemiboldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* End */


/* Start:/local/assets/fonts/icomoon/style.css?17310514603491*/
@font-face {
  font-family: 'icomoon';
  src:  url('/local/assets/fonts/icomoon/fonts/icomoon.eot?1lzvs8');
  src:  url('/local/assets/fonts/icomoon/fonts/icomoon.eot?1lzvs8#iefix') format('embedded-opentype'),
    url('/local/assets/fonts/icomoon/fonts/icomoon.ttf?1lzvs8') format('truetype'),
    url('/local/assets/fonts/icomoon/fonts/icomoon.woff?1lzvs8') format('woff'),
    url('/local/assets/fonts/icomoon/fonts/icomoon.svg?1lzvs8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-lock-open:before {
  content: "\e92c";
  color: #ffd581;
}
.icon-lock:before {
  content: "\e92d";
  color: #ffd480;
}
.icon-play:before {
  content: "\e92b";
  color: #fff;
}
.icon-bank:before {
  content: "\e92a";
}
.icon-money:before {
  content: "\e928";
}
.icon-circle:before {
  content: "\e929";
}
.icon-computer:before {
  content: "\e927";
  color: #b99673;
}
.icon-real-estate:before {
  content: "\e925";
  color: #b99673;
}
.icon-sofa2:before {
  content: "\e926";
  color: #b99673;
}
.icon-parents:before {
  content: "\e924";
  color: #b99673;
}
.icon-facade:before {
  content: "\e923";
  color: #b99673;
}
.icon-sofa:before {
  content: "\e920";
  color: #b99673;
}
.icon-kitchen:before {
  content: "\e91f";
  color: #b99673;
}
.icon-bathroom:before {
  content: "\e921";
  color: #b99673;
}
.icon-bedroom:before {
  content: "\e922";
  color: #b99673;
}
.icon-video3:before {
  content: "\e91c";
}
.icon-video2:before {
  content: "\e91d";
}
.icon-video1:before {
  content: "\e91e";
}
.icon-worth16:before {
  content: "\e918";
}
.icon-worth15:before {
  content: "\e919";
}
.icon-worth14:before {
  content: "\e91a";
}
.icon-worth13:before {
  content: "\e91b";
}
.icon-worth12:before {
  content: "\e914";
}
.icon-worth11:before {
  content: "\e915";
}
.icon-worth10:before {
  content: "\e916";
}
.icon-worth9:before {
  content: "\e917";
}
.icon-arrow:before {
  content: "\e913";
}
.icon-worth7:before {
  content: "\e912";
  color: #5c7064;
}
.icon-worth8:before {
  content: "\e90b";
  color: #5c7064;
}
.icon-worth6:before {
  content: "\e90c";
  color: #5c7064;
}
.icon-worth5:before {
  content: "\e90d";
  color: #5c7064;
}
.icon-worth4:before {
  content: "\e90e";
  color: #5c7064;
}
.icon-worth3:before {
  content: "\e90f";
  color: #5c7064;
}
.icon-worth2:before {
  content: "\e910";
  color: #5c7064;
}
.icon-worth1:before {
  content: "\e911";
  color: #5c7064;
}
.icon-check:before {
  content: "\e909";
  color: #b99673;
}
.icon-close:before {
  content: "\e90a";
  color: #fff;
}
.icon-Union:before {
  content: "\e904";
  color: #b99673;
}
.icon-ellips:before {
  content: "\e905";
  color: #b99673;
}
.icon-logo2 .path1:before {
  content: "\e906";
  color: rgb(185, 150, 115);
}
.icon-logo2 .path2:before {
  content: "\e907";
  margin-left: -2.98046875em;
  color: rgb(255, 255, 255);
}
.icon-logo2 .path3:before {
  content: "\e908";
  margin-left: -2.98046875em;
  color: rgb(185, 150, 115);
}
.icon-arrows:before {
  content: "\e902";
  color: #b99673;
}
.icon-mail:before {
  content: "\e903";
  color: #b99673;
}
.icon-burger:before {
  content: "\e901";
  color: #e0e0e0;
}
.icon-phone:before {
  content: "\e900";
  color: #fff;
}

/* End */


/* Start:/local/assets/css/components/header.css?17338284239203*/
.top {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(/local/assets/css/components/../../img/header-fon.jpg?v=2);
    background-position: bottom;
    margin-bottom: 500px;
    padding-top: 121.1%;
    position: relative;
}

.top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(51, 51, 51, 0.25);
}

.top__inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.header-top {
    margin-top: 40px;
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    flex: 0 0 auto;
    z-index: 1;
}

.header-top a {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.header-top__phone-block{
    display: flex;
    align-items: center;
}

.header-top .header-logo{
    display: flex;
}
.header-top .icon-phone {
    font-size: 23px;
    padding-right: 8px;
}

.header-top>div {
    display: flex;
    align-items: center;
    gap: 24px;
}


.header-top>div>div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-content {
    flex: 0 0 auto;
    padding-top: 60px;
}

.header-title>p {
    font-family: Playfair Display;
    font-size: 48px;
    font-weight: 400;
    line-height: 63.98px;
}

.header-title {
    display: none;
    margin-left: 205px;
    position: relative;
}

.header-title h1 {
    font-family: Playfair Display;
    position: relative;
    top: -30px;
    left: 82px;
    /* font-size: 64px; */
    line-height: 64px;

    font-size: 56px;
    line-height: 56px;
}

.house {
    background-image: url(/local/assets/css/components/../../img/house.png?v=2);
    background-position: center bottom;
    background-size: 100% auto;
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    margin: 0 auto;
    pointer-events: none;
}

.paralaps-content>span {
    max-width: 500px;
    position: absolute;
    /* top: 20%; */
    top: 26%;
    z-index: 2;
    padding-right: 40px;
}

.tabs {
    display: flex;
    flex-direction: column;
}

.tabs span {
    display: flex;
    /* overflow: hidden; */
    gap: 8px;
    /* position: relative;
    right: 100px; */
}

.two__cricle-row{
        position: relative;
    right: 100px;
}

.paralaps-content {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 100px;
    z-index: 1;
    position: relative;
}


.tabs span img {
    width: 313px;
    height: 313px;
    border-radius: 50%;
    background-color: white;
}


.tabs span div {
    min-width: 313px;
    height: 313px;
    border-radius: 50%;
    background-color: white;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #464646;
}

.tabs span div.tabs-text_gradient {
    color: white;

}

.paralaps-content .tabs {
    position: absolute;
    bottom: -200px;
    right: -110px;
    z-index: 1;
}

/* .paralaps-content>div span:nth-child(2) {
    padding-left: 200px;
} */


.tabs-text {
    display: flex;
    color: black;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: PP Pangram Sans;
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    justify-content: flex-start;
}

.tabs-text span {
    font-family: 'Playfair Regular';
    font-size: 96px;
    font-weight: 400;
    line-height: 127.97px;
    text-align: center;
    color: var(--brown);
    margin-top: 50px;
}

.tabs span div.tabs-text_gradient {
    background-repeat: initial;
}

.tabs-text_gradient {
    background: linear-gradient(100.11deg, #C79081, #DFA579);
}

.tabs-text_gradient span {
    font-size: 64px;
    font-weight: 400;
    line-height: 85.31px;
    text-align: center;
    color: white;
}

.tabs-text-fs36 span {
    font-size: 36px;
    font-weight: 400;
    line-height: 64px;
    text-align: center;
}

.header-menu__button {
    cursor: pointer;
}

.tabs-text.tabs-text_gradient span {
    margin-top: 70px;
}

.tabs-text p {
    font-family: 'Playfair Regular';
    font-size: 64px;
    font-weight: 400;
    line-height: 64px;
    text-align: center;
    color: var(--brown);
}

.top__img_title {
    /* position: absolute;
    left: 14.3%;
    top: 12.7%;
    height: auto;
    width: 50%; */

    position: absolute;
    left: 10%;
    top: 14.7%;
    height: auto;
    width: 86%;
}

@media (max-width: 1200px) {
    /* .tabs > span{
        padding-left: 5px;
        padding-right: 140px;
        width: 100vw; 
        overflow: scroll hidden;
    } */

    .paralaps-content .tabs {
        left: 0px;
    }

    /* .paralaps-content>div span:nth-child(2) {
        padding-left: 113px;
        padding-left: 0px;
        padding-right: 24px;
    } */

    /* .tabs > span::-webkit-scrollbar {
        display: none;
    } */
    
    
    /* Скрываем scrollbar для IE, Edge и Firefox */
    .tabs > span {
        -ms-overflow-style: none;
        /* IE и Edge */
        scrollbar-width: none;
        /* Firefox */
    }



    
}

@media (max-width: 1024px) {

    .paralaps-content .tabs {
        left: -21px;
    }

    .top__img_title {
        display: none;
    }

    .top {
        padding: 0;
        height: 1000px;
    }

    .header-top>div:first-of-type {
        display: none;
    }

    .header-menu__button > a{
        display: none;
    }

    .header-top {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .header-top > a {
        width: 56px;
        height: 56px;
    }

    .header-content {
        padding-top: 40px;
        z-index: 1;
    }

    .header-title {
        display: block;
        margin-left: 0px;
    }

    .header-title h1 {
        left: 0px;
        top: -10px
    }

    .header-title>p {
        font-size: 32px;
        line-height: 42.66px;
    }

    .header-title>h1> span{
        display: block;
        /* font-size: 32px; */
        font-size: 22px;
        line-height: 42.66px;
        letter-spacing: 0;
        font-family: Playfair Display;
    }

    .paralaps-content {
        padding-top: 10px;
        align-items: flex-start;
    }

    .house {
        height: 1000px;
        background-size: cover;
    }

    .wood {
        left: -150px;
    }

    .tabs span div {
        min-width: 200px;
        height: 200px;
    }

    .tabs-text span {
        font-size: 64px;
        line-height: 70.97px;
        margin-top: 26px;
    }

    .tabs-text_gradient span {
        font-size: 39px;
        line-height: 46.31px;
    }

    .tabs span div.tabs-text_gradient {
        font-size: 16px;
        line-height: 18px;
    }

    .tabs-text.tabs-text_gradient span {
        margin-top: 50px;
    }

    .tabs-text-fs36 span {
        font-size: 36px;
        line-height: 32.97px;
        margin-top: 38px;
    }

    .tabs-text p {
        font-size: 44px;
        line-height: 44px;
    }

    .paralaps-content>span{
        top: 45px;
    }
}
  

@media (max-width: 500px) {



    .container.header-top{
        padding-left: 0;
        padding-right: 0;
        margin-top: 0px;
    }
    .top {
        height: 812px;
        margin-bottom: 400px;
    }


    .top::before {
        background-color: rgba(0, 0, 0, 0.25); /* Полупрозрачное затемнение */
        z-index: 1;
    }

    .house {
        height: 570px;
        background-size: cover;
    }

    .tabs span div {
        min-width: 130px;
        height: 130px;
    }

    .paralaps-content>span {
        font-size: 16px;
        line-height: 24px;

    }

    .tabs-text {
        font-size: 9px;
        line-height: 30px;
    }

    .tabs-text span {
        font-size: 40px;
        line-height: 44.97px;
    }

    .tabs-text.tabs-text_gradient span {
        margin-top: 26px;
    }

    .tabs-text_gradient span {
        font-size: 26px;
    }

    .tabs span div.tabs-text_gradient {
        font-size: 10px;
        line-height: 10px;
    }

    .tabs-text-fs36 span {
        font-size: 18px;
        line-height: 33.97px;
        margin-top: 25px;
    }

    .tabs-text p {
        font-size: 32px;
        line-height: 9px;
    }

    .tabs-text.tabs-text-fs36 {
        font-size: 10px;
        line-height: 42px;
    }

    /* .tabs > span {
        padding-right: 94px;
    } */

    /* .paralaps-content>div span:nth-child(2) {
        padding-left: 80px;
        padding-right: 15px;
    } */

}

.logo-mobile {
    display: none;
}

.choose-house-mob{
    display: none;
}

.molile-mob__phone{
    display: none;
}

@media (max-width: 1024px) {
    .logo-desktop {
        display: none;
    }
    .logo-mobile {
        display: inline-block;
    }

    .choose-house-mob{
        display: block;
    }

    .choose-house-desc{
        display: none;
    }

    .molile-mob__phone{
        display: flex;
        align-items: center;
        justify-content: center;
        order: 2;
    }

    .header-menu__button {
        order: 3;
    }
}
/* End */


/* Start:/local/assets/css/components/main-block.css?17295223395327*/
.main-block{
    /* padding-top: 500px; */
    padding-bottom: 100px;
    /* display: flex;
    flex-direction: column;
    align-items: center; */
}

.main-block__title{
    width: fit-content;
    position: absolute;
    z-index: 1;
    padding-left: 137px;
    top: -124px;
}


.main-block__title p, .main-block__title h2{
    font-family: Playfair Display;
    font-size: 144px;
    font-weight: 500;
    line-height: 191.95px;
    color: var(--light-brown)
    /* text-align: center; */
}

.main-block__title span, .main-block__title h2 span{
    font-family: Playfair Display;
    font-size: 96px;
    font-weight: 500;
    line-height: 127.97px;
    position: relative;
    top: -70px;
    left: 570px;
    color: white;
}

.main-block__content{
    height: 1704px;
    position: relative;
    margin-bottom: 96px;
}

.main-block_items-image{
    position: relative;
}

.main-block__content-block1{
    width: 470px;
    height: 982px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: -200px;
    top: 509px;
    z-index: 1;
}

.main-block__content-block2{
    width: 1044px;
    height: 1042px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.main-block__content-block3{
    width: 521px;
    height: 521px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 1200px;
    left: 0;
}

.main-block__content-block4 {
    width: 1300px;
    height: 236px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 1370px;
    left: 630px;
}

.main-block_rest{
    position: relative;
    top: 250px;
    right: 59px;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 112px;
}

.main-block_rest-desk{
    padding: 56px 72px;
    background-color: #C49F8A;
    max-width: 541px;
    font-family: PP Pangram Sans;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
}

.main-block_rest-info{
    padding: 64px;
    background-color: var(--green);
    margin-left: 220px;
    padding-right: 200px;
}

.main-block_rest-down{
    position: relative;
    top: 250px;
    right: 59px;
    display: flex;
}

.main-block_rest-down > div > p{
    max-width: 446px;
    padding-bottom: 48px;
}

.main-block_rest__items p{
    font-family: PP Pangram Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    text-align: left;
    width: 345px;
    display: flex;
}

.main-block_rest__items p span:before{
    color: var(--light-green);
    font-size: 50px;
}

.main-block_rest__items{
    display: flex;
    flex-direction: row;
    max-width: 787px;
    flex-wrap: wrap;
    gap: 104px 48px;
}

.main-block_rest__items span{
    padding-right: 12px;
}




@media (max-width: 1240px) {
/* @media (max-width: 1150px) { */


    .center.main-block__content {
        padding-left: 0;
        padding-right: 0;
    }

    .main-block__title {
        padding-left: 0;
    }

    .main-block__title p, .main-block__title h2 {
        font-size: 48px;
        line-height: 63.98px;
    }

    .main-block__title span, .main-block__title h2 span {
        font-size: 48px;
        line-height: 63.98px;
        top: -24px;
        left: 124px;
    }

    .main-block__content-block2 {
        position: relative;
        width: 100%;
        height: 620px;
    }

    .main-block__content-block1 {
        display: none;
    }

    .main-block_rest {
        position: absolute;
        right: 0;
        margin-bottom: 0;
    }

    .main-block_rest-down {
        top: 0;
        right: 0;
        display: block;
    }

    .main-block_rest-info {
        margin-left: 0;
        padding: 40px 20px;
        /* padding-right: 20px; */
    }

    .main-block__content {
        height: auto;
    }

    .main-block__content-block3{
        display: none;
    }

    .main-block__content-block4{
        display: none;
    }

    .mb-block3-mob{
        /* width: 521px; */
        /* height: 521px; */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        /* top: 1200px; */
        width: 50%;
        position: relative;
        padding-top: 50%;
        left: 0;
    }

    .mb-block4-mob{
        width: 1300px;
        height: 236px;
        background-size: cover;
        background-position: left;
        background-repeat: no-repeat;
        top: -360px;
        left: 374px;
    }

    .main-block_items-mob{
        display: flex;
    }

    .main-block_items-mob div{
        flex: 1;
        width: 50%;
    }

    .main-block_rest__items{
        gap: 32px 48px;
    }
    
    .main-block__title{
        top: -77px;
        left: 44%;
        transform: translateX(-50%);
    }

}

@media (max-width: 775px) {
    .main-block_items-mob div:last-of-type{
        height: 100px;
    }

    .main-block_rest-desk {
        font-size: 16px;
        line-height: 24px;
        padding: 32px;
        max-width: 263px;
    }

    /* .main-block__title{
        top: -77px;
        left: 44%;
        transform: translateX(-50%);
    } */
}
/* End */


/* Start:/local/assets/css/components/footer.css?17513685584057*/
.footer{
    padding: 97px 64px 114px 64px;
    /* font-family: PP Pangram Sans; */
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #C1C1C1;
/* text-align: left; */
}

.footer a{
    color: #C1C1C1;
    display: flex;
    align-items: center;
}

.footer a.link-inline{
    display: inline;
    color: var(--light-brown);
}

.footer .icon-phone {
    font-size: 23px;
}

.footer .icon-mail {
    font-size: 19px;
}

.footer i {
    padding-right: 10px;
}
.footer-content{
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 96px;
}

.footer-content__left{
    grid-column: 1 / 5;
    color: white;
}

.footer-content__right{
    grid-column: 5 / 11;
}


.icon-logo2{
    font-size: 104px;
}

.footer-content__right-column{
    display: grid;
    grid-template-columns: repeat(8, 1fr);
}

.footer-content__right-column div{
    /* display: grid; */
    display: flex;
    grid-column: span 4;
    align-items: flex-end;
}

.footer-content__right-column > span,
.footer-content__right-column > p{
    display: grid;
    grid-column: span 4;
}

.footer-content__tab{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.footer-content__right-column span{
    height: fit-content;
}

.footer-content__left p{
    font-size: 36px;
    font-weight: 500;
    line-height: 41.04px;
/* text-align: left; */

}

.custom-footer-fs{
    color: white;
}

.custom-footer-fs p:first-of-type {
    font-family: 'Playfair Regular';
    font-size: 64px;
    font-weight: 500;
    line-height: 85.31px;
    padding-right: 20px;
}

.custom-footer-fs p:nth-of-type(2) {
    font-family: 'Playfair Regular';
    font-size: 36px;
    font-weight: 500;
    line-height: 47.99px;
    padding-bottom: 6px;
}

.footer-content:not(:last-child) {
    padding-bottom: 63px;
}


.footer-content__right > p{
    padding-bottom: 22px;
}

.footer-content__tab > p > span{
    font-size: 32px;
    padding-right: 10px;
}

.footer-content__tab > p{
    display: flex;
    /* align-items: center; */
    line-height: 24px;
}

.footer-content__right .icon-phone:before{
    color: var(--brown);
}



.footer_contact{
    gap: 17px;
    padding-top: 10px;
}

.footer-content__right-column.gap10.mob_right-column{
    display: none;
}

.footer-artrockets{
    /* flex-direction: column;
    width: fit-content;
    margin-bottom: 4px; */
}

.footer-artrockets .artrockets {
    flex-direction: column;
    width: fit-content;
    margin-bottom: 4px;
    position: relative;
}

.artrockets-text{
    font-size: 8px;
    line-height: 10px;
    letter-spacing: 0%;
    color: #868686;
    position: absolute;
    left: 0px;
    top: -4px;
}

.footer-content__right-column span.footer-artrockets{
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

@media (max-width: 1350px) {
    .footer-content__left {
        grid-column: 1 / 11;
    }

    .footer-content__right {
        grid-column: 1 / 11;
    }

    .footer-content:not(:last-child) {
        padding-bottom: 48px;
    }

    .footer-content {
        gap: 24px;
    }
}

@media (max-width: 800px) {
    .footer-content__right-column.gap10:not(.mob_right-column){
        display: none;
    }
    .footer-content__right-column.gap10.mob_right-column{
        display: block;
    }
    
    .footer-content__tab {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-content__right-column {
        gap: 20px;
    }


    .footer-content__right-column > p,
    .footer-content__right-column > div,
    .footer-content__right-column > span{
        grid-column: span 8;
    }

    .footer {
        padding: 32px 0px;
    }
    .footer-content__tab {
        gap: 16px 8px;
    }

    .custom-footer-fs p:first-of-type {
        font-size: 48px;
        /* line-height: 48px; */
    }

    .footer-content {
        gap: 26px;
    }

    .footer-content__right > p {
        padding-bottom: 9px;
    }

    .footer-content__right-column span.footer-artrockets {
        justify-content: flex-start;
    }
}

/* End */


/* Start:/local/assets/css/components/layouts.css?17272601005096*/

.layouts > p, .layouts > h2{
    font-family: Playfair Display;
    font-size: 64px;
    font-weight: 500;
    line-height: 85.31px;
    text-align: center;
    color: var(--brown);
    
}

.layouts > span , .layouts > h2 > span{
    font-size: 32px;
    font-weight: 500;
    line-height: 36.48px;
    text-align: center;
    display: block;
    padding-bottom: 47px;
    color: white;
    font-family: "PP Pangram Sans", sans-serif;
}

.layouts-item{
    padding: 48px;
    border-radius: 24px;
    background-color: #fff;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 20px;
    position: relative;
}

.layouts-item_info{
    color: black;
    grid-column: 1 / 7;
}

.layouts-item_img{
    grid-column: 7 / 11;
    height: 481px;
    border-radius: 20px;
    background-size: cover; 
    background-position: center; 
}

.layouts-item__tabs{
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding-bottom: 40px;
}

.layouts-item__tabs span{
    padding: 8px 24px;
    background-color: var(--gray);
    border-radius: 48px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    cursor: pointer;
}

.layouts-item__tabs span.active{
    padding: 8px 24px;
    background-color: var(--brown);
    color: white;
    border-radius: 48px;
}

.layouts-item__details{
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 60px;
}

.layouts-item__details > div:first-child {
    grid-column: span 6;
    grid-column: 1 / 7;
}

.layouts-item__details > div:nth-child(2) {
    grid-column: span 4;
    grid-column: 7 / 11;
    display: flex;
    flex-direction: column;
    gap: 24px;
}


.layouts-item__about.tabContent.active{
    display: flex;
    flex-direction: column;
}

.layouts-item__about > p{
    font-size: 18px;
    font-weight: 500;
    line-height: 20.52px;
    padding-bottom: 10px;
}

.layouts-item__about > p > span{
    color: var(--brown);
}

.layouts-item__about > span{
    font-size: 36px;
    font-weight: 600;
    line-height: 41.04px;
    margin-bottom: 24px;
}

.layouts-item__details{
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
}

.layouts-item__details-advantag > div{
    display: flex;
    align-items: center;
}

.layouts-item__details-advantag > div > span{
font-size: 24px;
padding-right: 10px;
padding-top: 10px;
}

.layouts-item__details-advantag .icon-sofa{
    font-size: 30px;
    text-shadow: 0px 0px 0 #B99673, 0px 0px 0 #B99673, 0px 0px 0 #B99673, 0px 0px 0 #B99673;
}

.layouts-item__details > div p{
    /* padding-bottom: 24px; */
}


.layouts-item_img-mob{
    background-color: var(--brown);
    height: 480px;
    position: absolute;
    width: 470px;
    right: 50px;
    top: 50px;
    cursor: pointer;
}

.layouts-item_img-mob div{
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%; 
    background-position: center;
}

.layouts-item__feedback{
    display: flex;
    gap: 30px;
}

@media (max-width: 1400px) {

    .center.main-block{
        padding-left: 0;
        padding-right: 0;
    }

    .container.layouts{
        padding: 0;
    }

    .layouts-item{
        border-radius: 0;
    }

    .layouts-item_img{
        display: none;
    }

    .layouts-item_img-mob{
        background-color: var(--brown);
        height: 400px;
        display: flex;
        align-items: center;
        margin-bottom: 24px;
        position: inherit;
        width: auto;
    }

    .layouts-item_img-mob div{
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        width: 100%; 
        background-position: center;
    }

    .layouts-item_info {
        grid-column: 1 / 11;
    }
}

@media (max-width: 775px) {

    .main-block{
        padding-bottom: 70px;
    }
    
    .layouts > p, .layouts > h2 {
        font-size: 48px;
        line-height: 63.98px;
    }


    .layouts > span .layouts > h2 > span {
        font-size: 32px;
        line-height: 36.48px;
    }

    .layouts-item__details > div:first-child {
        grid-column: 1 / 11;
    }

    .layouts-item__details > div:nth-child(2) {
        grid-column: 1 / 11;
    }

    .layouts-item__details{
        gap: 0px;
    }

    .layouts-item__details > div:first-child{
        padding-bottom: 24px;
    }

    .layouts-item_img-mob{
        height: 240px;
    }

    .layouts-item{
        padding: 0;
        padding-top: 24px;
    }
    .layouts-item__tabs{
        padding-left: 20px;
        padding-right: 20px;
    }

    .layouts-item__about > *:not(.exclude) {
        padding-left: 20px;
        padding-right: 20px;
    }

    .layouts-item__about{
        padding-bottom: 24px;
    }

    .custom-line{
        display: none;
    }

    .layouts-item__feedback{
        flex-direction: column;
        align-items: center;
        padding-bottom: 35px;
    }
}


@media (max-width: 760px) {
  
    .layouts > h2 {
        position: relative;
        bottom: 43px;
    }
}

/* style="background-image: url('/local/assets/img/plans1.png'); border-radius: 15px;" */
/* End */


/* Start:/local/assets/css/components/popup.css?17339794937681*/
.popup.active{
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: flex-end;
    z-index: 1000;
}

.popup-content{
    background-color: #fff;
    padding: 32px 135px;
    height: 100%;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    position: relative;
}

.popup.closed{
    display: none;
}

.icon-close {
    cursor: pointer;
}

.popup__close-new {
    position: absolute;
    right: 50px;
    top: 50px;
    transition: all 0.2s ease;
    cursor: pointer;
}

.popup__title{
    font-family: Montserrat;
    font-size: 22px;
    font-weight: 500;
    line-height: 28.6px;
    text-align: left;
    padding-bottom: 37px;
}

.popup__text{
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.94px;
    text-align: left;
}


/* ПОПАП back-call */
.back-call .popup-content{
    background-color: var(--brown);
    padding: 112px 132px;
}

.back-call .popup__close{
    position: absolute;
    top: 40px;
    right: 32px;
}

.back-call .popup__title{
    font-family: Playfair Display;
    font-size: 48px;
    font-weight: 400;
    line-height: 63.98px;
    text-align: center;
}

.back-call input {
    background-color: transparent;
    border: none;
}

.back-call input:focus {
    background-color: transparent;
    outline: none;
}

.input, .input:focus {
    background-color: transparent;
    padding-bottom: 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: 140.33%;
    width: 100%;
    outline: none;
}

.formInput{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.inputBlock{
    
    width: 100%;
}

.inputBlock input {
    border-bottom: 1px solid #D0B9A3;
}

.back-call .button-white{
    width: 100%;
    color: var(--brown);
}

.popup_phone-container{
    display: flex;
    justify-content: center;
}
/* обратный звонок */
.back-call.back-call-house .popup__title {
    font-size: 36px;
    text-align: start;
}

.popup_phone-container .back-call-phone,
.popup_phone-container .back-call-phone .icon-phone:before {
    color: #fff;
}
/* обратный звонок END */


@media (max-width: 500px) {

    
    .back-call .popup-content {
        padding: 112px 56px;
    }

    .back-call .popup__title{
        font-size: 36px;
        line-height: 47.99px;
        padding-bottom: 32px;
    }

    .back-call.back-call-house .popup__title {
        font-size: 30px;
    }

    .back-call-house form{
        position: relative;
        padding-top: 70px;
    }
    
    .back-call-house .popup__title{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0px;
    }
}
/* ПОПАП back-call  END*/
.mbInput{
    margin-bottom: 48px;
}

.mbInput20{
    margin-bottom: 20px;
}

/* попап слайдер */
.popup.popup-slider.active {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    z-index: 1000;
    align-items: center;
}

.popup-slider .slider__item {
    display: flex;
    justify-content: center;
}

.popup-slider .popup__inner{
    width: 100%;
}

.popup-slider .popup__inner {
    max-width: 588px;
    /* max-width: fit-content; */
    overflow: hidden;

    /* для увеличения изобр */
    /* overflow: hidden;
    width: calc(100vh - 11%);
    height: calc(100vh - 200px); */
}
/* для увеличения изобр */
/* .popup-slider .popup-content-new{
    height: 100%;
} 

.popup-slider .fotography__block-popup{
    height: inherit;
}

.popup-slider .slick-list{
    height: inherit;
}

.popup-slider .slick-track {
    height: calc(100vh - 130px);
    height: inherit;
}

.popup-slider .slider__item.slick-active img{
    width: inherit;
} */
/* для увеличения изобр в слайдере END*/


.popup-slider .slick-track{
    height: calc(100vh - 130px);
    max-height: 702px;
}

.popup-slider .popup__close{
    display: flex;
    justify-content: center;
    padding-bottom: 40px;

}

.popup-slider .icon-close{
    font-size: 16px;
}
/* попап слайдер END */


/* ПОПАП menu-popup */

.popup.popup-no-background.active{
    background-color: rgb(0 0 0 / 0%);
}

.menu-popup .popup-content{
    background-color: rgba(0, 0, 0, 0.9);
    padding: 32px 119px 60px 119px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.menu-popup__head{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 47px;
}

.menu-popup__head-rightBlock{
    display: flex;
    align-items: center;
    gap: 30px;
}

.menu-popup__body{
    display: flex;
    gap: 74px;
}

.menu-popup__body-href{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 22px;
    min-width: 266px;
}

.menu-popup__body-href a{
    font-size: 24px;
    /* line-height: 31.92px; */
}

.menu-popup__footer{
    display: flex;
    gap: 80px;
}

.menu-popup__footer-adress{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 260px;
    font-size: 16px;
    line-height: 24px;
    color: #C1C1C1;
}

.menu-popup__phone-block{
    display: none;
}

.menu-popup .popup-content{
    overflow-y: scroll;
}

.menu-popup .menu-popup__body{
    margin-bottom: 60px;
}

.menu-popup .popup__close{
    cursor: pointer;
}

@media (max-width: 840px) {

    .menu-popup .logo {
        max-width: 56px;
    }

    .menu-popup__head-rightBlock .button-white{
        max-height: 36px;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        align-items: center;
    }
    
    .menu-popup__head {
        margin-bottom: 30px;
    }

    .menu-popup__head-rightBlock .popup__close a{
        display: none;
    }

    .menu-popup .popup-content {
        padding: 16px 20px 40px 20px;
    }

    .menu-popup__body-href a{
        font-size: 16px;
        line-height: 20.52px;
        text-align: start;
    }

    .menu-popup__body{
        gap: 60px;
        justify-content: space-between;
    }

    .menu-popup__body-href {
        min-width: auto;
        gap: 16px;
    }

    .menu-popup__footer {
        flex-direction: column;
        gap: 24px;
    }

    .menu-popup__footer-adress{
        font-size: 14px;
        line-height: 20px;
        
    }

    .menu-popup__phone-block{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu-popup__phone-namber{
        font-size: 16px;
        font-weight: 600;
    }
}
@media (max-width: 500px) {

    .popup__inner.menu-popup{
        width: 100%;
    }


    /* .menu-popup .popup-content > div{
        margin-bottom: 40px;
    } */
}
/* ПОПАП menu-popup END */



/* попап генплана */
.popupGeneralPlan.active {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    z-index: 1000;
    align-items: center;
}
.popupGeneralPlan .popup__inner{
    width: calc(100vh - 8%);   
    width: calc(100vh - 16%);
    width: 100vh;
    height: calc(100vh - 200px);
}

.popupGeneralPlan  .popup-content-new{
    height: 100%;
}

.popupGeneralPlan .fotography__block-popup{
    height: inherit;
    background-color: var(--brown);
    border-radius: 15px;
}

.popupGeneralPlan .popup__close{
    text-align: center;
    padding-bottom: 20px;
}
/* попап генплана END */
/* End */


/* Start:/local/assets/css/components/another-block.css?173036533920884*/
.block__architect{
	margin-bottom: 96px;
	position: relative;
}

.block__architect_title{
	font-family: Playfair Display;
	font-size: 144px;
	font-weight: 400;
	line-height: 96px;
	text-align: center;
	color: var(--light-brown);
	position: relative;
    top: 12px;
}

.block__architect_slider{
	position: relative;
	overflow: hidden;
	padding-top: 120px;
}

/* Лобби */
.block__more-info{
	position: relative;
	height: 1405px;
	margin-bottom: 64px;
}

.block__more-info_title{
	display: flex;
	position: relative;
	gap: 10px;
	top: 275px;
	left: 128px;
}

.block__more-info_title p, .block__more-info_title h2{
	font-size: 48px;
	line-height: 63.98px;
	color: var(--light-brown);
	font-family: Playfair Display;
	font-weight: normal;
}

.block__more-info_title span, .block__more-info_title h2 span{
	font-size: 48px;
	line-height: 63.98px;
	color: white;
}


.block__more_image{
    position: relative;
}

.block__more_image1{
	width: 822px;
    height: 730px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
	right: -118px;
	top: 96px;
    z-index: 1;
}

.block__more_image2{
    width: 469px;
    height: 600px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 633px;
    left: 0;
}

.block__more_image3{
    width: 1300px;
    height: 236px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 1170px;
    left: 139px;
	z-index: -1;
}

.block__more_rest{
	position: relative;
    top: 363px;
    left: 64px;
	z-index: 2;
}

.block__more_rest-info{
	padding: 56px 72px;
    background-color: #C49F8A;
	max-width: 694px;
    font-family: PP Pangram Sans;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
}

.block__more_rest-green{
	position: relative;
    top: 473px;
    right: -16px;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
}

.block__more_rest-infoGreen{
	background-color: var(--green);
	padding: 64px;
	max-width: 971px;
	font-family: PP Pangram Sans;
    font-size: 32px;
    font-weight: 500;
    line-height: 40px;
    text-align: left;
}

.block__more_rest-green p{
    max-width: 500px;
    margin-right: 270px;
    margin-top: 45px;
    font-size: 20px;
    line-height: 30px;
}

.block__architect-footer{
	display: flex;
	justify-content: space-between;
	gap: 50px;
}

.block__architect-footer > div{
	width: 494px;
    position: relative;
    z-index: -1;
}

.block__architect-footer div img{
	position: absolute;
    z-index: -1;
	width: 100%;

}

.block__architect-footer > p{
	max-width: 650px;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	padding-top: 63px;
}

.block__architect-footer_textSvg{
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 30px;
	top: -23px;
}

.block__architect-footer_textSvg span{
	font-family: "Playfair Regular", sans-serif;
	font-size: 144px;
	font-weight: 400;
	line-height: 106px;
	color: var(--light-brown);
	
}
.block__architect-footer_textSvg p{
	color: var(--light-brown);
	font-size: 13px;
	font-weight: 500;
	line-height: 22px;
}
/* Лобби END*/


/* блок территория клубного формата */

.block__more-club{
    display: flex;
    width: 100%;    
	margin-bottom: 109px;
	padding-top: 136px;
}

.block__more-club_items{
    width: 50%;           
    box-sizing: border-box; 
}


.block__more-club_circle {
	background-image: url('/local/assets/img/circleImg-block.png');
	background-size: contain;
	background-repeat: no-repeat;
	aspect-ratio: 16 / 9;
	background-position: center;
}

.block__more-club_block{
	padding: 0px 64px 0px 64px ;

}

.block__more-club_block{
	display: flex;
	flex-direction: column;
}

.block__more-club_blockInfo{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
	gap: 48px 30px;
}

.block__more-club_item{
	display: flex;
    flex-direction: column;
}

.block__more-club_block > p,
.block__more-club_block > p >span, .block__more-club_block > h2 , .block__more-club_block > h2 span{
	/* font-family: Playfair Display; */
	font-family: "Playfair Regular", sans-serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 63.98px;

}

.block__more-club_block > p, .block__more-club_block > h2{
	color: var(--light-brown);
	display: flex;
    flex-direction: column;
	padding-bottom: 16px;
}

.block__more-club_block > p >span, .block__more-club_block > h2 span{
	color: white;
}

.block__more-club_description{
	font-family: PP Pangram Sans;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	color: #CCCCCC;
	padding-bottom: 32px;
}

.block__more-club_item p{
	font-family: "Playfair Regular", sans-serif;
	font-size: 64px;
	font-weight: 500;
	line-height: 85.31px;
	color: var(--light-brown);
}

.block__more-club_item i{
	font-size: 50px;
	color: var(--light-brown);
	padding-bottom: 16px;
}

.block__more-club_item > span{
	color: #AEAEAE;
}
/* блок территория клубного формата  END*/


/* блок Консьерж */

.block__concierge{
	display: flex;
    flex-direction: row;
	justify-content: space-between;
	padding-bottom: 60px;
}

.block__concierge-textContainer{
	padding-top: 258px;
	padding-bottom: 258px;
	padding-left: 64px;
	display: flex;
    flex-direction: column;
    gap: 12px;
}

.block__concierge_title{
	font-family: Playfair Display;
    font-size: 48px;
    line-height: 63.98px;
	display: flex;
}

.block__concierge_title p, .block__concierge_title h2{
    color: var(--light-brown);
    font-weight: normal;
    font-family: Playfair Display;
  	font-size: 48px;
  	line-height: 63.98px;
}
.block__concierge_title h2 span{
	color: white;
}

.block__concierge-description{
	font-family: PP Pangram Sans;
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	text-align: left;
	color: #CCCCCC;
	max-width: 689px;
}

.block__concierge-image{
	position: relative;
}

.first-img{
	width: 314px;
    height: 451px;
    position: absolute;
	right: 221px;
    z-index: 1;
    top: 147px;
}

.second-img{
	width: 271px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: auto;
    position: relative;
	right: -18px;
    transform: scaleX(-1);
}
/* блок Консьерж */

.show-adapt{
	display: none;
}


.block__more_items-mob{
	display: none;
    flex-direction: column;
    position: relative;
	top: -84px;
	top: 0px;
	margin-top: -84px;
}

.mb-block3-mob1{
    width: 100%;
    padding-top: 46%;
    background-repeat: no-repeat;
    background-size: contain;
}

.mb-block4-mob1{
	padding-top: 20%;
    background-repeat: no-repeat;
    background-size: contain;
}

.mb-block3-mob2{
	display: none;
}

.show-mob-767{
	display: none;
}

.container.block__surveillance{
	margin: 0 auto;
    max-width: 1440px;
	margin-bottom: 109px;
}

@media (max-width: 1350px) {
	.block__more-club{
		flex-direction: column;
	}
	.block__more-club_items{
		width: 100%;
	}

	.block__concierge-textContainer{
		padding-top: 180px;
		width: 50%;
	}
}

@media (max-width: 1240px) {

	.block__more-info{
		height: auto;
	}

	.block__architect_title{
		font-size: 91px;
		top: 22px;
	}

	.block__more-info_title{
		top: 0px;
		left: inherit;
		justify-content: center;
	}

	.block__more_rest{
		display: flex;
		justify-content: flex-end;
		top: -84px;
	}

	.block__more_rest-green{
		right: 0px;
		top: -84px;
		align-items: flex-start;
	}

	.block__more_rest-green p{
		display: none;
	}

	.show-adapt{
		display: block;
	}
	.block__more_image{
		height: auto;
	}
	.block__more_image1{ 
		height: auto;
		width: 100%; 
		padding-bottom: 60%; 
		position: relative;
		top:0;
		right: 0px;
	}

	.block__more_items-mob{
		display: block;
	}

	.block__more_items-mob p{
		max-width: 326px;
		font-size: 20px;
		line-height: 30px;
		margin-top: 32px;
		margin-left: 20px;

	}

	.block__architect-footer > div {
		display: none;
	}

	.block__architect-footer{
		justify-content: center;
		padding-left: 20px;
		padding-right: 20px;
	}

}

@media (max-width: 1150px) {
	.block__concierge-textContainer{
		width: 40%;
	}
	.center.block__more-info{
		padding: 0px;
	}

	.block__architect-footer > p {
		margin-right: 0px;
	}

	.block__more-club{
		padding-top: 50px;
	}

/* консьержс */
	.block__concierge_title{
		font-size: 36px;
		line-height: 47.99px;
	}

	.block__concierge_title h2{
		font-size: 36px;
		line-height: 47.99px;
	}

	.block__concierge-textContainer{
		padding: 20px;
	}

	.block__concierge-description{
		font-size: 16px;
		line-height: 24px;
	}

	.block__concierge-textContainer{
		justify-content: center;
	}

	.second-img{
		height: 509px;
		width: 221px;
		right: -22px;
		transform: scaleX(1);
	}

	.first-img{
		top: 50%;
		transform: translateY(-50%);
		right: 92px;
        width: 256px;
        height: 366px;
	}

	.container.block__surveillance{
		margin-bottom: 64px;
	}
/* консьержс */
	
}

@media (max-width: 767px) {

	.block__architect_slider{
		padding-top: 80px;
	}

	.block__architect{
		margin-bottom: 182px;
	}

	.block__architect_title{
		font-size: 48px;
	}

	.block__more_rest-info{
		font-size: 16px;
    	line-height: 24px;
		padding: 35px;
		width: 87%;
	}

	.block__more_rest{
		left: 0px;
	}

	.block__more_rest-infoGreen{
		font-size: 20px;
		line-height: 30px;
		padding: 44px 20px;
	}


	.hide-mob-767{
		display: none;
	}

	.mb-block3-mob2{
		display: block;
		width: 100%;
		padding-top: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
	}

	.center.block__architect{
		padding: 0px;
	}

	.show-mob-767{
		display: block;
	}

	.header-architect.show-mob-767{
		position: absolute;
		top: calc(36vw);
		padding-left: 18px;
        padding-right: 18px;
	}

	.header-architect.show-mob-767 .block__architect_title{
		text-align: left;
		padding-bottom: 20px;
	}
	.header-architect.show-mob-767 .block__architect_text{
		font-size: 16px;
		line-height: 24px
	}

	.block__more_items-mob p{
		font-size: 16px;
		line-height: 24px;
	}

	.block__more-info_title h2 {
		line-height: 5px;
		line-height: 31.99px;
	    align-items: center;
	    text-align: center;
	}


	/* консьержс */
		.block__concierge{
			flex-direction: column-reverse;
		}

		.block__concierge-image{
			display: flex;
			justify-content: flex-end;
		}

		.block__concierge-textContainer{
			width: 100%;
		}
	/* консьержс */
}

@media (max-width: 500px) {
	.block__architect{
		margin-bottom: 165px;
	}

	.block__architect-footer > p{
		font-size: 16px;
		line-height: 24px;
	}

	.block__more-info_title{
		flex-direction: column;
		align-items: center;
		gap: 20px;
		padding-bottom: 30px;
	}

	.block__more-info_title span, .block__more-info_title h2 span {
		font-size: 24px;
		line-height: 31.99px;
	}

	.block__more-info_title p {
		line-height: 5px;
		line-height: 31.99px;
	    align-items: center;
	    text-align: center;
	}

	.block__more_image1{
		padding-bottom: 100%;
		width: 520px;
        height: 460px;
	}

	.block__more_rest{
		top: -130px;
	}

	.block__more_rest-green{
		top: -130px;
	}

	.block__more_items-mob{
		top: 0px;
		margin-top: -130px;
		margin-bottom: 43px;
	}

	.mb-block3-mob1{
		padding-top: 85%;
	}


	.block__more-club_description{
		padding-bottom: 17px;
	}

	.mb-block4-mob1{
		background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
	}

	.block__more-club_circle{
		display: flex;
		width: 100%;
		padding-top: 141%;
	}

	.center.block__more-club{
		padding: 0;
		margin-bottom: 18px;
	}

	.block__more-club_block{
		padding: 0 20px 0 20px;
	}

	.block__more-club_container {
		position: relative;
		top: -46px;
	}
	.block__more-club_block > p,
	.block__more-club_block > p >span, .block__more-club_block > h2, .block__more-club_block > h2 span{
		font-size: 32px;
    	line-height: 42.66px;
	}

	.block__more-club_item{
		gap: 4px;
	}

	.block__more-club_item > span{
		font-size: 16px;
		line-height: 24px;
	}

	.block__concierge-textContainer{
		padding: 0px;
		padding-top: 26px;
	}

	.block__more-club_blockInfo{
		gap: 27px 30px;
	}

	.first-img{
		top: 47%;
		right: 102px;
	}

	.block__concierge{
		padding-bottom: 90px;
	}
}


/* видеонаблюдение */
.block__surveillance{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	margin-bottom: 109px;
	align-items: center;
}

.block__surveillance-description{
	grid-column: span 7;
	border: 1px solid #C49F8A;
	padding: 39px 34px 48px 54px ;
}

.block__surveillance-description p{
	color: #CCCCCC;
}

.block__surveillance_items{
	grid-column: span 5;
	padding-left: 113px;
	display: flex;
    flex-direction: column;
    gap: 48px;
}

.block__surveillance-description span{
	font-family: Playfair Display;
	font-size: 48px;
	line-height: 63.98px;
	display: flex;
	color: var(--light-brown);
	margin-bottom: 16px;
}

.block__surveillance_item{
	display: flex;
    gap: 20px;
}

.block__surveillance_item span{
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #AEAEAE;

}

.block__surveillance_item i {
    font-size: 48px;
    color: var(--light-brown);
}

@media (max-width: 1150px) {

	.block__surveillance{
		gap: 56px;
		grid-template-columns: repeat(6, 1fr);
	}

	.block__surveillance-description {
		grid-column: span 6;
		padding: 30px;
	}

	.block__surveillance-description p{
		font-size: 16px;
		line-height: 24px;
	}

	.block__surveillance_items {
		grid-column: span 6;
		padding-left: 0px;
	}

	.block__surveillance-description span {
        font-size: 36px;
        line-height: 47.99px;
    }

	.container.block__surveillance{
		padding-left: 20px;
		padding-right: 20px;
	}

}
/* видеонаблюдение END */


/* лобби */
.block__lobby{
	position: relative;
}

.architectTitle{
	position: absolute;
	left: 50%;
	top: -70px;
    transform: translateX(-50%);
}

.lobbyTitle{
	position: absolute;
	left: 50%;
	top: -50px;
    transform: translateX(-50%);
}

.galletyTitle{
	position: absolute;
	left: 50%;
	top: -50px;
    transform: translateX(-50%);
}



.block__lobby_title{
	font-family: Playfair Display;
	font-size: 144px;
	font-weight: 400;
	line-height: 96px;
	text-align: center;
	color: var(--light-brown);
	margin-bottom: 70px;
}

@media (max-width: 1150px) {
	.block__lobby_title{
		font-size: 48px;
		line-height: 63.98px;
		margin-bottom: 40px;
	}

	.center.block__lobby{
		padding: 0px;
	}
}
/* лобби END */




/* локация */
.block__location-info {
    position: relative;
    height: 1405px;
    margin-bottom: 64px;
}
.block__location-info_title{
	display: flex;
	position: relative;
	gap: 10px;
	left: 64px;
}

.block__location-info_title p{
	font-size: 48px;
	line-height: 63.98px;
	color: var(--light-brown);
	font-family: Playfair Display;

}

.block__location-info_title span{
	font-family: Playfair Display;
	font-size: 48px;
	line-height: 63.98px;
}

.block__location_rest{
	position: relative;
    top: 203px;
    left: 557px;
    z-index: 2;
}

.block__location_rest-info{
	padding: 56px 72px;
    background-color: #C49F8A;
	max-width: 694px;
    font-family: PP Pangram Sans;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
}

.block__location_image1{
	width: 646px;
    height: 470px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
	left: 64px;
	top: 96px;
	top: 156px;
    z-index: 1;
}

.block__location_image2 {
    width: 424px;
    height: 390px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 566px;
    right: 66px;
}

.block__location_image2 p{
	position: absolute;
    bottom: -62px;
	font-size: 16px;
    line-height: 20px;
}

.block__location_image4{
    width: 333px;
    height: 410px;
	position: relative;
	right: 598px;
}

.block__location_image4 p{
	position: absolute;
	bottom: -62px;
	font-size: 16px;
    line-height: 20px;
}

.block__location_rest-green{
	position: relative;
    top: 473px;
    right: -16px;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
}

.block__location_items-mob{
	display: none;
    flex-direction: column;
    position: relative;
	top: -84px;
	top: 0px;
	margin-top: -84px;
}

.block__location_image5{
    height: 411px;
    width: 366px;
    position: relative;
    left: -1038px;
    top: -500px;
}

.block__more_image3.block__more_image3-location{
	left: 500px;
}

/* просто текст */
.block__other-text p{
	color: #CCCCCC;
}

.container.block__other-text {
    margin: 0 auto;
    max-width: 1440px;
	margin-bottom: 50px
}
/* просто текст END*/

@media (max-width: 1240px) {

	.block__location-info{
		height: auto;
	}

	.block__location-info_title{
		top: 0px;
		left: 20px;
	}
	.block__location_rest{
		display: flex;
		justify-content: flex-end;
		top: -84px;
		left: 0;
		margin-bottom: 50px;
	}

	.block__location_rest-green,
	.block__more_image3,
	.block__location_image2,
	.block__location_image1{ 
		/* height: auto;
		width: 100%; 
		padding-bottom: 60%; 
		position: relative;
		top:0;
		right: 0px; */
		display: none;
	}
	
	.block__location_rest-green{
		right: 0px;
		top: -84px;
		align-items: flex-start;
	}

	.block__location_rest-green p{
		display: none;
	}

	.block__location_items-mob{
		display: flex;
	}

	.block__location_items-mob p{
		max-width: 326px;
		font-size: 16px;
		line-height: 20px;
		margin-top: 20px;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 70px;
	}

	.block__location_items-mob .mb-block3-mob1 {
		width: calc(100% - 51%);
	}

	.block__location_items-mob .mb-block3-mob1.mb-block-flexEnd {
		align-self: flex-end;
	}

	.block__location_items-mob  .mb-block4-mob1 {
		width: 100%;
	}

	.block__location_items-mob .mb-block4-mob1{
		display: none;
	}

	.block__location_items-mob p.mb-block-flexEnd {
        align-self: flex-end;
    }

	.block__location-info_title{
		margin-bottom: 30px;
	}

	.block__location-info_title span,
	.block__location-info_title p {
		font-size: 36px;
	}
}

@media (max-width: 1150px) {
	.center.block__location-info{
		padding: 0px;
	}

	.container.block__other-text {
        padding-left: 20px;
        padding-right: 20px;
    }

	.block__other-text p{
		font-size: 16px;
        line-height: 24px;
	}

}

@media (max-width: 767px) {

	.block__location_rest-info{
		font-size: 16px;
		line-height: 24px;
		padding: 35px;
		width: 87%;
	}

	.block__location_rest{
		left: 0px;
	}

	.block__location_items-mob p{
		font-size: 16px;
		line-height: 24px;
	}

	.iz-lobbyTitle{
		position: absolute;
		left: 50%;
		top: -150px;
		transform: translateX(-50%);
	}
}

@media (max-width: 500px) {
	.block__location_rest{
		top: -130px;
	}

	.block__location_image1{
		padding-bottom: 100%;
		width: 520px;
        height: 460px;
		display: none;
	}

	.block__location_rest-green{
		top: -130px;
	}

	.block__location_items-mob{
		top: 0px;
		margin-top: -130px;
		margin-bottom: 43px;
	}

	.block__location_items-mob .mb-block3-mob1 {
		width: calc(100% - 14%);
		padding-top: 80%;
	}

	.block__location_items-mob .mb-block3-mob1.iz-lobbyImgKazan{
		position: relative;
        right: 62px;
	}

	.block__location_items-mob .mb-block3-mob1.mb-block-flexEnd {
		position: relative;
        left: 130px;
	}

	.iz-lobbyTitle{
		top: -120px;
	}

}

/* локация END */


/* Терассы */
.iz-terracesTitle{

}

.terraces .block__more-info_title h2 {
    max-width: 330px;
}

.block__more-info.terraces {
	height: 650px;
}

.terraces .block__more-info_title {
    top: 0px;
	left: 64px;
}

.terraces .block__more_image1{
	width: 790px;
    height: 575px;
	top: 190px;
}


.terraces  .block__more_rest {
    top: 70px;
}
@media (max-width: 1240px) {
    .block__more-info.terraces {
		height: 1050px;
    }

	.terraces .block__more_image1 {
		top: 100px;
	}

	.terraces .block__more-info_title {
		left: 0px;
		padding-bottom: 40px;
	}

	.terraces .block__more_rest {
		top: -600px;
	}


}


@media (max-width: 1000px) {
	.terraces .block__more-info_title {
		justify-content: flex-start;
		padding-left: 40px;
	}
}

@media (max-width: 767px) {

	.terraces .block__more_rest {
        top: -660px;
    }

	.terraces .block__more-info_title {
		top: -126px;
	}

	.terraces .block__more_image1 {
		top: 0px;
	}

	.block__more-info.terraces {
        height: 850px;
    }


	.terraces .block__more-info_title h2 {
		font-size: 36px;
		line-height: 48px;
	}

	.terraces .block__more-info_title h2 span {
		font-size: 36px;
		line-height: 48px;
		color: white;
	}

	.terraces .block__more-info_title h2 {
		text-align: left;
	}

	.terraces .block__more-info_title {
		justify-content: center;
		padding-left: 40px;
	}
}
/* Терассы END */
/* End */


/* Start:/local/assets/css/components/about-project.css?17307934382380*/
.block__presentation-fos{

}



.block__presentation-fos_container{
    border: 1px solid #3A3731;
    padding: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 24px;
}

.block__presentation-fos_container form{
    max-width: 455px;
    position: relative;
}

.block__presentation-fos_container input{
    border: none;
    border-bottom: 1px solid #D0B9A3;
    
}

.block__presentation-img {
    width: 50%;
    background-image: url(/local/assets/img/presentation.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 634px;
}

.block__presentation-fos_container .checkbox-label a {
    color: var(--light-brown);
}

.block__presentation-fos_title{
    font-family: Playfair Display;
    font-size: 48px;
    line-height: 48px;
    padding-bottom: 50px;
}

.block__presentation-fos_title span{
    color: var(--light-brown);
}

.block__presentation-fos_container button{
    width: 100%;
}

.block__presentation-success.active {
    opacity: 1;
    pointer-events: all;
}

.block__presentation-success {
    transition: opacity .2s;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 70px;
    background: #2B2926;
}

.block__presentation-success p {
    font-family: Playfair Display;
    font-size: 48px;
    line-height: 48px;
}

.block__presentation-success p span {
    color: #FFD581;
}

@media (max-width: 1240px){
    .block__presentation-fos_container{
        flex-direction: column;
    }

    .block__presentation-img{
        width: 100%;
    }

    .block__presentation-fos_container form {
        margin-bottom: 35px;
        padding: 20px;
    }

    .center.block__presentation{
        padding: 0px;
    }
}
@media (max-width: 800px){
    .block__presentation-success {
        padding: 0 16px;
    }
    
    .block__presentation-fos_container{
        border: none;
        padding: 0px;
    }

    .block__presentation-fos_container form {
        padding: 20px;
    }

    .block__presentation-img {
        padding-top: 100%;
        height: auto;
    }

    .block__presentation-fos_title{
        font-size: 36px;
    }
}
/* End */


/* Start:/local/assets/css/components/payment-block.css?17297733902604*/
.block__payment-container{
	display: flex;
    flex-direction: column;
    align-items: center;
}

.block__payment-container_title{
    font-family: Playfair Display;
    font-size: 48px;
    line-height: 48px;
    padding-bottom: 50px;
	text-align: center;
}

.block__payment-container_title span{
    color: var(--light-brown);
}

.block__payment-container_circle{

}

.block__payment_circle{
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.block__payment_circle-item{
	width: 437px;
	height: 438px;
	background-color: #33312E;
	border-radius: 50%;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: column;
	position: relative;
}

.block__payment_circle-item i{
	font-size: 60px;
	color: var(--light-brown);
	/* padding-bottom: 80px; */
	position: absolute;
	top: 100px;
}

.block__payment_circle-item p{
	font-size: 30px;
	font-weight: 400;
	/* line-height: 34.2px; */
	/* max-width: 220px; */
	text-align: center;
	padding-bottom: 25px;
	
}


.block__payment_circle-item span{
	color: var(--light-brown);
	font-family: Playfair Display;
	font-size: 32px;
	font-weight: 400;
	text-align: center;

}

.block__payment_circle-item-text{
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	
}

.block__payment_circle-item-text2{
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	/* max-width: 190px; */

}

.block__payment_circle-item-quest{
	display: flex;
    gap: 8px;
	padding-top: 80px;
} 

.question-tool{
	background-color: white;
	border-radius: 50%;
	height: 24px;
	width: 24px;
	color: black;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	position: relative;
}

.question-text{
	position: absolute;
	background-color: white;
	padding: 20px;
	border-radius: 16px;
	font-size: 16px;
	width: 600px;
    z-index: 10;
	right: 30px;
	color: black;
}

@media (max-width: 1440px){
	.block__payment_circle{
	    flex-wrap: wrap;
    	justify-content: center;
	}
}

@media (max-width: 1000px){
	.question-text{
		width: auto;
		right: auto;
	}
}
@media (max-width: 800px){
    /* .block__payment-container_title{
        font-size: 36px;
    } */
	.block__payment-container_title{
		max-width: 200px;
	}
} 


@media (max-width: 500px){
	.block__payment_circle-item{
		width: 343px;
		height: 343px;
	}

	.block__payment_circle-item i {
		/* padding-bottom: 60px; */
		top: 50px;
	}

	.block__payment_circle-item p {
		font-size: 25px;
		padding-bottom: 20px;
	}

	.block__payment_circle-item-text {
		font-size: 14px;
	}


	.block__payment_circle-item-text2{
		max-width: 190px;
	}

}



/* End */


/* Start:/local/assets/css/components/construction-progress.css?17297728404357*/
.construction-progress{
	background-color: #33312E;
	/* padding: 80px 90px; */
}

.construction-progress-container{
	padding-top: 60px;
	padding-bottom: 60px;
}


.construction-progress-container_title {
    font-family: Playfair Display;
    font-size: 48px;
    line-height: 48px;
    padding-bottom: 50px;
    text-align: center;
	color: var(--light-brown);
}

.construction-progress-item{
	height: 515px;	
	border-radius: 24px;
	width: 880px;
	cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
	overflow: hidden;
}

.construction-progress-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: inherit;
    filter: blur(1px);
    z-index: 1;
    pointer-events: none;
}

.construction-progress-item.construction-progress-item-about::before {
    content: none;
}

.construction-progress-item__play {
    position: relative;
    z-index: 2;
    filter: none;
}

.construction-progress-item-about{
	background-image: url('/local/assets/img/mifs-prev-img.png');
	background-size: cover; 
	background-position: center; 
	background-repeat: no-repeat;
}

/* внутренняя плашка */
.construction-progress-item__play span{
	font-family: Playfair Display;
	font-size: 18px;
	font-weight: 500;
	line-height: 23.99px;
	text-align: center;
	padding-bottom: 8px;
}

.construction-progress-item__play p{
	font-size: 14px;
	line-height: 20px;
	text-align: center;	
	padding-bottom: 18px;
}

.construction-progress-item__play div{
	font-family: PP Pangram Sans;
	font-size: 14px;
	font-weight: 400;
	line-height: 15.96px;
	text-align: left;	
	padding-bottom: 24px;
}
/* внутренняя плашка  END*/

/* внутренняя плашка  2*/
.construction-progress-item__play-circle{
	width: 120px;
	height: 120px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
    z-index: 2;
    filter: none;
	background-color: #B99673;
}

.construction-progress-item__play-circle i{
	padding-bottom: 12px;
	margin-left: 5px;
}

.construction-progress-item__play-circle{
	font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
/* внутренняя плашка  2 END*/




.construction-progress-items{
	position: relative;
}

.construction-progress-items .slick-track {
    gap: 40px;
}

.construction-progress-items .arrow-slider-left {
    left: -110px;
	left: 30px;
}

.construction-progress-items .arrow-slider-right {
    right: -110px;
	right: 30px;
}

.popup-slider .popup__inner.popup-video {
    overflow: hidden;
    /* max-width: calc(100% - 200px); */
    /* max-width: calc(100% - 400px); */
	max-width: 68%;
	/* width: fit-content; */
}

.popup-video__block-popup{
	width: fit-content;
}

.clicnic-video_item-block{
	width: 100%;
}

.construction-progress-item__play{
	width: 200px;
	height: 200px;
	border-radius: 12px;
	background-color: #3A3731;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.construction-progress-container .arrow-slider {
	top: 50%;

}




@media (max-width: 800px) {
	.popup-slider .popup__inner.popup-video {
		max-width: calc(100% - 80px);
	}

	.center.construction-progress{
		padding-left: 0px;
        padding-right: 0px;
	}

	.construction-progress-items .arrow-slider-left {
		left: 20px;
	}

	.construction-progress-items .arrow-slider-right {
		right: 20px;
	}

	.construction-progress-item {
        width: 100%; /* или другая нужная вам ширина */
		width: 100vw;
    }

	.construction-progress-items .slick-track {
		gap: 0px;
	}

}


@media (max-width: 500px) {
	.popup-slider .popup__inner.popup-video {
		max-width: calc(100% - 40px);
	}

	.construction-progress-item {
		border-radius: 40px;
	}

	.construction-progress-container_title {
		font-size: 36px;
	}
                               
	.construction-progress-container{
		padding-top: 56px;
		padding-bottom: 0px;
	}

	.construction-progress-item-about{
		background-image: url('/local/assets/img/mifs-prev-img__mob.png');
		background-size: cover; 
		background-position: center; 
		background-repeat: no-repeat;
	}

	
}
/* при меньшем разрешении менять тут .popup-slider .popup__inner.popup-video max-width */
/* End */


/* Start:/local/assets/css/components/mapYandex.css?17310677135106*/
.map__container {
  position: relative;
  width: 100%;
  height: 700px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}


/* чернобелая карта */
.ymaps-2-1-79-ground-pane,
.ymaps-layers-pane {
  -webkit-filter: grayscale(100%);
}

/* .ymaps-2-1-79-ground-pane{
    filter: grayscale(1)
} */
/* черно белая карта END */


.section-map__controls {
  position: absolute;
  z-index: 11;
  padding: 20px 16px;
  background-color: #2B2926;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 12px;
  min-width: 400px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 40px;
  /* height: 177px; */
}

.section-map.map {
  position: relative;
  margin: 60px 0;
  margin-bottom: 120px;
}

/* отключаем "как доехать" */
.ymaps-2-1-79-map-copyrights-promo {
  display: none;
}

/* отключаем "как доехать" END*/

.filter-button {
  font-size: 14px;
  font-weight: 400;
  line-height: 15.96px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  height: fit-content;
  width: fit-content;
}



/* цыфра наиденнхы объектов */
.section-map__controls-count {
  color: #AEAEAE;
  /* Цвет текста */
  font-weight: bold;
  /* Жирный шрифт */
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

/* цыфра наиденнхы объектов  END*/


.filter-button.active {
  color: #FFD581;
  /* border: 1px solid #000; */
}



/* иконки кнопок на карте */
.filter-button__icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: white;
  position: relative;
  border: 1px solid #CEAC8E;
  flex-shrink: 0;
}

.filter-button.active .filter-button__icon {
  background-color: #FFD581;
}

.filter-button__icon img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 17px;
  max-height: 17px;
}

/* иконки кнопок на карте */



/* стили балуна кастомного и яндекса */
/* .custom-balloon {
    padding: 10px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  

  
  .custom-balloon-image {
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }
  
  .custom-balloon-text {
    font-size: 14px;
    color: #333;
  } */

.custom-balloon-content {
  display: flex;
  align-items: center;
}

.ymaps-2-1-79-balloon__close {
  display: none;
}

.ymaps-2-1-79-balloon__content>ymaps {
  width: fit-content;
  overflow: visible !important;
}

.ymaps-2-1-79-balloon__layout .ymaps-2-1-79-balloon__content {
  padding: 0px;
  margin-right: 15px !important;
  background: transparent;

}

.custom-balloon-text {
  font-family: PP Pangram Sans;
  font-size: 14px;
  line-height: 15.96px;
  white-space: nowrap;
  padding-left: 42px;
  color: #000;

}

.ymaps-2-1-79-balloon-overlay .ymaps-2-1-79-balloon {
  box-shadow: none;
  top: -28px !important;
  left: -26px !important;

}

.ymaps-2-1-79-balloon .ymaps-2-1-79-balloon__layout {
  background: none;
  background: #FFD581;
  border-radius: 30px;
  overflow: visible;
}

.custom-balloon-content {
  height: 35px;
  background: #FFD581;
  border-radius: 22px;
  padding-right: 14px;
}

.custom-balloon-image {
  position: absolute;
  left: -6px;
  top: -4px;
}

/* угольник под балуном */
/* ymaps-2-1-79-balloon_layout_normal ymaps-2-1-79-balloon_to_top ymaps-2-1-79-i-custom-scroll */
.ymaps-2-1-79-balloon .ymaps-2-1-79-balloon__tail {
  display: none;
}

/* .custom-balloon.custom-balloon-main{
    display: none;

  } */
/* стили балуна кастомного и яндекса  END*/

.marker {
  cursor: pointer;
}



/* @media (max-width: 500px) {
  .section-map.padding-block{
    padding: 20px;
  }
} */

@media (max-width: 500px) {
  .section-map__controls {
    bottom: 20px;
    width: 100%;
    min-width: 350px;
    max-width: 350px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-radius: 12px;

  }

}



.section-map__block{
  position: absolute;
  z-index: 11;
  padding: 4px;
  background-color: #2B2926;
  /* border-radius: 20px; */
  border-radius: 55px; 
  gap: 16px;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;

  font-size: 14px;
  font-weight: 400;
}

.section-map__block-img{
  border-radius: 50%;
  background-color: #323131;
  height: 42px;
  width: 42px;
  position: relative;
}

.section-map__block-img img{
  position: absolute;
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%);
}

.lp20px{
  width: 20px;
}


.map__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0); /* Можно сделать прозрачным */
  /* cursor: not-allowed; */
  z-index: 10;
  display: none;

}

@media (max-width: 500px) {
  .map__overlay.map__overlay-active {
    display: block;
  }
}
/* End */
/* /local/assets/css/style.css?173511629014008 */
/* /local/assets/css/fonts.css?17198430376436 */
/* /local/assets/fonts/icomoon/style.css?17310514603491 */
/* /local/assets/css/components/header.css?17338284239203 */
/* /local/assets/css/components/main-block.css?17295223395327 */
/* /local/assets/css/components/footer.css?17513685584057 */
/* /local/assets/css/components/layouts.css?17272601005096 */
/* /local/assets/css/components/popup.css?17339794937681 */
/* /local/assets/css/components/another-block.css?173036533920884 */
/* /local/assets/css/components/about-project.css?17307934382380 */
/* /local/assets/css/components/payment-block.css?17297733902604 */
/* /local/assets/css/components/construction-progress.css?17297728404357 */
/* /local/assets/css/components/mapYandex.css?17310677135106 */