/* Start:/local/assets/css/vars.css?1706787887531*/
:root {
    --main-dark-violet: #2B2B4D;
    --dark-violet: #161B2E;
    --main-red: #E1294D;
    --main-red-hover: #CC2445;
    --main-white: #fff;
    --main-gray: #67697E;
    --light-violet: #8181A3;
    --light-violet2: #B3BEE4;
    --light-violet3: #9898B8;
    --extra-light-violet: #D8D8F5;
    --extra-light-violet2: #E8ECF6;
    --extra-light-violet3: #E7E7FE;
    --extra-light-violet4: #E5EAFB;
    --light-gray: #F5F5FF;
    --yellow: #E9B261;
    --green: #55A963;
    --green2: #219653;
    --light-green: #70D480;
}
/* End */


/* Start:/local/assets/css/media.css?1706277739979*/
body .showTablet {
    display: none !important;
}

body .showMobile {
    display: none;
}

body .showTabletBlock {
    display: none;
}

body .showMobileBlock {
    display: none;
}

.hideTablet.showMobile {
    display: flex;
}
body .showTabletGrid {
    display: none !important;
}

@media (max-width: 1199px) {
    body .hideTablet {
        display: none !important;
    }

    body .showTablet {
        display: flex !important;
    }

    body .showTabletBlock {
        display: block;
    }

    body .showTabletGrid {
        display: grid !important;
    }

    body .hideTablet.showMobile {
        display: none !important;
    }
}

@media (max-width: 767px) {
    body .showMobile {
        display: flex;
    }

    body .showMobileBlock {
        display: block;
    }

    .showMobileGrid {
        display: grid;
    }

    body .hideMobile {
        display: none !important;
    }

    body .hideTablet.showMobile {
        display: flex !important;
    }
}
/* End */


/* Start:/local/assets/css/global.css?173470249847808*/
.mainGray {
    background-color: var(--light-gray);
}

.ml-buttons-cont .ml-left {
    display: flex !important;
}

/* Маска для закгруления (ставить к старшему блоку) */
.roundedCornersMask {
    filter: url(#round);
}

.fullWidth {
    width: 100% !important;
}

/* Контейнеры */
.container1920 {
    max-width: 1420px;
    margin: 0 auto;
    padding-left: 38px;
    padding-right: 56px;
    width: 100%;
}

.container1920fixed {
    width: 1920px;
}

.containerOverflow {
    overflow: hidden;
}

.container1920.containerWideRight {
    padding-right: 0;
    max-width: 1920px;
}

.container940 {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 38px;
    width: 100%;
}

.hide {
    display: none !important;
}

.mt0 {
    margin-top: 0 !important;
}


@media (max-width: 1199px) {

    .container1920,
    .container940 {
        padding: 0 32px;
    }

    .container1920.containerWideRight {
        padding: 0;
    }

    .containerNoPadRightTablet {
        padding-right: 0;
    }
}

@media (max-width: 767px) {

    .container1920,
    .container940 {
        padding: 0 16px;
    }

    .container1920.mapContainer,
    .container1920.containerNoPadMobile {
        padding: 0;
    }
}

/* Классы компаньоны к разметке */
.gridElemRight {
    display: flex;
    justify-content: flex-end;
}

/* Отступы */
.noMb {
    margin-bottom: 0 !important;
}

.mb40 {
    margin-bottom: 40px;
}

.mb80 {
    margin-bottom: 80px;
}

.mb100 {
    margin-bottom: 100px;
}

.mb120 {
    margin-bottom: 120px;
}

.pb48 {
    padding-bottom: 48px;
}

.pb60 {
    padding-bottom: 60px;
}

@media (max-width: 1199px) {
    .mb100 {
        margin-bottom: 80px;
    }

    .mb120 {
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .mb80 {
        margin-bottom: 40px;
    }

    .mb100 {
        margin-bottom: 60px;
    }

    .mb120 {
        margin-bottom: 40px;
    }
}


/* Типография */
h1,
.title42 {
    color: var(--main-dark-violet);
    font-family: 'Winston';
    font-size: 42px;
    font-weight: 400;
    line-height: 52px;
    letter-spacing: -1.68px;
}

.pageTitle {
    margin-top: 32px;
    margin-bottom: 56px;
}

.pageTitle.pageTitleLight {
    font-weight: 300;
}

.pageTitle .textLink {
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
}

.smallText {
    color: var(--light-violet);
    font-family: 'Winston';
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.36px;
    text-transform: uppercase;
}

.smallText--14 {
    color: var(--main-gray);
    font-family: Winston;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.14px;
}

.priceText {
    font-family: Winston;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.2px;
}

.text14 {
    font-family: Golos;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.14px;
}


.text20 {
    font-family: Golos;
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: -0.01em;
}

.title18 {
    font-family: Golos;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.18px;
}

.title30 {
    font-family: Winston;
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -1.2px;
}

.title35 {
    font-family: Winston;
    font-size: 35px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -1.4px;
}

.bigTitle {
    font-family: Winston;
    font-size: 100px;
    font-weight: 300;
    line-height: 80px;
    letter-spacing: -1px;
}

.text--underline {
    position: relative;
}

.text--underline::after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed var(--main-red);
}

.sup10 {
    vertical-align: super;
    font-size: 10px;
}

.sup16 {
    vertical-align: super;
    font-size: 16px;
}

.smallButtonWithIcon__text--14.projectLink {
    font-size: 12px;
}

@media (max-width: 1199px) {
    .pageTitle {
        margin-top: 24px;
        margin-bottom: 40px;
        font-size: 32px;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: -1.28px;
    }

    .title30 {
        font-family: Winston;
        font-size: 28px;
        font-weight: 400;
        line-height: 38px;
        letter-spacing: -0.28px;
    }

    .bigTitle {
        font-family: Winston;
        font-size: 70px;
        font-weight: 300;
        line-height: 70px;
        letter-spacing: -0.04em;
    }
}

@media (max-width: 767px) {

    h1,
    .title42 {
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        letter-spacing: -0.96px;
    }

    .bigTitle {
        font-family: Winston;
        font-size: 32px;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: -0.04em;
    }

    .title30 {
        font-family: Winston;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.8px;
    }

    .title35 {
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: -0.88px;
    }

    .pageTitle {
        font-size: 24px;
        margin-bottom: 25px;
        margin-top: 13px;
        line-height: 34px;
        letter-spacing: -0.96px;
    }

    .text20 {
        font-family: Winston;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.04em;
    }
}

.textBlockRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.textBlockRow--top {
    align-items: flex-start;
}

.textCol {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.textCol4 {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.textCol8 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.textCol12 {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.textCol16 {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.textCol--right {
    align-items: flex-end;
}

.tooltip-quest{
    cursor: pointer;
    font-size: 15px;
}

.billet-container{
    position: relative;
}

.billet-block-tool{
    font-size: 13px;
    display: none;
    padding: 12px 16px;
    position: absolute;
    border-radius: 12px;
    background: #ffffff;
    top: -40px;
    color: black;
    right: 0px;
    white-space: nowrap;
    width: fit-content;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2);
}

.icon-quest.tooltip-quest{
    color: #9898B8;
}

.icon-quest.tooltip-quest:hover{
    color: #2B2B4C;
}

.textCol__title {
    font-family: Winston;
    font-size: 32px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.64px;
}

.textCol__title--24 {
    font-family: Winston;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.64px;
}

.textCol__title--35 {
    font-family: Winston;
    font-size: 35px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: -1.75px;

}

.textCol__text16 {
    font-family: Winston;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.16px;
}

.textCol__text18 {
    font-family: Golos;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.18px;
}

.textCol__text {
    font-family: Winston;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.2px;
}

.textCol__title--35 {
    font-family: Winston;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -1.2px;
}

.textCol__text--small {
    color: var(--light-violet3);
    font-family: Winston;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.13px;
}

.textCol__text--small400 {
    color: var(--light-violet3);
    font-family: Winston;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.13px;
}

.textCol__text--right {
    text-align: right;
}

@media (max-width: 1199px) {
    .textCol__title--35 {
        font-family: Winston;
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: -0.88px;
    }

    .textCol__text {
        font-family: Winston;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.72px;
    }

    .textCol__text--small {
        font-family: Golos;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
    }

    .textCol__title {
        font-family: Winston;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        letter-spacing: -0.4px;
    }

    .textCol__text18 {
        font-family: Golos;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.16px;
    }

    .textCol__text16 {
        font-family: Winston;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: -0.14px;
    }

}

/* типография цвета */
.textViolet {
    color: var(--main-dark-violet);
}

.textRed {
    color: var(--main-red) !important;
}

.textWhite {
    color: var(--main-white);
}

.textDarkGrey {
    color: var(--main-gray);
}

.textLightViolet {
    color: var(--light-violet);
}

.textLightViolet2 {
    color: var(--light-violet2);
}

.textLightViolet3 {
    color: var(--light-violet3);
}

.textGreen {
    color: var(--green2);
}

.textLightGreen {
    color: var(--light-green);
}

.textExtraLightViolet {
    color: var(--extra-light-violet);
}


/* Ссылки */
.link {
    transition: all 0.3s ease;
}

.link:hover {
    color: var(--main-red);
    transition: all 0.3s ease;
}


.textLink {
    font-family: 'Golos';
    font-size: 16px;
    color: var(--main-red);
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
}

.textLink:hover,
.textLink14:hover,
.textLink24:hover {
    color: var(--main-red);

}

.textLink14 {
    font-size: 14px;
    transition: all 0.3s ease;
}

.textLink24 {
    font-size: 24px;
    transition: all 0.3s ease;
}

.textLinkDark {
    color: var(--main-dark-violet);
}

.textLinkUnderline {
    border-bottom: 1px dashed var(--main-red);
    transition: all 0.3s ease;
}

.textLinkUnderline:hover {
    border-color: transparent;
}

.textLinkUnderline::after {
    /* content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px; */
    border-bottom: 1px dashed var(--main-red);
}

@media (max-width: 1199px) {
    .textLink24 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: -0.2px;
    }
}

/* Кнопки */
.button {
    background-color: var(--main-red);
    border-radius: 40px;
    padding: 18px 24px;
    text-align: center;
    color: var(--main-white);
    max-height: 56px;
    display: block;
    width: 220px;
    font-family: Golos;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    transition: all 0.3s ease;
}

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

.button.buttonCenter,
.filter__elem .button.buttonCenter {
    align-items: center;
    justify-content: center;
}

.buttonW100 {
    width: 100%;
}

.buttonDark {
    background-color: var(--main-dark-violet);
}

.buttonWhite {
    background-color: var(--main-white);
    color: var(--main-dark-violet);
}

.buttonWhite:hover {
    background-color: var(--main-red);
    color: var(--main-white);
    transition: all 0.3s ease;
}

.buttonGray {
    background-color: var(--light-gray);
    color: var(--main-dark-violet);
}

.buttonGray.disbled {
    pointer-events: none;
}

.button .atlantLogo_small {
    font-size: 22px;
}

.atlantLogo img {
    height: 40px;
}


@media (max-width: 767px) {
    .button {
        justify-content: center;
    }
}

/* Иконка-кнопка */
.iconButton {
    display: flex;
    align-items: center;
}

.iconButton__icon {
    font-size: 28px;
}

.iconButton__icon--white {
    color: var(--main-white);
}

/* Кнопка с иконкой */

.buttonWithIcon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
}

.buttonWithIcon12 {
    gap: 12px;
    justify-content: center;
}

.buttonWithIcon:hover span {
    color: var(--main-white) !important;
    transition: all 0.3s ease;
}

.buttonWithIcon:hover .icon-atlantLogoRed .path1:before {
    color: var(--main-white);
}

.buttonWithIcon:hover .icon-atlantLogoRed .path2:before {
    color: var(--main-dark-violet)
}

/* Маленькая кнопка с иконкой */
a.smallButtonWithIcon {
    transition: all 0.3s ease;
}

a.smallButtonWithIcon:hover,
a.smallButtonWithIcon:hover .smallButtonWithIcon__icon {
    color: var(--main-red);
    transition: all 0.3s ease;
}


.smallButtonWithIcon {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.smallButtonWithIcon__icon {
    font-size: 16px;
    transition: all 0.3s ease;
}

.smallButtonWithIcon__text {
    color: var(--main-dark-violet);
    font-family: Golos;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.16px;
    transition: all 0.3s ease;
}

.smallButtonWithIcon__text--14 {
    font-family: Golos;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
}

@media (max-width: 1199px) {
    .smallButtonWithIcon__text {
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.14px;
    }
}

/* Круглая кнопка */
.roundButton {
    position: relative;
    width: 32px;
    height: 32px;
    background-color: var(--light-gray);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.roundButton.active {
    background-color: var(--main-red);
}

.roundButton.active span,
.roundButton.active:hover span {
    color: var(--main-white);
}

.roundButton:hover span {
    color: var(--main-red);
    transition: all 0.3s ease;
}

.roundButton span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--extra-light-violet);
    transition: all 0.3s ease;
}

/* Круглая кнопка END */

/* Кнопка назад */
.backButton {
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.backButton__icon {
    font-size: 14px;
    color: var(--main-red);
    padding: 4px;
}

.backButton__text {
    font-family: Golos;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.14px;
}

/* Кнопка назад END */

/* Кнопка с картинкой */
.buttonWithImage {
    display: flex;
    align-items: center;
    padding: 6px;
    padding-right: 35px;
    width: 280px;
    max-height: fit-content;
}

.buttonWithImage:hover .liveIndicator {
    background-color: var(--main-white);
    transition: all 0.3s ease;
}

.buttonWithImage__image {
    margin-right: 25px;
}

.liveIndicator {
    width: 8px;
    height: 8px;
    background-color: var(--main-red);
    border-radius: 50%;
    margin-right: 10px;
    transition: all 0.3s ease;
}

.buttonWithImage__text {
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .buttonWithImage {
        display: flex;
        /* justify-content: space-between; */
    }

    .buttonWithImage__image {
        width: 20%;
    }

    .buttonWithImage__text {
        width: 80%;
        justify-content: center;
    }
}

/* Кнопка с картинкой END */

.buttonRow {
    display: flex;
    align-items: center;
    gap: 13px;
}

/* Кнопки END */

/* Инпуты */
.inputBlock {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.inputElem {
    position: relative;
}

.inputElem .input {
    width: 100%;
}

.inputElem__icon span {
    font-size: 14px;
    color: var(--light-violet3);
    transition: all 0.3s ease;

}

.inputElem__icon:hover span {
    color: var(--main-dark-violet);
}

.inputElem__icon {
    position: absolute;
    top: 50%;
    right: 24px;
    transform: translateY(-50%);
    cursor: pointer;
}

.inputElem.error .input {
    border-color: var(--main-red);
    transition: all 0.3s ease;
}

.input_error {
    color: var(--main-red);
    font-family: Golos;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.inputElem .input_error {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.input {
    /* max-width: 290px; */
    background-color: var(--light-gray);
    padding: 20px 24px;
    border-radius: 40px;
    color: var(--main-dark-violet);
    font-family: Golos;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
}

.inputWhite {
    background-color: var(--main-white);
}

.selectGray .select__list {
    background-color: var(--light-gray);
}

.selectGray  .smallText{
    padding-bottom: 12px;
}

.input::placeholder {
    color: var(--light-violet);
    font-family: Winston;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.36px;
    text-transform: uppercase;
}

.input:hover::placeholder {
    color: var(--main-dark-violet);
    transition: all 0.3s ease;
}

/* Инпуты END */

/* Инпут диапазона (от/до) */
.rangeInput {
    display: flex;
}

.input.rangeInput__input--from {
    border-radius: 40px 0 0 40px;
    border-right: 1px solid var(--extra-light-violet3);
}

.input.rangeInput__input--to {
    border-radius: 0 40px 40px 0;
}

.input.rangeInput__input--from,
.input.rangeInput__input--to {
    text-align: center;
}

/* Инпут диапазона (от/до) END */

/* Инпут с текстом */
.inputBlockWithTextCol {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.inputBlockWithTextCol__text {
    font-family: Winston;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.14px;
}

/* Инпут с текстом END */

/* Селекты */
.select {
    position: relative;
}

.select__inputBlock {
    position: relative;

}

.select__inputBlock .input_error {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.select__inputBlock.error .input {
    border-color: var(--main-red);
}

.select__inputBlock.active .select__icon {
    transform: rotate(180deg);
    transition: all 0.3s ease;
}

.select .input {
    cursor: pointer;
    width: 100%;
    border: 1px solid transparent;
}

.selectWithIcon .input {
    padding-left: 48px;
}

.selectWithIcon__icon {
    color: var(--main-red);
    position: absolute;
    left: 24px;
    top: 24px;
    font-size: 9px;
}

.select__icon {
    font-size: 5px;
    color: var(--main-gray);
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    cursor: pointer;
}

.select__body {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: 100%;
    z-index: 3;
}

.select__body--big {
    width: 120%;
}

.select__list {
    border-radius: 12px;
    padding: 12px;
    background-color: var(--main-white);
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 20px;
    box-shadow: 0px 20px 24px 0px rgba(43, 43, 76, 0.06);
}

.select__list li {
    cursor: pointer;
    font-family: Golos;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease;
}

.select__list li:hover {
    color: var(--main-red);
    transition: all 0.3s ease;
}

.select__list li.active {
    color: var(--main-red);
}

.select__list li .select__chooseItem {
    opacity: 0;
    transition: all 0.3s ease;
}

.select__list li.active .select__chooseItem {
    opacity: 1;
    transition: all 0.3s ease;
    font-size: 16px;
}

.selectSort {
    width: 80%;
}

.select.disabled {
    pointer-events: none;
    opacity: 0.5;
}

@media (max-width: 767px) {
    .selectSort .select__inputBlock {
        width: 42px;
        height: 42px;
        background-color: var(--main-white);
        border-radius: 40px;
    }

    .selectSort .select__inputBlock .selectWithIcon__icon {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .selectSort .input {
        width: 0;
        padding: 0;
        border: none;
    }

    .selectSort .select__body {
        min-width: 300px;
    }
}

/* Селекты END */

/* Чекбоксы */


.checkbox {
    position: relative;
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

.checkbox.disabled {
    pointer-events: none;
}

.checkbox input {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    left: -100%;
    width: 1px;
    height: 1px;
}

.checkbox input[disabled=disabled] {
    pointer-events: none;
}

.checkbox span {
    font-family: Golos;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.14px;
}

.checkbox label {
    position: relative;
    width: 24px;
    height: 24px;
    background-color: var(--main-white);
    border-radius: 4px;
    transition: all 0.3s ease;
}

.checkbox label::before {
    content: '\e92d';
    opacity: 0;
    font-family: icomoon !important;
    font-size: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
}

.checkbox.active label {
    background-color: var(--main-red);
    transition: all 0.3s ease;
}

.checkbox.active label::before {
    color: var(--main-white);
    opacity: 1;
    transition: all 0.3s ease;
}

.checkboxBordered label {
    border: 1px solid var(--light-gray);
}

/* Чекбоксы END */

/* Радио кнопки */
.radioButtonGroup {
    display: flex;
    align-items: center;
}

.radioButton {
    padding: 8px 20px;
    border-radius: 36px;
    cursor: pointer;
}

.radioButton input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
}

.radioButton label {
    transition: all 0.3s ease;
}

.radioButton:hover label {
    color: var(--main-red);
    transition: all 0.3s ease;
}

.radioButton.active {
    background-color: var(--main-white);
    color: var(--main-red);
}

/* Радио кнопки END */

/* основной блок */
.mainBlock {
    display: flex;
}

.mainBlockFullView {
    width: 100vh;
}

@media (max-width: 1199px) {
    .mainBlock {
        flex-direction: column;
    }
}

/* основной блок контента на странице */
.contentBlockContainer {
    padding-left: 38px;
    /* padding-right: 38px; */
    padding-top: 42px;
}

.contentBlock {
    padding-top: 42px;
    width: calc(100% - 280px);

}

.contentBlockGray {
    background-color: var(--light-gray);
}

.contentBlock--overflow {
    overflow-x: hidden;
}

.contentBlockPB80 {
    padding-bottom: 80px;
}

.contentBlockFullHeight {
    height: 100vh;
}

@media (max-width: 1199px) {
    .contentBlockContainer {
        padding: 0;

    }

    .contentBlock {
        padding-left: 0;
        padding-top: 40px;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .contentBlock {
        padding-top: 32px;
    }

    .contentBlockPB80 {
        padding-bottom: 40px;
    }
}


.catalogBlock {
    padding-top: 0;
}

/* Секция контента */
.section {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.section.section0 {
    gap: 0px;
}

.sectionGray {
    background-color: var(--light-gray);
}

.sectionMain {
    padding-top: 42px;
}

.catalogSection {
    padding-top: 42px;
}

.sectionContent {
    padding: 80px 0;
}

@media (max-width: 767px) {
    .catalogSection {
        padding-top: 36px;
    }
}


@media (max-width: 1199px) {
    .section {
        gap: 40px;
    }
}

@media (max-width: 767px) {
    .section {
        gap: 30px;
    }
}

/* Контентные блоки */
.contentCol {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* Контентные блоки END */

/* Элемент выбора региона */


.regionChooseLink {
    font-weight: 400;
    letter-spacing: 0;
}

.regionChooseLink .textLink {
    font-size: 14px;
    position: relative;
    top: -3px;
}

h1 .regionChooseLink {
    display: inline;
    position: relative;
    top: 4px;
}

h1 .regionChooseLink .textLink {
    font-family: Winston;
    font-size: inherit;
    font-style: normal;
    font-weight: 300;
    line-height: inherit;
    /* 123.81% */
    letter-spacing: -1.68px;
}

h1 .cityChoose {
    left: 0;
    right: auto;
    top: calc(100% + 12px);
    background-color: var(--main-white);
    z-index: 10;
}

/* Блок дисклеймера */
.disclaimer {
    color: var(--light-violet);
    font-family: 'Golos';
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

/* Блок заголовок + текст */
.titleWithText {
    display: flex;
    justify-content: space-between;
}

.titleWithText__title {
    width: 70%;
}

.titleWithText__text {
    color: #2B2B4D;
    font-family: Golos;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.18px;
    padding-top: 12px;
}

@media (max-width: 1199px) {
    .titleWithText {
        flex-direction: column;
    }

    .titleWithText__title {
        width: 100%;
        font-size: 32px;
        font-weight: 400;
        line-height: 42px;
        letter-spacing: -1.28px;
    }

    .titleWithText__text {
        padding-top: 32px;
    }
}

@media (max-width: 767px) {
    .titleWithText__title {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: -0.96px;
    }

    .titleWithText__text {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.16px;
        padding-top: 24px;
    }
}


.titleWithText2__text {
    color: #2B2B4D;
    font-family: Golos;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.96px;
    font-style: normal;
    font-weight: 400;
    padding-top: 24px;
}

/* Блок заголовка с параметрами */
.titleWithFeatures {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 30px;
}

.titleWithFeatures__title {
    grid-column: span 2;
}

.titleWithFeatures__features {
    grid-column: span 3;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

@media (max-width: 1600px) {
    .titleWithFeatures__features .textCol__text {
        font-size: 15px;
    }
}

@media (max-width:1490px) {
    .titleWithFeatures__title {
        font-size: 30px;
        line-height: 36px;
    }
}

@media (max-width:1325px) {
    .titleWithFeatures__title {
        font-size: 24px;
        line-height: 32px;
    }
}

@media (max-width: 1199px) {
    .titleWithFeatures {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .titleWithFeatures .textCol12Vnukovo {
        grid-column: 3/4;
        grid-row: 1/2;
    }
}

@media (max-width: 767px) {
    .titleWithFeatures {
        gap: 20px;
    }

    .titleWithFeatures .textCol12 {
        grid-column: span 3;
    }

    .titleWithFeatures .textCol12Vnukovo {
        grid-column: 3/4;
    }
}

/* Заголовок с кнопкой */
.titleWithButton {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.titleWithButton .pageTitle {
    margin: 0;
}

/* Заголовок с кнопкой END */


/* Заголовок с табами */
.titleWithTabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media (max-width: 1199px) {
    .titleWithTabs {
        flex-direction: column;
        gap: 40px;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .titleWithTabs {
        overflow: hidden;
    }

    .titleWithTabs .titleWithTabs__tabs {
        overflow: scroll;
        width: 100%;
    }

    .titleWithTabs .titleWithTabs__tabs .tab {
        white-space: nowrap;
    }
}

/* Заголовок с табами END */

/* Заголовок + текст + иконка */
.titleWithTextAndIcon {
    display: flex;
    align-items: center;
}

.titleWithTextAndIcon__title {
    width: 60%;
}

.titleWithTextAndIcon__text {
    width: calc(40% - 24px);
    font-size: 18px;
    line-height: 22px;
}

.titleWithTextAndIcon__icon {
    width: 24px;
    font-size: 24px;
    align-self: flex-start;
}

@media (max-width: 1199px) {
    .titleWithTextAndIcon {
        align-items: flex-start;
    }

    .titleWithTextAndIcon__title {
        width: 50%;
    }

    .titleWithTextAndIcon__text {
        width: calc(50% - 24px);
        margin-right: 40px;
    }
}

@media (max-width: 767px) {
    .titleWithTextAndIcon {
        flex-wrap: wrap;
        row-gap: 25px;
    }

    .titleWithTextAndIcon__title {
        order: 1;
        width: calc(100% - 44px);
        margin-right: 20px;
    }

    .titleWithTextAndIcon__icon {
        order: 2;
    }

    .titleWithTextAndIcon__text {
        order: 3;
        width: 100%;
        margin-right: 0;
    }
}

/* Заголовок + текст + иконка END */

/* Блок маленький текст + заголовок */
.smallTextWithTitle {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

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

@media (max-width: 767px) {
    .smallTextWithTitle {
        gap: 16px;
    }
}

/* Текст с иконокй */
.textWithIcon {
    display: flex;
    align-items: center;
    gap: 12px;
}

.textWithIcon5 {
    gap: 5px;
}

.textWithIcon__icon--16 {
    font-size: 16px;
}

.textWithIcon__icon {
    font-size: 36px;
}

.textWithIcon__icon--16 {
    font-family: Golos;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.textWithIcon__text {
    font-family: Golos;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.24px;
    text-transform: uppercase;
}

.textWithIcon__text--16 {
    font-family: Golos;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

@media (max-width:1199px) {
    .textWithIcon__text--16 {
        font-family: Winston;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: -0.14px;
    }
}

/* Блок тэгов */
.tags {
    display: flex;
    gap: 12px;
}

.tags__elem {
    padding: 12px;
    border-radius: 8px;
    font-family: 'Golos';
}

.tags__elem--blured {
    /* background: url(/local/assets/css/<path-to-image>), lightgray 0% 0% / 154.22531366348267px 154.22531366348267px repeat, rgba(255, 255, 255, 0.10); */
    background-blend-mode: overlay, normal;
    backdrop-filter: blur(10px);
}

/* Блок с аватаром и именем */
.person {
    display: flex;
    gap: 20px;
    align-items: center;
}

.person__avatar {
    border-radius: 50%;
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.person__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.person__name {
    font-family: Golos;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.person__name--18 {
    font-size: 18px;
}

.person__desc {
    color: var(--light-violet);
    font-family: Golos;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.14px;
}

@media (max-width: 1199px) {
    .person {
        gap: 12px;
    }

    .person__avatar {
        max-width: 40px;
        max-height: 40px;
        width: 40px;
        height: 40px;
    }

    .person__name {
        font-size: 14px;
        line-height: 18px;
    }

    .person__desc {
        font-size: 12px;
        line-height: 14px;
    }
}

/* Блок с большой цифрой и иконкой */
.bigNumberWithIcon {
    display: flex;
    gap: 16px;
}

.bigNumberWithIcon__text {
    font-family: Winston;
    font-size: 96px;
    font-weight: 300;
    line-height: 80%;
    letter-spacing: -3.84px;
}

.bigNumberWithIcon__icon {
    position: relative;
    top: 5px;
    font-size: 32px;
}

@media (max-width: 1199px) {
    .bigNumberWithIcon__text {
        font-size: 64px;
        line-height: 74px;
        letter-spacing: -2.56px;
    }

    .bigNumberWithIcon__icon {
        font-size: 24px;
        top: 12px;
    }
}

/* Элемент конатктов иконка + текст */
.contactElem {
    display: flex;
    gap: 14px;
    align-items: center;
}

/* Блок с иконками соц сетей */
.socials {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

.socials span {
    font-size: 32px;
}

@media (max-width: 767px) {
    footer .socials {
        justify-content: flex-start;
    }
}

/* Элементы меню */
.columnsMenu__col {
    display: flex;
    flex-direction: column;
}

.columnsMenu__title {
    font-family: Winston;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.36px;
    text-transform: uppercase;
    width: fit-content;
}

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

[class*=columnsMenu__elem] {
    cursor: pointer;
}

.columnsMenu__elem {
    font-family: Golos;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.columnsMenu__elem--18 {
    font-family: Winston;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.72px;
}

.columnsMenu__elem--24 {
    font-family: Winston;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.01em;
    text-align: left;
}

/* Блок контактов */
.contacts {
    display: flex;
    flex-direction: column;
}

.contacts.contactsRow {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contacts__title {
    margin-bottom: 16px;
}

.contacts.contactsRow .contacts__title {
    width: 100%;
}

@media (max-width: 767px) {
    .contacts.contactsRow .textLink {
        margin-bottom: 12px;
    }

    .contacts.contactsRow .textLink:last-child {
        margin-bottom: 0;
    }
}

/* Хлбеные крошки */
.breadcrumps {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 30px;
}

.breadcrumps__elem {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--light-violet);
    font-family: Winston;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.36px;
    text-transform: uppercase;
}

.breadcrumps__elem .breadcrumps__icon {
    font-size: 8px;
}


@media (max-width: 1199px) {
    .breadcrumps {
        margin-bottom: 20px;
    }
}

/* Хлбеные крошки END */

/* Табы */
.tabGroup {
    display: flex;
    align-items: center;
}

.tab {
    padding: 8px 20px;
    border-radius: 36px;
    font-family: Golos;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab:hover {
    color: var(--main-red);
    transition: all 0.3s ease;
}

.tab.active {
    background-color: var(--main-white);
    color: var(--main-red);
    cursor: default;
}

.tab.tabGray.active {
    background-color: var(--light-gray);
}

.tabContent {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    top: 0;
    /* transition: all 0.3s ease; */
}

.tabContent.active {
    position: relative;
    pointer-events: all;
    opacity: 1;
    top: 0;
    /* transition: all 0.3s ease; */
}

.tabToggler {
    display: flex;
    border-radius: 36px;
    background: #F5F5FF;
}

.tabToggler .tab {
    padding: 16px 24px;
}

.tabToggler .tab.active {
    background-color: var(--main-red);
    color: var(--main-white);
}

@media (max-width: 767px) {
    .tab {
        padding: 8px 16px;
    }
}

/* Табы END */

/* Элемент переключатель (тоггл) */
.toggleBlock {
    display: flex;
    gap: 10px;
    align-items: center;
}

.toggleBlock__text {
    font-family: Golos;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.toggle {
    width: 36px;
    height: 20px;
    border-radius: 60px;
    background-color: var(--extra-light-violet2);
    position: relative;
    cursor: pointer;
}

.toggle:hover .toggle__elem {
    background-color: var(--main-red);
    transition: all 0.3s ease;
}

.toggle__elem {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    background-color: var(--main-dark-violet);
    transition: all 0.3s ease;
}

.toggle.active {
    background-color: var(--main-red);
}

.toggle.active .toggle__elem {
    left: calc(100% - 18px);
    transition: all 0.3s ease;
    background-color: var(--main-white);
}

/* Элемент переключатель (тоггл) END */

/* Кнопка избранное */
.roundButton {
    position: relative;
    width: 32px;
    height: 32px;
    background-color: var(--light-gray);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.roundButton.disabled {
    pointer-events: none;
}

.roundButton.disabled span {
    color: var(--main-dark-violet);
}

.roundButton.active {
    background-color: var(--main-red);
}

.roundButton.active span,
.roundButton.active:hover span {
    color: var(--main-white);
}

.roundButton:hover span {
    color: var(--main-red);
    transition: all 0.3s ease;
}

.roundButton span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--extra-light-violet);
    transition: all 0.3s ease;
}

/* Кнопка избранное END */

/* Бейдж на карточке */

.badgeGroup {
    display: flex;
    align-items: center;
    gap: 10px;
}

.badgeGroupColumn {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.badgeGroupColumnRight {
    align-items: flex-end;
}

.badgeGroupColumn .badge {
    width: fit-content;
}

.badgeGroup8 {
    gap: 8px;
}

.badge {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: var(--light-gray);
    border-radius: 8px;
    padding: 10px;
}

.badge8 {
    gap: 8px;
}

.badgeRounded {
    border-radius: 60px;
    padding: 4px 12px;
}

.badgeRed {
    background-color: var(--main-red);
    color: var(--main-white);
}

.badgeGreen {
    background-color: var(--green);
    color: var(--main-white);
}

.badge__text {
    text-align: start;
    font-family: Golos;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.badge__sticker {
    width: 16px;
    height: 16px;
    background-color: var(--main-red);
    border-radius: 50%;
    position: relative;
}

.badge__stickerText {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--main-white);
    text-align: center;
    font-family: Golos;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.12px;
}

@media (max-width: 1700px) {
    .badgeGroup {
        flex-direction: column;
        align-items: flex-start;
    }

    .badgeGroup .badge:first-child {
        order: 2;
    }
}

@media (max-width: 1199px) {
    .badge__text {
        font-size: 12px;
    }
}

/* Бейдж на карточке END */

/* Пагинация */
.pagination {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.pagination__group {
    display: flex;
    align-items: center;
    gap: 4px;
}

.pagination__elem {
    width: 56px;
    height: 56px;
    background-color: var(--main-white);
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
}

.pagination__elem.active {
    background-color: var(--main-red);
    color: var(--main-white);
}

.pagination__showMore {
    grid-column: 4/5;
    width: 100%;
}

@media (max-width: 1199px) {
    .pagination {
        grid-template-columns: 1fr;
        place-items: center;
    }

    .pagination .pagination__showMore {
        grid-column: span 1;
        max-width: 340px;
    }
}

/* Пагинация END */

/* Кнопка звонка (фикс) */
.feedbackButton {
    position: fixed;
    right: 56px;
    bottom: 100px;
    width: 56px;
    height: 56px;
    background-color: var(--main-red);
    z-index: 1000;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.feedbackButton:hover {
    background-color: var(--main-red-hover);

}

.feedbackButton span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--main-white);
    font-size: 20px;
}

@media (max-width: 1199px) {
    .feedbackButton {
        right: 32px;
        bottom: 80px;
    }
}


/* добавил смещение для плашки куки */
@media (max-width: 930px) {
    .feedbackButton {
        right: 32px;
        bottom: 200px;
    }
}

@media (max-width: 767px) {
    .feedbackButton {
        right: 16px;
        /* bottom: 60px; */
    }
}

@media (max-width: 700px) {
    .feedbackButton {

        bottom: 260px;
    }
}

/* Кнопка звонка (фикс) END */

/* лого артрокетс */
.artrocketsLogo img {
    min-width: 130px;
}

/* лого артрокетс END */

/* Лого атлант (маленькая) */
.atlantLogoSmall span {
    font-size: 36px;
}

/* Лого атлант (маленькая) END */

/* Лого проекта */
.projectLogo {
    /*    width: 40px;*/
    height: 80px;
}

@media (max-width: 767px) {
    .projectLogo {
        height: 50px;
    }
}

.projectLogo img {
    height: 100%;
}

/* Лого проекта END */

/* Карта */
.mapBlock {
    position: relative;
}

.map {
    width: 100%;
    height: 600px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(100% - 60px) 100%, 0 100%, 0 50px);
}

@media (max-width: 1199px) {
    .map {
        height: 480px;
    }

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

@media (max-width: 767px) {
    .map {
        clip-path: none;
    }
}

/* Карта END */

/* Блок с информацией на карте */
.mapInfoBlock {
    display: none;
    padding: 35px;
    background-color: var(--main-white);
    grid-template-columns: repeat(2, 1fr);
    row-gap: 45px;
    column-gap: 72px;
    width: 500px;
    border-radius: 24px;
}

.mapInfoBlock.active {
    display: grid;
}

.mapBlock .mapInfoBlock {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1;
}

.mapInfoBlock__elem--col2 {
    grid-column: span 2;
}

.mapInfoBlock .textCol__text18 {
    height: 100%;
    display: flex;
    align-items: center;
}

@media (max-width: 1199px) {
    .mapBlock .mapInfoBlock {
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        border-radius: 12px;
        grid-template-columns: repeat(3, 1fr);
        padding: 30px 20px;
        column-gap: 40px;
    }

    .mapInfoBlock .smallButtonWithIcon {
        grid-column: 3/4;
        grid-row: 1/2;
    }

    .mapInfoBlock .mapInfoBlock__bigBlock {
        grid-column: span 2;
    }
}

@media (max-width: 767px) {
    .mapBlock .mapInfoBlock {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 32px;
        row-gap: 30px;
        padding: 25px 16px;
    }

    .mapInfoBlock .smallButtonWithIcon {
        grid-row: span 1;
        grid-column: span 1;
    }
}

/* Блок с информацией на карте END */

/* Маркированный список */

.contentBitrix ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contentBitrix li {
    font-size: 16px;
    line-height: 100%;
    display: flex;
    align-items: center;
}

.contentBitrix li::before {
    content: '';
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--main-red);
    margin-right: 12px;
}


/* Маркированный список END */

/* Блок акции */
.projectOffer__icon {
    font-size: 80px;
}

.projectOffer__text {
    font-family: Winston;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.18px;
    margin-bottom: 25px;
}

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

/* Цвета метро */
.undergroundRedLine {
    color: #EB5757;
}

.undergroundGreenLine {
    color: #2DBE2C;
}

.undergroundBlueLine {
    color: #0078BE;
}

.undergroundLightBlueLine {
    color: #00BFFF;
}

.undergroundCircleLine {
    color: #8D5B2D;
}

.undergroundOrangeLine {
    color: #ED9121;
}

.undergroundPurpleLine {
    color: #800080;
}

.undergroundPurpleLine {
    color: #800080;
}

.undergroundGrayLine {
    color: #A1B3D4;
}

.undergroundMonorail {
    color: #B9C8E7;
}

.undergroundPinkLine {
    color: #DE64A1;
}

.undergroundDarkGreenLine {
    color: #03795F;
}

.undergroundBlackLine {
    color: #1E1E1E;
}

.undergroundDarkRedLine {
    color: #AC1753;
}

.undergroundYellowLine {
    color: #FFD702;
}


/* Цвета метро END */

/* Блок цитаты */
.quoteBlock {
    background-color: var(--main-white);
    padding: 80px 60px;
    border-radius: 24px;
    position: relative;
}

.quoteBlock .smallText {
    margin-bottom: 30px;
}

.quoteBlock__inner {
    display: flex;
}

.quoteBlock__inner .quoteBlock__text {
    flex-basis: 60%;
    font-family: Winston;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.24px;
}

.quoteBlock__inner .person {
    flex-basis: 40%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.quoteBlock__decor {
    position: absolute;
    right: 0;
    bottom: 0;
}

@media (max-width: 1199px) {
    .quoteBlock {
        padding: 40px 30px;
    }

    .quoteBlock__inner {
        flex-direction: column;
        gap: 35px;
    }

    .quoteBlock__inner .person {
        justify-content: flex-start;
    }

    .quoteBlock__decor {
        width: 150px;
    }
}

@media (max-width: 767px) {
    .quoteBlock__inner .quoteBlock__text {
        font-family: Winston;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.72px;
    }
}

/* Блок цитаты END */

/* Стикер */
.sticker {
    color: var(--main-white);
    font-family: Golos;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
    background-color: var(--main-dark-violet);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

/* Стикер END */


/* Стили скроллла */
.scroll {
    scroll-behavior: auto;
}

.scroll .ps__rail-y,
.scroll .ps__rail-x {
    opacity: 1 !important;
    background: transparent !important;
}

.scroll .ps__thumb-y {
    width: 4px !important;
    right: 0 !important;
    border-radius: 60px !important;
    background: #E1294D !important;
}


.floorPlanLayout__imgWrap .ps__rail-x {
    background: #F2F3F7 !important;
    bottom: 10px;
    border-radius: 60px;
    opacity: 1;
}

.floorPlanLayout__imgWrap .ps__thumb-x {
    height: 12px !important;
    right: 0 !important;
    border-radius: 60px !important;
    background: #E1294D !important;
    opacity: 1;
    
}

/* Стили скроллла END */
/* End */


/* Start:/local/assets/css/main.css?17068787092441*/
/* сброс стилей для всех элементов */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

/* сброс стилей для элементов форм */
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

input,
textarea {
    border: 0;
    border-radius: 0;
}

input:focus,
textarea:focus {
    outline: none;
    /* border: inherit; */
    /* border-radius: inherit; */
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* сброс стилей для ссылок */
a {
    color: inherit;
    text-decoration: none;
}

/* сброс стилей для изображений */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* сброс стилей для таблиц */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* сброс стилей для заголовков */
h1,
h2,
h3,
h4,
h5,
h6 {
    /* font-size: inherit; */
    /* font-weight: inherit; */
}


/* сброс стилей для кнопок */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

/* сброс стилей для списков */
ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Скрываем скролл */
/* Скрываем scrollbar для Chrome, Safari и Opera */
html::-webkit-scrollbar,
.popup__body::-webkit-scrollbar,
.popup__container::-webkit-scrollbar,
.catalog_filter form::-webkit-scrollbar,
.titleWithTabs .titleWithTabs__tabs::-webkit-scrollbar,
.headersBlock::-webkit-scrollbar,
.sliderWithTabsBlock .titleWithTabs__tabs::-webkit-scrollbar {
    display: none;
}

/* Скрываем scrollbar для IE, Edge и Firefox */
html,
.popup__body,
.popup__container,
.catalog_filter form,
.titleWithTabs .titleWithTabs__tabs,
.headersBlock,
.sliderWithTabsBlock .titleWithTabs__tabs {
    -ms-overflow-style: none;
    /* IE и Edge */
    scrollbar-width: none;
    /* Firefox */
}



/* Скрываем скролл END */
/* End */


/* Start:/local/assets/css/fonts.css?17012814871162*/
@font-face {
    font-family: 'Winston';
    src: url('/local/assets/fonts/Winston/Winston-Light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Winston';
    src: url('/local/assets/fonts/Winston/Winston-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Winston';
    font-weight: 600;
    src: url('/local/assets/fonts/Winston/Winston-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Winston';
    src: url('/local/assets/fonts/Winston/Winston-Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Golos';
    src: url('/local/assets/fonts/Golos/Golos-Text_Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Golos';
    src: url('/local/assets/fonts/Golos/Golos-Text_Medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Golos';
    src: url('/local/assets/fonts/Golos/Golos-Text_Bold.ttf') format('truetype');
    font-weight: 600;
}

body {
    font-family: 'Golos', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--main-dark-violet);
}
/* End */


/* Start:/local/assets/fonts/icomoon/style.css?173280141112506*/
@font-face {
  font-family: 'icomoon';
  src:  url('/local/assets/fonts/icomoon/fonts/icomoon.eot?tjrlxb');
  src:  url('/local/assets/fonts/icomoon/fonts/icomoon.eot?tjrlxb#iefix') format('embedded-opentype'),
    url('/local/assets/fonts/icomoon/fonts/icomoon.ttf?tjrlxb') format('truetype'),
    url('/local/assets/fonts/icomoon/fonts/icomoon.woff?tjrlxb') format('woff'),
    url('/local/assets/fonts/icomoon/fonts/icomoon.svg?tjrlxb#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-quest:before {
  content: "\e997";
}
.icon-percentage-circle2:before {
  content: "\e996";
}
.icon-prew-arrow:before {
  content: "\e995";
  color: #e1294d;
}
.icon-eyes:before {
  content: "\e994";
  color: #fff;
}
.icon-money-time:before {
  content: "\e993";
  color: #e1294d;
}
.icon-folder:before {
  content: "\e992";
  color: #e1294d;
}
.icon-cookie:before {
  content: "\e991";
  color: #e1294d;
}
.icon-download:before {
  content: "\e98d";
  color: #e1294d;
}
.icon-pen-tool:before {
  content: "\e98c";
}
.icon-spatula .path1:before {
  content: "\e988";
  color: rgb(225, 41, 77);
}
.icon-spatula .path2:before {
  content: "\e989";
  margin-left: -0.94140625em;
  color: rgb(225, 41, 77);
}
.icon-spatula .path3:before {
  content: "\e98a";
  margin-left: -0.94140625em;
  color: rgb(245, 245, 255);
}
.icon-spatula .path4:before {
  content: "\e98b";
  margin-left: -0.94140625em;
  color: rgb(225, 41, 77);
}
.icon-apartment1:before {
  content: "\e987";
  color: #e1294d;
}
.icon-car-travel:before {
  content: "\e982";
  color: #e1294d;
}
.icon-hospital-user:before {
  content: "\e983";
  color: #e1294d;
}
.icon-lake:before {
  content: "\e984";
  color: #e1294d;
}
.icon-remote-control:before {
  content: "\e985";
  color: #e1294d;
}
.icon-water:before {
  content: "\e986";
  color: #e1294d;
}
.icon-manager:before {
  content: "\e981";
  color: #e1294d;
}
.icon-mcd:before {
  content: "\e980";
  color: #da322a;
}
.icon-view:before {
  content: "\e97f";
}
.icon-edit:before {
  content: "\e97e";
}
.icon-bus2:before {
  content: "\e97d";
  color: #b3bee4;
}
.icon-building2 .path1:before {
  content: "\e978";
  color: rgb(216, 216, 245);
}
.icon-building2 .path2:before {
  content: "\e979";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-building2 .path3:before {
  content: "\e97a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-building2 .path4:before {
  content: "\e97b";
  margin-left: -1em;
  color: rgb(179, 190, 228);
}
.icon-building2 .path5:before {
  content: "\e97c";
  margin-left: -1em;
  color: rgb(179, 190, 228);
}
.icon-map:before {
  content: "\e976";
  color: #e1294d;
}
.icon-shopping-cart:before {
  content: "\e977";
  color: #e1294d;
}
.icon-briefcase:before {
  content: "\e96c";
  color: #e1294d;
}
.icon-car1:before {
  content: "\e96d";
  color: #e1294d;
}
.icon-document-copy:before {
  content: "\e96e";
  color: #e1294d;
}
.icon-elevator:before {
  content: "\e96f";
  color: #e1294d;
}
.icon-factory:before {
  content: "\e970";
  color: #e1294d;
}
.icon-emoji-normal:before {
  content: "\e971";
  color: #e1294d;
}
.icon-hospital:before {
  content: "\e972";
  color: #e1294d;
}
.icon-shield-tick:before {
  content: "\e973";
  color: #e1294d;
}
.icon-house1:before {
  content: "\e974";
  color: #e1294d;
}
.icon-vertical-arrow:before {
  content: "\e975";
  color: #e1294d;
}
.icon-metro-center-circle .path1:before {
  content: "\e969";
  color: rgb(255, 255, 255);
}
.icon-metro-center-circle .path2:before {
  content: "\e96a";
  margin-left: -1.3701171875em;
  color: rgb(179, 190, 228);
}
.icon-box:before {
  content: "\e964";
  color: #6f7aa0;
}
.icon-whatsapp:before {
  content: "\e963";
}
.icon-odnoklassniki:before {
  content: "\e965";
}
.icon-vk_icon-1:before {
  content: "\e966";
}
.icon-telegram:before {
  content: "\e967";
}
.icon-link1:before {
  content: "\e968";
}
.icon-lock:before {
  content: "\e962";
}
.icon-house:before {
  content: "\e961";
}
.icon-logout:before {
  content: "\e960";
}
.icon-folder-cross .path1:before {
  content: "\e95e";
  color: rgb(43, 43, 76);
}
.icon-folder-cross .path2:before {
  content: "\e95f";
  margin-left: -1em;
  color: rgb(152, 152, 184);
}
.icon-atlantLogoRed .path1:before {
  content: "\e95c";
  color: rgb(225, 41, 77);
}
.icon-atlantLogoRed .path2:before {
  content: "\e95d";
  margin-left: -0.9169921875em;
  color: rgb(255, 255, 255);
}
.icon-apartment:before {
  content: "\e95b";
  color: #d8d8f5;
}
.icon-location:before {
  content: "\e95a";
}
.icon-vnukovoLogo .path1:before {
  content: "\e93a";
  color: rgb(47, 43, 78);
}
.icon-vnukovoLogo .path2:before {
  content: "\e93b";
  margin-left: -1em;
  color: rgb(47, 43, 78);
}
.icon-vnukovoLogo .path3:before {
  content: "\e93c";
  margin-left: -1em;
  color: rgb(47, 43, 78);
}
.icon-vnukovoLogo .path4:before {
  content: "\e93d";
  margin-left: -1em;
  color: rgb(47, 43, 78);
}
.icon-vnukovoLogo .path5:before {
  content: "\e93e";
  margin-left: -1em;
  color: rgb(47, 43, 78);
}
.icon-vnukovoLogo .path6:before {
  content: "\e93f";
  margin-left: -1em;
  color: rgb(47, 43, 78);
}
.icon-vnukovoLogo .path7:before {
  content: "\e940";
  margin-left: -1em;
  color: rgb(47, 43, 78);
}
.icon-vnukovoLogo .path8:before {
  content: "\e941";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path9:before {
  content: "\e942";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path10:before {
  content: "\e943";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path11:before {
  content: "\e944";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path12:before {
  content: "\e945";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path13:before {
  content: "\e946";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path14:before {
  content: "\e947";
  margin-left: -1em;
  color: rgb(200, 31, 58);
}
.icon-vnukovoLogo .path15:before {
  content: "\e948";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path16:before {
  content: "\e949";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path17:before {
  content: "\e94a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path18:before {
  content: "\e94b";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path19:before {
  content: "\e94c";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path20:before {
  content: "\e94d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path21:before {
  content: "\e94e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path22:before {
  content: "\e94f";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path23:before {
  content: "\e950";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path24:before {
  content: "\e951";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path25:before {
  content: "\e952";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path26:before {
  content: "\e953";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path27:before {
  content: "\e954";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path28:before {
  content: "\e955";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path29:before {
  content: "\e956";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path30:before {
  content: "\e957";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path31:before {
  content: "\e958";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-vnukovoLogo .path32:before {
  content: "\e959";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-linkArrow:before {
  content: "\e938";
}
.icon-link:before {
  content: "\e939";
}
.icon-atlantLogo_small .path1:before {
  content: "\e936";
  color: rgb(43, 43, 76);
}
.icon-atlantLogo_small .path2:before {
  content: "\e937";
  margin-left: -0.947265625em;
  color: rgb(255, 255, 255);
}
.icon-teacher:before {
  content: "\e932";
  color: #e1294d;
}
.icon-child-horse:before {
  content: "\e933";
  color: #e1294d;
}
.icon-bus:before {
  content: "\e934";
  color: #e1294d;
}
.icon-trees:before {
  content: "\e935";
  color: #e1294d;
}
.icon-print:before {
  content: "\e930";
}
.icon-share:before {
  content: "\e931";
}
.icon-folder-open:before {
  content: "\e92f";
}
.icon-phone:before {
  content: "\e92e";
}
.icon-correct:before {
  content: "\e92d";
}
.icon-success-rounded .path1:before {
  content: "\e92b";
  color: rgb(245, 245, 255);
}
.icon-success-rounded .path2:before {
  content: "\e92c";
  margin-left: -1em;
  color: rgb(225, 41, 77);
}
.icon-trowel .path1:before {
  content: "\e927";
  color: rgb(225, 41, 77);
}
.icon-trowel .path2:before {
  content: "\e98e";
  margin-left: -0.97265625em;
  color: rgb(225, 41, 77);
}
.icon-trowel .path3:before {
  content: "\e98f";
  margin-left: -0.97265625em;
  color: rgb(245, 245, 255);
}
.icon-trowel .path4:before {
  content: "\e990";
  margin-left: -0.97265625em;
  color: rgb(225, 41, 77);
}
.icon-roller:before {
  content: "\e928";
  color: #e1294d;
}
.icon-percentage-circle:before {
  content: "\e929";
  color: #fff;
}
.icon-color-swatch:before {
  content: "\e92a";
  color: #e1294d;
}
.icon-sort:before {
  content: "\e926";
}
.icon-setting:before {
  content: "\e925";
}
.icon-home-rounded .path1:before {
  content: "\e923";
  color: rgb(225, 41, 77);
}
.icon-home-rounded .path2:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-close-circle:before {
  content: "\e922";
  color: #e1294d;
}
.icon-arrow-next-bold:before {
  content: "\e921";
}
.icon-building-nofill .path1:before {
  content: "\e91c";
  color: rgb(216, 216, 245);
}
.icon-building-nofill .path2:before {
  content: "\e91d";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-building-nofill .path3:before {
  content: "\e91e";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-building-nofill .path4:before {
  content: "\e91f";
  margin-left: -1em;
  color: rgb(179, 190, 228);
}
.icon-building-nofill .path5:before {
  content: "\e920";
  margin-left: -1em;
  color: rgb(179, 190, 228);
}
.icon-menu:before {
  content: "\e91b";
}
.icon-key:before {
  content: "\e91a";
  color: #d8d8f5;
}
.icon-close:before {
  content: "\e919";
}
.icon-vk .path1:before {
  content: "\e915";
  color: rgb(250, 250, 255);
}
.icon-vk .path2:before {
  content: "\e916";
  margin-left: -1em;
  color: rgb(43, 43, 77);
}
.icon-youtube .path1:before {
  content: "\e917";
  color: rgb(250, 250, 255);
}
.icon-youtube .path2:before {
  content: "\e918";
  margin-left: -1em;
  color: rgb(43, 43, 77);
}
.icon-car:before {
  content: "\e914";
}
.icon-building1:before {
  content: "\e90c";
  color: #e1294d;
}
.icon-call-outgoing:before {
  content: "\e90d";
}
.icon-message:before {
  content: "\e90e";
}
.icon-clock:before {
  content: "\e90f";
}
.icon-metro-green:before {
  content: "\e910";
  color: #58d5af;
}
.icon-metro:before {
  content: "\e96b";
}
.icon-success:before {
  content: "\e911";
}
.icon-metro-red:before {
  content: "\e912";
  color: #eb5757;
}
.icon-walk:before {
  content: "\e913";
}
.icon-arrow-next:before {
  content: "\e90a";
}
.icon-arrow-prev:before {
  content: "\e90b";
}
.icon-smallArrow-down:before {
  content: "\e909";
}
.icon-building .path1:before {
  content: "\e904";
  color: rgb(225, 41, 77);
}
.icon-building .path2:before {
  content: "\e905";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-building .path3:before {
  content: "\e906";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-building .path4:before {
  content: "\e907";
  margin-left: -1em;
  color: rgb(61, 61, 122);
}
.icon-building .path5:before {
  content: "\e908";
  margin-left: -1em;
  color: rgb(61, 61, 122);
}
.icon-arrow-right:before {
  content: "\e903";
}
.icon-arrow-right-up:before {
  content: "\e902";
}
.icon-star:before {
  content: "\e900";
}
.icon-user:before {
  content: "\e901";
}

/* End */


/* Start:/local/assets/css/components/popup.css?173469899215400*/
.popup {
    position: fixed;
    opacity: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
    pointer-events: none;
}

.popup.active {
    transition: all 0.3s ease;
    pointer-events: all;
    opacity: 1;
    height: 100%;
}


.popup__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dark-violet);
    z-index: 1;
    opacity: 0;
    transition: all 0.3s ease;
}

.popup.active .popup__overlay {
    opacity: 0.9;
    transition: all 0.3s ease;
}


.popup__body {
    position: absolute;
    z-index: 2;
    top: 250%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--main-white);
    transition: all 0.3s ease;
}

.popup.active .popup__body {
    top: 50%;
}


.popop__header--row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.popup__close {
    position: absolute;
    right: 32px;
    top: 56px;
    cursor: pointer;
    width: fit-content;
}

.popup__close:hover span {
    color: var(--main-red);
    transition: all 0.3s ease;
}

.popup__close span {
    font-size: 24px;
    color: var(--main-dark-violet);
    transition: all 0.3s ease;
}

.popup__close--center {
    left: 50%;
    transform: translateX(-50%);
    top: 30px;
    z-index: 1;
}

.popup__close--center span {
    color: var(--main-white);
}

@media (max-width: 1199px) {
    .popup__close--center {
        top: 60px;
    }
}

@media (max-width: 767px) {
    .popup__close {
        top: 38px;
        right: 16px;
        /* padding: 0 0 20px 20px; */
        transform: none;
    }

    .popup__close--center {
        top: 40px;
    }
}

.popup__header {
    font-family: Winston;
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -1.2px;
}

@media (max-width: 1199px) {
    .popup__header {
        font-family: Winston;
        font-size: 28px;
        font-weight: 300;
        line-height: 38px;
        letter-spacing: -1.12px;
    }
}

@media (max-width: 767px) {
    .popup__header {
        font-family: Winston;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.8px;
    }
}

.popup__headerBlock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

@media(max-width: 1199px) {
    .popup__headerBlock {
        margin-bottom: 25px;
    }
}

@media (max-width: 767px) {
    .popup__headerBlock {
        flex-direction: column;
        align-items: flex-start;
        gap: 35px;
    }

    .popup__headerBlock .tabToggler {
        width: 100%;
    }

    .popup__headerBlock .tabToggler .tab {
        width: 100%;
        text-align: center;
    }
}

/* Полноэкранный попап */
.popupFullWindow .popup__body {
    width: 100%;
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
    padding-bottom: 68px;
}

.popupFullWindow .popup__container {
    padding: 48px 32px;
}

@media (max-width: 767px) {
    .popupFullWindow .popup__container {
        padding: 30px 16px;
    }
}

.menuPopupHeader {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    margin-bottom: 62px;
}

.menuPopupMenu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 60px;
    margin-bottom: 60px;
}

.menuPopupMenu__col {
    grid-column: span 1;
    gap: 27px;
}

.menuPopupMenu__col--2 {
    grid-column: span 2;
}

.menuPopupMenu__title {
    color: var(--light-violet3);
    font-family: Winston;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.36px;
    text-transform: uppercase;
}

.menuPopupMenu__elems {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 20px;
}

.menuPopupMenu__elems--2 {
    grid-template-columns: repeat(2, 1fr);
}

.menuPopupMenu__elem {
    color: var(--main-dark-violet);
    font-family: Winston;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.24px;
}

@media (max-width:767px) {
    .menuPopupHeader {
        grid-template-columns: 1fr;
        row-gap: 30px;
        margin-bottom: 40px;
    }

    .menuLevel {
        opacity: 0;
        width: 100%;
        position: absolute;
        left: 50%;
        pointer-events: none;
        transition: all 0.3s ease;
    }

    .menuLevel.active {
        opacity: 1;
        left: 0;
        position: relative;
        pointer-events: all;
        transition: all 0.3s ease;
    }

    .menuPopupMenu__elems [class*=columnsMenu__elem] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menuPopupMenu__elems [class*=columnsMenu__elem] span {
        font-size: 16px;
    }

    .menuLevel {
        opacity: 0;
        position: absolute;
        pointer-events: none;
    }

    .menuLevel.active {
        opacity: 1;
        position: relative;
        pointer-events: all;
    }

    .menuLevel__backButton {
        display: flex;
        gap: 8px;
        align-items: center;
        cursor: pointer;
    }

    .menuLevel__backButton span {
        font-size: 16px;
    }

    .popupMenu .contacts .textLink24 {
        font-family: Winston;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.16px;
    }

    .popupMenu .contacts .textLink {
        width: 100%;
    }
}

/* Попап в виде лэйаута (в адаптиве) */
.popupLayout .popup__inner {
    top: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: all 0.3s ease;
}

.popupLayout.active .popup__inner {
    top: 0;
    position: absolute;
    width: 100%;
    transition: all 0.3s ease;
}

.popupLayout .popup__block {
    position: absolute;
    width: fit-content;
    top: 100%;
    /*height: fit-content;*/
    max-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    transition: all 0.3s ease;
    /* transform: translateY(50%); */
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.popupLayout.active .popup__block {
    top: auto;
    bottom: auto;
    transition: all 0.3s ease;
    /*height: 100%;*/
    /*height: fit-content;*/
    /* transform: translateY(50%); */
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.popupLayout.catalogFilterPopup {
    z-index: 1200;
}

.popupLayout .popup__body {
    top: 250%;
    opacity: 0;
    padding: 40px;
    border-radius: 36px;
    height: fit-content;
    position: relative;
    top: auto;
    transform: none;
    left: 0;
}

.popupLayout.active .popup__body {
    opacity: 1;
}

.popupLayout .popup__close {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    transform: none;
}

.popupLayout .popup__close--center {
    /* top: -64px; */
}

@media (max-width: 1199px) {
    .popupLayout .popup__inner {
        height: 100%;
        bottom: 0;
        position: relative;
    }

    .popupLayout .popup__block {
        position: absolute;
        width: 100%;
        top: auto;
        bottom: -150%;
        height: fit-content;
        max-height: calc(90vh - 32px);
        display: flex;
        flex-direction: column;
        gap: 30px;
        transition: all 0.3s ease;
    }

    .popupLayout.active .popup__block {
        top: auto;
        bottom: 0;
        height: fit-content;
        transition: all 0.3s ease;
    }

    .popupLayout .popup__block .popup__close {
        position: relative;
        top: 0;
        right: 0;
        padding: 0;
    }

    .popupLayout .popup__block .popup__body {
        position: relative;
    }

    .popupLayout .popup__body {
        background-color: var(--main-white);
        left: 0;
        top: auto;
        bottom: 0;
        height: fit-content;
        transform: translate(0, 0);
        width: 100%;
        border-radius: 24px 24px 0px 0px;
        padding: 40px 0 0;
        height: fit-content;
        overflow: scroll;
    }

    .popupLayout.active .popup__body {
        top: auto;
        bottom: 0;
    }

    .popupLayout .popup__container {
        padding: 0 32px;
        height: fit-content;
        overflow: scroll;

    }

    .popupLayout .catalog__filterBlock {
        border: none;

    }

    .popupLayout .popup__container {
        /* max-height: calc(90vh - 64px); */
        padding-bottom: 32px;
    }

}

@media (max-width: 767px) {
    .popupLayout .popup__body {
        padding: 32px 0 0;
    }

    .popupLayout .popup__close span,
    .popup__close span {
        font-size: 16px;
    }

    .popupLayout .popup__close--center span {
        font-size: 24px;
    }

    .popupLayout .popup__container {
        padding: 0 16px;
        padding-bottom: 32px;
    }
}

/* Второй вид попапа лэйаутом */
.popupLayout2 .popup__inner {
    position: relative;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.popupLayout2 .popup__body {
    background-color: var(--light-gray);
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 1542px;
    height: 90vh;
    border-radius: 24px 24px 0px 0px;
    padding: 40px 0;
    overflow: scroll;
    position: relative;
    transition: all 0.3s ease;
    padding-top: 0;
    padding-bottom: 0;
}

.popupLayout2.active .popup__body {
    top: 0;
    transition: all 0.3s ease;

}

.popupLayout2 .popup__container {
    width: 100%;
    padding: 70px 138px;
}

.popup__summary {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 25px 0;
    z-index: 1100;
    box-shadow: 0px -20px 42px 0px rgba(43, 43, 76, 0.09);
    background-color: var(--main-white);
}

@media (max-width: 1199px) {
    .popupLayout2 .popup__inner {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 25px;
    }

    .popupLayout2 .popup__body {
        padding-top: 25px;
        padding-bottom: 155px;
    }

    .popupLayout2 .popup__close {
        top: 0;
        left: 0;
        right: 0;
        position: relative;
    }

    .popupLayout2 .popup__container {
        padding: 0 32px;
    }
}

@media (max-width: 767px) {
    .popupLayout2 .popup__container {
        padding: 0 16px;
    }
}

/* Второй вид попапа лэйаутом END */

.tooltipPopup,
.flatBookingPopup,
.authPopup,
.successPopup {
    z-index: 1200;
}



/* Попап авторизации */
.authPopup .popup__body {
    width: 720px;
    top: auto;
    bottom: -150%;
    transition: all 0.3s ease;
}

.authPopup.active .popup__body {
    bottom: auto;
    top: 50%;
}

.authPopup form {
    display: flex;
    flex-direction: column;
    gap: 100px;
}

.authPopup .formControls {
    justify-content: space-between;
}

.authPopup form .formControls button {
    width: 250px;
}

@media (max-width: 1199px) {
    .authPopup.active .popup__body {
        bottom: 0;
        top: auto;
    }

    .authPopup .popup__body {
        width: 100%;
    }

    .authPopup form {
        row-gap: 40px;
    }
}

/* Попап success */
.successPopup .popup__body {
    background-color: var(--light-gray);
    width: 640px;
    height: 660px;
    position: relative;
}

.successPopup .popup__header {
    margin-bottom: 30px;
}

.successDecor {
    position: absolute;
    right: 0;
    bottom: 0;
}



@media (max-width: 1199px) {
    .successPopup .popup__body {
        width: 100%;
        height: 400px;
        position: absolute;
        z-index: 2;
    }

    .successDecor {
        width: 30%;
        min-width: 300px;
    }
}

@media (max-width: 767px) {
    .successDecor {
        width: 50%;
        max-width: 300px;
        min-width: none;
    }
}

/* Попап success END */

/* Попап галерея */
.galleryPopup.popup {
    z-index: 1200;
}

.galleryPopup .popup__inner {
    height: 100%;
}

.galleryPopup .popup__body {
    display: flex;
    flex-direction: column;
    gap: 70px;
    width: 100%;
    max-width: 1440px;
    background-color: transparent;
    height: 100%;
    overflow-y: scroll;
    padding: 0;
    height: fit-content;
}

.galleryPopup .popup__close {
    top: 0;
    position: relative;
}

.galleryPopup .popup__container {
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
    height: 100%;
}

.gallerySliderBlock {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.gallerySliderBlock,
.gallerySlider {
    height: 100%;
}

.gallerySlider {
    height: 680px;
}

.galleryPopup__imageBlock {
    width: 100%;
    height: 680px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-height:920px) {

    .gallerySlider,
    .galleryPopup__imageBlock {
        height: 520px;
    }
}


@media (max-width: 1199px) {
    .galleryPopup .popup__body {
        gap: 40px;
    }

    .galleryPopup .popup__container {
        max-width: 100vw;
    }

    .gallerySlider {
        height: fit-content;
    }

    .galleryPopup__imageBlock {
        height: 510px;
    }
}

@media (max-width: 767px) {
    .galleryPopup .popup__body {
        gap: 32px;
    }

    .galleryPopup__imageBlock {
        height: 350px;
    }
}

.galleryPopup .galleryPopup__image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 32px;
}

@media (max-height: 900px) {
    .galleryPopup .galleryPopup__image {
        background-position: center;
    }
}

/* Попап галлерея END */


/* попап success бронирования  */

.success-flat__block{
    display: flex;
    padding-bottom: 40px ;
    gap: 100px;
}

.popup-mail-user{
    color: var(--main-red);
}

.flatBookingSuccessPopup p {
    font-family: Winston;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    width: 480px;
}
.flatBookingSuccessPopup a{
    width: 145px;
}
.success-popup-icon{
    position: relative;
    width: 64px;
    height: 64px;
    background-color: var(--light-gray);
    z-index: 1000;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
}

.flatBookingSuccessPopup .icon-folder{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--main-white);
    font-size: 35px;
}

.flatBookingSuccessPopup .popup__body{
    padding: 50px 40px;
}

@media (max-width: 776px) {
    .flatBookingSuccessPopup p {
        width: 469px;
    }
    .flatBookingSuccessPopup .success-popup-icon{
        right: 20px;
        position: relative;
        position: absolute;
        top: 56px;
    }

}

@media (max-width: 640px) {
    .flatBookingSuccessPopup .success-popup-icon{
        display: none;
    }
}

@media (max-width: 375px) {
    .flatBookingSuccessPopup p {
        font-size: 16px;
        line-height: 24px;
    }

    .flatBookingSuccessPopup button {
        width: 164px;
    }

}


/* попап success бронирования  END*/


/* попап тултипа */
.tooltipPopup .icon-quest.tooltip-quest{
    color: black;
    cursor: auto;
}

.tooltipPopup .icon-quest.tooltip-quest:hover{
    color: black;
}
/* попап тултипа END */
/* End */


/* Start:/local/assets/css/libs.css?17067022053114*/
/* Slick */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-arrow.slick-hidden,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

/* Perfect scrollbar */
.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute}.ps__rail-x,.ps__rail-y,.ps__thumb-x,.ps__thumb-y{position:absolute}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x{transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px}.ps__thumb-y{transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}
/* End */


/* Start:/local/assets/css/components/leftSide.css?17085966505992*/
.leftSideBlock {
    background-color: var(--main-white);
    position: relative;
    max-width: 280px;
    min-width: 280px;
    display: block;
    align-self: stretch;
    min-height: 100vh;
}

.leftSide {
    position: fixed;
    left: 0;
    padding-right: 24px;
    padding-left: 56px;
    padding-top: 42px;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100vh;
    max-width: 280px;
    background-color: var(--main-white);
    gap: 35px;
    z-index: 1;
}

.leftSide.fixed {
    position: absolute;
    bottom: 0;
}




.leftSide--diff {
    max-width: 230px;
    width: 230px;
    margin-right: 24px;
}

.leftSide__bottom {
    display: flex;
    flex-direction: column;
    height: 223px;
    gap: 25px;
    justify-content: space-between;
}

.leftSide__logo {
    margin-bottom: 83px;
    width: fit-content;
}

.leftSide__textLink {
    margin-bottom: 85px;
}

@media (min-width: 1200px) and (max-height: 950px) {
    .leftSide__textLink {
        margin-bottom: 40px;
    }
    .leftSide__logo {
        margin-bottom: 60px;
    }
}

@media (min-width: 1200px) and (max-height: 795px) {
    .leftSide__textLink {
        margin-bottom: 20px;
    }

    .leftSide__logo {
        margin-bottom: 40px;
    }

    .leftSide__bottom {
        gap: 16px;
    }
}


@media (max-width: 1199px) {
    .leftSide.leftSideGray {
        background-color: var(--light-gray);
    }

    .leftSideBlock {
        width: 100%;
        min-width: auto;
        max-width: none;
        height: auto;
        min-height: auto;
    }

    .leftSideGrayTablet {
        background-color: var(--light-gray);
    }

    .leftSide {
        position: relative;
        flex-direction: row;
        height: auto;
        max-width: 100%;
        padding: 32px;
        padding-bottom: 0;
    }

    .leftSide__top {
        display: flex;
        width: 100%;
        align-items: center;
    }

    .leftSide__logo {
        margin-bottom: 0;
    }

    .leftSide .leftSide__logo,
    .leftSide .leftSide__textLink,
    .leftSide .leftSide__controls {
        margin-bottom: 0;
    }

    .leftSide .leftSide__logo {
        margin-right: 28px;
    }

    .leftSide .leftSide__controls {
        margin-left: auto;
    }

    .leftSide__textLink {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .leftSide {
        padding: 30px 16px;
        /*        padding-bottom: 0;*/
    }
}

/* Блок кнопок */
.leftSide__controls {
    margin-bottom: 42px;
}

.leftSide__controls.controls {
    display: flex;
    align-items: center;
}

.controlsButton {
    padding: 12px 16px;
    border: 1px solid var(--extra-light-violet2);
    cursor: pointer;
    position: relative;
    border-radius: 8px 8px 8px 8px;
}

.controlsButton:first-child {
    /* border-radius: 8px 0 0 8px; */
}

.controlsButton:last-child {
    /* border-radius: 0 8px 8px 0; */
    /* border-left: none; */
}

.controlsButton:hover .controlsButton__icon {
    transition: all 0.3s ease;
    color: var(--main-dark-violet);
}

.controlsButton__icon {
    color: var(--extra-light-violet);
    transition: all 0.3s ease;
}

.controlsButton .controlsButton__sticker {
    position: absolute;
    right: -9px;
    top: -9px;
}

@media (max-width: 767px) {
    .controlsButton {
        border: none;
        padding: 10px;
    }
}

/* Меню */
.menu {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.menu__title {
    color: var(--light-violet);
    font-family: 'Winston';
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.27px;
    text-transform: uppercase;
}

.menu__list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.menu__elem {
    font-family: Golos;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    cursor: pointer;
    transition: all 0.3s ease;
}

.menu__elem:hover {
    color: var(--main-red);
    transition: all 0.3s ease;
}

/* Блок контактов */
.leftSide__contactsTitle {
    margin-bottom: 16px;
}

.leftSide__contacts .textLink {
    margin-bottom: 12px;
}

.leftSide__contacts .textLink:last-child {
    margin-bottom: 0;
}

/* иконка бургер меню */
.burgerIcon {
    display: flex;
    flex-direction: column;
    gap: 3px;
    cursor: pointer;
    margin-left: 20px;
    padding: 5px 2px;
}

.bI1,
.bI2,
.bI3 {
    width: 16px;
    height: 1.5px;
    background-color: var(--main-dark-violet);
}

@media (max-width: 767px) {
    .burgerIcon {
        margin-left: 10px;
    }
}

/* Блок выбора города */
.regionChooseLink {
    position: relative;
}

@media (max-width: 1199px) {
    .regionChooseLink {
        width: fit-content;

    }
}

.cityChoose {
    display: none;
    position: absolute;
    top: 0;
    left: 80%;
    padding: 25px 20px;
    background-color: var(--light-gray);
    border-radius: 12px;
    z-index: 1;
    width: 280px;
    box-shadow: 0px 20px 24px 0px rgba(43, 43, 76, 0.06);
}

.currentCity {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cityChoose .button {
    width: 110px;
}

.cityChoose .cityClose {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    display: flex;
}

.cityChoose .cityClose:hover span {
    color: var(--main-dark-violet);
    transition: all 0.3s ease;
}

.cityChoose .cityClose span {
    color: var(--light-violet2);
    transition: all 0.3s ease;
    font-size: 16px;
}

.cityListBlock {
    display: none;
    flex-direction: column;
    gap: 16px;
}

.cityListBlock.active {
    display: grid;
}

.cityList__elem {
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 400;
}

.cityList__elem:hover {
    color: var(--main-red);
    transition: all 0.3s ease;
}

@media (max-width: 1199px) {
    .cityChoose {
        left: 0;
        top: 40px;
    }
}

/* Блок выбора города END */
/* End */


/* Start:/local/assets/css/components/mainBanner.css?17340033795416*/
.mainBannerContainer {
    margin-top: 75px;
    margin-bottom: 55px;
    position: relative;
    width: 100%;
    overflow: hidden;

}

.slider__slide.blackout:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);;
    z-index: 2;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    pointer-events: none;
}

.mainBannerContainer .slider__slide {
    filter: url(#round);
    position: relative;
}

@media (max-width: 1199px) {
    .mainBannerContainer {
        margin-top: 58px;
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .mainBannerContainer {
        margin-top: 32px;
        margin-bottom: 40px;
    }
}

.mainBanner {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-radius: 16px;
    width: 100%;
    height: 633px;
    clip-path: polygon(60px 0,
            100% 0,
            100% calc(100% - 50px),
            calc(100% - 60px) 100%,
            0 100%,
            0 50px);
    z-index: 1;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-size: 100% 100%;
}

.mainBanner.mainBannerCornerRight {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(100% - 60px) 100%, 0 100%, 0 50px);
}

.mainBanner__left {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 30px;
    padding-left: 30px;
    z-index: 1;

}

.mainBanner__right {
    height: 100%;
    padding-right: 14px;
    padding-top: 14px;
    padding-bottom: 35px;
    z-index: 1;
}

.mainBanner__title {
    color: var(--main-white);
    font-family: 'Winston';
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -1.4px;
    margin-bottom: 16px;
}

.mainBanner__tags {
    gap: 5px;
    margin-bottom: 24px;
}

.mainBanner__tags .tags__elem {
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

@media (max-width: 767px) {
    .mainBanner {
        clip-path: polygon(30px 0,
                100% 0,
                100% calc(100% - 35px),
                calc(100% - 35px) 100%,
                0 100%,
                0 30px);
    }

    .mainBanner__left {
        padding-top: 52px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 75px;
        justify-content: flex-start;
        width: 100%;
    }

    .mainBanner__title {
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: -0.88px;
        text-align: left;
    }

    .mainBanner__tags {
        flex-wrap: wrap;
    }

    .mainBanner__left .promoCard {
        margin-top: auto;
        width: 100%;
        cursor: pointer;
        height: 135px;
        display: flex;
        justify-content: center;
    }

    .mainBanner__left .promoCard__text {
        width: 70%;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.16px;
        text-align: left;
    }
}

/* карточка на баннере */
.promoCard {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 45px;
    border-radius: 12px;
    padding: 24px 16px;
    width: 240px;
    filter: url(#round);
}

/* .promoCard::before {
    content: '';
    background-image: url('/local/assets/svg/percent-elem.svg');
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1;
    width: 116px;
    height: 116px;
} */

.promoCard::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-white);
    clip-path: polygon(35px 0,
            100% 0,
            100% calc(100% - 30px),
            calc(100% - 30px) 100%,
            0 100%,
            0 25px);
    z-index: 0;
}

.promoCard__text {
    color: var(--main-dark-violet);
    font-family: Golos;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.18px;
    z-index: 1;
}

.promoCard__decor {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    clip-path: polygon(35px 0,
            100% 0,
            100% calc(100% - 30px),
            calc(100% - 30px) 100%,
            0 100%,
            0 25px);
}

.promoCard .iconButton__icon {
    font-size: 16px;
    color: var(--main-dark-violet);
    z-index: 1;
}

/* карточка на баннере END */

/* Навигация на баннере */
.mainBannerNavigation {
    position: absolute;
    right: 35px;
    top: 35px;
    display: flex;
    gap: 100px;
    z-index: 10;
}

.mainBannerNavigation__col {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.mainBannerNavigation__elem {
    color: #FFF;
    font-family: Golos;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mainBannerNavigation__elem:hover {
    color: var(--main-red);
    transition: all 0.3s ease;
}

@media (max-width: 1199px) {
}

@media (max-width: 767px) {
    .mainBannerNavigation {
        width: 100%;
        right: 0;
        padding: 0 16px;
    }
}

/* Навигация на баннере END */
/* End */


/* Start:/local/assets/css/components/slider.css?170722903811043*/
/* Кастомные классы */
.mainBannerContainer .slick-slider {
    margin: 0 -10px;
}

.mainBannerContainer .slick-slide {
    padding: 0;
    text-align: left;
    margin-right: 10px;
    margin-left: 10px;
}

@media (max-width: 767px) {
    .mainBannerContainer .slick-slide {
        padding: 0;
    }
}

/* Блок стрелок + счетчик */
.sliderControls {
    display: flex;
    gap: 44px;
    align-items: center;
}

.mainBannerContainer .sliderControls {
    position: absolute;
    bottom: 35px;
    right: 90px;
}

@media (max-width:767px) {
    .mainBannerContainer .sliderControls {
        bottom: 17px;
        left: 16px;
    }
}

/* Стрелки */
.sliderArrows {
    position: relative;
    display: flex;
    padding: 5px 16px;
    border-radius: 55px;
    background-color: var(--light-gray);
    width: 105px;
    min-width: 105px;
    justify-content: space-between;
}

.sliderArrowsWhite {
    background-color: var(--main-white);
}

.sliderArrowsWhite .sliderArrows__arrow:hover.sliderArrows__prev::before,
.sliderArrowsWhite .sliderArrows__arrow:hover.sliderArrows__next::after {
    background-color: var(--light-gray);
}

.sliderArrows__arrow {
    display: block !important;
    cursor: pointer;
    padding: 8px;
}

.sliderArrows__next .sliderArrows__icon,
.sliderArrows__prev .sliderArrows__icon {
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
    color: var(--main-dark-violet);
}

.sliderArrows__prev::before {
    content: '';
    background-color: var(--main-white);
    border-radius: 36px;
    width: 50px;
    height: 36px;
    display: block;
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s ease;
}

.sliderArrows__next::after {
    content: '';
    background-color: var(--main-white);
    border-radius: 18px;
    width: 50px;
    height: 36px;
    display: block;
    position: absolute;
    z-index: 1;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.3s ease;
}

.sliderArrows__prev:hover.sliderArrows__prev::before,
.sliderArrows__next:hover.sliderArrows__next::after {
    opacity: 1;
    transition: all 0.3s ease;
}

.sliderArrows__arrow:hover .sliderArrows__icon {
    color: var(--main-red);
    transition: all 0.3s ease;
}

/* Визуальный бар-таймер */
.sliderTimer {
    position: absolute;
    bottom: 0;
    left: 30px;
    width: 100%;
}

.sliderTimer__bar {
    width: calc(100% - 100%);
    height: 6px;
    background-color: var(--main-red);
    border-radius: 60px 60px 0 0;
}

@media (max-width: 767px) {
    .sliderTimer {
        left: 16px;
    }
}

/* Слайдер преимуществ */
.advantagesCards__slider .slick-slide {
    margin: 0 9px;
}

.advantagesCards__slider .slick-list {
    margin: 0 -9px;
}

/* Слайдер преимуществ END */

/* Широкий слайдер с баннерами */
.bannerWideContainer {
    position: relative;
}

.bannerWideContainer .sliderControls {
    position: absolute;
    /* right: 14%; */
    top: 50%;
    transform: translateY(-50%);
}

.bannerWide {
    height: 632px;
    max-height: 900px;
    background-size: cover;
    background-repeat: no-repeat;
}

.bannerWide img {
    height: 100%;
    width: 100%;
}

@media (max-width: 1630px) {
    /* .bannerWide {
        height: 720px;
    } */
}

@media (max-width: 1400px) {
    .bannerWide {
        height: 620px;
    }

    .bannerWideContainer .sliderControls {
        right: 12.5%;
        left: auto;
    }
}

@media (max-width: 1199px) {
    .bannerWide {
        height: 520px;
    }
}

@media (max-width:767px) {
    .bannerWideContainer .sliderControls {
        left: 16px;
        right: auto;
        top: auto;
        bottom: 16px;
        transform: translateY(0%);
    }

    .bannerWide img {
        max-width: none;
        width: 100%;
    }
}

.bannerProjectCard {
    position: absolute;
    padding: 40px 30px;
    background-color: var(--main-white);
    width: 460px;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 50px), calc(100% - 60px) 100%, 0 100%, 0 50px);
    opacity: 0;
    pointer-events: none;
}

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

.bannerProjectCard__head {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 20px;
}

.bannerProjectCard__titleBlock {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 35px;
}

.bannerProjectCard__title {
    font-family: Winston;
    font-size: 28px;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: -0.56px;
}

.bannerProjectCard__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    margin-bottom: 35px;
}

.bannerProjectCard__stats .textCol__text--small400 {
    white-space: nowrap;
}

@media (max-width: 1199px) {
    .bannerProjectCard {
        padding: 24px 20px;
        width: fit-content;
        min-width: 180px;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 30px) 100%, 0 100%, 0 50px);
    }

    .bannerProjectCard__titleBlock {
        margin-bottom: 16px;
    }

    .bannerProjectCard__title {
        font-family: Golos;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.14px;
    }

    .bannerProjectCard__text {
        color: #9898B8;
        font-family: Golos;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
    }

    .bannerProjectCard .bannerProjectCard__button {
        position: absolute;
        left: 32px;
        bottom: 32px;
    }
}

@media (max-width: 767px) {
    .projectsSlider {
        position: relative;
    }

    .projectsSlider .sliderInfoBlock {
        position: absolute;
        top: 16px;
        left: 16px;
        height: fit-content;
    }
}


/* Широкий слайдер с баннерами END */

/* Плитка контента на баннере */
.sliderInfoBlock {
    position: absolute;
    left: 35px;
    top: 35px;
    height: 100%;
}

.sliderInfo {
    background-color: var(--main-white);
    width: 240px;
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 50px;
    clip-path: polygon(45px 0, 100% 0, 100% calc(100% - 25px), calc(100% - 45px) 100%, 0 100%, 0 25px);
}

.sliderInfo__text {
    opacity: 0;
    transition: all 0.3s ease;
    position: absolute;
}

.sliderInfo__text.active {
    position: relative;
    opacity: 1;
    transition: all 0.3s ease;
}

@media (max-width: 767px) {
    .sliderInfoBlock {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
    }

    .sliderInfo {
        width: 100%;
        clip-path: none;
        flex-direction: row;
        justify-content: space-between;
    }
}

/* Счетчик слайдера с линией */
.counterLined {
    display: flex;
    align-items: center;
    gap: 4px;
}

.counterLined__current,
.counterLined__All {
    font-family: Winston;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.16px;
}

.counterLined__spacer {
    width: 15px;
    height: 1px;
    background-color: var(--light-violet3);
}

/* Счетчик слайдера с линией END */

/* Слайдер на 3.5 блока */
.filterWithSlider__container {
    position: relative;
    width: 100%;
}

.filterWithSlider__slider.hide {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* width: 1440px; */
    /* min-width: 100%; */
}

.filterWithSlider__slider.hide .filterWithSlider__slide {
    width: 366px !important;
    height: 330px;
}

.filterWithSlider__slide img {
    height: 330px;
    border-radius: 24px;
    width: 100%;
}

.sliderItem3Container {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.sliderItem3Container .slick-slider {
    margin: 0 -9px;
}

.sliderItem3Container .slick-slide {
    padding: 0;
    text-align: left;
    margin-right: 9px;
    margin-left: 9px;
}

@media (max-width: 1199px) {
    .sliderItem3Container .slick-slider {
        margin: 0 -8px;
    }

    .sliderItem3Container .slick-slide {
        padding: 0;
        text-align: left;
        margin-right: 8px;
        margin-left: 8px;
    }

}

@media (max-width: 767px) {
    .sliderItem3Container {
        gap: 16px;
    }
}

/* Слайдер на 3.5 блока END */

/* Слайдер c табами (1 слайд) */
.sliderWithTabs {
    position: relative;
}

.slideCol2__left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sliderContentCol {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.slideCol2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;

}

.sliderImage {
    width: 100%;
    height: 460px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 24px;
}

.sliderWithTabs .sliderControls {
    position: absolute;
    left: 0;
    bottom: 0;
}

.sliderWithTabsContainer .slick-slider {
    margin: 0 -20px;
}

.sliderWithTabsContainer .slick-slide {
    padding: 0;
    /* text-align: left; */
    margin-right: 20px;
    margin-left: 20px;
}

@media (max-width: 1199px) {
    .sliderWithTabsContainer {
        position: relative;
    }

    .slideCol2 {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .slideCol2__left {
        grid-row: 2/span 1;
    }

    .slideCol2__right {
        position: relative;
    }

    /* .sliderControls {
        position: absolute;
        top: 400px;
        left: 16px;
    } */

    .sliderContentCol {
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width: 767px) {
    .sliderWithTabsBlock .titleWithTabs__tabs {
        width: 100%;
        overflow: scroll;
    }

    .slideCol2__left {
        grid-row: span 1;
    }

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

/* Слайдер c табами (1 слайд) END */

/* Слайдер галлереи */
.gallerySliderBlock .slick-slider {
    margin: 0 -20px;
}

.gallerySliderBlock .slick-slide {
    padding: 0;
    /* text-align: left; */
    margin-right: 20px;
    margin-left: 20px;
}

.gallerySliderControls {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.gallerySliderControls .sliderCounter {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gallerySliderControls .sliderCounter__text {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.18px;
    color: var(--main-white);
}

.gallerySliderControls .sliderCounter__icon {
    font-size: 16px;
    color: var(--main-white);
}

@media (max-width: 767px) {
    .gallerySlider {
        height: 350px;
    }
}


/* Слайдер галлереи END */
/* End */


/* Start:/local/assets/css/components/filter.css?17068583122567*/
/* Блок фильтра */
.filter {
    display: grid;
    grid-auto-columns: 1fr;
}

/* Элементы фильтра */
.filter__elem {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-self: stretch;
    justify-content: space-between;
}

.filter__elem .button {
    height: 60px;
    width: 100%;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filter__elem--bottomVertical {
    justify-content: flex-end;
}

.filter__elem--centerVertical {
    justify-content: center;
}

.filter__result--right {
    justify-content: flex-end;
}

/* Фильтр на странице ЖК */
.projectFilter {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    justify-content: center;
    padding-bottom: 40px;
    gap: 20px;
}


.projectFilter .filter__result {
    padding-top: 30px;
}

@media (max-width: 1199px) {
    .projectFilter {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
    }

    .projectFilter .filter__result {
        grid-column: span 2;
        justify-content: center;
    }
}

/* Фильтр на странице ЖК END */

/* Блок фильтра со слайдером */
.filterWithSlider__filter {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    align-items: flex-end;
    margin-bottom: 56px;
}

.filterWithSlider__title {
    margin-bottom: 50px;
}

.filterWithSlider__filter .buttonWithImage {
    grid-column: 5/span 1;
}

.filterWithSlider__slider .sliderItem3 {
    /* margin-bottom: 60px; */
}

.filterWithSlider__slide {
    min-height: 330px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 24px;
}

@media (max-width: 1199px) {
    .filterWithSlider__filter {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 30px;
        column-gap: 16px;
    }

    .filterWithSlider__title {
        margin-bottom: 50px;
    }

    .filterWithSlider__slide {
        min-height: 190px;
        height: 190px;
        width: 100%;
    }

    .filterWithSlider__filter .buttonWithImage {
        grid-column: span 1;
        width: 100%;
    }

    .filterWithSlider__slider .sliderItem3 {
        margin-bottom: 0;
    }
}

@media (max-width: 767px) {
    .filterWithSlider__slider .sliderItem3 {
        /* margin-bottom: 16px; */
    }

    .filterWithSlider__title {
        margin-bottom: 40px;
    }

    .filterWithSlider__filter .buttonWithImage {
        grid-column: span 2;
    }
}

/* Блок фильтра со слайдером END */
/* End */


/* Start:/local/assets/css/components/rangeSlider.css?170357677215248*/
/**
Ion.RangeSlider, 2.3.1
© Denis Ineshin, 2010 - 2019, IonDen.com
Build date: 2019-12-19 16:51:02
*/
.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-family: Arial, sans-serif;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}

.irs-handle {
    position: absolute;
    display: block;
    box-sizing: border-box;
    cursor: default;
    z-index: 1;
}

.irs-handle.type_last {
    z-index: 2;
}

.irs-min,
.irs-max {
    position: absolute;
    display: block;
    cursor: default;
}

.irs-min {
    left: 0;
}

.irs-max {
    right: 0;
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.irs-with-grid .irs-grid {
    display: block;
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}

.irs-grid-pol.small {
    height: 4px;
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000;
}

.irs-disable-roundedCornersMask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2;
}

.lt-ie9 .irs-disable-roundedCornersMask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed;
}

.irs-disabled {
    opacity: 0.4;
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}

.irs--flat {
    height: 40px;
}

.irs--flat.irs-with-grid {
    height: 60px;
}

.irs--flat .irs-line {
    top: 25px;
    height: 12px;
    background-color: #e1e4e9;
    border-radius: 4px;
}

.irs--flat .irs-bar {
    top: 25px;
    height: 12px;
    background-color: #ed5565;
}

.irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px;
}

.irs--flat .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: #e1e4e9;
}

.irs--flat .irs-handle {
    top: 22px;
    width: 16px;
    height: 18px;
    background-color: transparent;
}

.irs--flat .irs-handle>i:first-child {
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    background-color: #da4453;
}

.irs--flat .irs-handle.state_hover>i:first-child,
.irs--flat .irs-handle:hover>i:first-child {
    background-color: #a43540;
}

.irs--flat .irs-min,
.irs--flat .irs-max {
    top: 0;
    padding: 1px 3px;
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    background-color: #e1e4e9;
    border-radius: 4px;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    color: white;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #ed5565;
    border-radius: 4px;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #ed5565;
}

.irs--flat .irs-grid-pol {
    background-color: #e1e4e9;
}

.irs--flat .irs-grid-text {
    color: #999;
}

.irs--big {
    height: 55px;
}

.irs--big.irs-with-grid {
    height: 70px;
}

.irs--big .irs-line {
    top: 33px;
    height: 12px;
    background-color: white;
    background: linear-gradient(to bottom, #ddd -50%, white 150%);
    border: 1px solid #ccc;
    border-radius: 12px;
}

.irs--big .irs-bar {
    top: 33px;
    height: 12px;
    background-color: #92bce0;
    border: 1px solid #428bca;
    background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5);
}

.irs--big .irs-bar--single {
    border-radius: 12px 0 0 12px;
}

.irs--big .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: rgba(66, 139, 202, 0.5);
}

.irs--big .irs-handle {
    top: 25px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #cbcfd5;
    background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
    border-radius: 30px;
}

.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
    border-color: rgba(0, 0, 0, 0.45);
    background-color: #939ba7;
    background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%);
}

.irs--big .irs-min,
.irs--big .irs-max {
    top: 0;
    padding: 1px 5px;
    color: white;
    text-shadow: none;
    background-color: #9f9f9f;
    border-radius: 3px;
}

.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
    color: white;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #428bca;
    background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
    border-radius: 3px;
}

.irs--big .irs-grid-pol {
    background-color: #428bca;
}

.irs--big .irs-grid-text {
    color: #428bca;
}

.irs--modern {
    height: 55px;
}

.irs--modern.irs-with-grid {
    height: 55px;
}

.irs--modern .irs-line {
    top: 25px;
    height: 5px;
    background-color: #d1d6e0;
    background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
    border: 1px solid #a3adc1;
    border-bottom-width: 0;
    border-radius: 5px;
}

.irs--modern .irs-bar {
    top: 25px;
    height: 5px;
    background: #20b426;
    background: linear-gradient(to bottom, #20b426 0%, #18891d 100%);
}

.irs--modern .irs-bar--single {
    border-radius: 5px 0 0 5px;
}

.irs--modern .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(209, 214, 224, 0.5);
}

.irs--modern .irs-handle {
    top: 37px;
    width: 12px;
    height: 13px;
    border: 1px solid #a3adc1;
    border-top-width: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle>i:nth-child(1) {
    position: absolute;
    display: block;
    top: -4px;
    left: 1px;
    width: 6px;
    height: 6px;
    border: 1px solid #a3adc1;
    background: white;
    transform: rotate(45deg);
}

.irs--modern .irs-handle>i:nth-child(2) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 10px;
    height: 12px;
    background: #e9e6e6;
    background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
    border-radius: 0 0 3px 3px;
}

.irs--modern .irs-handle>i:nth-child(3) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 5px;
    border-left: 1px solid #a3adc1;
    border-right: 1px solid #a3adc1;
}

.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
    border-color: #7685a2;
    background: #c3c7cd;
    background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%);
}

.irs--modern .irs-handle.state_hover>i:nth-child(1),
.irs--modern .irs-handle:hover>i:nth-child(1) {
    border-color: #7685a2;
}

.irs--modern .irs-handle.state_hover>i:nth-child(3),
.irs--modern .irs-handle:hover>i:nth-child(3) {
    border-color: #48536a;
}

.irs--modern .irs-min,
.irs--modern .irs-max {
    top: 0;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    color: white;
    background-color: #d1d6e0;
    border-radius: 5px;
}

.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #20b426;
    color: white;
    border-radius: 5px;
}

.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #20b426;
}

.irs--modern .irs-grid {
    height: 25px;
}

.irs--modern .irs-grid-pol {
    background-color: #dedede;
}

.irs--modern .irs-grid-text {
    color: silver;
    font-size: 13px;
}

.irs--sharp {
    height: 50px;
    font-size: 12px;
    line-height: 1;
}

.irs--sharp.irs-with-grid {
    height: 57px;
}

.irs--sharp .irs-line {
    top: 30px;
    height: 2px;
    background-color: black;
    border-radius: 2px;
}

.irs--sharp .irs-bar {
    top: 30px;
    height: 2px;
    background-color: #ee22fa;
}

.irs--sharp .irs-bar--single {
    border-radius: 2px 0 0 2px;
}

.irs--sharp .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(0, 0, 0, 0.5);
}

.irs--sharp .irs-handle {
    top: 25px;
    width: 10px;
    height: 10px;
    background-color: #a804b2;
}

.irs--sharp .irs-handle>i:first-child {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #a804b2;
}

.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
    background-color: black;
}

.irs--sharp .irs-handle.state_hover>i:first-child,
.irs--sharp .irs-handle:hover>i:first-child {
    border-top-color: black;
}

.irs--sharp .irs-min,
.irs--sharp .irs-max {
    color: white;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 4px;
    opacity: 0.4;
    background-color: #a804b2;
    border-radius: 2px;
}

.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 4px;
    background-color: #a804b2;
    color: white;
    border-radius: 2px;
}

.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #a804b2;
}

.irs--sharp .irs-grid {
    height: 25px;
}

.irs--sharp .irs-grid-pol {
    background-color: #dedede;
}

.irs--sharp .irs-grid-text {
    color: silver;
    font-size: 13px;
}

.irs--round {
    height: 50px;
}

.irs--round.irs-with-grid {
    height: 65px;
}

.irs--round .irs-line {
    top: 36px;
    height: 4px;
    background-color: #dee4ec;
    border-radius: 4px;
}

.irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: #006cfa;
}

.irs--round .irs-bar--single {
    border-radius: 4px 0 0 4px;
}

.irs--round .irs-shadow {
    height: 4px;
    bottom: 21px;
    background-color: rgba(222, 228, 236, 0.5);
}

.irs--round .irs-handle {
    top: 26px;
    width: 24px;
    height: 24px;
    border: 4px solid #006cfa;
    background-color: white;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3);
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background-color: #f0f6ff;
}

.irs--round .irs-min,
.irs--round .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #006cfa;
    color: white;
    border-radius: 4px;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #006cfa;
}

.irs--round .irs-grid {
    height: 25px;
}

.irs--round .irs-grid-pol {
    background-color: #dedede;
}

.irs--round .irs-grid-text {
    color: silver;
    font-size: 13px;
}

.irs--square {
    height: 50px;
}

.irs--square.irs-with-grid {
    height: 60px;
}

.irs--square .irs-line {
    top: 31px;
    height: 4px;
    background-color: #dedede;
}

.irs--square .irs-bar {
    top: 31px;
    height: 4px;
    background-color: black;
}

.irs--square .irs-shadow {
    height: 2px;
    bottom: 21px;
    background-color: #dedede;
}

.irs--square .irs-handle {
    top: 25px;
    width: 16px;
    height: 16px;
    border: 3px solid black;
    background-color: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
    background-color: #f0f6ff;
}

.irs--square .irs-min,
.irs--square .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1);
}

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: black;
    color: white;
}

.irs--square .irs-grid {
    height: 25px;
}

.irs--square .irs-grid-pol {
    background-color: #dedede;
}

.irs--square .irs-grid-text {
    color: silver;
    font-size: 11px;
}

/* Кастомизация */
.irs-single {
    display: none;
}

.rangeInputBlock {
    position: relative;
}

.rangeInput .input {
    width: 50%;
}

.rangeBlock__container {
    padding: 0 20px;
    position: absolute;
    width: 100%;
}

.rangeBlock__container .irs-min,
.rangeBlock__container .irs-max,
.rangeBlock__container .irs-to,
.rangeBlock__container .irs-from {
    display: none;
}

.rangeBlock__container .irs-handle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--main-red);
    top: -8px;
    cursor: pointer;
}

.rangeBlock__container .irs-handle>i:first-child {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--light-gray);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    margin-left: 0;
}

.rangeBlock__container .irs-line {
    opacity: 0;
    top: 0;
}

.rangeBlock__container .irs-bar {
    height: 2px;
    background-color: var(--main-red);
    top: 0;
}
/* End */


/* Start:/local/assets/css/components/plans.css?17345923588919*/
.plans {
    display: flex;
    flex-direction: column;
    background: #F5F5FF;
    border-radius: 40px;
    padding: 88px 56px 50px;
}

.plans__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 60px;
}

.plans__head--center {
    align-items: center;
}

.plans__head_title {
    font-family: Winston;
    font-size: 35px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -0.04em;
    text-align: left;
    color: #2B2B4D;
    margin-bottom: 32px;
}

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

.plans__head_desc {
    font-family: Golos;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #8181A3;
}

.plans__head_text {
    max-width: 421px;
}

.plans__head_gift {
    position: relative;
    font-family: Golos;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.01em;
}

.plans__head_gift a {
    color: #E1294D;
    text-decoration: none;
    border-bottom: 1px dashed #E1294D;
}

.plans__head_gift a:hover {
    border-color: transparent
}

.plans__head_gift i {
    position: absolute;
    left: -18px;
    top: -55px;
    font-size: 127px;
    transform: rotate(-3deg);
}

.plans__head_gift i:before {
    color: #DADCEC;
}

.plans__head_gift span {
    position: relative;
}

.plans__filters {
    display: grid;
    grid-template-columns: repeat(4, 286px);
    gap: 18px;
    margin-bottom: 30px;
}

.plans__filters--single {
    grid-template-columns: 344px;
    margin-bottom: 0;
}

.plans__filters_item {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.plans__list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.plan_card {
    display: flex;
    align-items: flex-start;
    background: #fff;
    border-radius: 12px;
    gap: 34px;
    padding: 24px;
}

.plan_card__img {
    width: 199px;
    height: auto;
    flex-shrink: 0;
}
.plan_card__img img{
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.plan_card__main {
    flex-grow: 1;
}

.plan_card__table_tag {
    display: inline-flex;
    align-items: center;
    height: 29px;
    font-family: Golos;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
    text-align: left;
    gap: 8px;
    background: #F5F5FF;
    padding: 0 12px;
    transition: background .2s;
    border-radius: 60px;
}

.plan_card__table_head,
.plan_card__table_row {
    display: flex;
    align-items: center;
}

.plan_card__table_head {
    padding: 0 32px;
    font-size: 12px;
    color: #9898B8;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-align: left;
    margin-bottom: 3px;
}

.plan_card__table_list {
    max-height: 260px;
    position: relative;
    overflow: auto;
    margin-right: -20px;
    padding-right: 20px;
}

.plan_card__table_row {
    padding: 12px 32px;
    transition: color .2s, background .2s;
    font-family: Golos;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
    border-radius: 10px;
}

.plan_card__table_arrow {
    color: #9898B8;
}

@media (hover: hover) {
    .plan_card__table_row:hover {
        background: #F5F5FF;
        color: #E1294D;
    }

    .plan_card__table_row:hover .plan_card__table_arrow {
        color: #E1294D;
    }

    .plan_card__table_row:hover .plan_card__table_tag {
        background: #FFFFFF;
    }
}

.plan_card__table_head .plan_card__table_col:nth-child(1),
.plan_card__table_row .plan_card__table_col:nth-child(1) {
    width: calc(25% - 20px);
}

.plan_card__table_head .plan_card__table_col:nth-child(2),
.plan_card__table_row .plan_card__table_col:nth-child(2) {
    width: 25%;
}

.plan_card__table_head .plan_card__table_col:nth-child(3),
.plan_card__table_row .plan_card__table_col:nth-child(3) {
    width: 15%;
}

.plan_card__table_head .plan_card__table_col:nth-child(4),
.plan_card__table_row .plan_card__table_col:nth-child(4) {
    width: 35%;
}

.plan_card__table_head .plan_card__table_col:nth-child(5),
.plan_card__table_row .plan_card__table_col:nth-child(5) {
    width: 20px;
}

.plan_card__table_col-oldPrice{
    color: var(--light-violet3);
    text-decoration: line-through;
    font-size: 14px;
    white-space: nowrap;
    margin-left: 5px;
}

.plans__more_button {
    cursor: pointer;
    width: auto;
    align-self: center;
    margin-top: 50px;
}

.plans__head_center {
    margin-right: auto;
    margin-left: 50px;
}

@media (max-width: 1400px) {
    .plan_card {
        padding: 16px;
        gap: 16px;
    }

    .plan_card__img {
        width: 105px;
    }
    .plan_card__img img{
        max-width: 105px;
    }
}

@media (max-width: 1199px) {
    .plans {
        position: relative;
        left: 50%;
        margin-left: -50vw;
        width: 100vw;
        border-radius: 0;
        padding: 50px 32px;
    }

    .plans__head {
        display: grid;
        align-items: center;
        grid-template-columns: 1fr 1fr;
        gap: 51px 16px;
        margin-bottom: 77px;
    }

    .plans__filters {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        margin-bottom: 24px;
    }

    .plans__head_text {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
        grid-column: span 2;
        max-width: 100%;
        align-items: center;
    }

    .plans__head_desc {
        font-size: 12px;
        line-height: 14px;
    }

    .plans__head_title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 0;
        max-width: 254px;
    }

    .plan_card__table_list {
        margin-right: -10px;
        padding-right: 10px;
    }

    .plans__head_gift {
        font-size: 16px;
        line-height: 22px;
    }

    .plans__head_right.button {
        width: auto;
    }

    .plan_card {
        gap: 27px;
    }

    .plan_card__table_head {
        padding: 0;
    }

    .plan_card__table_row {
        padding: 12.5px 0;
        font-size: 14px;
        line-height: 21px;
    }

    .plans__filters--single {
        grid-template-columns: 344px;
        margin-bottom: 0;
    }

    .plans__head_center {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .plans {
        padding: 60px 16px 30px;
        gap: 28px;
    }

    .plans__head {
        grid-template-columns: 1fr;
        gap: 55px;
        margin-bottom: 40px;
    }

    .plans__head_text {
        grid-template-columns: 1fr;
        gap: 20px;
        grid-column: span 1;
    }

    .plans__head_title {
        max-width: 100%;
        font-size: 22px;
        line-height: 32px;
    }

    .plans__head_gift i {
        font-size: 66px;
        left: -11px;
        top: -22px;
    }

    .plans__filters {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .plan_card {
        flex-direction: column;
        align-items: stretch;
        padding: 29px 24px 6px 16px;
    }

    .plan_card__img {
        align-self: center;
        width: 100%;
        height: 132px;
        object-fit: contain;
    }
    .plan_card__img img{
        max-height: 132px;
        max-width: 132px;
    }

    .plan_card__table_head .plan_card__table_col:nth-child(1),
    .plan_card__table_row .plan_card__table_col:nth-child(1) {
        width: calc(40% - 12px);
    }

    .plan_card__table_head .plan_card__table_col:nth-child(2),
    .plan_card__table_row .plan_card__table_col:nth-child(2) {
        width: 40%;
    }

    .plan_card__table_head .plan_card__table_col:nth-child(3),
    .plan_card__table_row .plan_card__table_col:nth-child(3) {
        width: 20%;
    }
    
    .plan_card__table_col:nth-child(4) {
        display: none;
    }

    .plan_card__table_head .plan_card__table_col:nth-child(5),
    .plan_card__table_row .plan_card__table_col:nth-child(5) {
        width: 12px;
    }

    .plan_card__table_row {
        border-top: 1px solid #ECECF5;
        border-bottom: none;
        border-radius: 0;
    }

    .plan_card__table_list {
        margin-right: -18px;
        padding-right: 18px;
        max-height: 235px;
    }

    .plan_card__table_head {
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 8px;
    }

    .plan_card__table_head {
        font-size: 12px;
    }

    .plans__more_button {
        margin-top: 0;
    }

    .plans__head--center {
        margin-bottom: 0;
    }
}
/* End */


/* Start:/local/assets/css/components/infoBlock.css?17050421161392*/
.infoBlock {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.infoBlock__inner {
    display: flex;
    justify-content: space-between;
    gap: 70px;
}

.infoBlock__text {
    width: 60%;
    font-family: Winston;
    /*font-size: 25px;*/
    font-weight: 400;
    /*line-height: 35px;*/
    letter-spacing: -0.25px;
}
.infoBlock__text.fullWidth{
    width: 100%;
}

.infoBlock__specials {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.infoBlock__specials--col2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
    column-gap: 60px;
}

.infoBlock__inner .title35 {
    width: 60%;
}

@media (max-width: 1199px) {
    .infoBlock {
        gap: 35px;
    }

    .infoBlock__inner {
        flex-direction: column;
        gap: 40px;
    }

    .infoBlock__text {
        width: 100%;
        font-family: Winston;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: -0.2px;
    }

    .infoBlock__specials {
        flex-direction: row;
        justify-content: flex-start;
    }

    .infoBlock__specials .textCol--right {
        align-items: flex-start;
    }

    .infoBlock__inner .title35 {
        width: 100%;
    }
    
}

@media (max-width: 767px) {
    .infoBlock__inner {
        gap: 20px;
    }

    .infoBlock__specials {
        flex-direction: column;
    }
}
/* End */


/* Start:/local/assets/css/components/advantages.css?17067832934010*/
.advantages {
    display: flex;
    gap: 80px;
    justify-content: space-between;
}

.advantages__titleBlock {
    display: flex;
    gap: 16px;
    width: fit-content;
    height: fit-content;
}

.advantages__icon {
    font-size: 24px;
    align-items: center;
    display: flex;
}

.advantages__title {
    color: var(--main-dark-violet #2B2B4D);
    font-family: Winston;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.24px;
}

.advantages__itemsBlock {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

@media (max-width: 1550px) {
    .advantages {
        flex-wrap: wrap;
        gap: 60px;
    }
    .advantages__itemsBlock {
        
    }
}

@media (max-width: 1450px) {
    .advantages {
        flex-wrap: wrap;
        gap: 60px;
    }

    .advantages__titleBlock {
        width: 100%;
    }

    .advantages__title {
        font-size: 35px;
        font-weight: 400;
        line-height: 45px;
        letter-spacing: -1.4px;
    }
}

@media (max-width: 1199px) {
    .advantages__itemsBlock {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 67px;
        row-gap: 30px;
    }

    .advantages__itemsBlock .advantages__item {
        flex-basis: 43%;
    }
}

@media (max-width: 767px) {
    .advantages__title {
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: -0.88px;
    }

    .advantages {
        flex-direction: column;
        gap: 30px;
    }

    .advantages__itemsBlock {
        gap: 30px 16px;
    }
}

/* Элемент преимущества */
.advantages__item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.advantages__text {
    color: var(--main-dark-violet);
    font-family: Winston;
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -1.4px;
    white-space: nowrap;
}

.advantages__subtext {
    color: var(--light-violet);
    font-family: Golos;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.14px;
}

@media (max-width: 1199px) {
    .advantages__text {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .advantages__item {
        gap: 12px;
    }

    .advantages__text {
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: -0.88px;
    }
}

/* Элемент преимущества END */

/* Преимущества в виде карточек */
.advantagesCards__block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.advantagesCardBlock {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.advantagesCards__row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;

}

.advantagesCard {
    background-color: var(--main-white);
    padding: 30px 22px;
    display: flex;
    justify-content: space-between;
    clip-path: polygon(30px 0, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%, 0 25px)
}

.advantagesCard.advantagesCardGray {
    background-color: var(--light-gray);
}

.advantagesCard__textBlock {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 60%;
}

.advantagesCard__title {
    font-family: Golos;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.18px;
}

.advantagesCard__text {
    color: #6F7AA0;
    font-family: Winston;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.28px;
}

.advantagesCard__icon span {
    font-size: 56px;
}

@media (max-width: 1199px) {
    .advantagesCards__block {
        gap: 35px;
    }

    .advantagesCards__row {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .advantagesCards__block {
        gap: 16px;
    }

    .advantagesCards__row {
        grid-template-columns: 1fr;
    }
}

/* Преимущества в виде карточек END */
/* End */


/* Start:/local/assets/css/components/infoBlockWithImage.css?17028978533681*/
.sectionGray .infoBlockWithImage {
    padding: 80px 37px;
}

@media (max-width:1199px) {
    .sectionGray .infoBlockWithImage {
        padding: 60px 32px;
    }
}

@media (max-width:767px) {
    .sectionGray .infoBlockWithImage {
        padding: 40px 0;
    }
}

.infoBlockWithImage {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.infoBlockWithImage__left {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 40%;
}

.infoBlockWithImage__right {
    width: 50%;
}

.infoBlockWithImage__title {
    font-family: Winston;
    font-size: 35px;
    font-weight: 400;
    line-height: 45px;
    letter-spacing: -1.4px;
}

.infoBlockWithImage__text {
    font-family: Golos;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.14px;
}

.infoBlockWithImage__image img {
    border-radius: 24px;
}

@media (max-width:1199px) {
    .infoBlockWithImage__left {
        width: 100%;
        display: grid;
        grid-template-columns: 30% auto;
        row-gap: 40px;
        column-gap: 75px;
    }

    .infoBlockWithImage__title,
    .infoBlockWithImage__image {
        grid-column: span 2;
    }

    .infoBlockWithImage__title {
        font-family: Winston;
        font-size: 30px;
        font-weight: 400;
        line-height: 40px;
        letter-spacing: -1.2px;
    }

    .infoBlockWithImage__left .tabGroup {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .infoBlockWithImage {
        flex-direction: column;
    }

    .infoBlockWithImage__left {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .infoBlockWithImage__title,
    .infoBlockWithImage__image {
        grid-column: span 1;
    }

    .infoBlockWithImage__title {
        font-family: Winston;
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: -0.88px;
        margin-bottom: 0px;
    }

    .infoBlockWithImage__left .tabGroup {
        flex-direction: row;
    }

    .infoBlockWithImage__right {
        width: 100%;
    }

    .infoBlockWithImage__text {
        font-family: Golos;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.16px;
    }
}

/* Блок с детальным заголовком */
.infoBlockWithImage__titleBlock {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 60px;
}

.infoBlockWithImage__titleBlock .infoBlockWithImage__title {
    width: 40%;
}

.infoBlockWithImage__titleTextBlock {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 65px;
    width: 50%;
}

.infoBlockWithImage__text--small {
    font-family: Golos;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.14px;
}

@media (max-width: 1199px) {
    .infoBlockWithImage__titleBlock {
        flex-direction: column;
        gap: 40px;
    }

    .infoBlockWithImage2 .infoBlockWithImage__titleBlock .infoBlockWithImage__title,
    .infoBlockWithImage2 .infoBlockWithImage__titleBlock .infoBlockWithImage__titleTextBlock {
        width: 100%;
    }

    .infoBlockWithImage__titleTextBlock {
        align-items: flex-end;
    }
}

@media (max-width: 767px) {
    .infoBlockWithImage__titleBlock {
        gap: 25px;
        margin-bottom: 42px;
    }

    .infoBlockWithImage__titleTextBlock {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .infoBlockWithImage__text--small {
        font-family: Golos;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: -0.12px;
    }
}
/* End */


/* Start:/local/assets/css/components/projectDetail.css?1721999415592*/
.projectMapBlock {
    padding: 120px 0;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.projectMap {
    width: 100%;
    height: 710px;
}

.projectMapBlock .titleWithTabs {
    flex-wrap: wrap;/*
    align-items: center;*/
    gap: 32px;
}

@media (max-width: 1199px) {
    .projectMapBlock {
        padding: 80px 0;
        padding-bottom: 0;
        gap: 25px;
    }
}

@media (max-width: 767px) {
    .projectMapBlock {
        padding: 60px 0;
        padding-bottom: 0;
        gap: 16px;
    }

    .projectMap {
        height: 50vh;
    }
}
/* End */


/* Start:/local/assets/css/components/projectGenplan.css?17231139875415*/
.projectGenplan__title {
    margin-bottom: 60px;
}

.projectGenplanMap {
    position: relative;
}

.projectGenplanMap__img {
    display: block;
    border-radius: 8px;
    clip-path: polygon(0 0,
            100% 0,
            100% calc(100% - 50px),
            calc(100% - 60px) 100%,
            0 100%,
            0 0);
    width: 100%;
}

.projectGenplanMap__items {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.projectGenplanMap__item {
    position: absolute;
    top: 0;
    left: 0;
}

.projectGenplanMap__item svg {
    height: auto;
    pointer-events: none;
}

.projectGenplanMap__item svg path {
    cursor: pointer;
    pointer-events: all;
    stroke: none;
}

.projectGenplanMap__item_icon {
    width: 55px;
    height: 55px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    pointer-events: none;
    transition: opacity .3s;
}

.projectGenplanMap__item.hover .projectGenplanMap__item_icon {
    opacity: 1;
}

.projectGenplanCard {
    position: absolute;
    top: 18px;
    right: 18px;
    border-radius: 12px;
    background: #fff;
    padding: 20px 20px 24px;
    transition: opacity .3s;
    z-index: 1;
    width: 342px;
}

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

.projectGenplanCard__head {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 12px;
}

.projectGenplanCard__head_title {
    font-family: Winston;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-align: left;
    margin-bottom: 4px;
}

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

.projectGenplanCard__head_desc {
    font-family: Golos;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
    text-align: left;
}

.projectGenplanCard__tag {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 4px 12px;
    background: #E1294D;
    border-radius: 60px;
    color: #fff;
    font-family: Golos;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
    text-align: left;
    flex-shrink: 0;
}

.projectGenplanCard__head_text {
    flex-grow: 1;
}

.projectGenplanCard__tag i {
    font-size: 13px;
}

.projectGenplanCard__items {
    border-bottom: 1px solid #ECECF5;
    padding-bottom: 12px;
    margin-bottom: 24px;
}

.projectGenplanCard__item {
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    margin: 0 -20px;
    transition: background .2s;

}

.projectGenplanCard__item:hover {
    background: #F5F5FF;
}

.projectGenplanCard__item:hover .projectGenplanCard__item_desc {
    color: #E1294D;
}

.projectGenplanCard__item_title {
    font-family: Golos;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
}

.projectGenplanCard__item_desc {
    font-family: Golos;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: right;
    transition: color .2s;
}

.projectGenplanCard__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.projectGenplanCard__button:hover i {
    color: #fff;
}

.projectGenplanCard__button i {
    color: #E1294D;
    transition: color .2s;
}

.projectGenplanCard__cross {
    display: none;
}

@media (max-width: 1199px) {}

@media (max-width: 767px) {
    .projectGenplan__title {
        margin-bottom: 25px;
    }

    .projectGenplanCard {
        position: fixed;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: 24px 24px 0px 0px;
        padding: 30px 16px 24px;
        z-index: 1200;
        overflow: auto;
        max-height: var(--viewport-height);
        opacity: 0;
        pointer-events: none;
    }

    .projectGenplanCardOverlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: var(--viewport-height);
        background: #161B2E;
        opacity: 0;
        pointer-events: none;
        z-index: 1150;
        transition: opacity .3s;
    }

    .projectGenplanCardOverlay.active {
        pointer-events: all;
        opacity: 0.9;
        cursor: pointer;
    }

    .projectGenplanCard__head_title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .projectGenplanCard__tag {
        display: none;
    }

    .projectGenplanCard__cross {
        display: block;
        font-size: 16px;
        color: #2B2B4C;
        margin-left: auto;
        cursor: pointer;
    }

    .projectGenplanCard__item {
        margin: 0 -16px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .projectGenplanMap__img {
        border-radius: 0;
        clip-path: none;
    }

    .projectGenplanMap {
        margin-left: -16px;
        margin-right: -16px;
    }
}
/* End */


/* Start:/local/assets/css/components/floorPlan.css?173822091416431*/
.popup--floorPlan {
    opacity: 0;
    z-index: 1200;
}

.popup--floorPlan .popup__inner {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
}

.popup--floorPlan .popup__cross {
    position: absolute;
    right: 16px;
    top: 24px;
    align-self: center;
    cursor: pointer;
    font-size: 24px;
    margin-bottom: 40px;
    z-index: 1;
    display: none;
}

.popup--floorPlan .popup__main {
    width: 100%;
    height: calc(var(--viewport-height));
    background: #f2f3f7;
    overflow: auto;
    border-radius: 0;
    padding: 60px 0;
}

.floorPlan__container {
    max-width: 1248px;
    padding: 0 16px;
    margin: 0 auto;
}

.floorPlan__row {
    display: grid;
    align-items: start;
    grid-template-columns: 178px 1fr;
    gap: 10px;
}

.floorPlan__back {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: Golos;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.01em;
    text-align: left;
    cursor: pointer;
}

.floorPlan__back i {
    font-size: 8px;
    color: #e1294d;
    transform: rotate(90deg);
}

.floorPlanProject {
    display: flex;
    align-items: center;
    gap: 12px;
}

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

.floorPlanProject__title {
    font-family: Winston;
    font-size: 25px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 1px;
}

.floorPlanProject__desc {
    font-family: Winston;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
    color: #9898b8;
}

.floorPlanColors {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 37px;
}

.floorPlan__head {
    display: flex;
    justify-content: space-between;
}

.floorPlan__head_row {
    margin-bottom: 58px;
}

.floorPlanColor {
    display: flex;
    align-items: center;
    gap: 12px;
}

.floorPlanColor__color {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 4px;
    background: #ffffff;
}

.floorPlanColor__color:not(.floorPlanColor__color--grey) {
    background: #2f2b4e;
    opacity: 0.2;
}

.floorPlanColor__color--grey {
    background: #e5eafb;
}

.floorPlanColor__desc {
    font-family: Golos;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.01em;
    text-align: left;
}

.floorPlanFloorsList {
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.floorPlanFloors {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.floorPlanFloors__label {
    font-family: Winston;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #9898b8;
    margin-bottom: 12px;
}

.floorPlanFloors__item {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-family: Golos;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    background: #fff;
}

.floorPlanFloors__item.active {
    background: #e1294d;
    pointer-events: none;
    color: #fff;
}

.floorPlanLayout {
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: 16px;
    background: #fff;
    padding: 0 24px;
    padding-top: 24px;
}

.floorPlanLayout__imgWrap.floorPlanLayout__scroll {
    width: 100%;
    height: 480px;
    scroll-behavior: auto;
}

.floorPlanLayout img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 700px;
    border-radius: 16px;
}


/* .flatDetailInfo__image .floorPlanLayout svg, */
.floorPlanLayout .floorPlanLayout__imgWrap svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.flatDetailInfo__image .floorPlanLayout  svg{
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 24px;
    padding-top: 24px;
    /* margin-right: 20px; */
}

.floorPlanLayout .floorPlanLayout__scroll svg {
    width: auto;
    height: calc(100% - 40px);
}


/* flatDetailInfo__imageBlock */
/* .floorPlanLayout svg path {
    cursor: pointer;
    fill: transparent;
    fill: #2f2b4e;
    opacity: 0.2;
    transition: fill 0.3s;
} */

.floorPlanLayout .floorPlanLayout__imgWrap svg path {
    cursor: pointer;
    fill: transparent;
    fill: #2f2b4e;
    opacity: 0.2;
    transition: fill 0.3s;
}


.flatDetailInfo__image .floorPlanLayout svg path{
    /* cursor: pointer; */
    fill: transparent;
    fill: #2f2b4e;
    opacity: 0.2;
    transition: fill 0.3s;
}
/* .floorPlanLayout .svgPopup svg path {
    fill: inherit; 
    opacity: 1;
} */

.floorPlanLayout .floorPlanLayout__imgWrap svg path.hovered {
    fill: #2f2b4e;
}

.floorPlanLayout .floorPlanLayout__imgWrap svg path.hovered:hover {
    opacity: 0.5;
}


.flatDetailInfo__image .floorPlanLayout svg path.disabled,
.floorPlanLayout .floorPlanLayout__imgWrap svg path.disabled {
    fill: #e5eafb;
    opacity: 0.5;
    pointer-events: none;
}

.floorPlanLayout .floorPlanLayout__imgWrap svg path.noApartment {
    opacity: 0 !important;
}

.floorPlanLayout__imgWrap {
    position: relative;
}

.floorPlanLayout__scroll img.floorPlanLayout__img {
    position: absolute;
    left: 0;
    top: 0;
    height: 440px;
    max-width: none;
}

.floorPlanLayout__scroll .floorPlanLayout__imgWrap svg {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    height: 440px;
}

/* .floorPlan__layout_row {
    margin-bottom: 40px;
} */

.floorPlanArrows {
    display: flex;
    justify-content: space-between;
}

.floorPlanArrow {
    display: flex;
    align-items: center;
    gap: 11px;
}

.floorPlanArrow__arrow {
    border-radius: 18px;
    background: #fff;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    width: 50px;
    flex-shrink: 0;
    cursor: pointer;
}

.floorPlanArrow__text {
    font-family: Golos;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.floorPlanCard {
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0px 20px 42px 0px #2b2b4c17;
    border-radius: 12px;
    padding: 16px;
    width: 342px;
    z-index: 1;
    background: #fff;
    transition: opacity 0.3s;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
    transform: translate(0, -50%);
}

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

.floorPlanCard.right {
    transform: translate(-100%, -50%);
}

.floorPlanCard__head {
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.floorPlanCard__title {
    font-family: Golos;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
    text-align: left;
}

.floorPlanCard__fav {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #f5f5ff;
    font-size: 18px;
    color: #d8d8f5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.floorPlanCard__fav.active {
    background: #e1294d;
    color: #ffffff;
}

img.floorPlanCard__img {
    width: 100%;
    height: 181px;
    object-fit: contain;
    margin-bottom: 32px;
}

.floorPlanCard__price {
    display: flex;
    justify-content: space-between;
}

.floorPlanCard__price>div:nth-child(2) {
    text-align: right;
}

.floorPlanCard__label {
    font-family: Golos;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    margin-bottom: 4px;
    color: #9898b8;
}

.floorPlanCard__label--linethrough {
    text-decoration: line-through;
}

.floorPlanCard__price_value {
    font-family: Winston;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.01em;
    text-align: left;
}

.floorPlanCard__price_value--primary {
    color: #e1294d;
}

.floorPlanCard__footer {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #ececf5;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.floorPlanCard__tag {
    display: flex;
    gap: 9px;
    align-items: center;
    padding: 4px 12px;
    color: #fff;
    background: #e1294d;
    font-family: Golos;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
    text-align: left;
    border-radius: 60px;
}

.floorPlanCard__tag i {
    font-size: 13px;
}

.floorPlanCard__tag--grey {
    background: #f5f5ff;
    color: #2b2b4c;
}

.floorPlanCard__tag--grey i {
    color: #e1294d;
}

@media (max-width: 991px) {
    .popup--floorPlan .popup__main {
        padding: 32px 0;
    }

    .floorPlan__row {
        grid-template-columns: 100%;
        gap: 32px;
    }

    .floorPlan__head_row {
        margin-bottom: 32px;
    }

    .floorPlan__head_row .floorPlan__col:nth-child(1) {
        display: none;
    }

    .floorPlan__head {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .floorPlanColors {
        margin-left: 0;
    }

    .floorPlanProject__img {
        width: 48px;
        height: 48px;
    }

    .floorPlanProject__title {
        font-size: 20px;
        line-height: 30px;
    }

    .floorPlanFloors {
        display: block;
        white-space: nowrap;
        overflow: auto;
        margin-left: -16px;
        margin-right: -16px;
        padding: 0 16px;
    }

    .floorPlanFloors__item {
        display: inline-flex;
        margin-right: 8px;
        vertical-align: top;
    }

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

    .popup--floorPlan .popup__cross {
        margin-bottom: 20px;
    }

    .popup--floorPlan .popup__main {
        max-height: calc(var(--viewport-height));
    }

    .popup--floorPlan.apartmentCardOpened .popup__cross {
        pointer-events: none;
    }

    .floorPlanColors {
        gap: 20px;
    }

    .floorPlanCard {
        overflow: auto;
        position: fixed;
        bottom: 0 !important;
        left: 0 !important;
        top: auto !important;
        right: 0 !important;
        transform: none !important;
        width: 100%;
        height: auto;
        max-height: calc(var(--viewport-height) - 111px);
        border-radius: 24px 24px 0px 0px;
        z-index: 10;
    }

    .floorPlanCard.active~.floorPlanCardOverlay {
        opacity: 0.9;
        pointer-events: all;
    }

    .floorPlanCardOverlay {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: var(--viewport-height);
        z-index: 5;
        background: #161b2e;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s;
    }

    .floorPlanFloorsList {
        display: block;
    }

    .floorPlanFloorsList>div:not(:last-child) {
        margin-bottom: 14px;
    }

    .floorPlanFloors__label {
        margin-bottom: 10px;
        text-align: left;
    }

    .popup--floorPlan .popup__cross {
        display: block;
    }
}

/* Блок с генпланом */

.moreInfo-plan .floorPlanLayout__imgWrap {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
}

/* .moreInfo-plan .floorPlanLayout__imgWrap img:last-of-type {
    height: 60px;
} */

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

.moreInfo-plan {
    display: none;
    /* min-height: 335px; */
    min-height: 392px;
    max-height: 336px;
}


.moreInfo .next-slide p{
    font-family: Golos;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
    text-align: left;
}

.moreInfo .next-slide {
    padding: 11px 12px;
    border-radius: 60px;
    /* background-color: red; */
    background: #e1294d;
    color: white;
    font-family: Golos;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.01em;
    display: flex;
    gap: 10px;
}

.moreInfo-plan .icon-prew-arrow {
    padding-right: 10px;
}

.moreInfo-plan .prev-slide {
    padding: 11px;
}


.floorPlanLayout__imgWrap-modal{

    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.floorPlanLayout .floorPlanLayout__imgWrap-modal svg {
    position: absolute;
    top: 0;
    /* left: 0; */
    width: 100%;
    height: 100%;
}

.svgPopup{
    height: 170px;
    width: 268px
}

.floorPlanLayout .svgPopup{
    position: relative;
}


@media (max-width: 992px) {
    .floorPlanLayout-masterPlan {
        display: flex;
        flex-direction: column;
        /* justify-content: center; */
        max-width: 50%;
    }

    .floorPlanLayout-masterPlan p {
        /* font-family: Winston; */
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: -0.02em;
        text-align: left;
        color: #9898b8;
        padding-bottom: 17px;
    }

    .floorPlanLayout-masterPlan .floorPlanLayout__imgWrap {
        display: flex;
        gap: 50px;
    }

    .moreInfo-plan .floorPlanLayout__imgWrap {
        display: flex;
        gap: 50px;
        flex-direction: row;
    }

    .moreInfo-plan .floorPlanLayout__imgWrap img:first-of-type {
        width: 100%;
        height: 270px;
    }

    .moreInfo-plan {
        display: none;
        min-height: 392px;
        max-height: 326px;
    }

    .moreInfo-plan .floorPlanLayout__imgWrap img:last-of-type {
        /* height: 60px; */
        height: auto;
    }

    .floorPlanLayout__imgWrap-modal {
        flex-direction: row;
    }

    .svgPopup{
        width: 100%;
        height: 300px;
    }

}

@media (max-width: 700px) {
    .moreInfo-plan .floorPlanLayout__imgWrap {
        flex-direction: column;
        gap: 10px;
    }

    .moreInfo-plan .floorPlanLayout__imgWrap img:first-of-type {
        height: 180px;
    }

    .moreInfo-plan .floorPlanLayout__imgWrap img:last-of-type {
        height: 60px;
    }

    .floorPlanLayout__imgWrap-modal {
        flex-direction: column;
    }

    .svgPopup{
        height: 200px;
    }
}

/* Блок с генпланом END */


/* компас */
.compass-container {
    width: 80px;
    height: 80px;
    position: relative;
    animation: rotate 10s linear infinite;
    transform-origin: center;
}

.compass-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.compass {
    max-width: 500px;
}

.compass-text {
    position: absolute;
    font-size: 16px;
    font-family: Arial, sans-serif;
    transform-origin: center;
}

.north {
    transform: translate(-50%, -100px);
}

.east {
    transform: translate(100px, -50%);
}

.south {
    transform: translate(-50%, 100px);
}

.west {
    transform: translate(-100px, -50%);
}

.compass-text-red{
    color:red;
}

/* компас END */

.catalogPreloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
    display: none;
    background-color: rgba(245, 245, 255, 0.5);
}

.popup--floorPlan .catalogPreloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
}

.popup--floorPlan .catalogPreloader .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}




/* End */


/* Start:/local/assets/css/components/mapYandex.css?17382174104441*/
.map__container {
    position: relative;
    /* width: 90%; */
    width: 100%;
    /* margin-left: 37px; */
    /* max-width: 1420px; */
    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: 1;
    bottom: 10px;
    left: 50%;
    /* border-radius: 12px; */
    min-width: 400px;
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
    flex-wrap: wrap;
}

.section-map.map{
    position: relative;
}

/* отключаем "как доехать" */
.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;
    padding: 11px 20px;
    white-space: nowrap;
}



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


.filter-button.active {
   color: #E1294D;
    /* border: 1px solid #000; */
    background: white;
    border-radius: 36px;
}



/* иконки кнопок на карте */
.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-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-size: 14px;
    line-height: 15.96px;
    white-space: nowrap;
    padding-left: 42px;
    color: white;
  }

  .ymaps-2-1-79-balloon-overlay .ymaps-2-1-79-balloon{
    box-shadow: none;
    top: -31px !important;
    left: -29px !important;
   
  }

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

  .custom-balloon-content{
    height: 35px;
  }

  .custom-balloon-image{
    position: absolute;
    left: -2px;
    top: 0px;
    width: 40px;
    height: 40px;
  }

  /* угольник под балуном */

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


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

.map-yandex__container{
  /* margin-left: 37px; */
  width: calc(100% - 280px);
  margin-bottom: 60px;
}



@media (max-width: 1750px) {
  .section-map__controls{
    margin-left: -20px;
  }
}


@media (max-width: 767px) {

  .map-yandex__container {
    width: auto;
  }
  .section-map__controls {
    margin-left: 0px;
  }

  .map__container {
    height: 300px;
  }
}

@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: 0px;
        overflow: auto;
        flex-wrap: nowrap;
        max-width: none;
    }

}
  



.no-scroll::-webkit-scrollbar {
  display: none;
}


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

/* End */


/* Start:/local/assets/css/components/genplan.css?17532747291990*/

/* новые */
.svg-mask {
  position: relative;
  width: 100%;
  /* Ограничение максимальной ширины (опционально) */
  /* max-width: 1200px; */
  margin: 0 auto;
}

/* Стили для основного изображения */
.svg-mask__image {
  width: 100%;
  height: auto;
  display: block;
}

/* Контейнер для SVG элементов */
.svg-mask-items {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    pointer-events: all;
  /* pointer-events: none;  */
}

/* Стили для SVG элементов */
.svg-mask-path__item {
  position: absolute;
  width: 19%; /* Относительная ширина */
  height: auto;
}

/* Пример позиционирования через data-атрибуты */
.svg-mask-path__item {
  /* position: absolute; */
  left: var(--pos-x, 0); /* 25% из style */
  top: var(--pos-y, 0);  /* 58% из style */
  /* transform: translate(-50%, -50%);
  width: 16%; */
}

.svg-mask-path__item svg {
  width: 100%;
  height: 100%;
  display: block;
}



/* Эффекты при наведении */
.hover-path {
  fill: transparent;
  transition: fill 0.3s;
  pointer-events: all; /* Разрешаем взаимодействие */
}

.svg-mask-path__item:hover .hover-path {
  fill: rgba(255, 0, 0, 0.5);
  cursor: pointer;
}

/* Основные стили для пути */
.hover-path {
  fill: transparent;
  transition: fill 0.3s ease, opacity 0.3s ease;
}

/* Эффект при наведении */
.svg-mask-path__item:hover .hover-path {
  fill: red;
  opacity: 0.5;
}
/* координаты в процентах */


.projectGenplanNew{
	box-shadow: 0px 5px 6px 5px #71717169;
}

.showMore.active .projectGenplanCardOverlay,
.showMore.active .projectGenplanNew{
	opacity: 1;
}

.projectGenplanCard.projectGenplanNew{
	pointer-events: all;

}
/* End */


/* Start:/local/assets/css/components/footer.css?17062780153975*/
footer {
    background-color: var(--main-dark-violet);
    padding: 90px 56px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 125px;
}

.footerBlock {
    display: flex;
    justify-content: space-between;
    gap: 60px;
}

@media (max-width: 1199px) {
    footer {
        padding: 60px 32px;
        padding-bottom: 20px;
        gap: 72px;
    }

    .footerBlock {
        flex-direction: column;
        gap: 68px;
    }
}

@media (max-width: 767px) {
    footer {
        padding: 40px 16px;
    }

    .footerBlock {
        gap: 40px;
    }
}

/* меню в футере */
.footerMenu {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
}

.footerMenu__col {
    gap: 28px;
}

.footerMenu__col--2 {
    grid-column: span 2;
}

.footerMenu__elems {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    column-gap: 37px;
    flex-wrap: wrap;
    max-height: 300px;
}

.footerMenu__title {
    color: var(--light-violet3);
}

.footerMenu__elem {
    color: var(--main-white);
    transition: all 0.3s ease;
}

.footerMenu__elem:hover {
    color: var(--main-red);
    transition: all 0.3s ease;
}

.footerControls {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
}

.footerBottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footerBottom__left {
    display: flex;
    /* gap: 155px; */
    gap: 30px;
    width: 50%;
    justify-content: space-between;
}

.footerBottom__right {
    display: flex;
    gap: 35px;
    align-self: stretch;
    align-items: flex-end;
    width: 35%;
    justify-content: space-between;
}

.footerBottom__logo {
    min-width: 150px;
}

.footerDisclaimer {
    color: var(--light-violet3);
    font-family: Winston;
    font-size: 8px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0.24px;
    text-transform: uppercase;
}
.footerDisclaimer a:hover {
    color: var(--main-red);
}

.footerAddress {
    color: var(--light-violet3);
    font-family: Winston;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0.24px;
}

.footer__projectList {
    grid-column: span 2;
}

.footer__projectList .footerMenu__elems {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

@media (max-width: 1199px) {
    .footerMenu {
        display: flex;
        justify-content: space-between;
        /* gap: 16px; */
        width: 100%;
    }

    .footerMenu__elems {
        row-gap: 24px;
        column-gap: 37px;
    }

    .footerBottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
    }

    .footerBottom__left,
    .footerBottom__right {
        width: 100%;
    }

    .footerBottom__left {
        gap: 28px;
    }

    .artrocketsLogo {
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .footerMenu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 37px;
        row-gap: 40px;
    }

    .footerMenu .footerMenu__col--2 {
        grid-row: 1/3;
    }

    .footerBottom {
        gap: 20px;
    }

    .footerBottom__left,
    .footerBottom__right {
        flex-direction: column;
    }

    .footerBottom__right {
        gap: 20px;
    }

    .footerMenu__elems {
        max-height: none;
        row-gap: 16px;
    }

    .footer__projectList {
        grid-column: span 2;
    }

    .footer__projectList .footerMenu__elems {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Блок с миссей (адаптив) */
@media (max-width:1199px) {
    .footerMission {
        display: flex;
        align-items: flex-end;
        gap: 100px;
        justify-content: space-between;
    }
}


.footerDiff {
    display: none;
}

@media (max-width: 1199px) {
    .footerDiff {
        display: block;
        width: 100%;
        height: 68px;
    }
}
/* End */


/* Start:/local/assets/css/components/cookie-banner.css?17140403381488*/
.cookie-banner {
    position: fixed;
    bottom: 83px;
    z-index: 3;
    right: 150px;
    display: none;
}

.cookie-container{
    display: flex;
    justify-content: space-between;
    padding: 20px 32px 20px 24px;
    background-color: #F4F4FE;
    border-radius: 12px;
    max-width: 815px;
    box-shadow: 3px 10px 29px rgba(0, 0, 0, 0.31)
}

.cookie-container_block-text{
    display: flex;
    align-items: center;
}

.cookie-container__text{
    font-family: Golos;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    width: 513px;
    margin-left: 26px;
}

.cookie-container_block-text .icon-cookie{
    font-size: 20px;
}
.cookie-container__text-red{
    color: var(--main-red);
}

.cookie-container .cookie__button{
padding: 16px 32px;
width: 149px;
}

@media (max-width: 930px) {
    .cookie-banner {
        right: 32px;
    }
}

@media (max-width: 845px) {
    .cookie-container {
        max-width: 704px;
    }
    .cookie-container__text {
        width: 386px;
    }
}

@media(max-width: 700px){
    .cookie-container_block-text .icon-cookie{
        display: none;
    }

    .cookie-container{
        display: flex;
        flex-direction: column;
        padding: 16px;
    }

    .cookie-container__text {
        margin-left: 0px;
        margin-bottom: 16px;
        width: 299px;
        /* width: 100%; */
    }
    .cookie-banner {
        right: 16px;
    }
}
/* End */
/* /local/assets/css/vars.css?1706787887531 */
/* /local/assets/css/media.css?1706277739979 */
/* /local/assets/css/global.css?173470249847808 */
/* /local/assets/css/main.css?17068787092441 */
/* /local/assets/css/fonts.css?17012814871162 */
/* /local/assets/fonts/icomoon/style.css?173280141112506 */
/* /local/assets/css/components/popup.css?173469899215400 */
/* /local/assets/css/libs.css?17067022053114 */
/* /local/assets/css/components/leftSide.css?17085966505992 */
/* /local/assets/css/components/mainBanner.css?17340033795416 */
/* /local/assets/css/components/slider.css?170722903811043 */
/* /local/assets/css/components/filter.css?17068583122567 */
/* /local/assets/css/components/rangeSlider.css?170357677215248 */
/* /local/assets/css/components/plans.css?17345923588919 */
/* /local/assets/css/components/infoBlock.css?17050421161392 */
/* /local/assets/css/components/advantages.css?17067832934010 */
/* /local/assets/css/components/infoBlockWithImage.css?17028978533681 */
/* /local/assets/css/components/projectDetail.css?1721999415592 */
/* /local/assets/css/components/projectGenplan.css?17231139875415 */
/* /local/assets/css/components/floorPlan.css?173822091416431 */
/* /local/assets/css/components/mapYandex.css?17382174104441 */
/* /local/assets/css/components/genplan.css?17532747291990 */
/* /local/assets/css/components/footer.css?17062780153975 */
/* /local/assets/css/components/cookie-banner.css?17140403381488 */