/* ---------- ********** ШРИФТЫ ********** ---------- */


@font-face {
	font-family: 'PT Sans';
	src: local('PT Sans'), local('PT-Sans'),
		url('fonts/pt_sans.woff2') format('woff2'),
		url('fonts/pt_sans.woff') format('woff'), 
		url('fonts/pt_sans.ttf') format('truetype');
    font-style: normal;
    ascent-override: 100%;
}




@font-face {
	font-family: 'SF UI Display Semibold';
	src: local("SF UI Display Semibold"), local("SF-UI-Display-Semibold"),
		url('fonts/sf_ui_display_semibold.woff2') format('woff2'),
		url('fonts/sf_ui_display_semibold.woff') format('woff'),
		url('fonts/sf_ui_display_semibold.ttf') format('truetype');
    font-style: normal;
}




@font-face {
	font-family: 'Montserrat'; 
	src: local('Montserrat'),
		url('fonts/montserrat_semibold.woff2') format('woff2'),
		url('fonts/montserrat_semibold.woff') format('woff'),
		url('fonts/montserrat_semibold.ttf') format('truetype');
	font-weight: 600;
    font-style: normal;
}




@font-face {
	font-family: 'Gilroy';
	src: local("Gilroy")
		url('fonts/gilroy-medium.woff2') format('woff2'), 
		url('fonts/gilroy-medium.woff') format('woff'),
		url('fonts/gilroy-medium.ttf') format('truetype');
	font-weight: 500;
    font-style: normal;
}




@font-face {
	font-family: 'Gilroy';
	src: local("Gilroy")
		url('fonts/gilroy-semibold.woff2') format('woff2'), 
		url('fonts/gilroy-semibold.woff') format('woff'),
		url('fonts/gilroy-semibold.ttf') format('truetype');
	font-weight: 600;
    font-style: normal;
}




@font-face {
	font-family: 'Gilroy';
	src: local("Gilroy"),
		url('fonts/gilroy-bold.woff2') format('woff2'),
		url('fonts/gilroy-bold.woff') format('woff'), 
		url('fonts/gilroy-bold.ttf') format('truetype'); 
        font-weight: 700;
        font-style: normal;
}




@font-face {
	font-family: 'Inter Regular';
	src: local("Inter Regular"), local("Inter-Regular"),
		url('../fonts/inter_regular.woff2') format('woff2'),
		url('../fonts/inter_regular.woff') format('woff'), 
		url('../fonts/inter_regular.ttf') format('truetype');
    font-style: normal;
}







/* ---------- ********** ГЛОБАЛЬНЫЕ СТИЛИ ********** ---------- */


:root {
    box-sizing: border-box;
    scroll-behavior: smooth;

    --1: #030813;
	--2: #4a4b4d;
	--3: #666e80;
	--white: #fff;
	--icons: #666f80;
	--deviders: #dfe1e4;
	--plate-grey: #e4e8f0;
	--plate-hover: #dadee5;
	--firm: #00bf3f;
	--bg: #f4f6f9;
	--bg-2: #f7f8f9;
	--3-white: #9ea4b0;
	--agree: #85e0a3;
	--bg: #f6f7f8;
	--bg-2nd: #f3fdef;
	--bg-obj: #fafafa;
	--text: #1a1a1a;
	--text-2nd: rgba(0, 0, 0, 0.6);
	--text-mask: rgba(0, 0, 0, 0.4);
	--accent: #083400;
	--accent-2: #fff;
	--icons: #333;
	--accept: #02c02c;
	--accept-bg: #e6f9ea;
	--cancel: #fa4720;
	--cancel-bg: #ffc5c5;
	--tag-bg: #e5e5e5;
	--eksp: rgba(8, 52, 0, 0.2);
	--eksp-2: rgba(8, 52, 0, 0.4);
	--eksp-60: rgba(8, 52, 0, 0.6);
	--text-primary: #030813;
	--text-secondary: #6f737a;
	--text-accent: #00bf3f;
	--text-primary-inverse: #fff;
	--bg-primary: #f9fbfc;
	--bg-secondary: #f4f6f9;
	--bg-tetriary: #fff;
	--bg-accent: #00bf3f;
	--icon-primary: #030813;
	--icon-primary-inverse: #fff;
	--icon-secondary: #6f737a;
	--icon-accent: #00bf3f;
	--border-primary: #ddd;
    --border-primary-strong: #d8e2eb;
	--border-accent: #00bf3f;
	--border-secondary: #fff;
	--border-primary-hover: #a6a6a6;
	--text-critical: #db2b04;
	--border-critical: #db2b04;
	--border-tetriary: #6f737a;
	--text-tetriary: #a3a5aa;
	--bg-accent-gradient-hover: #00bf3f;
	--bg-color: #fff;
	--bg-accent-gradient-active: #06ac3e;
	--bg-quaternary: #e5f9ec;
	--text-secondary--hover: #030813;

    --font-family: "Montserrat", sans-serif;
    --second-family: "Gilroy", sans-serif;
    --third-family: "SF UI Display", sans-serif;
    --font3: "Inter", sans-serif;
    --font4: "PT Sans";
}




*,
*::before,
*::after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    text-decoration: none;
}




body {
    font-family: var(--font4);
    background-color: var(--bg-primary);
}




.__c-body__FIXED {
    overflow: hidden;
}




button {
    cursor: pointer;
}




img {
    pointer-events: none;
}




ul {
    list-style-type: none;
}




input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
    color: var(--text-primary);
}




input[type="text"]:hover,
input[type="tel"]:hover,
input[type="email"]:hover,
textarea:hover {
    outline: none;
    border: 1.5px solid var(--border-primary-hover);
    cursor: pointer;
}




input[type="text"]:hover::placeholder,
input[type="tel"]:hover::placeholder,
input[type="email"]:hover::placeholder,
textarea:hover::placeholder {
    opacity: 1;
}




input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
textarea:focus {
    outline: none;
    border: 1.5px solid var(--border-primary-hover);
}




input[type="text"]:focus::placeholder,
input[type="tel"]:focus::placeholder,
input[type="email"]:focus::placeholder,
textarea:focus::placeholder {
    opacity: 0;
}




.__input__ERROR {
    border: 1.5px solid var(--border-critical) !important;
}




.c--span__ERROR {
    display: none;
/*    position: absolute;*/
/*    bottom: -2em;*/
/*    right: 1.5em;*/
    color: var(--text-critical);
    position: relative;
    text-align: right;
    right: 0;
}
.c--span__ERROR.TA {
    bottom: -1em;
}




.c--button__ERROR {
    display: block;
    position: absolute;
    top: 3.6em;
    right: 1.5em;
    color: var(--text-primary);
    background-color: transparent;
    border: none;
}







/* ---------- ********** ГЛОБАЛЬНЫЕ СТИЛИ ШРИФТОВ ********** ---------- */


.font__HEADING_PAGE_TITLE {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 110%;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .font__HEADING_PAGE_TITLE {
        font-size: 52px;
    }
}
@media (min-width: 1440px) {
    .font__HEADING_PAGE_TITLE {
        font-size: 68px;
    }
}
@media (min-width: 1920px) {
    .font__HEADING_PAGE_TITLE {
        font-size: 90px;
    }
}




.font__HEADING_SECTION_TITLE {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .font__HEADING_SECTION_TITLE {
        font-size: 32px;
    }
}
@media (min-width: 1440px) {
    .font__HEADING_SECTION_TITLE {
        font-size: 32px;
    }
}




.font__HEADING_BLOCK_TITLE {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .font__HEADING_BLOCK_TITLE {
        font-size: 28px;
    }
}
@media (min-width: 1440px) {
    .font__HEADING_BLOCK_TITLE {
        font-size: 32px;
    }
}




.font__HEADING_CARD_TITLE {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.01em;
}
@media (min-width: 768px) {
    .font__HEADING_CARD_TITLE {
        font-size: 20px;
    }
}
@media (min-width: 1440px) {
    .font__HEADING_CARD_TITLE {
        font-size: 24px;
    }
}




.font__BUTTONS_SMALL_BUTTON {
    /* font-family: var(--font-family); */
    /* font-weight: 600; */
    font-family: var(--font4);
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.01em;
}
@media (min-width: 1920px) {
    .font__SMALL_BUTTON {
        font-size: 16px;
    }
}




.font__BUTTONS_BUTTON {
    /* font-family: var(--font-family); */
    /* font-weight: 600; */
    font-family: var(--font4);
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0.01em;
}
@media (min-width: 768px) {
    .font__BUTTON {
        font-size: 18px;
    }
}




.font__BODY_TEXT_PRIMARY {
    /* font-family: var(--font-family); */
    /* font-weight: 600; */
    font-family: var(--font4);
    font-size: 14px;
    line-height: 155%;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .font__BODY_TEXT_PRIMARY {
        font-size: 16px;
    }
}
@media (min-width: 1440px) {
    .font__BODY_TEXT_PRIMARY {
        font-size: 18px;
    }
}




.font__BODY_TEXT_CAPTION {
    /* font-family: var(--font-family); */
    /* font-weight: 600; */
    font-family: var(--font4);
    font-size: 13px;
    line-height: 130%;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .font__BODY_TEXT_CAPTION {
        font-size: 14px;
        line-height: 150%;
    }
}
@media (min-width: 1440px) {
    .font__BODY_TEXT_CAPTION {
        font-size: 16px;
    }
}




.font__ARTICLE_H1 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 32px;
    line-height: 122%;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .font__ARTICLE_H1 {
        font-size: 48px;
    }
}
@media (min-width: 1440px) {
    .font__ARTICLE_H1 {
        font-size: 52px;
    }
}
@media (min-width: 1920px) {
    .font__ARTICLE_H1 {
        font-size: 64px;
    }
}




.font__ARTICLE_H2 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 24px;
    line-height: 122%;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .font__ARTICLE_H2 {
        font-size: 32px;
    }
}
@media (min-width: 1920px) {
    .font__ARTICLE_H2 {
        font-size: 40px;
    }
}




.font__ARTICLE_H3, .content-page h3 {
    font-family: var(--font-family);
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .font__ARTICLE_H3, .content-page h3 {
        font-size: 28px;
        line-height: 122%;
    }
}
@media (min-width: 1920px) {
    .font__ARTICLE_H3, .content-page h3 {
        font-size: 32px;
    }
}




.font__ARTICLE_TEXT, .content-page p, .content-page li {
    /* font-family: var(--font-family); */
    /* font-weight: 600; */
    font-family: var(--font4);
    font-size: 16px;
    line-height: 160%;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .font__ARTICLE_TEXT, .content-page p, .content-page li {
        font-size: 18px;
    }
}
@media (min-width: 1920px) {
    .font__ARTICLE_TEXT, .content-page p, .content-page li {
        font-size: 20px;
        line-height: 172%;
    }
}

.content-page img {
    margin: 32px 0;
    max-width: 100%;
    height: auto;
}
@media (min-width: 768px) {
    .content-page img {
        margin: 48px 0;
    }
}
@media (min-width: 1920px) {
    .content-page img{
        margin: 64px 0;
    }
}






/* ********** ********** ДОМАШНЯЯ СТРАНИЦА ********** ***********/







/* ---------- ********** HEADER ********** ---------- */


.c-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    padding: 42px 0 0;
}
@media (min-width: 768px) {
    .c-header {
        padding: 80px 32px 0;
        transition: padding 0.4s;
    }
}
@media (min-width: 1440px) {
    .c-header {
        padding: 80px 64px 0;
    }
}
@media (min-width: 1920px) {
    .c-header {
        padding: 80px 72px 0;
        display: flex;
        justify-content: center;
    }
}
.__c-header__OPEN {
    padding: 0;
    z-index: 99;
}

.__c-header__SCROLL {
    padding: 0;
}
@media (min-width: 768px) {
    .__c-header__SCROLL {
        padding: 16px 32px 0;
        transition: padding 0.4s;
    }
}
@media (min-width: 1440px) {
    .__c-header__SCROLL {
        padding: 24px 64px 0;
    }
}
@media (min-width: 1920px) {
    .__c-header__SCROLL {
        padding: 24px 372px 0;
    }
}
.__c-header__HIDDEN {
    z-index: 10;
}
@media (min-width: 1440px) {
    .__c-header__HIDDEN {
        z-index: 20;
    }
}




.c-header--nav {
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color: var(--white);
    border-radius: 0 0 16px 16px;
    box-shadow: 0 0 40.7px hsla(0, 0%, 67%, 0.25);
    transition: border-radius 0.4s;
}
@media (min-width: 768px) {
    .c-header--nav {
        padding: 12px 24px;
        border-radius: 48px;
    }
}
@media (min-width: 1440px) {
    .c-header--nav {
        padding: 16px 32px;
    }
}
@media (min-width: 1920px) {
    .c-header--nav {
        padding: 24px 32px;
        width: 1776px;
    }
}
.__c-header--nav__OPEN {
    border-radius: 0;
    background-color: var(--bg-primary);
}
@media (min-width: 768px) {
    .__c-header--nav__OPEN {
        padding: 32px;
    }
}




.c-header--a__LOGO {
    display: none;
    cursor: pointer;
}
@media (min-width: 768px) {
    .c-header--a__LOGO {
        padding-top: 2px;
        display: flex;
    }
}
.__c-header--a__LOGO__OPEN {
    padding-top: 2px;
    display: flex;
}
@media (min-width: 768px) {
    .__c-header--a__LOGO__OPEN .c-header--img__LOGO {
        width: 204px;
    }
}




.c-header--img__LOGO {
    width: 175px;
}




.c-header--img__LOGO_MOB {
    width: 78px;
}
@media (min-width: 768px) {
    .c-header--img__LOGO_MOB {
        display: none;
    }
}
.__c-header--img__LOGO_MOB__OPEN {
    display: none;
}




.c-header--div__CENTER {
    box-sizing: border-box;
    padding: 24px 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 80px;
    left: -150vw;
    background-color: var(--white);
    box-shadow: 0 4px 4px hsla(0, 0%, 70%, 0.75);
    transition: left 0.4s;
}
@media (min-width: 768px) {
    .c-header--div__CENTER {
        padding: 24px;
        width: 100%;
    }
}
@media (min-width: 1440px) {
    .c-header--div__CENTER {
        padding: 0;
        width: auto;
        position: static;
        box-shadow: none;
    }
}
.__c-header--div__CENTER__OPEN {
    height: calc(var(--vh) * 100 - 80px);
    left: 0;
    background-color: var(--bg-primary);
    overflow-y: auto;
}
@media (min-width: 768px) {
    .__c-header--div__CENTER__OPEN {
        height: calc(var(--vh) * 100 - 120px);
        padding: 32px;
        top: 120px;
    }
}




.c-header--ul__MENU {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    gap: 12px;
}
@media (min-width: 768px) {
    .c-header--ul__MENU {
        gap: 16px;
    }
}
@media (min-width: 1440px) {
    .c-header--ul__MENU {
        flex-direction: row;
        gap: 4px;
    }
}




.c-header--li__MENU {
    display: flex;
}




.c-header--a__MENU_ITEM {
    display: none;
    color: var(--text-primary);
}
@media (min-width: 1440px) {
    .c-header--a__MENU_ITEM {
        padding: 13px 16px 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 24px;
    }
    .__c-header--a__MENU_ITEM__SEL {
        color: var(--text-accent);
        background-color: var(--bg-secondary);
    }
}
@media (any-hover: hover) {
    .c-header--a__MENU_ITEM:hover {
        color: var(--text-accent);
        background-color: var(--bg-secondary);
    }
}




.c-header--a__MENU_ITEM_MOB {
    padding: 8px 0;
    color: var(--text-primary);
    border-radius: 16px;
}
@media (min-width: 1440px) {
    .c-header--a__MENU_ITEM_MOB {
        display: none;
    }
}
@media (any-hover: hover) {
    .c-header--a__MENU_ITEM_MOB:hover {
        color: var(--text-accent);
    }
}
.c-header--a__MENU_ITEM_MOB:active {
    color: var(--bg-accent-gradient-active);
}




.c-header--a__MENU_ITEM span {
    margin-left: 12px;
    display: none;
}
@media (min-width: 1440px) {
    .c-header--a__MENU_ITEM span {
        display: inline;
        color: var(--text-accent);
    }
}




.c-header--div__MOB_BOTTOM {
    margin-top: 32px;
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-top: 1px solid var(--border-primary);
}
@media (min-width: 768px) {
    .c-header--div__MOB_BOTTOM {
        padding-top: 32px;
    }
}
@media (min-width: 1440px) {
    .c-header--div__MOB_BOTTOM {
        display: none;
    }
}




.c-header--a__TEL_MOB_BOTTOM {
    color: var(--text-primary);
}




.c-header--a__MAIL {
    margin-top: 16px;
    color: var(--text-accent);
}
@media (any-hover: hover) {
    .c-header--a__MAIL:hover {
        text-decoration: underline;
    }
}




.c-header--div__SN {
    margin: 32px 0 auto;
    display: flex;
    gap: 16px;
}




.c-header--a__SN {
    height: 52px;
    width: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-tetriary);
    border-radius: 50%;
}
@media (any-hover: hover) {
    .c-header--a__SN:hover {
        box-shadow: 0 0 45px hsla(0, 0%, 62%, 75%);
    }
}




.c-header--a__MOB_BOTTOM_ENTER {
    margin: 100px 0 56px;
    padding: 8px 0;
    width: 100%;
    text-align: center;
    color: var(--text-accent);
    background-color: var(--bg-secondary);
    border-radius: 12px;
}
@media (min-width: 768px) {
    .c-header--a__MOB_BOTTOM_ENTER {
        padding: 12px 0;
        margin: 265px 0 8px;
    }
}
@media (any-hover: hover) {
    .c-header--a__MOB_BOTTOM_ENTER:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
}
.c-header--a__MOB_BOTTOM_ENTER:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}




.c-header--div__RIGHT {
    display: flex;
    align-items: center;
}




.c-header--a__TEL {
    display: none;
}
@media (min-width: 768px) {
    .c-header--a__TEL {
        margin-right: 16px;
        padding-top: 2px;
        display: flex;
        font-family: var(--second-family);
        font-weight: 600;
        font-size: 12px;
        line-height: 150%;
        letter-spacing: 0.01em;
        color: var(--text-primary);
    }
}
@media (min-width: 1440px) {
    .c-header--a__TEL {
        font-size: 16px;
    }
}
.__c-header--a__TEL__OPEN {
    display: none;
}




.c-header--a__HEART {
    margin-right: 8px;
    padding-top: 1px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-secondary);
    border-radius: 50%;
}

.c-header--a__HEART.count .c-header--svg__HEART {
    fill: var(--bg-accent);
}

@media (any-hover: hover) {
    .c-header--a__HEART:hover .c-header--svg__HEART {
        fill: var(--bg-accent);
    }
}
.__c-header--a__HEART__OPEN {
    display: none;
}




.c-header--a__ENTER {
    display: none;
}
@media (min-width: 768px) {
    .c-header--a__ENTER {
        margin-right: 24px;
        padding: 13px 16px 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--text-accent);
        background-color: var(--bg-secondary);
        border-radius: 12px;
    }
}
@media (min-width: 1440px) {
    .c-header--a__ENTER {
        margin-right: 0;
    }
}
@media (any-hover: hover) {
    .c-header--a__ENTER:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
}
.c-header--a__ENTER:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}
.__c-header--a__ENTER__OPEN {
    display: none;
}




.c-header--a__ENTER_MOB {
    margin-right: 16px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-secondary);
    border-radius: 50%;
}
@media (min-width: 768px) {
    .c-header--a__ENTER_MOB {
        display: none;
    }
}
.__c-header--a__ENTER_MOB__OPEN {
    display: none;
}




.c-header--button__BURGER {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-secondary);
    border-radius: 50%;
    border: none;
    transition: height 0.4s, width 0.4s;
}
@media (min-width: 1440px) {
    .c-header--button__BURGER {
        display: none;
    }
}
.__c-header--button__BURGER__OPEN {
    height: 56px;
    width: 56px;
    background-color: var(--bg-tetriary);
}




/* --- *** стилизация svg кнопки-бургера *** --- */
.c-header--line {
    transform-box: fill-box;
    transition: all 0.3s linear;
}
.c-header--line:first-of-type {
    transform-origin: 100% 50%;
}
.c-header--line:last-of-type {
    transform-origin: 100% 50%;
}
/**/




/* --- *** классы для анимации кнопки-бургера *** --- */
.__line1 {
    transform: rotate(-45deg) scale(1.22, 1) translateY(-4px);
}
.__line2 {
    transform: translate(200%);
}
.__line3 {
    transform: rotate(45deg) scale(1.22, 1) translateY(6px);
}
/**/







/* ---------- ********** СЕКЦИЯ HERO ********** ---------- */


.hm-hero {
    padding: 0 16px;
    min-height: 364px;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 2;
    background: url("../images/hm-hero375.jpg") center/cover;
}
@media (min-width: 768px) {
    .hm-hero {
        padding: 0 32px;
        height: 570px;
        background: url("../images/hm-hero768.jpg") center/cover;
        border-radius: 0 0 32px 32px;
    }
}
@media (min-width: 1440px) {
    .hm-hero {
        padding: 0 64px;
        background: url("../images/hm-hero1440.jpg") center/cover;
        border-radius: 0 0 48px 48px;
    }
}
@media (min-width: 1920px) {
    .hm-hero {
        padding: 0 72px;
        height: 754px;
/*        background: url("../images/hm-hero1920.jpg") center/cover;*/
        border-radius: 0 0 64px 64px;
    }
}




.hm-hero--h1 {
    margin: 144px 0 115px;
    color: var(--text-primary-inverse);
    text-align: center;
}
@media (min-width: 768px) {
    .hm-hero--h1 {
        margin: 180px 0 276px;
    }
}
@media (min-width: 1440px) {
    .hm-hero--h1 {
        margin: 198px 0 222px;
    }
}
@media (min-width: 1920px) {
    .hm-hero--h1 {
        margin: 278px 0;
        max-width: 1776px;
    }
}




.hm-hero--br {
    display: none;
}
@media (min-width: 768px) {
    .hm-hero--br {
        display: inline;
    }
}







/* ---------- ********** СЕКЦИЯ SEL ********** ---------- */


.c-sel {
    margin-bottom: -75px;
    position: relative;
    bottom: 75px;
    background-color: var(--bg-secondary);
    border-radius: 0 0 32px 32px;
}
@media (min-width: 768px) {
    .c-sel {
        margin-bottom: -94px;
        bottom: 94px;
        border-radius: 0 0 48px 48px;
    }
}
@media (min-width: 1440px) {
    .c-sel {
        margin-bottom: -125px;
        bottom: 125px;
    }
}
@media (min-width: 1920px) {
    .c-sel {
        margin-bottom: -151px;
        bottom: 151px;
        border-radius: 0 0 64px 64px;
    }
}




.c-sel--div__CONTAINER {
    padding: 0px 16px 52px;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: padding 0.4s;
}
@media (min-width: 768px) {
    .c-sel--div__CONTAINER {
        padding: 0px 32px 64px;
    }
}
@media (min-width: 1440px) {
    .c-sel--div__CONTAINER {
        padding: 0px 64px 80px;
    }
}
@media (min-width: 1920px) {
    .c-sel--div__CONTAINER {
        margin: 0 auto;
        padding: 0px 0 120px;
        width: 1776px;
    }
}


.__c-sel--div__CONTAINER__MAP {
    padding: 100px 0 52px;
}
@media (min-width: 768px) {
    .__c-sel--div__CONTAINER__MAP {
        padding: 237px 0 64px;
    }
}
@media (min-width: 1440px) {
    .__c-sel--div__CONTAINER__MAP {
        padding: 0px 64px 80px;
    }
}
@media (min-width: 1920px) {
    .__c-sel--div__CONTAINER__MAP {
        padding: 0px 0 120px;
    }
}




.c-sel__BACK {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 14;
    background-color: hsla(0, 0%, 0%, 0.68);
}
.__c-sel__BACK__OPEN {
    display: block;
}




.c-sel--form__FILTER {
    margin-bottom: 40px;
    width: 100vw;
    padding: 16px;
    display: flex;
    flex-direction: column;
    position: relative;
    top: 0;
/*    right: 16px;*/
    margin-left: -16px;
    z-index: 3;
    background-color: var(--bg-tetriary);
    border-radius: 24px;
    box-shadow: 0 4px 67.5px 0 hsla(0, 0%, 64%, 25%);
}
@media (min-width: 768px) {
    .c-sel--form__FILTER {
        padding: 24px;
        width: 100%;
        top: 0;
        right: 0;
        margin-left: 0;
    }
}
@media (min-width: 1440px) {
    .c-sel--form__FILTER {
        padding: 32px;
        top: 0;
        border-radius: 32px;
    }
}
@media (min-width: 1920px) {
    .c-sel--form__FILTER {
        padding: 40px;
        top: 0;
    }
}
.__c-sel--form__FILTER__MAP {
    margin: 0;
    max-height: 90vh;
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    border-radius: 24px 24px 0 0;
    overflow-y: auto;
}
@media (min-width: 1440px) {
    .__c-sel--form__FILTER__MAP {
        position: relative;
        top: -39px;
        bottom: auto;
    }
}




.c-sel--div__FILTER_TOP {
    margin: 50px 0 24px;
    display: none;
    justify-content: space-between;
    align-items: center;
}
.__c-sel--div__FILTER_TOP__VIS {
    display: flex;
}




.c-sel--div__FILTER_TOP h3 {
    color: var(--text-primary);
}




.c-sel--div__FILTER_TOP label {
    color: var(--text-accent);
}




.c-sel--div__ZERO {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1440px) {
    .c-sel--div__ZERO {
        flex-direction: row;
        justify-content: space-between;
        gap: 20px;
    }
}




.c-sel--div__FIRST {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (min-width: 768px) {
    .c-sel--div__FIRST {
        margin-bottom: 20px;
        flex-direction: row;
        justify-content: space-between;
    }
}
@media (min-width: 1440px) {
    .c-sel--div__FIRST {
        flex: 1 1 50%;
    }
}




.c-sel--fieldset__ROAD,
.c-sel--fieldset__D,
.c-sel--fieldset__ROAD3 {
    flex: 1 1 50%;
    position: relative;
    border: none;
}




.c-sel--fieldset__ROAD legend,
.c-sel--fieldset__D legend,
.c-sel--fieldset__ROAD3 legend {
    margin-bottom: 8px;
    margin-left: 1px;
    color: var(--text-secondary);
}
@media (min-width: 768px) {
    .c-sel--fieldset__ROAD legend, 
    .c-sel--fieldset__D legend,
    .c-sel--fieldset__ROAD3 legend {
        margin-left: 0px;
    }
}




.c-sel--button__ROAD,
.c-sel--button__D,
.c-sel--button__ROAD3 {
    padding: 16px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border: 1.5px solid var(--border-primary);
    border-radius: 8px;
}
@media (min-width: 1440px) {
    .c-sel--button__ROAD,
    .c-sel--button__D,
    .c-sel--button__ROAD3 {
        padding: 16px 24px;
        border-radius: 12px;
    }
}
@media (any-hover: hover) {
    .c-sel--button__ROAD:hover,
    .c-sel--button__D:hover,
    .c-sel--button__ROAD3:hover {
        border: 1.5px solid var(--border-primary-hover);
    }
}




.c-sel--div__ROAD,
.c-sel--div__D,
.c-sel--div__ROAD3 {
    padding: 0px 24px 0px 8px;
    max-height: 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    position: absolute;
    top: 66px;
    left: 0;
    z-index: 10;
    background-color: var(--bg-tetriary);
    border-radius: 12px;
    overflow-y: hidden;
    transition: max-height 0.4s;
}
@media (min-width: 1440px) {
    .c-sel--div__ROAD,
    .c-sel--div__D,
    .c-sel--div__ROAD3 {
        border-radius: 16px;
    }
}
.__c-sel--div__ROAD__DOWN,
.__c-sel--div__D__DOWN,
.__c-sel--div__ROAD3__DOWN {
    max-height: 350px;
    box-shadow: 0 24px 55.1px 10px hsla(0, 0%, 46%, 25%);
}




@-moz-document url-prefix() {
    .c-sel--div__ROAD,
    .c-sel--div__D,
    .c-sel--div__ROAD3 {
        scrollbar-color: var(--bg-accent) var(--bg-primary);
    }
}
.c-sel--div__ROAD::-webkit-scrollbar,
.c-sel--div__D::-webkit-scrollbar,
.c-sel--div__ROAD3::-webkit-scrollbar {
    width: 6px;
}
.c-sel--div__ROAD::-webkit-scrollbar-track,
.c-sel--div__D::-webkit-scrollbar-track,
.c-sel--div__ROAD3::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 24px;
}
.c-sel--div__ROAD::-webkit-scrollbar-thumb,
.c-sel--div__D::-webkit-scrollbar-thumb,
.c-sel--div__ROAD3::-webkit-scrollbar-thumb {
    background-color: var(--bg-accent);
    border-radius: 24px;
}




.c-sel--label__ROAD.disabled,
.c-sel--label__D.disabled{
    opacity: 0.4;
    pointer-events: none;
}
.c-sel--label__ROAD,
.c-sel--label__D,
.c-sel--label__ROAD3 {
    padding: 16px;
    width: 100%;
    color: var(--text-secondary);
    border-radius: 12px;
    cursor: pointer;
}
@media (min-width: 1440px) {
    .c-sel--label__ROAD,
    .c-sel--label__D,
    .c-sel--label__ROAD3 {
        padding: 16px 24px;
    }
}
@media (any-hover: hover) {
    .c-sel--label__ROAD:hover,
    .c-sel--label__D:hover,
    .c-sel--label__ROAD3:hover {
        background-color: var(--bg-secondary);
    }
}
.__c-sel--label__ROAD__CHECKED,
.__c-sel--label__D__CHECKED,
.__c-sel--label__ROAD3__CHECKED {
    color: var(--text-accent);
}




.c-sel--label__ROAD:first-of-type,
.c-sel--label__D:first-of-type,
.c-sel--label__ROAD3:first-of-type {
    margin-top: 8px;
}




.c-sel--label__ROAD:last-of-type,
.c-sel--label__D:last-of-type,
.c-sel--label__ROAD3:last-of-type {
    margin-bottom: 8px;
}




.c-sel--div__ROAD input,
.c-sel--div__D input,
.c-sel--div__ROAD3 input {
    visibility: hidden;
}




.c-sel--fieldset__DIST {
    flex: 1 1 50%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    position: relative;
    border: none;
}
@media (min-width: 1440px) {
    .c-sel--fieldset__DIST {
        flex-wrap: nowrap;
    }
}




.c-sel--fieldset__DIST legend {
    margin-bottom: 8px;
    margin-left: 1px;
    color: var(--text-secondary);
}
@media (min-width: 768px) {
    .c-sel--fieldset__DIST legend {
        margin-left: 0px;
    }
}




.c-sel--label__DIST {
    height: 54px;
    width: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-primary);
    border: 1px solid var(--border-primary);
    border-radius: 12px;
    cursor: pointer;
}
@media (min-width: 768px) {
    .c-sel--label__DIST {
        height: 56px;
        width: 56px;
    }
}
@media (min-width: 1440px) {
    .c-sel--label__DIST {
        height: 60px;
        width: 60px;
    }
}
@media (any-hover: hover) {
    .c-sel--label__DIST:hover {
        border: 1px solid var(--border-primary-hover);
    }
}
.c-sel--label__DIST:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent);
}
.__c-sel--label__DIST__CHECKED {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent);
}




.c-sel--fieldset__DIST input {
    position: absolute;
    visibility: hidden;
}




.c-sel--div__SECOND {
    max-height: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow: hidden;
    transition: max-height 0.8s;
}
@media (min-width: 768px) {
    .c-sel--div__SECOND {
        flex-direction: row;
        justify-content: space-between;
    }
}
@media (min-width: 1440px) {
    .c-sel--div__SECOND {
        max-height: none;
        flex: 1 1 50%;
        overflow: visible;
    }
}
.__c-sel--div__SECOND__OPEN {
    max-height: 250px;
    overflow: visible;
}
.__c-sel--div__SECOND__OPEN2 {
    max-height: none;
    overflow: visible;
}




.c-sel--label__RANGE, .c-sel--label__RANGE_AREA {
    flex: 1 1 50%;
    display: flex;
    flex-direction: column;
    color: var(--text-secondary);
}

.vp-map__FILTER .c-sel--label__RANGE, .vp-map__FILTER .c-sel--label__RANGE_AREA {
    flex: unset;
}




.c-sel--p__RANGE, .c-sel--p__RANGE_AREA {
    margin-top: 8px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--text-secondary);
    border: 1px solid var(--border-primary);
    border-radius: 12px;
}
@media (min-width: 1440px) {
    .c-sel--p__RANGE, .c-sel--p__RANGE_AREA {
        padding: 16px 24px;
    }
}




.c-sel--p__RANGE p, .c-sel--p__RANGE_AREA p {
    width: 74px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
@media (min-width: 768px) {
    .c-sel--p__RANGE p, .c-sel--p__RANGE_AREA p {
        width: 87px;
    }
}
@media (min-width: 1440px) {
    .c-sel--p__RANGE p, .c-sel--p__RANGE_AREA p {
        width: 94px;
    }
}




.c-sel--p__RANGE p:last-of-type {
    justify-content: space-between;
}




.c-sel--span__RANGE, .c-sel--span__RANGE_AREA {
    margin-left: 4px;
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .c-sel--span__RANGE, .c-sel--span__RANGE_AREA {
        margin-left: 5px;
    }
}




.c-sel--input__RANGE, .c-sel--input__RANGE_AREA {
    margin-bottom: 5px;
    -webkit-appearance: none !important;
    appearance: none !important;
    height: 2px;
    width: calc(100% - 32px);
    align-self: center;
    position: relative;
    bottom: 1px;
    pointer-events: none;
    background: linear-gradient(to right, var(--border-accent) 100%, var(--border-primary) 100%);
}
@media (min-width: 1440px) {
    .c-sel--input__RANGE, .c-sel--input__RANGE_AREA {
        width: calc(100% - 48px);
    }
}
.c-sel--input__RANGE::-webkit-slider-thumb, .c-sel--input__RANGE_AREA::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    height: 12px;
    width: 12px;
    background: var(--border-accent);
    border-radius: 50%;
    pointer-events: all;
    cursor: pointer;
}
.c-sel--input__RANGE::-moz-range-thumb, .c-sel--input__RANGE_AREA::-moz-range-thumb {
    height: 12px;
    width: 12px;
    background: var(--border-accent);
    border-radius: 50%;
    pointer-events: all;
    cursor: pointer;
}




.c-sel--input__RANGE.max, .c-sel--input__RANGE_AREA.max {
    position: relative;
    bottom: 8px;
    z-index: 0;
    background: none;
    background-color: transparent;
}




.c-sel--fieldset__ROAD2 {
    flex: 1 1 50%;
    position: relative;
    border: none;
}




.c-sel--fieldset__ROAD2 legend {
    margin-bottom: 8px;
    color: var(--text-secondary);
}




.c-sel--button__ROAD2 {
    padding: 16px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border: 1.5px solid var(--border-primary);
    border-radius: 8px;
}
@media (min-width: 1440px) {
    .c-sel--button__ROAD2 {
        padding: 16px 24px;
        border-radius: 12px;
    }
}
@media (any-hover: hover) {
    .c-sel--button__ROAD2:hover {
        border: 1.5px solid var(--border-primary-hover);
    }
}




.c-sel--div__ROAD2, .c-sel--div__ROAD4 {
    padding: 0px 24px 0px 8px;
    max-height: 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    position: absolute;
    top: 66px;
    left: 0px;
    z-index: 10;
    background-color: var(--bg-tetriary);
    border-radius: 12px;
    overflow-y: hidden;
    transition: max-height 0.4s;
}
@media (min-width: 768px) {
    .c-sel--div__ROAD2 {
        border-radius: 16px;
    }
}
.__c-sel--div__ROAD__DOWN2,
.__c-sel--div__ROAD3__DOWN2,
.__c-sel--div__ROAD__DOWN{
    max-height: 350px;
    box-shadow: 0 24px 55.1px 10px hsla(0, 0%, 46%, 25%);
    overflow-y: scroll;
}




@-moz-document url-prefix() {
    .c-sel--div__ROAD2, .c-sel--div__ROAD4 {
        scrollbar-color: var(--bg-accent) var(--bg-primary);
    }
}
.c-sel--div__ROAD2::-webkit-scrollbar {
    width: 6px;
}
.c-sel--div__ROAD2::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 24px;
}
.c-sel--div__ROAD2::-webkit-scrollbar-thumb {
    background-color: var(--bg-accent);
    border-radius: 24px;
}




.c-sel--label__ROAD2 {
    padding: 16px;
    width: 100%;
    color: var(--text-secondary);
    border-radius: 12px;
    cursor: pointer;
}
@media (min-width: 1440px) {
    .c-sel--label__ROAD2 {
        padding: 16px 24px;
    }
}
@media (any-hover: hover) {
    .c-sel--label__ROAD2:hover {
        background-color: var(--bg-secondary);
    }
}
.__c-sel--label__ROAD__CHECKED2,
.__c-sel--label__ROAD3__CHECKED2 {
    color: var(--text-accent);
}




.c-sel--label__ROAD2:first-of-type {
    margin-top: 8px;
}




.c-sel--label__ROAD2:last-of-type {
    margin-bottom: 8px;
}




.c-sel--div__ROAD2 input {
    visibility: hidden;
}




.c-sel--fieldset__THIRD {
    max-height: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    border: none;
    overflow: hidden;
    background-color: var(--bg-tetriary);
    transition: max-height 0.8s 0.4s, padding-top 0.8s 0.4s;
}
@media (min-width: 1440px) {
    .c-sel--fieldset__THIRD {
        padding-top: 20px;
    }
}
.__c-sel--fieldset__THIRD__OPEN {
    position: relative;
    padding-top: 16px;
    max-height: 350px;
}
.__c-sel--fieldset__THIRD__OPEN2 {
    margin-top: 24px;
    max-height: none;
    height: auto;
    overflow: initial;
}




.c-sel--legend__THIRD {
    display: none;
    color: var(--text-secondary);
}
.__c-sel--legend__THIRD__OPEN {
    margin-bottom: 16px;
    display: block;
    position: relative;
    top: 8px;
}
@media (min-width: 768px) {
    .__c-sel--legend__THIRD__OPEN {
        margin-bottom: 30px;
        top: 16px;
    }
}




.c-sel--label__THIRD {
    padding: 8px 12px;
    position: relative;
    color: var(--text-secondary);
    background-color: var(--bg-secondary);
    border-radius: 32px;
    cursor: pointer;
}
@media (min-width: 1440px) {
    .c-sel--label__THIRD {
        padding: 12px 24px;
    }
}
@media (any-hover: hover) {
    .c-sel--label__THIRD:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
}
.c-sel--label__THIRD:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent);
}
.__c-sel--label__THIRD__CHECKED {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent);
}




.c-sel--label__THIRD input {
    position: absolute;
    left: 0;
    visibility: hidden;
}




.c-sel--div__ADD {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bg-tetriary);
}
@media (min-width: 1440px) {
    .c-sel--div__ADD {
        margin-top: 20px;
    }
}
.__c-sel--div__ADD__HIDDEN {
    display: none;
}




.c-sel--button__ADD {
    display: flex;
    align-items: center;
    color: var(--text-accent);
    background-color: transparent;
    border: none;
}




.c-sel--img__ADD,
.c-sel--label__ADD svg {
    margin-right: 4px;
    transition: transform 0.4s;
}
@media (min-width: 768px) {
    .c-sel--img__ADD,
    .c-sel--label__ADD svg {
        margin-right: 12px;
    }
}




.__c-sel--img__ADD__OPEN {
    transform: rotate(180deg);
}




.c-sel--p__ADD {
    display: none;
}




.__c-sel--p__ADD__VISIBLE {
    display: block;
}




.c-sel--button__ADD span,
.c-sel--label__ADD span {
    display: none;
}
@media (min-width: 768px) {
    .c-sel--button__ADD span,
    .c-sel--label__ADD span {
        margin-left: 8px;
        display: inline;
    }
}




.c-sel--label__ADD {
    display: flex;
    align-items: center;
    color: var(--text-secondary);
    cursor: pointer;
}
@media (any-hover: hover) {
    .c-sel--label__ADD:hover {
        color: var(--text-secondary--hover);
    }
    .c-sel--label__ADD:hover .c-sel--path {
        fill: var(--text-secondary--hover);
    }
}




.c-sel--div__ADD2 {
    margin-top: 16px;
    display: none;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}
.__c-sel--div__ADD2__OPEN {
    display: flex;
}




.c-sel--button__CLOSE2 {
    padding: 8px 16px;
    width: 40%;
    color: var(--text-accent);
    background-color: var(--bg-secondary);
    border: none;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .c-sel--button__CLOSE2 {
        padding: 12px 24px;
    }
}
@media (max-width: 500px) {
    .c-sel--button__CLOSE2 {
        width: 100%;
    }
}
@media (any-hover: hover) {
    .c-sel--button__CLOSE2:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
}
.c-sel--button__CLOSE2:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}




.c-sel--button__ADD2_SUBM {
    padding: 8px 16px;
    width: 55%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
}
@media (any-hover: hover) {
    .c-sel--button__ADD2_SUBM:hover {
        color: var(--text-primary-inverse);
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.c-sel--button__ADD2_SUBM:active {
    color: var(--text-primary-inverse);
    background: none;
    background-color: var(--bg-accent-gradient-active);
}




.c-sel--div__HEAD {
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (min-width: 768px) {
    .c-sel--div__HEAD {
        margin-bottom: 32px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}




.c-sel--h2 {
    color: var(--text-primary);
}




.c-sel--div__HEAD_BUTTONS {
    padding: 4px;
    align-self: flex-start;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    background-color: var(--bg-tetriary);
    border-radius: 69px;
}
@media (min-width: 768px) {
    .c-sel--div__HEAD_BUTTONS {
        padding: 8px;
        justify-content: flex-start;
    }
}




.c-sel--button__HEAD {
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--text-secondary);
    background-color: var(--bg-secondary);
    border: none;
    border-radius: 32px;
}
@media (min-width: 375px) {
    .c-sel--button__HEAD {
        padding: 12px 30px;
    }
}
@media (min-width: 768px) {
    .c-sel--button__HEAD {
        padding: 12px 16px;
    }
}
@media (min-width: 1440px) {
    .c-sel--button__HEAD {
        padding: 16px 24px;
    }
}


@media (any-hover: hover) {
    .c-sel--button__HEAD.first:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
    .c-sel--button__HEAD.first:hover path {
        stroke: var(--text-primary-inverse);
    }
}
.c-sel--button__HEAD.first:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent);
}
.c-sel--button__HEAD.first:active path {
    stroke: var(--text-primary-inverse);
}

@media (any-hover: hover) {
    .c-sel--button__HEAD.first.__c-sel--button__HEAD__ACTIVE:hover {
        color: var(--text-secondary--hover);
        background-color: var(--bg-secondary);
    }
    .c-sel--button__HEAD.first.__c-sel--button__HEAD__ACTIVE:hover path {
        stroke: var(--text-secondary--hover);
    }
}
.c-sel--button__HEAD.first.__c-sel--button__HEAD__ACTIVE:active {
    color: var(--text-secondary);
    background-color: var(--bg-secondary);
}
.c-sel--button__HEAD.first.__c-sel--button__HEAD__ACTIVE:active path {
    stroke: var(--text-secondary);
}



@media (any-hover: hover) {
    .c-sel--button__HEAD.second:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
    .c-sel--button__HEAD.second:hover path {
        fill: var(--text-primary-inverse);
    }
}
.c-sel--button__HEAD.second:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent);
}
.c-sel--button__HEAD.second:active path {
    fill: var(--text-primary-inverse);
}

@media (any-hover: hover) {
    .c-sel--button__HEAD.second.__c-sel--button__HEAD__ACTIVE:hover {
        color: var(--text-secondary--hover);
        background-color: var(--bg-secondary);
    }
    .c-sel--button__HEAD.second.__c-sel--button__HEAD__ACTIVE:hover path {
        fill: var(--text-secondary--hover);
    }
}
.c-sel--button__HEAD.second.__c-sel--button__HEAD__ACTIVE:active {
    color: var(--text-secondary);
    background-color: var(--bg-secondary);
}
.c-sel--button__HEAD.second.__c-sel--button__HEAD__ACTIVE:active path {
    fill: var(--text-secondary);
}




.__c-sel--button__HEAD__ACTIVE {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent);
}




.c-sel--img__HEAD1,
.c-sel--img__HEAD2 {
    display: none;
}




.__c-sel--img__HEAD__ACTIVE {
    display: block;
}




.c-sel--div__BLOCKS {
    display: none;
}




.__c-sel--div__BLOCKS__ACTIVE {
    display: flex;
    flex-direction: column;
}




.c-sel--div__GRID {
    display: grid;
    grid-template-columns: 1fr;
/*    grid-template-rows: repeat(8, auto);*/
    grid-gap: 24px;
}
@media (min-width: 768px) {
    .c-sel--div__GRID {
        grid-template-columns: repeat(2, 0.5fr);
/*        grid-template-rows: repeat(4, auto);*/
        grid-column-gap: 20px;
        grid-row-gap: 40px;
    }
}
@media (min-width: 1440px) {
    .c-sel--div__GRID {
        grid-template-columns: repeat(3, 0.333fr);
/*        grid-template-rows: repeat(3, auto);*/
    }
}
@media (min-width: 1920px) {
    .c-sel--div__GRID {
        grid-template-columns: repeat(3, 0.333fr);
/*        grid-template-rows: repeat(3, auto);*/
    }
}




.c-sel--div__BLOCK {
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: var(--bg-tetriary);
    border-radius: 24px;
}




.c-sel--div__TOP {
/*    width: 100%;*/
    width: calc(100% - 75px);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: absolute;
    top: 12px;
    left: 12px;
    gap: 8px;
}
@media (min-width: 1440px) {
    .c-sel--div__TOP{
        top: 16px;
        left: 16px;
    }
}




.c-sel--p__TOP {
    padding: 4px 8px;
    color: var(--text-secondary);
    background-color: var(--bg-tetriary);
    border-radius: 32px;
}
.c-sel--p__TOP.promo{
    background-color: #00bf3f;
    color: WHITE;
}
.c-sel--p__TOP.priceup{
    background-color: #d088ec;
    color: WHITE;
}
@media (min-width: 1440px) {
    .c-sel--p__TOP {
        padding: 8px 16px;
    }
}




.c-sel--p__TOP.start {
    margin-right: auto;
    color: var(--text-accent);
}

.c-sel--p__TOP.all-sold-label{
    z-index: 9;
}


.c-sel--button__HEART {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: var(--bg-primary);
    border: none;
    border-radius: 50%;
}
@media (min-width: 1440px) {
    .c-sel--button__HEART {
        top: 16px;
        right: 16px;
    }
}

.c-sel--button__HEART.fav-added .c-sel--svg__HEART {
    fill: var(--bg-accent-gradient-hover);
}

@media (any-hover: hover) {
    .c-sel--button__HEART:hover .c-sel--svg__HEART {
        fill: var(--bg-accent-gradient-hover);
    }
}




.c-sel--img__MAIN {
    width: 100%;
    border-radius: 24px 24px 0 0;
}

.all-sold .c-sel--img__MAIN{
    mix-blend-mode: luminosity;
  opacity: 0.5;
}


.c-sel--div__CONT {
    padding: 0 16px 16px;
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .c-sel--div__CONT  {
        padding: 0 24px 24px;
    }
}
@media (min-width: 1920px) {
    .c-sel--div__CONT  {
        padding: 0 32px 32px;
    }
}




.c-sel--h3 {
    margin: 16px 0 8px;
    max-width: 80vw;
    color: var(--text-primary);
/*    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
@media (min-width: 768px) {
    .c-sel--h3 {
        margin: 24px 0 12px;
        max-width: 38.28vw;
    }
    .vp-news--a__MAIN .c-sel--h3 {
        max-width: 30.8vw;
    }
}
@media (min-width: 1440px) {
    .c-sel--h3 {
        margin: 24px 0 16px;
        max-width: 26.11vw;
/*        max-width: 22vw;*/
    }
    .vp-news--a__MAIN .c-sel--h3{
        max-width: 22vw;    
    }
}
@media (min-width: 1920px) {
    .c-sel--h3 {
        margin: 32px 0 16px;
    }
}




.c-sel--div__PLACES {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
@media (min-width: 768px) {
    .c-sel--div__PLACES {
        gap: 16px;
    }
}




.c-sel--p__PLACES {
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--text-secondary);
}




.c-sel--img__PLACES {
    width: 16px;
}
@media (min-width: 768px) {
    .c-sel--img__PLACES {
        margin-top: -2px;
        width: 20px;
    }
}




.c-sel--div__READY {
    display: flex;
    flex-direction: column;
    gap: 8px;
}




.c-sel--p__READY {
    margin-top: 24px;
    color: var(--text-accent);
}
@media (min-width: 1440px) {
    .c-sel--p__READY {
        margin-top: 24px;
    }
}




.c-sel--p__PRICE {
    margin-top: 24px;
    color: var(--text-primary);
}




.c-sel--div__BLOCKS:last-of-type {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12;
}
@media (min-width: 1440px) {
    .c-sel--div__BLOCKS:last-of-type {
        position: relative;
        z-index: 0;
    }
}




.c-sel--button__FILTERS {
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 12;
    color: var(--text-accent);
    background-color: var(--bg-tetriary);
    border: none;
    border-radius: 12px;
    box-shadow: 0 0 51.2px 0 hsla(0, 0%, 18%, 25%);
}
@media (min-width: 768px) {
    .c-sel--button__FILTERS {
        padding: 12px 24px;
        top: 32px;
        left: 32px;
    }
}
@media (min-width: 1440px) {
    .c-sel--button__FILTERS {
        display: none;
    }
}
@media (any-hover: hover) {
    .c-sel--button__FILTERS:hover {
        background-color: var(--bg-primary);
    }
}
.c-sel--button__FILTERS:active {
    background-color: var(--bg-secondary);
}




.c-sel--button__CLOSE {
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 12;
    background-color: var(--bg-tetriary);
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 51.2px 0 hsla(0, 0%, 18%, 25%);
}
@media (min-width: 768px) {
    .c-sel--button__CLOSE {
        top: 32px;
        right: 32px;
    }
}
@media (min-width: 1440px) {
    .c-sel--button__CLOSE {
        display: none;
    }
}




.c-sel--img__CLOSE {
    width: 24px;
}




.c-sel--button__PIN {
  height: 61px;
  width: 51px;
  position: absolute;
  top: -61px;
  right: -26px;
  z-index: 0;
  background-color: transparent;
  border: none;
}
.c-sel--div__PIN1 {
  position: absolute;
  inset: 0;
  background: url("../images/c-sel-map-pin1_new.png") center/51px 61px no-repeat;
  
}
.c-sel--div__PIN1.hover {
  background: url("../images/c-sel-map-pin1_hover_new.png") center/51px 61px no-repeat;
}
.c-sel--div__PIN2 {
  width: 41px;
  height: 41px;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 6px;
  z-index: 2;
  border-radius: 50%;
  border: 1px solid #00bf3f;
}

.claster-icon{
    color:#000000;
    font-weight: bold;
    border-radius: 50%;
    border: 2px solid #00bf3f;
    background-color: #ffffff;
    width: 46px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c-sel--button__PIN:nth-of-type(3) {
    top: 10px;
    right: 10px;
}
.c-sel--button__PIN:nth-of-type(4) {
    top: 10px;
    right: 100px;
}
.c-sel--button__PIN:nth-of-type(5) {
    top: 10px;
    right: 200px;
}
.c-sel--button__PIN:nth-of-type(6) {
    top: 100px;
    right: 10px;
}
.c-sel--button__PIN:nth-of-type(7) {
    top: 100px;
    right: 100px;
}
.c-sel--button__PIN:nth-of-type(8) {
    top: 100px;
    right: 200px;
}
.c-sel--button__PIN:nth-of-type(9) {
    top: 200px;
    right: 10px;
}
.c-sel--button__PIN:nth-of-type(10) {
    top: 200px;
    right: 100px;
}
.c-sel--button__PIN:nth-of-type(11) {
    top: 200px;
    right: 200px;
}




.c-sel--img__PIN {
    height: 100%;
    width: 100%;
    filter: drop-shadow(0 1px 5px hsla(0, 0, 0, 0.1));
}
.__c-sel--img__PIN__CHECKED {
    fill: var(--icon-accent);
}




.c-sel--img__PIN_INSIDE {
    width: 39px;
    position: absolute;
    top: 5px;
    left: 6px;
    right: 5px;
}




.c-sel--iframe {
    width: 100%;
    height: 100vh;
    box-sizing: border-box;
}
@media (min-width: 1440px) {
    .c-sel--iframe {
        height: 664px;
    }
}
@media (min-width: 1920px) {
    .c-sel--iframe {
        height: 900px;
    }
}




.c-sel--div__TAPE {
    display: none;
}
@media (min-width: 1440px) {
    .c-sel--div__TAPE {
        padding-left: 10px;
        width: 407px;
        display: flex;
        flex-direction: column;
        gap: 12px;
        position: absolute;
        top: 24px;
        bottom: 0;
        left: 8px;
        overflow-y: scroll;
        direction: rtl;
        scroll-behavior: smooth;
    }
}
@-moz-document url-prefix() {
    .c-sel--div__TAPE {
        scrollbar-color: var(--bg-accent) transparent;
    }
}



.c-sel--div__TAPE::-webkit-scrollbar {
    width: 6px;
}
.c-sel--div__TAPE::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 24px;
}
.c-sel--div__TAPE::-webkit-scrollbar-thumb {
    background-color: var(--bg-accent);
    border-radius: 24px;
}




.c-sel--div__TAPE * {
    direction: ltr;
}




.c-sel--div__TAPE .c-sel--div__TOP {
    flex-direction: column;
    gap: 8px;
}




.__c-sel--h3__CHANGED {
    color: var(--text-accent);
}




.c-sel--div__TAPE_MOB {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
}
@media (min-width: 1440px) {
    .c-sel--div__TAPE_MOB {
        display: none;
    } 
}




.c-sel--div__BACK {
    display: none;
    background-color: hsla(0, 0%, 0%, 0.68);
    position: fixed;
    inset: 0;
    z-index: 13;
}
.__c-sel--div__BACK__VIS {
    display: flex;
}




.c-sel--div__BLOCK.map.mob {
    max-height: 90vh;
    display: none;
    position: fixed;
    inset: auto 0px 0px 0px;
    z-index: 14;
    overflow: auto;
    border-radius: 24px 24px 0 0;
}
.__c-sel--div__BLOCK_MAP_MOB__VIS {
    display: flex;
}




.c-sel--div__CONT.map.mob {
    position: relative;
    bottom: 24px;
    z-index: 2;
    border-radius: 24px 24px 0 0;
    background-color: var(--bg-tetriary);
}




.c-sel--h3.map.mob {
    margin-top: 40px;
    max-width: 85vw;
}
@media (min-width: 768px) {
    .c-sel--h3.map.mob {
        margin-top: 52px;
    }
}




.c-sel--div__BLOCK_BUTTONS {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
@media (min-width: 768px) {
    .c-sel--div__BLOCK_BUTTONS {
        gap: 21px;
    }
}




.c-sel--button__BLOCK_CLOSE {
    height: 48px;
    width: 29.73%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-accent);
    background-color: var(--bg-secondary);
    border: none;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .c-sel--button__BLOCK_CLOSE {
        height: 56px;
        width: 17.89%;
    }
}
@media (any-hover: hover) {
    .c-sel--button__BLOCK_CLOSE:hover {
        color: var(--text-primary-inverse);
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.c-sel--button__BLOCK_CLOSE:active {
    color: var(--text-primary-inverse);
    background: none;
    background-color: var(--bg-accent-gradient-active);
}




.c-sel--a__OPEN_PROJ {
    height: 48px;
    width: 65.59%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border-radius: 12px;
    box-shadow: 0 4px 20px -2px hsla(135, 79%, 42%, 15%);
}
@media (min-width: 768px) {
    .c-sel--a__OPEN_PROJ {
        height: 56px;
        width: 79.11%;
    }
}
@media (any-hover: hover) {
    .c-sel--a__OPEN_PROJ:hover {
        color: var(--text-primary-inverse);
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.c-sel--a__OPEN_PROJ:active {
    color: var(--text-primary-inverse);
    background: none;
    background-color: var(--bg-accent-gradient-active);
}




.c-sel--a__CATALOG {
    margin-top: 32px;
    padding: 8px 24px;
    justify-content: center;
    align-self: center;
    color: var(--text-accent);
    background-color: var(--bg-tetriary);
    border-radius: 12px;
}
@media (min-width: 768px) {
    .c-sel--a__CATALOG {
        margin-top: 48px;
        padding: 12px 32px;
    }
}
@media (min-width: 1440px) {
    .c-sel--a__CATALOG {
        margin-top: 52px;
        padding: 16px 32px;
        border-radius: 16px;
    }
}
@media (min-width: 1920px) {
    .c-sel--a__CATALOG {
        margin-top: 72px;
    }
}
@media (any-hover: hover) {
    .c-sel--a__CATALOG:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover)
    }
}
.c-sel--a__CATALOG:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}







/* ---------- ********** СЕКЦИЯ MORTGAGE ********** ---------- */


.c-mortgage {
    background-color: var(--bg-primary);
}




.c-mortgage--div__CONTAINER {
    box-sizing: border-box;
    padding: 48px 16px;
    display: flex;
    flex-direction: column;
    position: relative;
}
@media (min-width: 768px) {
    .c-mortgage--div__CONTAINER {
        padding: 64px 32px;
    }
}
@media (min-width: 1440px) {
    .c-mortgage--div__CONTAINER {
        margin-bottom: 3px;
        padding: 80px 64px 0;
        height: 1113px;
        flex-direction: row;
        gap: 20px;
    }
}
@media (min-width: 1920px) {
    .c-mortgage--div__CONTAINER {
        margin: 0 auto;
        padding: 120px 0 0;
        height: 1113px;
        width: 1776px;
        gap: 24px;
    }
}




.c-mortgage--form__FORM {
    padding: 24px 16px;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-tetriary);
    border-radius: 24px;
    box-shadow: 0 0 34px hsla(0, 0%, 87%, 0.25);
}
@media (min-width: 768px) {
    .c-mortgage--form__FORM {
        padding: 24px;
    }
}
@media (min-width: 1440px) {
    .c-mortgage--form__FORM {
        padding: 32px;
        width: 100%;
        align-self: flex-start;
        border-radius: 24px;
    }
    .c-mortgage--div__CONTAINER_FORM{
        width: 43%;   
    }
}
@media (min-width: 1920px) {
    .c-mortgage--form__FORM {
        padding: 40px;
        width: 576px;
    }
    .c-mortgage--div__CONTAINER_FORM{
        width: 576px;   
    }
}




.c-mortgage--h2 {
    margin-bottom: 8px;
    color: var(--text-primary);
}
@media (min-width: 1440px) {
    .c-mortgage--h2 {
        margin-bottom: 16px;
    }
}




.c-mortgage--p {
    margin-bottom: 16px;
    color: var(--text-secondary);
}
@media (min-width: 768px) {
    .c-mortgage--p {
        margin-bottom: 32px;
    }
}
@media (min-width: 1440px) {
    .c-mortgage--p {
        margin-bottom: 40px;
    }
}




.c-mortgage--label {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    color: var(--text-secondary);
}
@media (min-width: 1440px) {
    .c-mortgage--label {
        margin-bottom: 24px;
    }
}




.c-mortgage--label:last-of-type {
    margin-bottom: 24px;
}
@media (min-width: 768px) {
    .c-mortgage--label:last-of-type {
        margin-bottom: 32px;
    }
}
@media (min-width: 1440px) {
    .c-mortgage--label:last-of-type {
        margin-bottom: 40px;
    }
}




.c-mortgage--input {
    padding: 16px;
    color: var(--text-primary);
    border: 1px solid var(--border-primary);
    border-radius: 12px;
}
@media (min-width: 1440px) {
    .c-mortgage--input {
        padding: 16px 24px;
    }
}




.c-mortgage--input::placeholder {
    /* font-weight: 400; */
    opacity: 0.5;
}




.c-mortgage--input__RANGE {
    -webkit-appearance: none !important;
    appearance: none !important;
    height: 2px;
    width: 90%;
    align-self: center;
    position: relative;
    bottom: 9px;
    background: linear-gradient(to right, var(--border-accent) 100%, var(--border-primary) 100%);
}
.c-mortgage--input__RANGE::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    height: 12px;
    width: 12px;
    background: var(--border-accent);
    border-radius: 50%;
    cursor: pointer;
}
.c-mortgage--input__RANGE::-moz-range-thumb {
    height: 12px;
    width: 12px;
    background: var(--border-accent);
    border-radius: 50%;
    cursor: pointer;
}





.c-mortgage--button__SUBMIT {
    margin-bottom: 16px;
    height: 48px;
    min-height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .c-mortgage--button__SUBMIT {
        margin-bottom: 24px;
        height: 56px;
        min-height: 56px;
    }
}
@media (min-width: 1440px) {
    .c-mortgage--button__SUBMIT {
        margin-bottom: 24px;
        height: 64px;
        min-height: 64px;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .c-mortgage--button__SUBMIT:hover {
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.c-mortgage--button__SUBMIT:active {
    background: none;
    background-color: var(--bg-accent-gradient-active);
}




.c-mortgage--p__APPR {
    color: var(--text-secondary);
    text-align: center;
}




.c-mortgage--a__APPR {
    color: var(--text-accent);
    text-decoration: underline;
}
.c-mortgage--a__APPR.all_res{text-decoration:none}
@media (any-hover: hover) {
    .c-mortgage--a__APPR:hover {
        color: var(--bg-accent-gradient-hover);
    }
}
.c-mortgage--a__APPR:active {
    color: var(--bg-accent-gradient-active);
}




.c-mortgageBanks {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
@media (min-width: 1440px) {
    .c-mortgageBanks {
        margin-top: 0;
        width: 56%;
        gap: 20px;
        overflow-y: scroll;
    }
    @-moz-document url-prefix() {
        .c-mortgageBanks {
            scrollbar-color: var(--bg-accent) var(--bg-primary);
        }
    }
    .c-mortgageBanks::after {
        height: 193px;
        width: 51%;
        content: "";
        position: absolute;
        bottom: -3px;
        right: 71px;
        z-index: 2;
        background: linear-gradient(180deg, hsla(200, 33%, 98%, 0) 0%, hsl(200, 33%, 98%) 80%);
        backdrop-filter:  blur(2.5999999046325684px);
        pointer-events: none;
    }
}
@media (min-width: 1920px) {
    .c-mortgageBanks {
        width: 1176px;
        gap: 24px;
    }
    .c-mortgageBanks::after {
        height: 218px;
        width: 1176px;
        right: 10px;
        pointer-events: none;
    }
}
.c-mortgageBanks::-webkit-scrollbar {
    width: 6px;
}
.c-mortgageBanks::-webkit-scrollbar-track {
    margin-bottom: 193px;
    background-color: var(--bg-primary);
    border-radius: 24px;
}
.c-mortgageBanks::-webkit-scrollbar-thumb {
    background-color: var(--bg-accent);
    border-radius: 24px;
}




.c-mortgageBanks--div__ITEM {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    background-color: var(--bg-tetriary);
    border-radius: 16px;
    box-shadow: 0 0 34px hsla(0, 0%, 87%, 0.25);
}
@media (min-width: 768px) {
    .c-mortgageBanks--div__ITEM {
        padding: 24px;
    }
}
@media (min-width: 1440px) {
    .c-mortgageBanks--div__ITEM {
        margin-right: 12px;
        padding: 32px;
    }
    .c-mortgageBanks--div__ITEM:last-child {
        margin-bottom: 193px;
    }
}
@media (min-width: 1920px) {
    .c-mortgageBanks--div__ITEM {
        margin-right: 16px;
        padding: 40px;
    }
}
.__c-mortgageBanks--div__ITEM__HIDDEN {
    display: none;
}
@media (min-width: 1440px) {
    .__c-mortgageBanks--div__ITEM__HIDDEN {
        display: flex;
    }
}




.c-mortgageBanks--div__HEAD {
    display: flex;
    align-items: center;
    gap: 16px;
}




.c-mortgageBanks--img__LOGO {
    width: 44px;
}
@media (min-width: 768px) {
    .c-mortgageBanks--img__LOGO {
        width: 48px;
    }
}
@media (min-width: 1440px) {
    .c-mortgageBanks--img__LOGO {
        width: 56px;
    }
}




.c-mortgageBanks--div__NAME {
    display: flex;
    flex-direction: column;
}




.c-mortgageBanks--p__NAME {
    color: var(--text-primary);
}




.c-mortgageBanks--p__IT {
    color: var(--text-secondary);
}




.c-mortgageBanks--div__CONDITIONS {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}




.c-mortgageBanks--p__CONDITIONS {
    padding: 4px 8px;
    color: var(--text-secondary);
    background-color: var(--bg-secondary);
    border-radius: 32px;
}
@media (min-width: 768px) {
    .c-mortgageBanks--p__CONDITIONS {
        padding: 8px 16px;
    }
}




.c-mortgageBanks--p__SUM {
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .c-mortgageBanks--p__SUM {
        position: absolute;
        bottom: 26px;
        right: 24px;
    }
}
@media (min-width: 1440px) {
    .c-mortgageBanks--p__SUM {
        position: static;
    }
}
@media (min-width: 1920px) {
    .c-mortgageBanks--p__SUM {
        position: absolute;
        bottom: 42px;
        right: 40px;
    }
}




.c-mortgageBanks--button__SHOW {
    margin-top: 20px;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-accent);
    background-color: var(--bg-tetriary);
    border: none;
    border-radius: 12px;
    box-shadow: 0 0 34px hsla(0, 0%, 87%, 0.25);
}
@media (min-width: 768px) {
    .c-mortgageBanks--button__SHOW {
        margin-top: 32px;
        padding: 12px 24px;
        height: 56px;
        align-self: center;
    }
}
@media (min-width: 1440px) {
    .c-mortgageBanks--button__SHOW {
        display: none;
    }
}
@media (any-hover: hover) {
    .c-mortgageBanks--button__SHOW:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
}
.c-mortgageBanks--button__SHOW:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}
.__c-mortgageBanks--button__SHOW__HIDDEN {
    display: none;
}







/* ---------- ********** СЕКЦИЯ OFFERS ********** ---------- */


.c-offers {
    background-color: var(--bg-secondary);
    border-radius: 32px;
}
@media (min-width: 768px) {
    .c-offers {
        border-radius: 48px;
    }
}
@media (min-width: 1920px) {
    .c-offers {
        border-radius: 64px;
    }
}




.c-offers--div__CONTAINER {
    box-sizing: border-box;
    padding: 48px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.main-page .c-offers--div__CONTAINER {
    padding: 0 16px;
}
@media (min-width: 768px) {
    .c-offers--div__CONTAINER {
        padding: 64px 32px;
    }
    .main-page .c-offers--div__CONTAINER {
        padding: 0 64px;
    }
}
@media (min-width: 1440px) {
    .c-offers--div__CONTAINER {
        padding: 80px 64px;
    }
    .main-page .c-offers--div__CONTAINER {
        padding: 0 64px;
    }
}
@media (min-width: 1920px) {
    .c-offers--div__CONTAINER {
        margin: 0 auto;
        padding: 120px 0;
        width: 1776px;
        flex-direction: row;
        gap: 24px;
        justify-content: space-between;
    }
    .main-page .c-offers--div__CONTAINER {
        padding: 0;
    }
}




.c-offers--div__FIRST {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (min-width: 1440px) {
    .c-offers--div__FIRST {
        flex-direction: row;
        gap: 20px;
    }
}
@media (min-width: 1920px) {
    .c-offers--div__FIRST {
        width: 1176px;
        gap: 24px;
    }
}




.c-offers--div__CONTAINER1 {
    width: 100%;
    display: flex;
    position: relative;
    box-shadow: 0 0 34px hsla(0, 0%, 87%, 0.25);
}
@media (min-width: 1440px) {
    .c-offers--div__CONTAINER1 {
        width: 49%;
    }
}
@media (min-width: 1920px) {
    .c-offers--div__CONTAINER1 {
        width: 576px;
    }
}




.c-offers--div__SWIPER {
    width: 100%;
}




.c-offers--div__SWIPER_SLIDE {
    width: 100%;
}




.c-offers--img__SWIPER {
    height: 100%;
    width: 100%;
    filter: brightness(50%);
}




.c-offers--div__SWIPER_PAGINATION {
    padding: 0 16px;
    height: 4px;
    width: 100% !important;
    bottom: 16px !important;
    display: flex;
    justify-content: space-between;
}
@media (min-width: 768px) {
    .c-offers--div__SWIPER_PAGINATION {
        padding: 0 32px;
        width: 22vw !important;
        bottom: 24px !important;
        left: auto !important;
        right: 24px !important;
    }
}
@media (min-width: 1440px) {
    .c-offers--div__SWIPER_PAGINATION {
        padding: 0;
        width: calc(57% - 128px) !important;
        left: auto !important;
        right: 32px !important;
        bottom: 32px !important;
    }
}
@media (min-width: 1920px) {
    .c-offers--div__SWIPER_PAGINATION {
        width: 154px !important;
        left: auto !important;
        right: 40px !important;
        bottom: 40px !important;
    }
}




.c-offers--div__SWIPER_PAGINATION .swiper-pagination-bullet {
    height: 100%;
    width: 10%;
    border-radius: 123px;
    background-color: hsla(0, 0%, 100%, 62%) !important;
    opacity: 0.24;
    transition: width 0.3s;
}




.c-offers--div__SWIPER_PAGINATION .swiper-pagination-bullet-active {
    width: 35%;
    border-radius: 123px;
    background-color: var(--bg-tetriary) !important;
    opacity: 0.8;
}




.c-offers--p__SWIPER {
    padding: 8px 16px;
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    color: var(--text-primary-inverse);
    background-color: hsla(216, 29%, 97%, 0.24);
    border-radius: 32px;
}
@media (min-width: 768px) {
    .c-offers--p__SWIPER {
        top: 24px;
        left: 24px;
    }
}
@media (min-width: 1440px) {
    .c-offers--p__SWIPER {
        top: 32px;
        left: 32px;
    }
}
@media (min-width: 1920px) {
    .c-offers--p__SWIPER {
        top: 40px;
        left: 40px;
    }
}




.c-offers--h2__SWIPER {
    position: absolute;
    top: 80px;
    left: 16px;
    z-index: 2;
    color: var(--text-primary-inverse);
}
@media (min-width: 768px) {
    .c-offers--h2__SWIPER {
        top: 104px;
        left: 24px;
    }
}
@media (min-width: 1440px) {
    .c-offers--h2__SWIPER {
        top: 112px;
        left: 32px;
    }
}
@media (min-width: 1920px) {
    .c-offers--h2__SWIPER {
        top: 120px;
        left: 40px;
    }
}




.c-offers--a__SWIPER {
    padding: 8px 16px;
    position: absolute;
    bottom: 52px;
    left: 16px;
    z-index: 2;
    color: var(--text-accent);
    background-color: var(--bg-tetriary);
    border-radius: 12px;
}
@media (min-width: 768px) {
    .c-offers--a__SWIPER {
        padding: 12px 24px;
        bottom: 24px;
        left: 24px;
    }
}
@media (min-width: 1440px) {
    .c-offers--a__SWIPER {
        padding: 16px 32px;
        bottom: 32px;
        left: 32px;
        border-radius: 16px;
    }
}
@media (min-width: 1920px) {
    .c-offers--a__SWIPER {
        bottom: 40px;
        left: 40px;
    }
}
@media (any-hover: hover) {
    .c-offers--a__SWIPER:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover)
    }
}
.c-offers--a__SWIPER:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active)
}




.c-offersFam {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: var(--white);
    border-radius: 24px;
    box-shadow: 0 0 34px hsla(0, 0%, 87%, 0.25);
}
@media (min-width: 1440px) {
    .c-offersFam  {
        width: 49%;
        border-radius: 32px;
    }
}
@media (min-width: 1920px) {
    .c-offersFam  {
        width: 576px;
    }
}




.c-offersFam--p__BUY {
    margin: 16px 0 0 16px;
    padding: 8px 16px;
    align-self: flex-start;
    color: var(--text-accent);
    background-color: hsl(188, 79%, 94%);
    border-radius: 32px;
}
@media (min-width: 768px) {
    .c-offersFam--p__BUY {
        margin: 24px 0 0 24px;
    }
}
@media (min-width: 1440px) {
    .c-offersFam--p__BUY {
        margin: 32px 0 0 32px;
    }
}
@media (min-width: 1920px) {
    .c-offersFam--p__BUY {
        margin: 40px 0 0 40px;
    }
}




.c-offersFam--h2 {
    margin: 40px 16px 8px 16px;
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .c-offersFam--h2 {
        margin: 40px 24px 12px 24px;
    }
}
@media (min-width: 1440px) {
    .c-offersFam--h2 {
        margin: 40px 32px 12px 32px;
    }
}
@media (min-width: 1920px) {
    .c-offersFam--h2 {
        margin: 40px 40px 12px 40px;
    }
}




.c-offersFam--p__RATE {
    margin-left: 16px;
    margin-right: 16px;
    color: var(--text-secondary);
}
@media (min-width: 768px) {
    .c-offersFam--p__RATE {
        margin-left: 24px;
        margin-right: 24px;
    }
}
@media (min-width: 1440px) {
    .c-offersFam--p__RATE {
        margin-bottom: auto;
        margin-left: 32px;
        margin-right: 32px;
    }
}
@media (min-width: 1920px) {
    .c-offersFam--p__RATE {
        margin-left: 40px;
        margin-right: 40px;
    }
}




.c-offersFam--img {
    width: 100%;
    border-radius: 24px;
}
@media (min-width: 1440px) {
    .c-offersFam--img {
        border-radius: 32px;
    }
}




.c-offersFam--a {
    padding: 8px 16px;
    position: absolute;
    left: 16px;
    bottom: 16px;
    z-index: 2;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .c-offersFam--a {
        padding: 12px 24px;
        left: 24px;
        bottom: 24px;
    }
}
@media (min-width: 1440px) {
    .c-offersFam--a {
        padding: 16px 32px;
        left: 32px;
        bottom: 32px;
        border-radius: 16px;
    }
}
@media (min-width: 1920px) {
    .c-offersFam--a {
        left: 40px;
        bottom: 40px;
    }
}
@media (any-hover: hover) {
    .c-offersFam--a:hover {
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.c-offersFam--a:active {
    background: none;
    background-color: var(--bg-accent-gradient-active);
}




.c-offers--div__SECOND {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (min-width: 1440px) {
    .c-offers--div__SECOND {
        flex-direction: row;
        gap: 20px;
    }
}
@media (min-width: 1920px) {
    .c-offers--div__SECOND {
        width: 576px;
        flex-direction: column;
        gap: 24px;
    }
}




.c-offers--div__ITEM {
    padding: 16px;
    height: 200px;
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    border-radius: 24px;
    box-shadow: 0 0 34px hsla(0, 0%, 87%, 0.25);
    position: relative;
}
@media (min-width: 768px) {
    .c-offers--div__ITEM {
        padding: 24px;
        height: 232px;
    }
}
@media (min-width: 1440px) {
    .c-offers--div__ITEM {
        padding: 32px;
        height: 330px;
        width: 49%;
        border-radius: 32px;
    }
}
@media (min-width: 1920px) {
    .c-offers--div__ITEM {
        padding: 40px;
        height: auto;
        width: auto;
        flex-basis: 50%;
    }
}




.c-offers--div__ITEM:last-of-type {
    background: url("../images/c-offers-strange.svg") right bottom / 100% no-repeat;
    background-color: var(--white);
}
@media (min-width: 1440px) {
    .c-offers--div__ITEM:last-of-type {
        background: url("../images/c-offers-strange1440.svg") right bottom / 70% no-repeat;
        background-color: var(--white);
    }
}
@media (min-width: 1920px) {
    .c-offers--div__ITEM:last-of-type {
        background: url("../images/c-offers-strange1920.svg") right bottom / 70% no-repeat;
        background-color: var(--white);
    }
}




.c-offers--h2__ITEM {
    margin-bottom: 8px;
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .c-offers--h2__ITEM {
        margin-bottom: 12px;
    }
}




.c-offers--p__ITEM {
    margin-bottom: auto;
    color: var(--text-secondary);
}
@media (min-width: 1920px) {
    .c-offers--p__ITEM {
        margin-bottom: auto;
    }
}




.c-offers--a__ITEM {
    padding: 8px 16px;
    align-self: flex-start;
    color: var(--text-accent);
    background-color: var(--bg-secondary);
    border-radius: 12px;
}
@media (min-width: 768px) {
    .c-offers--a__ITEM {
        padding: 12px 24px;
    }
}
@media (min-width: 1440px) {
    .c-offers--a__ITEM {
        padding: 16px 32px;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .c-offers--a__ITEM:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
}
.c-offers--a__ITEM:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}







/* ---------- ********** СЕКЦИЯ FAQ ********** ---------- */


.hm-faq {
    position: relative;
    background-color: var(--bg-tetriary);
}




.hm-faq--div__EMPTY {
    height: 80px;
    width: 100%;
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: var(--bg-tetriary);
}




.hm-faq--div__CONTAINER {
    padding: 52px 16px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media (min-width: 768px) {
    .hm-faq--div__CONTAINER {
        padding: 64px 32px;
    }
}
@media (min-width: 1440px) {
    .hm-faq--div__CONTAINER {
        margin: 0 auto;
        padding: 80px 64px;
        width: 60%;
    }
}
@media (min-width: 1920px) {
    .hm-faq--div__CONTAINER {
        padding: 120px 0;
        width: 1006px;
    }
}




.hm-faq--h2 {
    color: var(--text-primary);
}




.hm-faq--ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    list-style-type: none;
}
@media (min-width: 1440px) {
    .hm-faq--ul {
        gap: 24px;
    }
}




.hm-faq--li {
    padding: 16px;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-secondary);
    border-radius: 16px;
}
@media (min-width: 768px) {
    .hm-faq--li {
        padding: 24px;
    }
}
@media (min-width: 1440px) {
    .hm-faq--li {
        padding: 32px;
        border-radius: 24px;
    }
}




.hm-faq--button__HEAD {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
    border: none;
    gap: 16px;
}
@media (min-width: 768px) {
    .hm-faq--button__HEAD {
        gap: 32px;
    }
}




.hm-faq--h3 {
    color: var(--text-primary);
    text-align: start;
}




.hm-faq--svg {
    width: 40px;
    transition: transform 0.4s;
}
@media (min-width: 1440px) {
    .hm-faq--svg {
        width: 56px;
    }
}
.__hm-faq--svg__OPEN {
    transform: rotate(180deg);
}




.__hm-faq--path__OPEN {
    fill: var(--icon-accent);
}




.hm-faq--div__BODY {
    max-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: hidden;
    transition: max-height 0.4s;
}
@media (min-width: 1440px) {
    .hm-faq--div__BODY {
        gap: 16px;
    }
}
.__hm-faq--div__BODY_OPEN {
    max-height: 800px;
}




.hm-faq--p {
    margin-top: 12px;
}
@media (min-width: 1440px) {
    .hm-faq--p {
        margin-top: 16px;
    }
}




.hm-faq--p,
.hm-faq--p__SECOND {
    color: var(--text-secondary);
}




.hm-faq--p__SECOND {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s;
}
.__hm-faq--p__OPEN {
    max-height: 500px;
}




.hm-faq--button__MORE {
    margin-bottom: -12px;
    padding: 12px 0;
    align-self: flex-start;
    color: var(--text-accent);
    background-color: transparent;
    border: none;
}
@media (min-width: 1440px) {
    .hm-faq--button__MORE {
        margin-bottom: -16px;
    }
}
.hm-faq--button__MORE:focus {
    color: var(--text-secondary);
}
@media (any-hover: hover) {
    .hm-faq--button__MORE:hover {
        color: var(--bg-accent-gradient-hover);
    }
}
.hm-faq--button__MORE:active {
    color: var(--bg-accent-gradient-active);
}
.__hm-faq--button__MORE__HIDDEN {
    display: none;
}







/* ---------- ********** СЕКЦИЯ QUIZ ********** ---------- */


.hm-quiz {
    margin-top: 36px;
    padding: 4px;
    background-color: var(--bg-tetriary);
    border-radius: 32px;
}
@media (min-width: 768px) {
    .hm-quiz {
        margin-top: 0px;
        padding: 8px;
        border-radius: 48px;
    }
}
@media (min-width: 1920px) {
    .hm-quiz {
        padding: 20px;
        border-radius: 64px;
    }
}




.hm-quiz--div__BACK {
    border-radius: 24px;
}
.hm-quiz-contacts .hm-quiz--div__BACK {
    background: url("../images/hm-quiz-main375.png") center/cover;
}

@media (min-width: 768px) {
    .hm-quiz--div__BACK {
        border-radius: 24px;
    }

    .hm-quiz-contacts .hm-quiz--div__BACK {
        background: url("../images/hm-quiz-main768.png") center/cover;
        border-radius: 40px;
    }
}
@media (min-width: 1440px) {
    .hm-quiz-contacts .hm-quiz--div__BACK {
        background: url("../images/hm-quiz-main1440.png") center/cover;
    }
}
@media (min-width: 1920px) {
    .hm-quiz-contacts .hm-quiz--div__BACK {
        background: url("../images/hm-quiz-main1920.png") center/cover;
    }
}




.hm-quiz--div__CONTAINER {
    padding: 52px 12px 12px;
    display: flex;
    flex-direction: column;
    gap: 26px;
}
@media (min-width: 768px) {
    .hm-quiz--div__CONTAINER {
        margin: 0 auto;
        padding: 64px 0;
        width: 614px;
        gap: 40px;
    }
}
@media (min-width: 1440px) {
    .hm-quiz--div__CONTAINER {
        padding: 108px 0 107px;
        width: 1264px;
        flex-direction: row;
        justify-content: space-between;
    }
}
@media (min-width: 1920px) {
    .hm-quiz--div__CONTAINER {
        padding: 102px 0 101px;
        width: 1479px;
    }
}




.hm-quiz--div__TEXT {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (min-width: 768px) {
    .hm-quiz--div__TEXT {
        width: 557px;
        gap: 24px;
    }
}
@media (min-width: 1920px) {
    .hm-quiz--div__TEXT {
        width: 707px;
    }
}




.hm-quiz--p__TITLE {
    color: var(--white);
}




.hm-quiz--p__HELP {
    color: var(--text-primary-inverse);
}
@media (min-width: 1440px) {
    .hm-quiz--p__HELP {
        font-size: 24px;
        line-height: 160%;
        letter-spacing: 0.01em;
    }
}




.hm-quiz--div__SWIPER {
    padding: 56px 16px 16px;
    width: 100%;
    background-color: var(--bg-tetriary);
    border-radius: 16px;
}
@media (min-width: 768px) {
    .hm-quiz--div__SWIPER {
        padding: 77px 24px 24px;
        width: 614px;
        border-radius: 24px;
    }
}
@media (min-width: 1440px) {
    .hm-quiz--div__SWIPER {
        padding: 73px 32px 32px;
        width: 574px;
    }
}




.hm-quiz--div__SWIPER_WRAPPER {
    box-sizing: border-box;
}




.hm-quiz--fieldset {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: none;
}




.hm-quiz--legend {
    margin-bottom: 24px;
}
@media (min-width: 768px) {
    .hm-quiz--legend {
        margin-bottom: 32px;
    }
}
@media (min-width: 1440px) {
    .hm-quiz--legend {
        margin-bottom: 40px;
    }
}




.hm-quiz--label {
    margin-bottom: 12px;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    border: 1.5px solid var(--border-primary);
    border-radius: 12px;
    cursor: pointer;
}
@media (min-width: 1440px) {
    .hm-quiz--label {
        padding: 24px;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .hm-quiz--label:hover {
        border: 1.5px solid var(--border-primary-hover);
    }
}
.hm-quiz--label:active {
    border: 1.5px solid var(--border-accent);
}
.__hm-quiz--label__CHECKED {
    border: 1.5px solid var(--border-accent);
}




.hm-quiz--input__CHECKBOX {
    visibility: hidden;
}




.hm-quiz--div__CHECK {
    height: 24px;
    width: 24px;
    position: absolute;
    top: 17px;
    right: 16px;
    border: 1px solid var(--border-primary);
    border-radius: 6px;
}
@media (min-width: 1440px) {
    .hm-quiz--div__CHECK {
        top: 25px;
        right: 24px;
    }
}
@media (min-width: 1920px) {
    .hm-quiz--div__CHECK {
        top: 27px;
        right: 24px;
    }
}
.__hm-quiz--div__CHECK__HIDDEN {
    visibility: hidden;
}




.hm-quiz--img__CHECK {
    margin-top: 1px;
    visibility: hidden;
}
.__hm-quiz--img__CHECK__VISIBLE {
    visibility: visible;
}




.hm-quiz--div__BUTTONS {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
@media (min-width: 768px) {
    .hm-quiz--div__BUTTONS {
        margin-top: 32px;
        flex-direction: row;
        justify-content: space-between;
    }
}
@media (min-width: 1440px) {
    .hm-quiz--div__BUTTONS {
        margin-top: 40px;
    }
}




.hm-quiz--button__NEXT,
.hm-quiz--button__PREV,
.hm-quiz--button__TRANSITION {
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-primary-inverse);
    background: linear-gradient(173deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .hm-quiz--button__NEXT,
    .hm-quiz--button__PREV,
    .hm-quiz--button__TRANSITION {
        padding: 12px 24px;
        border-radius: 12px;
    }
}
@media (min-width: 1440px) {
    .hm-quiz--button__NEXT,
    .hm-quiz--button__PREV,
    .hm-quiz--button__TRANSITION {
        padding: 16px 32px;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .hm-quiz--button__NEXT:hover,
    .hm-quiz--button__PREV:hover,
    .hm-quiz--button__TRANSITION:hover {
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.hm-quiz--button__NEXT:active,
.hm-quiz--button__PREV:active,
.hm-quiz--button__TRANSITION:active {
    background: none;
    background-color: var(--bg-accent-gradient-active)
}




.hm-quiz--div__SWIPER_PAGINATION.swiper-pagination-fraction {
    top: 16px;
    bottom: auto;
    left: 16px;
    right: auto;
    color: var(--text-secondary);
    text-align: start;
}
@media (min-width: 768px) {
    .hm-quiz--div__SWIPER_PAGINATION.swiper-pagination-fraction {
        top: 24px;
        left: 24px;
    }
}
@media (min-width: 1440px) {
    .hm-quiz--div__SWIPER_PAGINATION.swiper-pagination-fraction {
        top: 32px;
        left: 32px;
    }
}




.hm-quizModal1 {
    display: none;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    overflow-y: auto;
    background-color: hsla(0, 0%, 0%, 0.68);
}
.__hm-quizModal1__VISIBLE {
    display: flex;
}




.hm-quizModal1--form__FORM {
    padding: 64px 16px 10px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--bg-tetriary);
    border-radius: 24px 24px 0 0;
    overflow: auto;
}
@media (min-width: 768px) {
    .hm-quizModal1--form__FORM {
        padding: 92px 32px 64px;
    }
}
@media (min-width: 1440px) {
    .hm-quizModal1--form__FORM {
        margin-left: auto;
        padding: 90px 64px;
        max-height: none;
        height: 100%;
        max-width: 548px;
        position: static;
        border-radius: 24px 0 0 24px;
    }
}
@media (min-width: 1920px) {
    .hm-quizModal1--form__FORM {
        padding: 90px 72px 90px;
        max-width: 648px;
    }
}




.hm-quizModal1--button__CLOSE {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: var(--bg-secondary);
    border: none;
    border-radius: 50%;
}
@media (min-width: 1440px) {
    .hm-quizModal1--button__CLOSE {
        top: 32px;
        right: 32px;
    }
}




.hm-quizModal1--img__CLOSE {
    width: 12px;
}




.hm-quizModal1--h2 {
    margin-bottom: 12px;
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .hm-quizModal1--h2 {
        margin-bottom: 16px;
    }
}




.hm-quizModal1--p {
    margin-bottom: 24px;
    color: var(--text-secondary);
}
@media (min-width: 768px) {
    .hm-quizModal1--p {
        margin-bottom: 32px;
    }
}




.hm-quizModal1--label {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    color: var(--text-secondary);
}
@media (min-width: 1440px) {
    .hm-quizModal1--label {
        margin-bottom: 24px;
    }
}




.hm-quizModal1--label:last-of-type {
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .hm-quizModal1--label:last-of-type {
        margin-bottom: 80px;
    }
}
@media (min-width: 1440px) {
    .hm-quizModal1--label:last-of-type {
        margin-bottom: auto;
    }
}




.hm-quizModal1--input {
    padding: 16px;
    color: var(--text-tetriary);
    border: 1px solid var(--border-primary);
    border-radius: 12px;
}
@media (min-width: 1440px) {
    .hm-quizModal1--input {
        padding: 16px 24px;
    }
}




.hm-quizModal1--input::placeholder {
    opacity: 0.5;
}




.hm-quizModal1--button__SUBMIT {
    margin-bottom: 16px;
    padding: 16px 0;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .hm-quizModal1--button__SUBMIT {
        margin-bottom: 24px;
        height: 56px;
    }
}
@media (min-width: 1440px) {
    .hm-quizModal1--button__SUBMIT {
        margin: 24px 0;
        height: 64px;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .hm-quizModal1--button__SUBMIT:hover {
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.hm-quizModal1--button__SUBMIT:active {
    background: none;
    background-color: var(--bg-accent-gradient-active);
}




.hm-quizModal1--p__APPR {
    color: var(--text-secondary);
}




.hm-quizModal1--a__APPR {
    color: var(--text-accent);
    text-decoration: underline;
}
@media (any-hover: hover) {
    .hm-quizModal1--a__APPR:hover {
        color: var(--bg-accent-gradient-hover);
    }
}
.hm-quizModal1--a__APPR:active {
    color: var(--bg-accent-gradient-active);
}




.hm-quizModal2 {
    display: none;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    overflow-y: auto;
    background-color: hsla(0, 0%, 0%, 0.68);
}
.__hm-quizModal2__VISIBLE {
    display: flex;
}




.hm-quizModal2--div__READY {
    padding: 64px 16px 10px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--bg-tetriary);
    border-radius: 24px 24px 0 0;
    overflow: auto;
}
@media (min-width: 768px) {
    .hm-quizModal2--div__READY {
        padding: 92px 32px 64px;
    }
}
@media (min-width: 1440px) {
    .hm-quizModal2--div__READY {
        margin-left: auto;
        padding: 243px 50px 72px;
        max-height: none;
        height: 100%;
        max-width: 548px;
        position: static;
        border-radius: 24px 0 0 24px;
    }
}
@media (min-width: 1920px) {
    .hm-quizModal2--div__READY {
        padding: 333px 74px 72px;
        max-width: 648px;
    }
}




.hm-quizModal2--img__READY {
    margin-bottom: 24px;
    width: 120px;
}
@media (min-width: 768px) {
    .hm-quizModal2--img__READY {
        margin-bottom: 32px;
        width: 154px;
    }
}
@media (min-width: 1440px) {
    .hm-quizModal2--img__READY {
        margin-bottom: 40px;
    }
}




.hm-quizModal2--h2 {
    margin-bottom: 12px;
    color: var(--text-primary);
}
@media (min-width: 768px)  {
    .vp-heroModal2--h2 {
        margin-bottom: 16px;
    }
}




.hm-quizModal2--p__READY {
    margin-bottom: 24px;
    color: var(--text-secondary);
    text-align: center;
}
@media (min-width: 768px) {
    .hm-quizModal2--p__READY {
        margin-bottom: 40px;
    }
}




.hm-quizModal2--button__CLEAR {
    margin-bottom: 40px;
    padding: 16px 0;
    height: 48px;
    align-self: stretch;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .hm-quizModal2--button__CLEAR {
        margin-bottom: 80px;
        height: 56px;
        width: 455px;
        align-self: center;
    }
}
@media (min-width: 1440px) {
    .hm-quizModal2--button__CLEAR {
        margin-bottom: auto;
        height: 64px;
        width: auto;
        align-self: stretch;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .hm-quizModal2--button__CLEAR:hover {
        color: var(--text-primary-inverse);
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.hm-quizModal2--button__CLEAR:active {
    color: var(--text-primary-inverse);
    background: none;
    background-color: var(--bg-accent-gradient-active);
}




.hm-quizModal2--p__SN {
    margin-bottom: 24px;
    color: var(--text-secondary);
}
@media (min-width: 1440px) {
    .hm-quizModal2--p__SN {
        margin: 24px 0px;
    }
}




.hm-quizModal2--div__SN {
    display: flex;
    gap: 16px;
    align-items: center;
}




.hm-quizModal2--a__SN {
    height: 52px;
    width: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-secondary);
    border-radius: 50%;
}
@media (any-hover: hover) {
    .hm-quizModal2--a__SN:hover {
        box-shadow: 0 0 45px hsla(0, 0%, 62%, 75%);
    }
}







/* ---------- ********** FOOTER ********** ---------- */


.c-footer--div__CONTAINER {
    box-sizing: border-box;
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (min-width: 768px) {
    .c-footer--div__CONTAINER {
        padding: 52px 32px;
        gap: 50px;
    }
}
@media (min-width: 1440px) {
    .c-footer--div__CONTAINER {
        padding: 52px 64px;
        gap: 188px;
    }
}
@media (min-width: 1920px) {
    .c-footer--div__CONTAINER {
        margin: 0 auto;
        padding: 75px 0;
        width: 1776px;
    }
}




.c-footer--div__TOP {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}
@media (min-width: 768px) {
    .c-footer--div__TOP {
        flex-direction: row;
    }
}




.c-footer--div__FIRST {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
@media (min-width: 768px) {
    .c-footer--div__FIRST {
        width: 50vw;
    }
}
@media (min-width: 1440px) {
    .c-footer--div__FIRST {
        width: auto;
        flex-shrink: 0;
        align-items: stretch;
        gap: 15vw;
    }
}
@media (min-width: 1920px) {
    .c-footer--div__FIRST {
        gap: 333px;
    }
}




.c-footer--div__NAV {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (min-width: 1440px) {
    .c-footer--div__NAV {
        flex-shrink: 0;
        flex-direction: row;
        align-items: flex-start;
        gap: 7.85vw;
    }
}
@media (min-width: 1920px) {
    .c-footer--div__NAV {
        /* gap: 16.9vw; */
        gap: 324.75px;
    }
}




.c-footer--a__LOGO_MOB {
    margin-bottom: 41px;
}
@media (min-width: 768px) {
    .c-footer--a__LOGO_MOB {
        display: none;
    }
}




.c-footer--img__LOGO_MOB {
    width: 97px;
    display: block;
}




.c-footer--a__LOGO {
    display: none;
}
@media (min-width: 768px) {
    .c-footer--a__LOGO {
        margin-bottom: 40px;
        display: block;
    }
}
@media (min-width: 1440px) {
    .c-footer--a__LOGO {
        margin-bottom: 0;
    }
}




.c-footer--img__LOGO {
    width: 198px;
}
@media (min-width: 1440px) {
    .c-footer--img__LOGO {
        width: 219px;
    }
}
@media (min-width: 1920px) {
    .c-footer--img__LOGO {
        width: 274px;
    }
}




.c-footer--div__LINKS {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (min-width: 1440px) {
    .p-footer--div__LINKS {
        gap: 12px;
    }
}




.c-footer--a__NAV {
    padding: 4px 8px 4px 0;
    color: var(--text-primary);
    border-radius: 24px;
    cursor: pointer;
}
@media (min-width: 768px) {
    .c-footer--a__NAV {
        padding: 8px 9px 8px 0;
    }
}
@media (min-width: 1440px) {
    .c-footer--a__NAV {
        padding: 8px 11px 8px 0;
    }
}
@media (any-hover: hover) {
    .c-footer--a__NAV:hover {
        color: var(--text-accent);
    }
}
.c-footer--a__NAV:active {
    color: var(--bg-accent-gradient-active);
}





.c-footer--div__INFO {
    display: flex;
    flex-direction: column;
    margin-right: 45px;
}
@media (min-width: 768px) {
    .c-footer--div__INFO {
        margin-right: 0;
    }
}




.c-footer--p__HEAD {
    margin-bottom: 4px;
    color: var(--text-secondary);
}
@media (min-width: 768px) {
    .c-footer--p__HEAD {
        margin-bottom: 8px;
    }
}




.c-footer--p__BODY {
    margin-bottom: 16px;
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .c-footer--p__BODY {
        margin-bottom: 24px;
    }
}
@media (min-width: 1440px) {
    .c-footer--p__BODY {
        margin-bottom: 35px;
    }
}
.c-footer--p__BODY.last {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}




.c-footer--div__SECOND {
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .c-footer--div__SECOND {
        gap: 70px;
    }
}
@media (min-width: 1440px) {
    .c-footer--div__SECOND {
        gap: 58px;
    }
}




.c-footer--div__CONTACTS {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    gap: 8px;
}
@media (min-width: 768px) {
    .c-footer--div__CONTACTS  {
        position: static;
        gap: 12px;
    }
}
@media (min-width: 1440px) {
    .c-footer--div__CONTACTS  {
        gap: 17px;
        align-items: flex-end;
    }
}




.c-footer--a__TEL.mob {
    color: var(--text-primary);
}
@media (min-width: 1440px) {
    .c-footer--a__TEL.mob {
        display: none;
    }
}




.c-footer--a__TEL.desk {
    display: none;
    color: var(--text-primary);
}
@media (min-width: 1440px) {
    .c-footer--a__TEL.desk {
        display: block;
    }
}




.c-footer--a__MAIL {
    font-size: 18px;
    line-height: 1.5;
    color: var(--text-accent);
    text-decoration: underline;
}
@media (min-width: 768px) {
    .c-footer--a__MAIL {
        font-size: 20px;
    }
}
@media (min-width: 1440px) {
    .c-footer--a__MAIL {
        font-size: 32px;
        line-height: 1.1;
    }
}




.c-footer--div__SN {
    margin-top: 40px;
    display: flex;
    gap: 16px;
}
@media (min-width: 768px) {
    .c-footer--div__SN {
        margin-top: auto;
        gap: 24px;
    }
}
@media (min-width: 1440px) {
    .c-footer--div__SN {
        justify-content: flex-end;
    }
}




.c-footer--a__SN {
    height: 52px;
    width: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-tetriary);
    box-shadow: 0 0 45px hsla(0, 0%, 62%, 25%);
    border-radius: 50%;
}
@media (any-hover: hover) {
    .c-footer--a__SN:hover {
        box-shadow: 0 0 45px hsla(0, 0%, 62%, 75%);
    }
}




.c-footer--div__BOTTOM {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
@media (min-width: 1440px) {
    .c-footer--div__BOTTOM {
        flex-direction: row;
    }
}




.c-footer--p__BOTTOM, .c-footer--p__BOTTOM a {
    color: var(--text-secondary);
}
@media (min-width: 1440px) {
    .c-footer--p__BOTTOM:first-of-type {
        margin-right: 7vw;
    }
    .c-footer--p__BOTTOM:nth-of-type(2) {
        margin-right: auto;
    }
}
@media (min-width: 1920px) {
    .c-footer--p__BOTTOM:first-of-type {
        margin-right: 365px;
    }
    .c-footer--p__BOTTOM:nth-of-type(2) {
        margin-right: auto;
    }
    .c-footer--p__BOTTOM:last-of-type {
        margin-right: 4px;
    }
}













/* ********** ********** КАТАЛОГ ********** ***********/







/* ---------- ********** СЕКЦИЯ HERO ********** ---------- */


.c-hero {
    padding-bottom: 75px;
    background-color: var(--bg-secondary);
}
@media (min-width: 768px) {
    .c-hero  {
        padding-bottom: 132px;
    }
}
@media (min-width: 1440px) {
    .c-hero  {
        padding-bottom: 164px;
    }
}
@media (min-width: 1920px) {
    .c-hero  {
        padding-bottom: 190px;
    }
}




.c-hero--div__CONTAINER {
    padding: 88px 16px 32px;
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .c-hero--div__CONTAINER  {
        padding: 112px 32px 32px;
    }
}
@media (min-width: 1440px) {
    .c-hero--div__CONTAINER  {
        padding: 137px 64px 40px;
    }
}
@media (min-width: 1920px) {
    .c-hero--div__CONTAINER  {
        margin: 0 auto;
        padding: 160px 0 40px;
        width: 1776px;
    }
}




.c-hero--ul__BC {
    margin-bottom: 32px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
}
@media (min-width: 768px) {
    .c-hero--ul__BC {
        margin-bottom: 48px;
        gap: 12px;
    }
}
@media (min-width: 1440px) {
    .c-hero--ul__BC {
        margin-bottom: 64px;
    }
}
@media (any-hover: hover) {
    .c-hero--ul__BC:hover {
        color: var(--text-accent);
    }
}
.c-hero--ul__BC:active {
    color: var(--bg-accent-gradient-active);
}




.c-hero--a__BC {
    color: hsl(208, 16%, 42%);
    opacity: 0.5;
}
@media (any-hover: hover) {
    .c-hero--a__BC:hover {
        color: var(--text-accent);
    }
}
.c-hero--a__BC:active {
    color: var(--bg-accent-gradient-active);
}




.__c-hero--a__BC__SEL {
    opacity: 1;
}




.c-hero--a__BC span {
    margin-right: 8px;
}
@media (min-width: 768px) {
    .c-hero--a__BC span {
        margin-right: 12px;
    }
}




.c-hero--h1 {
    margin-left: -1px;
    display: inline-block;
    color: var(--text-primary);
}
@media (min-width: 1440px) {
    .c-hero--h1 {
        margin-left: -3px;
    }
}






/* ---------- ********** СЕКЦИЯ SEL ********** ---------- */


.ct-sel--button__CATALOG {
    margin-top: 32px;
    padding: 8px 24px;
    justify-content: center;
    align-self: center;
    color: var(--text-accent);
    background-color: var(--bg-tetriary);
    border: none;
    border-radius: 12px;
}
.main-page .ct-sel--button__CATALOG{
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-hover);    
}
@media (min-width: 768px) {
    .ct-sel--button__CATALOG {
        margin-top: 48px;
        padding: 12px 32px;
    }
}
@media (min-width: 1440px) {
    .ct-sel--button__CATALOG {
        margin-top: 52px;
        padding: 16px 32px;
        border-radius: 16px;
    }
}
@media (min-width: 1920px) {
    .ct-sel--button__CATALOG {
        margin-top: 64px;
    }
}
@media (any-hover: hover) {
    .ct-sel--button__CATALOG:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
    .main-page .ct-sel--button__CATALOG:hover {
        color: var(--text-accent);
        background-color: var(--bg-tetriary);
    }
}
.ct-sel--button__CATALOG:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}
.__ct-sel--button__CATALOG__HIDDEN {
    display: none;
}




.c-sel--div__BLOCK.ct-last {
    display: none;
}
.__c-sel--div__BLOCK__VIS {
    display: flex;
}







/* ---------- ********** СЕКЦИЯ TEXT ********** ---------- */


.ct-text {
    position: relative;
    background-color: var(--bg-tetriary);
    border-radius: 0 0 32px 32px;
}
@media (min-width: 768px) {
    .ct-text {
        border-radius: 0 0 48px 48px;
    }
}
@media (min-width: 768px) {
    .ct-text {
        border-radius: 0 0 64px 64px;
    }
}




.ct-text--div__EMPTY {
    height: 80px;
    width: 100%;
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: var(--bg-tetriary);
}




.ct-text--div__CONTAINER {
    padding: 40px 16px 52px;
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .ct-text--div__CONTAINER  {
        padding: 52px 32px 64px;
    }
}
@media (min-width: 1440px) {
    .ct-text--div__CONTAINER  {
        padding: 52px 64px 80px;
    }
}
@media (min-width: 1920px) {
    .ct-text--div__CONTAINER  {
        margin: 0 auto;
        padding: 120px 0;
        width: 1776px;
    }
}




.ct-text--div__VAR {
    display: none;
    flex-direction: column;
}




.__ct-text--div__VAR__CHECKED {
    display: flex;
}




.ct-text--h2,
.ct-text--p {
    color: var(--text-primary);
}




.ct-text--h2 {
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .ct-text--h2  {
        margin-bottom: 24px;
    }
}
@media (min-width: 1440px) {
    .ct-text--h2  {
        margin-bottom: 32px;;
    }
}
@media (min-width: 1920px) {
    .ct-text--h2  {
        margin-bottom: 48px;
    }
}







/* ---------- ********** FOOTER ********** ---------- */


.ct-footer {
    background-color: var(--bg-primary);
}














/* ********** ********** СТРАНИЦА ПОСЕЛКА ********** ***********/







/* ---------- ********** СЕКЦИЯ HERO ********** ---------- */


.vp-hero {
    position: relative;
}


.vp-hero--div__SWIPER {
    height: 812px;
    width: 100%;
}
@media (min-width: 768px) {
    .vp-hero--div__SWIPER {
        height: 1024px;
    }
}
@media (min-width: 1440px) {
    .vp-hero--div__SWIPER {
        height: 810px;
    }
}
@media (min-width: 1920px) {
    .vp-hero--div__SWIPER {
        height: 1080px;
    }
}




.vp-hero--div__SWIPER_SLIDE {
    width: 100%;
    background: url("../images/vp-hero.jpg") center/cover;
}
.__vp-hero--div__SWIPER_SLIDE__SUMMER {
    background: url("../images/vp-hero-summer.jpg") center/cover;
}




.vp-hero--div__SWIPER_PAGINATION {
    padding: 0 16px;
    height: 6px;
    width: calc(100% - 32px) !important;
    bottom: 77px !important;
    display: flex;
    justify-content: space-between;
}
@media (min-width: 768px) {
    .vp-hero--div__SWIPER_PAGINATION {
        padding: 0 32px;
        width: calc(100% - 64px) !important;
        bottom: 93px !important;
    }
}
@media (min-width: 1440px) {
    .vp-hero--div__SWIPER_PAGINATION {
        padding: 0;
        width: calc(57% - 128px) !important;
        left: auto !important;
        right: 64px !important;
        bottom: 101px !important;
    }
}
@media (min-width: 1920px) {
    .vp-hero--div__SWIPER_PAGINATION {
        width: calc(1154.4px - 142px) !important;
        left: auto !important;
        right: calc((100vw - 1776px) / 2) !important;
        bottom: 125px !important;
    }
}




.vp-hero--div__SWIPER_PAGINATION .swiper-pagination-bullet {
    height: 100%;
    width: 5.5%;
    border-radius: 123px;
    background-color: var(--white) !important;
    opacity: 0.24;
}




.vp-hero--div__SWIPER_PAGINATION .swiper-pagination-bullet-active {
    width: 5.5%;
    border-radius: 123px;
    background-color: var(--icon-accent) !important;
    opacity: 0.8;
}




.vp-hero--ul__BC {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    position: absolute;
    top: 88px;
    left: 16px;
    z-index: 2;
    list-style-type: none;
}
@media (min-width: 768px) {
    .vp-hero--ul__BC {
        gap: 12px;
        top: 104px;
        left: 32px;
    }
}
@media (min-width: 1440px) {
    .vp-hero--ul__BC {
        top: 120px;
        left: 64px;
    }
}
@media (min-width: 1920px) {
    .vp-hero--ul__BC {
        top: 160px;
        left: calc((100vw - 1776px) / 2);
    }
}




.vp-hero--a__BC {
    color: var(--text-primary-inverse);
    opacity: 0.5;
}
@media (any-hover: hover) {
    .vp-hero--a__BC:hover {
        color: var(--text-accent);
    }
}
.vp-hero--a__BC:active {
    color: var(--bg-accent-gradient-active);
}




.__vp-hero--a__BC__SEL {
    opacity: 1;
}




.vp-hero--a__BC span {
    margin-right: 8px;
}
@media (min-width: 768px) {
    .vp-hero--a__BC span {
        margin-right: 12px;
    }
}




.vp-heroInfo {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 235px;
    z-index: 2;
}
@media (min-width: 768px) {
    .vp-heroInfo {
        width: 535px;
        left: 32px;
        right: auto;
        bottom: 140px;
    }
}
@media (min-width: 1440px) {
    .vp-heroInfo {
        flex-direction: column-reverse;
        left: 64px;
        bottom: 35px;
    }
}
@media (min-width: 1920px) {
    .vp-heroInfo {
        width: 577px;
        left: calc((100vw - 1776px) / 2);
        bottom: 50px;
    }
}




.vp-heroInfo--div__TAGS {
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
@media (min-width: 1440px) {
    .vp-heroInfo--div__TAGS {
        margin-bottom: 0;
    }
}




.vp-heroInfo--p__TAGS {
    padding: 4px 8px;
    color: var(--text-primary-inverse);
    background-color: hsla(216, 29%, 97%, 0.24);
    border-radius: 32px;
}
@media (min-width: 1440px) {
    .vp-heroInfo--p__TAGS {
        padding: 8px 16px;
    }
}




.vp-heroInfo--h1 {
    margin-bottom: 8px;
    color: var(--text-primary-inverse);
}
@media (min-width: 768px) {
    .vp-heroInfo--h1 {
        margin-bottom: 12px;
        font-size: 40px;
    }
}
@media (min-width: 1440px) {
    .vp-heroInfo--h1 {
        margin-bottom: 16px;
        font-size: 52px;
    }
}
@media (min-width: 1920px) {
    .vp-heroInfo--h1 {
        margin-bottom: 32px;
        font-size: 64px;
    }
}




.vp-heroInfo--p__INFO {
    max-width: 352px;
    color: var(--text-primary-inverse);
}
@media (min-width: 768px) {
    .vp-heroInfo--p__INFO {
        max-width: 535px;
    }
}
@media (min-width: 1440px) {
    .vp-heroInfo--p__INFO {
        margin-bottom: 33px;
        max-width: 515px;
    }
}
@media (min-width: 1920px) {
    .vp-heroInfo--p__INFO {
        margin-bottom: 41px;
    }
}




.vp-heroFilters {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 751px;
    left: 16px;
    right: 16px;
    z-index: 2;
}
@media (min-width: 768px) {
    .vp-heroFilters {
        width: calc(100% - 64px);
        top: 952px;
        left: 32px;
        right: auto;
    }
}
@media (min-width: 1440px) {
    .vp-heroFilters {
        width: calc(57% - 128px);
        top: 730px;
        left: auto;
        right: 64px;
    }
}
@media (min-width: 1920px) {
    .vp-heroFilters {
        width: calc(1154.4px - 142px);
        top: 988px;
        right: calc((100vw - 1776px) / 2);
    }
}




.vp-heroFilters--div__SEASONS {
    display: flex;
    align-items: center;
    gap: 5px;
}
@media (min-width: 450px) {
    .vp-heroFilters--div__SEASONS {
        gap: 8px;
    }
}
@media (min-width: 768px) {
    .vp-heroFilters--div__SEASONS {
        gap: 138px;
    }
}




.vp-heroFilters--button__SEASONS {
    padding: 8.5px 8.5px;
    display: flex;
    align-items: center;
    gap: 3.5px;
    color: #fff;
    background-color: hsla(216, 29%, 97%, 0.24);
    border: none;
    border-radius: 32px;
}
@media (min-width: 450px) {
    .vp-heroFilters--button__SEASONS {
        gap: 10.5px;
        padding: 8.5px 14.5px;
    }
}
@media (min-width: 768px) {
    .vp-heroFilters--button__SEASONS {
        padding: 11px 16px;
        gap: 12px;
        font-size: 16px;
        line-height: 1.5;
    }
}




.vp-heroFilters--img {
    width: 15px;
}
@media (min-width: 768px) {
    .vp-heroFilters--img {
        width: 18px;
    }
}




.vp-heroFilters--button__ALL {
    padding: 9px 16px 8px;
    /* font-weight: 600; */
    font-size: 14px;
    line-height: 16px;
    color: var(--text-accent);
    background-color: var(--bg-secondary);
    border: none;
    border-radius: 8px;
}
@media (min-width: 768px) {
    .vp-heroFilters--button__ALL {
        padding: 13px 16px 12px;
        font-size: 16px;
    }
}
@media (any-hover: hover) {
    .vp-heroFilters--button__ALL:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
}
.vp-heroFilters--button__ALL:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}




.vp-hero--h2 {
    margin: 52px auto 16px;
    width: calc(100% - 32px);
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .vp-hero--h2 {
        display: none;
    }
}




.vp-heroSignUp {
    margin: 0 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    background-color: var(--bg-tetriary);
    border-radius: 16px;
    box-shadow: 0 4px 67.5px hsla(0, 0%, 64%, 0.25);
}
.vp-heroSignUp.vp-heroSignUp-no-timer{
    background-color: transparent;
}
@media (min-width: 768px) {
    .vp-heroSignUp {
        margin: 0;
        height: auto;
        width: auto;
        position: absolute;
        top: 104px;
        right: 32px;
        z-index: 2;
        box-shadow: none;
    }
}
@media (min-width: 1440px) {
    .vp-heroSignUp {
        padding: 24px;
        top: 120px;
        right: 64px;
    }
}
@media (min-width: 1920px) {
    .vp-heroSignUp {
        top: 136px;
        right: calc((100vw - 1776px) / 2);
    }
}




.vp-heroSignUp--div__TOP {
    display: flex;
    align-items: center;
    gap: 8px;
}




.vp-heroSignUp--img__ARR {
    width: 24px;
}




.vp-heroSignUp--p__TOP {
    padding-top: 3px;
    color: var(--text-secondary);
}




.vp-heroSignUp--div__NUMBERS {
    margin: 8px 0 16px;
    display: flex;
    gap: 4vw;
}
@media (min-width: 375px) {
    .vp-heroSignUp--div__NUMBERS {
        gap: 16px;
    }
}
@media (min-width: 768px) {
    .vp-heroSignUp--div__NUMBERS {
        margin: 16px 0 16px;
    }
}
@media (min-width: 1440px) {
    .vp-heroSignUp--div__NUMBERS {
        margin: 16px 0 24px;
    }
}




.vp-heroSignUp--p {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    /* font-weight: 600; */
    font-size: 32px;
    line-height: 1.1;
    color: var(--text-primary);
}
@media (min-width: 1440px) {
    .vp-heroSignUp--p {
        font-size: 40px;
    }
}




.vp-heroSignUp--p:nth-of-type(2n-1) {
    width: 41px;
}
@media (min-width: 1440px) {
    .vp-heroSignUp--p:nth-of-type(2n-1) {
        width: 56px;
        font-size: 45px;
    }
}




.vp-heroSignUp--p span {
    color: var(--text-secondary);
}




.vp-heroSignUp--button {
    height: 48px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    padding: 0 20px;
}
@media (min-width: 768px) {
    .vp-heroSignUp--button {
        height: 56px;
    }
}
@media (min-width: 1440px) {
    .vp-heroSignUp--button {
        height: 64px;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .vp-heroSignUp--button:hover {
        color: var(--text-primary-inverse);
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.vp-heroSignUp--button:active {
    color: var(--text-primary-inverse);
    background: none;
    background-color: var(--bg-accent-gradient-active);
}




.vp-heroModal1, .vp-heroModal3 {
    display: none;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    overflow-y: auto;
    background-color: hsla(0, 0%, 0%, 0.68);
}
.vp-heroModalOrder{
    display: none;
    flex-direction: column;
    position: fixed;
    top: 30px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    overflow-y: auto;
    background-color: hsla(0, 0%, 0%, 0.68);
}
/*  .vp-heroModalOrder form.hm-quizModal2--div__READY {*/
/*  .vp-heroModalOrder form{
    margin-left: auto;
    max-height: none;
    max-width: 548px;
    position: static;
    border-radius: 24px 0 0 24px;
  }*/
.__vp-heroModal1__VISIBLE, .__vp-heroModal3__VISIBLE {
    display: flex;
}




.vp-heroModal1--form__FORM, .vp-heroModal3--form__FORM {
    padding: 64px 16px 10px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--bg-tetriary);
    border-radius: 24px 24px 0 0;
    overflow: auto;
}
@media (min-width: 768px) {
    .vp-heroModal1--form__FORM, .vp-heroModal3--form__FORM {
        padding: 92px 32px 64px;
    }
}
@media (min-width: 1440px) {
    .vp-heroModal1--form__FORM, .vp-heroModal3--form__FORM {
        margin-left: auto;
        padding: 90px 64px;
        max-height: none;
        height: 100%;
        max-width: 548px;
        position: static;
        border-radius: 24px 0 0 24px;
    }
}
@media (min-width: 1920px) {
    .vp-heroModal1--form__FORM, .vp-heroModal3--form__FORM {
        padding: 90px 72px 90px;
        max-width: 648px;
    }
}




.vp-heroModal1--button__CLOSE, .vp-heroModal3--button__CLOSE {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: var(--bg-secondary);
    border: none;
    border-radius: 50%;
}
@media (min-width: 1440px) {
    .vp-heroModal1--button__CLOSE, .vp-heroModal3--button__CLOSE {
        top: 32px;
        right: 32px;
    }
}




.vp-heroModal1--img__CLOSE, vp-heroModal3--img__CLOSE {
    width: 12px;
}




.vp-heroModal1--h2 {
    margin-bottom: 12px;
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .vp-heroModal1--h2 {
        margin-bottom: 16px;
    }
}




.vp-heroModal1--p {
    margin-bottom: 24px;
    color: var(--text-secondary);
}
@media (min-width: 768px) {
    .vp-heroModal1--p {
        margin-bottom: 32px;
    }
}




.vp-heroModal1--label {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    color: var(--text-secondary);
}
@media (min-width: 1440px) {
    .vp-heroModal1--label {
        margin-bottom: 24px;
    }
}




.vp-heroModal1--label:last-of-type {
    margin-bottom: 40px;
}
@media (min-width: 768px) {
    .vp-heroModal1--label:last-of-type {
        margin-bottom: 80px;
    }
}
@media (min-width: 1440px) {
    .vp-heroModal1--label:last-of-type {
        margin-bottom: auto;
    }
}




.vp-heroModal1--input {
    padding: 16px;
    color: var(--text-tetriary);
    border: 1px solid var(--border-primary);
    border-radius: 12px;
}
@media (min-width: 1440px) {
    .vp-heroModal1--input {
        padding: 16px 24px;
    }
}




.vp-heroModal1--input::placeholder {
    opacity: 0.5;
}




.vp-heroModal1--button__SUBMIT {
    margin-bottom: 16px;
    padding: 16px 0;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .vp-heroModal1--button__SUBMIT {
        margin-bottom: 24px;
        height: 64px;
    }
}
@media (min-width: 1440px) {
    .vp-heroModal1--button__SUBMIT {
        margin: 24px 0;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .vp-heroModal1--button__SUBMIT:hover {
        color: var(--text-primary-inverse);
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.vp-heroModal1--button__SUBMIT:active {
    color: var(--text-primary-inverse);
    background: none;
    background-color: var(--bg-accent-gradient-active);
}




.vp-heroModal1--p__APPR {
    color: var(--text-secondary);
}




.vp-heroModal1--a__APPR {
    color: var(--text-accent);
    text-decoration: underline;
}
@media (any-hover: hover) {
    .vp-heroModal1--a__APPR:hover {
        color: var(--bg-accent-gradient-hover);
    }
}
.vp-heroModal1--a__APPR:hover {
    color: var(--bg-accent-gradient-active);
}




.vp-heroModal2, .vp-heroModal4 {
    display: none;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    overflow-y: auto;
    background-color: hsla(0, 0%, 0%, 0.68);
}
.__vp-heroModal2__VISIBLE, .__vp-heroModal4__VISIBLE {
    display: flex;
}




.vp-heroModal2--div__READY {
    padding: 64px 16px 10px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--bg-tetriary);
    border-radius: 24px 24px 0 0;
    overflow: auto;
}
@media (min-width: 768px) {
    .vp-heroModal2--div__READY {
        padding: 92px 32px 64px;
    }
}
@media (min-width: 1440px) {
    .vp-heroModal2--div__READY {
        margin-left: auto;
        padding: 243px 50px 72px;
        max-height: none;
        height: 100%;
        max-width: 548px;
        position: static;
        border-radius: 24px 0 0 24px;
    }
}
@media (min-width: 1920px) {
    .vp-heroModal2--div__READY {
        padding: 333px 74px 72px;
        max-width: 648px;
    }
}




.vp-heroModal2--img__READY {
    margin-bottom: 24px;
    width: 120px;
}
@media (min-width: 768px) {
    .vp-heroModal2--img__READY {
        margin-bottom: 32px;
        width: 154px;
    }
}
@media (min-width: 1440px) {
    .vp-heroModal2--img__READY {
        margin-bottom: 40px;
    }
}




.vp-heroModal2--h2 {
    margin-bottom: 12px;
    color: var(--text-primary);
}
@media (min-width: 768px)  {
    .vp-heroModal2--h2 {
        margin-bottom: 16px;
    }
}




.vp-heroModal2--p__READY {
    margin-bottom: 24px;
    color: var(--text-secondary);
    text-align: center;
}
@media (min-width: 768px) {
    .vp-heroModal2--p__READY {
        margin-bottom: 40px;
    }
}




.vp-heroModal2--button__CLEAR {
    margin-bottom: 40px;
    padding: 16px 0;
    height: 48px;
    align-self: stretch;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .vp-heroModal2--button__CLEAR {
        margin-bottom: 80px;
        height: 56px;
        width: 455px;
        align-self: center;
    }
}
@media (min-width: 1440px) {
    .vp-heroModal2--button__CLEAR {
        margin-bottom: auto;
        height: 64px;
        width: auto;
        align-self: stretch;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .vp-heroModal2--button__CLEAR:hover {
        color: var(--text-primary-inverse);
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.vp-heroModal2--button__CLEAR:active {
    color: var(--text-primary-inverse);
    background: none;
    background-color: var(--bg-accent-gradient-active);
}




.vp-heroModal2--p__SN {
    margin-bottom: 24px;
    color: var(--text-secondary);
}
@media (min-width: 1440px) {
    .vp-heroModal2--p__SN {
        margin: 24px 0px;
    }
}




.vp-heroModal2--div__SN {
    display: flex;
    gap: 16px;
    align-items: center;
}




.vp-heroModal2--a__SN {
    height: 52px;
    width: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--bg-secondary);
    border-radius: 50%;
}
@media (any-hover: hover) {
    .vp-heroModal2--a__SN:hover {
        box-shadow: 0 0 45px hsla(0, 0%, 62%, 75%);
    }
}




.vp-heroPhoto {
    display: none;
    flex-direction: column-reverse;
    position: fixed;
    top: 0;
    height: 100vh;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    overflow-y: auto;
    background-color: var(--bg-tetriary);
}
@media (min-width: 1440px) {
    .vp-heroPhoto {
        flex-direction: row-reverse;
        justify-content: space-between;
    }
}
.__vp-heroPhoto__VISIBLE {
    display: flex;
}




.vp-heroPhoto--button__CLOSE_MOB {
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 12;
    background-color: var(--bg-tetriary);
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 51.2px 0 hsla(0, 0%, 18%, 25%);
    transition: right 0.4s;
}
@media (min-width: 768px) {
    .vp-heroPhoto--button__CLOSE_MOB {
        top: 32px;
        right: 32px;
    }
}
@media (min-width: 1440px) {
    .vp-heroPhoto--button__CLOSE_MOB {
        display: none;
    }
}




.vp-heroPhoto--div__FILTERS {
    box-sizing: border-box;
    padding: 40px 16px 10px;
    height: 61.69vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 2.96vh;
    left: 0;
    z-index: 2;
    background-color: var(--bg-tetriary);
    border-radius: 24px 24px 0 0;
    overflow: auto;
}
@media (min-width: 768px) {
    .vp-heroPhoto--div__FILTERS {
        padding: 40px 32px 20px;
        height: 53.51vh;
        bottom: 2.73vh;
    }
}
@media (min-width: 1025px) {
    .vp-heroPhoto--div__FILTERS {
        height: 30vh;
    }
}
@media (min-width: 1440px) {
    .vp-heroPhoto--div__FILTERS {
        padding: 90px 64px 74px;
        height: 100vh;
        width: 40%;
        position: relative;
        bottom: auto;
        background-color: var(--bg-secondary);
        border-radius: 24px 0 0 24px;
    }
}
@media (min-width: 1920px) {
    .vp-heroPhoto--div__FILTERS {
        padding: 90px 72px 64px;
        width: 33.75%;
    }
}




.vp-heroPhoto--button__CLOSE {
    padding: 6px;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: var(--bg-secondary);
    border: none;
    border-radius: 50%;
}
@media (min-width: 1440px) {
    .vp-heroPhoto--button__CLOSE {
        padding: 12px;
        display: flex;
        top: 24px;
        right: 24px;
    }
}




.vp-heroPhoto--img__CLOSE {
    width: 16px;
}
@media (min-width: 1440px) {
    .vp-heroPhoto--img__CLOSE {
        width: 24px;
    }
}




.vp-heroPhoto--h2 {
    margin-bottom: 24px;
    color: var(--text-primary);
}
@media (min-width: 1440px) {
    .vp-heroPhoto--h2 {
        margin-bottom: 32px;
    }
}




.vp-heroPhoto--p__LABEL {
    margin-bottom: 16px;
    color: var(--text-secondary);
}




.vp-heroPhoto--div__BLOCK {
    margin-bottom: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    border: none;
}
@media (min-width: 1440px) {
    .vp-heroPhoto--div__BLOCK {
        margin-bottom: 32px;
    }
}




.vp-heroPhoto--button__CHOICE {
    height: 46px;
    /* width: 165px; */
    width: 47%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: var(--text-primary);
    border: 1px solid var(--border-primary);
    border-radius: 64px;
    cursor: pointer;
}
@media (min-width: 768px) {
    .vp-heroPhoto--button__CHOICE {
        height: 49px;
        width: 200px;
    }
}
@media (min-width: 1440px) {
    .vp-heroPhoto--button__CHOICE {
        height: 60px;
        width: 200px;
    }
}
@media (min-width: 1920px) {
    .vp-heroPhoto--button__CHOICE {
        height: 60px;
        width: 246px;
    }
}
@media (any-hover: hover) {
    .vp-heroPhoto--button__CHOICE:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
    .vp-heroPhoto--button__CHOICE.disabled:hover {
        color: var(--text-primary);
        background-color: none;
    }
}
.vp-heroPhoto--button__CHOICE:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}
.__vp-heroPhoto--button__CHOICE__SELECTED {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent);
}




.vp-heroPhoto--button__CHOICE input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}




.vp-heroPhoto--div__SLIDER {
    box-sizing: border-box;
    height: 41.26vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: auto;
}
@media (min-width: 768px) {
    .vp-heroPhoto--div__SLIDER {
        height: 49.21vh;
    }
}
@media (min-width: 1025px) {
    .vp-heroPhoto--div__SLIDER {
        height: 70%;
    }
}
@media (min-width: 1440px) {
    .vp-heroPhoto--div__SLIDER {
        padding: 90px 64px 74px;
        height: 100vh;
        width: 60%;
        position: relative;
    }
}
@media (min-width: 1920px) {
    .vp-heroPhoto--div__SLIDER {
        padding: 90px 72px 64px;
        width: 66.25%;
    }
}




.vp-heroPhoto--div__SWIPER1 {
    width: 100%;
}
@media (min-width: 1440px) {
    .vp-heroPhoto--div__SWIPER1 {
        margin-bottom: 64px;
    }
}
@media (min-width: 1920px) {
    .vp-heroPhoto--div__SWIPER1 {
        margin-bottom: 40px;
    }
}




.vp-heroPhoto--div__SWIPER1_SLIDE {
    height: 41.26vh;
    width: 100%;
    background: url("../images/vp-hero-slide01.jpg") center / cover no-repeat;
}
@media (min-width: 768px) {
    .vp-heroPhoto--div__SWIPER1_SLIDE {
        height: 49.21vh;
    }
}
@media (min-width: 1025px) {
    .vp-heroPhoto--div__SWIPER1_SLIDE {
        height: 70vh;
    }
}
@media (min-width: 1440px) {
    .vp-heroPhoto--div__SWIPER1_SLIDE {
        height: 60vh;
        border-radius: 24px;
    }
}
@media (min-width: 1920px) {
    .vp-heroPhoto--div__SWIPER1_SLIDE {
        height: 71vh;
        border-radius: 32px;
    }
}




.vp-heroPhoto--img__MAX {
    width: 100%;
}




.vp-heroPhoto--div__SWIPER1_BUTTON_PREV,
.vp-heroPhoto--div__SWIPER1_BUTTON_NEXT {
    height: 56px;
    width: 56px;
    display: none;
    justify-content: center;
    align-items: center;
    top: 50%;
    background-color: var(--bg-secondary);
    border: none;
    border-radius: 50%;
}
.vp-heroPhoto--div__SWIPER1_BUTTON_PREV::after,
.vp-heroPhoto--div__SWIPER1_BUTTON_NEXT::after {
    content: "";
}
@media (min-width: 1440px) {
    .vp-heroPhoto--div__SWIPER1_BUTTON_PREV,
    .vp-heroPhoto--div__SWIPER1_BUTTON_NEXT {
        display: flex;
    }
}




.vp-heroPhoto--img__PREV,
.vp-heroPhoto--img__NEXT {
    width: 24px;
}




.vp-heroPhoto--div__SWIPER_PAGINATION {
    padding: 0 16px;
    height: 4px;
    width: calc(100% - 32px) !important;
    bottom: 20% !important;
    display: flex;
    justify-content: space-between;
}
@media (min-width: 768px) {
    .vp-heroPhoto--div__SWIPER_PAGINATION {
        padding: 0 32px;
        height: 6px;
        width: calc(100% - 64px) !important;
        bottom: 15% !important;
    }
}
@media (min-width: 1440px) {
    .vp-heroPhoto--div__SWIPER_PAGINATION {
        display: none;
    }
}




.vp-heroPhoto--div__SWIPER_PAGINATION .swiper-pagination-bullet {
    height: 100%;
    width: 5%;
    border-radius: 123px;
    background-color: var(--white) !important;
    opacity: 0.32;
    transition: width 0.4s;
}
@media (min-width: 768px) {
    .vp-heroPhoto--div__SWIPER_PAGINATION .swiper-pagination-bullet {
        width: 4.4%;
    }
}




.vp-heroPhoto--div__SWIPER_PAGINATION .swiper-pagination-bullet-active {
    width: 26.24%;
    border-radius: 123px;
    background-color: var(--bg-tetriary) !important;
    opacity: 0.8;
}
@media (min-width: 768px) {
    .vp-heroPhoto--div__SWIPER_PAGINATION .swiper-pagination-bullet-active {
        width: 11%;
    }
}




.vp-heroPhoto--div__SWIPER2 {
    display: none;
}
@media (min-width: 1440px) {
    .vp-heroPhoto--div__SWIPER2 {
        display: flex;
    }
}




.vp-heroPhoto--div__SWIPER2_WRAPPER {
    margin-bottom: 16px;
}




.vp-heroPhoto--img__MINI {
    width: 100%;
}




.vp-heroPhoto--div__SWIPER2_SCROLLBAR .swiper-scrollbar-drag {
    background-color: var(--bg-accent);
}







/* ---------- ********** СЕКЦИЯ MAP ********** ---------- */


.vp-map {
    margin-top: 52px;
    padding: 16px 16px 84px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
@media (min-width: 1200px) {
    .vp-map {
        margin-top: 0;
        padding: 0;
    } 
}
.__vp-map__OPENMAP {
    height: 812px;
}




.vp-map--h2 {
    margin-bottom: 8px;
    color: var(--text-primary);
}
@media (min-width: 1200px) {
    .vp-map--h2 {
        display: none;
    } 
}




.vp-map--p {
    margin-bottom: 16px;
    color: var(--text-secondary);
}
@media (min-width: 1200px) {
    .vp-map--p {
        display: none;
    } 
}




.vp-map--button, .vp-map--button_contacts {
    border: none;
    border-radius: 40px;
}
@media (min-width: 1200px) {
    .vp-map--button, .vp-map--button_contacts {
        display: none;
    } 
}





.vp-map--img {
    width: 100%;
}




.vp-map--button__SETTINGS {
    padding: 8px 16px;
    display: none;
    align-items: center;
    gap: 8px;
    position: fixed;
    top: 16px;
    left: 16px;
    z-index: 999;
    color: var(--text-accent);
    background-color: var(--bg-tetriary);
    border: none;
    border-radius: 12px;
    box-shadow: 0 0 51.2px 0 hsla(0, 0%, 18%, 25%);
}
@media (min-width: 1200px) {
    .vp-map--button__SETTINGS {
        display: none;
    }
}
.vp-map--button__SETTINGS:active {
    background-color: var(--bg-secondary);
}
.__vp-map--button__SETTINGS__VISIBLE {
    display: flex;
}




.vp-map--button__CLOSE, .vp-map--button__CLOSE_contacts {
    padding: 16px;
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 999;
    background-color: var(--bg-tetriary);
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 51.2px 0 hsla(0, 0%, 18%, 25%);
}
@media (min-width: 1200px) {
    .vp-map--button__CLOSE, .vp-map--button__CLOSE_contacts {
        display: none;
    }
}
.__vp-map--button__CLOSE__VISIBLE {
    display: flex;
}




.vp-heroPhoto--img__CLOSE {
    width: 16px;
}
@media (min-width: 1440px) {
    .vp-heroPhoto--img__CLOSE {
        width: 24px;
    }
}




.vp-map--div__VIEWS {
    padding: 4px;
    display: none;
    flex-direction: column;
    gap: 4px;
    position: fixed;
    top: calc((100vh + 50px) / 2);
    right: 16px;
    z-index: 13;
    background-color: var(--bg-primary);
    border-radius: 64.4px;
    box-shadow: 0 0 45.8px 0 hsla(0, 0%, 74%, 25%);
    transition: top 0.4s;
}
.ymaps-2-1-79-controls__control{
    top: 90px !important;
}
.cs-address .ymaps-2-1-79-controls__control{
/*    right: 20px !important;*/
    inset: 108px 20px auto auto !important;
}
@media (max-height: 430px) {
    .vp-map--div__VIEWS {
        top: 80px;
    }
}
@media (min-width: 1200px) {
    .vp-map--div__VIEWS {
        display: flex;
        position: absolute;
        top: 376px;
        right: 32px;
        border-radius: 69px;
    }

}
@media (min-width: 1440px) {
    .vp-map--div__VIEWS {
        padding: 8px;
        top: 349px;
        right: 64px;
    }
}
@media (min-width: 1920px) {
    .vp-map--div__VIEWS {
        top: 460px;
        right: calc((100vw - 1776px) / 2);
    }
}
.__vp-map--div__VIEWS__ACTIVE {
    display: flex;
}




.vp-map--button__VIEW {
    background-color: transparent;
    border: none;
}




.vp-map--button__VIEW img {
    width: 48px;
}
@media (min-width: 1200px) {
    .vp-map--button__VIEW img {
        width: 52px;
    }
}
@media (min-width: 1440px) {
    .vp-map--button__VIEW img {
        width: 64px;
    }
}




.vp-map--div__MODAL_BACK {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: hsla(0, 0%, 0%, 0.68);
}
.__vp-map--div__MODAL_BACK__ACTIVE {
    display: block;
}




.vp-map--div__MODAL_MOB {
    padding: 36px 16px 40px;
    max-height: 60vh;
    display: none;
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: var(--bg-tetriary);
    border-radius: 24px 24px 0 0;
    overflow: auto;
    transition: height 0.4s;
}
.__vp-map--div__MODAL_MOB__ACTIVE {
    display: flex;
    flex-direction: column;
}




.vp-map--p__MODAL_MOB {
    margin-bottom: 8px;
    color: var(--text-secondary);
}




.vp-map--div__FILTERS_MOB {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 8px;
}




.vp-map--button__FILTERS_MOB {
    padding: 8px 12px;
    position: relative;
    color: var(--text-secondary);
    background-color: var(--bg-secondary);
    border: none;
    border-radius: 32px;
    cursor: pointer;
}
@media (min-width: 1440px) {
    .vp-map--button__FILTERS_MOB {
        padding: 12px 24px;
    }
}
.__vp-map--button__FILTERS_MOB__CHECKED {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent);
}




.vp-map--div__INFR_MOB {
    height: 0px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: height 0.4s;
}
.__vp-map--div__INFR_MOB__VIS {
    height: 150px;
}




.vp-map--div__INFR_MOB_BTNS {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}




.vp-map--div__BTNS_MOB {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    
    bottom: 0;
    position: fixed;
    z-index: 9999999999;
    width: calc(100% - 32px);
    background-color: #fff;
    padding: 5px;
}




.vp-map--buttons__CLOSE2 {
    padding: 8px 16px;
    width: 35%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-accent);
    background-color: var(--bg-secondary);
    border: none;
    border-radius: 12px;
}
@media (min-width: 1200px) {
    .vp-map--buttons__CLOSE2 {
        padding: 12px 24px;
    }
}
@media (any-hover: hover) {
    .vp-map--buttons__CLOSE2:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
}
.vp-map--buttons__CLOSE2:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}




.vp-map--buttons__SUBM {
    padding: 8px;
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
}
@media (any-hover: hover) {
    .vp-map--buttons__SUBM:hover {
        color: var(--text-primary-inverse);
        background: none;
        background-color: var(--bg-accent-gradient-hover)
    }
}
.vp-map--buttons__SUBM:active {
    color: var(--text-primary-inverse);
    background: none;
    background-color: var(--bg-accent-gradient-active)
}




.vp-map--div__FILTERS {
    display: none;
}
@media (min-width: 1200px) {
    .vp-map--div__FILTERS {
        padding: 4px;
        margin: 0 auto;
        display: flex;
        gap: 4px;
        position: absolute;
        top: 80px;
        left: calc((100vw - 475px) / 2);
        text-align: center;
        z-index: 10;
        background-color: var(--bg-primary);
        border-radius: 69px;
        box-shadow: 0 0 45.8px 0 hsla(0, 0%, 74%, 25%);
    }
}
@media (min-width: 1440px) {
    .vp-map--div__FILTERS {
        padding: 8px;
        top: 40px;
        left: calc((100vw - 582px) / 2);
    }
}
@media (min-width: 1920px) {
    .vp-map--div__FILTERS {
        top: 64px;
    }
}




.vp-map--button__FILTERS {
    padding: 12px 16px;
    width: 153px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 32px;
    color: var(--text-secondary);
    background-color: var(--bg-secondary);
    border: none;
}
@media (min-width: 1440px) {
    .vp-map--button__FILTERS {
        padding: 16px 24px;
        width: 186px;
    }
}
.__vp-map--button__FILTERS__ACTIVE {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent);
}




.vp-map--div__LEFT_MENU_BLOCK {
    display: none;
    position: fixed;
    left: 16px;
    top:140px;
/*    bottom: 24px;*/
    z-index: 13;
}

.__vp-map--div__MODAL_MOB__ACTIVE .vp-map--div__LEFT_MENU_BLOCK {
    display: block;
}

@media (min-width: 1200px) {
    .vp-map--div__LEFT_MENU_BLOCK {
        display: flex;
        position: absolute;
        top:140px;
        left: 32px;
/*        bottom: 92px;*/
    }
}
@media (min-width: 1440px) {
    .vp-map--div__LEFT_MENU_BLOCK {
        left: 64px;
/*        bottom: 205px;*/
        top:140px;
    }
}@media (min-width: 1920px) {
    .vp-map--div__LEFT_MENU_BLOCK {
        left: calc((100vw - 1776px) / 2);
/*        bottom: 24px;*/
        top:140px;
    }
}
.__vp-map--div__LEFT_MENU_BLOCK__VIS {
    display: flex;
}




.vp-map--div__LEFT_MENU {
    width: calc(100vw - 16px);
    display: none;
    align-items: center;
    gap: 8px;
    overflow: auto;
    text-wrap: nowrap;
}

@media (min-width: 1200px) {
    .vp-map--div__LEFT_MENU {
        width: calc(100vw - 32px);
    }
}
@media (min-width: 1440px) {
    .vp-map--div__LEFT_MENU {
        width: auto;
        flex-direction: column;
    }
}
@-moz-document url-prefix() {
    .vp-map--div__LEFT_MENU {
        scrollbar-color: transparent transparent;
    }
}
.vp-map--div__LEFT_MENU::-webkit-scrollbar {
    height: 2px;
}
.vp-map--div__LEFT_MENU::-webkit-scrollbar-track {
    margin: 0 50px;
    background-color: transparent;
    border-radius: 24px;
}
.vp-map--div__LEFT_MENU::-webkit-scrollbar-thumb {
    background-color: var(--bg-accent);
    border-radius: 24px;
    cursor: pointer;
    visibility: hidden;
}
.__vp-map--div__LEFT_MENU__VIS {
    display: flex;
}




.vp-map--button__LEFT {
    padding: 12px 16px;
    width: 200px;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    color: var(--text-secondary);
    background-color: var(--bg-tetriary);
    border: none;
    border-radius: 12345px;
    box-shadow: 0 4px 16px -2px hsla(0, 0%, 0%, 0.08);
}
@media (min-width: 1200px) {
    .vp-map--button__LEFT {
        width: 245px;
    }
}
@media (min-width: 1440px) {
    .vp-map--button__LEFT {
        padding: 18px 24px;
    }
}
.__vp-map--button__LEFT__ACTIVE {
    color: var(--text-accent);
}




.vp-map__img__LEFT {
    display: block;
    height: 22px;
    width: auto;
}
.__vp-map__img__LEFT__HIDDEN {
    display: none;
}




.vp-map__img__LEFT_A {
    display: none;
}
.__vp-map__img__LEFT_A__VIS {
    display: block;
    height: 22px;
    width: auto;
}




.vp-map--div__PLOT {
    padding: 12px 16px;
    width: 200px;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    color: var(--text-secondary);
    background-color: var(--bg-tetriary);
    border: none;
    border-radius: 12345px;
    box-shadow: 0 4px 16px -2px hsla(0, 0%, 0%, 0.08);
    cursor:pointer;
}
.vp-map--div__PLOT.__vp-map--button__LEFT__ACTIVE{
    color: var(--text-accent);
}
@media (min-width: 1200px) {
    .vp-map--div__PLOT {
        width: 245px;
    }
}
@media (min-width: 1440px) {
    .vp-map--div__PLOT {
        padding: 10px 18px;
    }
}




.vp-map--div__ROUND {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color: var(--firm);
}
.vp-map--div__ROUND.second {
    background-color: #030813;
    opacity: 20%;
}
.vp-map--div__ROUND.third {
    background-color: #00a8bf;
}
.vp-map--div__ROUND.fourth {
    background-color: #bbbf00;
}
.vp-map--div__ROUND.fifth {
    background-color: #7b7d08;
}




.vp-map--div__CARD_CONTAINER {
    display: none;
    position: absolute;
    top: 50%;
    right: 20%;
/*    z-index: 12;*/
}
@media (min-width: 1200px) {
    .vp-map--div__CARD_CONTAINER {
        display: flex;
    }
}
.__vp-map--div__CARD_CONTAINER__VIS {
    display: flex;
}




.vp-map--div__CARD {
    padding: 20px 10px 10px 10px;
    width: 280px;
    max-width: 440px;
    flex-direction: column;
    background-color: var(--bg-tetriary);
    border-radius: 24px;
}
@media (min-width: 1200px) {
    .vp-map--div__CARD {
        width: auto;
    }
}
.__vp-map--div__CARD__VIS {
    display: flex;
}




.vp-map--div__CARD_HEAD {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}






/*
.vp-map--div__CARD_HEAD_1_1 {
    align-items: left;
    color:#030813;
    font-weight: 600;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 1%;
    font-variant-numeric-figure: lining-nums;
    font-variant-numeric-spacing: proportional-nums;

}




.vp-map--div__CARD_HEAD_1_1 span {
    font-size: 12px;
    color: #bbbf00;
}




.vp-map--div__CARD_HEAD_1_1 p:first-of-type {
    margin-left: 8px;
    color: var(--text-primary);
}




.vp-map--div__CARD_HEAD_1_1 p:last-of-type {
    margin-left: 12px;
    padding: 4px 12px;
    color: var(--text-accent);
    background-color: var(--bg-quaternary);
    border-radius: 64px;
}
*/



.vp-map--div__CARD_HEAD_1 > p {
    margin-left: 16px;
    color: var(--text-secondary);
}




.vp-map--button__CARD_CLOSE {
    height: 28px;
    width: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: 50%;
    overflow: hidden;
}




.vp-map--button__CARD_CLOSE img {
    width: 24px;
}




.vp-map--div__CARD_BODY {
    margin-bottom: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 4px;
}



.vp-map--p__CARD_BODY {
    color: var(--text-secondary);
}




.vp-map--p__PRICE {
    color: var(--text-primary);
}








.vp-map--div__POPAP {
    width: 103px;
    display: none;
    position: absolute;
    top: 30%;
    left: 20%;
    z-index: 12;
}
@media (min-width: 1200px) {
    .vp-map--div__POPAP {
        width: 127px;
        display: flex;
    }
}
.__vp-map--div__POPAP__VIS {
    display: flex;
}




.vp-map--p__POPAP {
    position: absolute;
    top: 6px;
    left: 9.5px;
    right: 9.5px;
    font-family: var(--second-family);
    font-size: 9px;
    line-height: 100%;
    color: var(--firm);
}
@media (min-width: 1200px) {
    .vp-map--p__POPAP {
        top: 7px;
        left: 12px;
        right: 12px;
        font-size: 12px;
    }
}




.vp-map--img__POPAP {
    width: 100%;
}




.vp-map--div__IMG_INFR_CONTAINER_MAIN {
    display: none;
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 12;
}
@media (min-width: 1200px) {
    .vp-map--div__IMG_INFR_CONTAINER_MAIN {
        display: flex;
    }
}
.__vp-map--div__IMG_INFR_CONTAINER_MAIN__VIS {
    display: flex;
}




.vp-map--div__IMG_INFR_CONTAINER {
    display: none;
    position: absolute;
    
}
.__vp-map--div__IMG_INFR_CONTAINER__VIS {
    display: flex;
}




.vp-map--img__INFR {
    position: absolute;
    top: 0;
    right: -40px;
    width: 30px;
}
@media (min-width: 1200px) {
    .vp-map--img__INFR {
        width: 38px;
        display: block;
    }
}




.vp-map--iframe {
    display: none;
    position: static;
}
@media (min-width: 1200px) {
    .vp-map--iframe {
        height: 1024px;
        width: 100%;
        display: block;
    } 
}
@media (min-width: 1440px) {
    .vp-map--iframe {
        height: 874px;
    } 
}
@media (min-width: 1920px) {
    .vp-map--iframe {
        height: 1135px;
    } 
}

.cs-address--iframe {
    height: 520px;
    width: 100%;
    border-radius: 32px;
    display: none;
}
@media (min-width: 768px) {
    .cs-address--iframe {
        height: 617px;
        display: block;
    }
}
@media (min-width: 1440px) {
    .cs-address--iframe {
        height: 869px;
        border-radius: 40px;
    }
}
@media (min-width: 1920px) {
    .cs-address--iframe {
        height: 909px;
    }
}

.__vp-map--iframe__VISIBLE {
    height: 100vh;
    width: 100%;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    overflow-y: auto;
}
@media (min-width: 1200px) {
    .__vp-map--iframe__VISIBLE {
        height: 1024px;
        position: static;
    } 
}







/* ---------- ********** СЕКЦИЯ PLAN ********** ---------- */


.vp-plan {
    box-sizing: border-box;
    padding: 12px 16px 52px;
    display: flex;
    flex-direction: column;
    position: relative;
    /* overflow-x: hidden; */
    overflow-y: visible;
    background-color: var(--bg-secondary);
    border-radius: 0 0 32px 32px;
}
@media (min-width: 768px) {
    .vp-plan {
        padding: 40px 32px 80px;
        border-radius: 0 0 48px 48px;
    }
}
@media (min-width: 1440px) {
    .vp-plan {
        padding: 40px 64px 80px;
    }
}
@media (min-width: 1920px) {
    .vp-plan {
        padding: 80px calc((100vw - 1776px) / 2) 120px;
        border-radius: 0 0 64px 64px;
    }
}




.vp-plan--div__EMPTY {
    height: 40px;
    width: 100%;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    z-index: 2;
    background-color: var(--bg-secondary);
    border-radius: 32px 32px 0 0;
}
@media (min-width: 768px) {
    .vp-plan--div__EMPTY {
        border-radius: 48px 48px 0 0;
    }
}
@media (min-width: 1920px) {
    .vp-plan--div__EMPTY {
        border-radius: 64px 64px 0 0;
    }
}




.vp-plan--h2 {
    margin-bottom: 24px;
    color: var(--text-primary);
}




.vp-plan--div__SCROLL {
    display: flex;
    overflow-x: scroll;
    position: relative;
    cursor: pointer;
}
@-moz-document url-prefix() {
    .vp-plan--div__SCROLL {
        scrollbar-color: var(--bg-accent) var(--bg-primary);
    }
}
.vp-plan--div__SCROLL::-webkit-scrollbar {
    height: 6px;
}
.vp-plan--div__SCROLL::-webkit-scrollbar-track {
    background-color: var(--bg-tetriary);
    border-radius: 24px;
}
.vp-plan--div__SCROLL::-webkit-scrollbar-thumb {
    width: 180px;
    background-color: var(--bg-accent);
    border-radius: 24px;
    cursor: pointer;
}




.vp-plan--div__SCROLL_ITEM {
    padding: 2px 8px;
    height: 400px;
    width: 120px;
    flex-shrink: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    /* font-weight: 600; */
    color: var(--text-secondary);
    border-right: 1px dashed var(--text-secondary);
}
@media (min-width: 768px) {
    .vp-plan--div__SCROLL_ITEM {
        height: 493px;
        font-size: 14px;
    }
}




.vp-plan--div__MARK {
    padding: 3px 22px 3px 8px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: absolute;
    background-color: var(--white);
    border-radius: 20px;
    box-shadow: 0 0 34px hsla(0, 0%, 70%, 0.25);
}
@media (min-width: 768px) {
    .vp-plan--div__MARK {
        padding: 3px 22px 3px 8px;
    }
}

.vp-plan--div__MARK .vp-plan--img__MARK{
    max-width: 40px;
    width: 40px;
    height: auto;
}

@media (min-width: 768px) {
    .vp-plan--div__MARK .vp-plan--img__MARK{
        max-width: 52px;
        width: 52px;
    }
}

.vp-plan--div__MARK.PRICE1 {
    top: 74px;
    left: 94px;
}
@media (min-width: 1440px) {
    .vp-plan--div__MARK.PRICE1 {
        top: 104px;
        left: 114px;
    }
}




.vp-plan--div__MARK.PRICE2 {
    top: 74px;
    left: 650px;
}
@media (min-width: 1440px) {
    .vp-plan--div__MARK.PRICE2 {
        top: 104px;
    }
}




.vp-plan--div__MARK.PRICE3 {
    top: 74px;
    left: 1515px;
}
@media (min-width: 1440px) {
    .vp-plan--div__MARK.PRICE3 {
        top: 104px;
        left: 1515px;
    }
}
@-moz-document url-prefix() {
    @media (min-width: 768px) {
        .vp-plan--div__MARK.PRICE3 {
            min-width: 258px;
        }
    }
    @media (min-width: 1440px) {
        .vp-plan--div__MARK.PRICE3 {
            min-width: 279px;
        }
    }
}




.vp-plan--div__MARK.FTRS1 {
    top: 201px;
    left: 302px;
}
@media (min-width: 1440px) {
    .vp-plan--div__MARK.FTRS1 {
        top: 231px;
    }
}




.vp-plan--div__MARK.FTRS2 {
    top: 201px;
    left: 882px;
}
@media (min-width: 1440px) {
    .vp-plan--div__MARK.FTRS2 {
        top: 231px;
    }
}
@-moz-document url-prefix() {
    @media (min-width: 768px) {
        .vp-plan--div__MARK.FTRS2 {
            min-width: 420px;
        }
    }
    @media (min-width: 1440px) {
        .vp-plan--div__MARK.FTRS2 {
            min-width: 440px;
        }
    }
}




.vp-plan--div__MARK.FTRS3 {
    top: 323px;
    left: 1108px;
}
@media (min-width: 1440px) {
    .vp-plan--div__MARK.FTRS3 {
        top: 358px;
    }
}
@-moz-document url-prefix() {
    @media (min-width: 768px) {
        .vp-plan--div__MARK.FTRS3 {
            min-width: 425px;
        }
    }
    @media (min-width: 1440px) {
        .vp-plan--div__MARK.FTRS3 {
            min-width: 465px;
        }
    }
}




.vp-plan--div__MARK_CONTENT {
    display: flex;
    flex-direction: column;
    gap: 4px;
}




.vp-plan--p__MARK_DATE {
    color: var(--text-secondary);
    text-wrap: nowrap;
}




.vp-plan--p__MARK_TEXT {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--text-primary);
    text-wrap: nowrap;
}




.vp-plan--p__MARK_TEXT span {
    text-wrap: nowrap;
}




.vp-plan--img__ARR {
    width: 14px;
}




.vp-plan--div__MOVEMENT {
    margin-top: 30px;
    padding: 12px 16px;
    display: flex;
    gap: 24px;
    background-color: var(--white);
    border-radius: 124356px;
    cursor: pointer;
    overflow-x: auto;
}
@media (min-width: 768px) {
    .vp-plan--div__MOVEMENT {
        padding: 16px;
    }
}
@media (min-width: 1224px) {
    .vp-plan--div__MOVEMENT {
        align-self: center;
    }
}
@media (min-width: 1440px) {
    .vp-plan--div__MOVEMENT {
        margin-top: 40px;
    }
}
@-moz-document url-prefix() {
    .vp-plan--div__MOVEMENT {
        scrollbar-color: var(--bg-accent) var(--bg-primary);
    }
}
.vp-plan--div__MOVEMENT::-webkit-scrollbar {
    height: 2px;
}
.vp-plan--div__MOVEMENT::-webkit-scrollbar-track {
    margin: 0 50px;
    background-color: var(--bg-tetriary);
    border-radius: 24px;
}
.vp-plan--div__MOVEMENT::-webkit-scrollbar-thumb {
    background-color: var(--bg-accent);
    border-radius: 24px;
    cursor: pointer;
    visibility: hidden;
}




.vp-plan--div__IMG {
    height: 72px;
    width: 72px;
    position: relative;
}
@media (min-width: 768px) {
    .vp-plan--div__IMG {
        height: 80px;
        width: 80px;
    }
}




.vp-plan--p__CAPTION {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    inset: 42px 19.5px 14px 21.5px;
    color: var(--text-accent);
}
@media (min-width: 768px) {
    .vp-plan--span {
        inset: 42px 19px 14px 20px;
    }
}




.vp-plan--div__IMG:nth-child(n+5) .vp-plan--p__CAPTION {
    color: var(--text-secondary);
}




.vp-plan--svg__CIRCLE {
    width: 72px;
}
@media (min-width: 768px) {
    .vp-plan--svg__CIRCLE {
        width: 80px;
    }
}




.vp-plan--img__MOVEMENT {
    width: 28.8px;
    position: absolute;
    top: 11.25px;
    left: 21.6px;
    right: 21.6px;
}
@media (min-width: 768px) {
    .vp-plan--img__MOVEMENT {
        width: 32px;
        top: 11px;
        left: 24px;
        right: 24px;
    }
}







/* ---------- ********** СЕКЦИЯ THINK ********** ---------- */


.vp-think {
    position: relative;
    background-color: var(--bg-tetriary);
    border-radius: 0 0 32px 32px;
}
@media (min-width: 768px) {
    .vp-think {
        border-radius: 0 0 48px 48px;
    }
}
@media (min-width: 1440px) {
    .vp-think {
        border-radius: 0 0 64px 64px;
    }
}




.vp-think--div__EMPTY {
    height: 80px;
    width: 100%;
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    z-index: -1;
    background-color: var(--bg-tetriary);
}




.vp-think--div__CONTAINER {
    padding: 52px 16px;
    display: flex;
    flex-direction: column;
    
}
@media (min-width: 768px) {
    .vp-think--div__CONTAINER {
        padding: 80px 32px;
    }
}
@media (min-width: 1440px) {
    .vp-think--div__CONTAINER {
        padding: 80px 64px;
    }
}
@media (min-width: 1920px) {
    .vp-think--div__CONTAINER {
        margin: 0 auto;
        padding: 120px 0;
        width: 1776px;
    }
}




.vp-think--h2 {
    margin-bottom: 24px;
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .vp-think--h2 {
        margin-bottom: 32px;
    }
}




.vp-think--div__GRID {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, 1fr);
    grid-gap: 16px;
}
@media (min-width: 768px) {
    .vp-think--div__GRID {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }
}
@media (min-width: 1440px) {
    .vp-think--div__GRID {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(2, 1fr);
        grid-gap: 20px;
        padding: 0 99px;
    }
}
@media (min-width: 1920px) {
    .vp-think--div__GRID {
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: 1fr;
        grid-gap: 24px;
        padding: 0;
    }
}




.vp--think--div__ITEM {
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--bg-secondary);
    border-radius: 24px;
}




.vp-think--img__ITEM {
    margin-bottom: 34px;
    width: 80px;
}




.vp-think--div__TEXT {
    display: flex;
    flex-direction: column;
    gap: 8px;
}




.vp-think--p__HEAD {
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .vp-think--p__HEAD {
        font-size: 32px;
        line-height: 1.1;
    }
}
@media (min-width: 1920px) {
    .vp-think--p__HEAD {
        font-size: 25px;
        line-height: 1.1;
    }
}




.vp-think--p__BODY {
    color: var(--text-secondary);
}
@media (min-width: 1440px) {
    .vp-think--p__BODY {
        line-height: 1.6;
    }
}







/* ---------- ********** СЕКЦИЯ SPECS ********** ---------- */


.vp-specs {
    position: relative;
/*    background-color: var(--bg-tetriary);*/
    background-color: var(--bg-secondary);
}
.vp-specs.no-bg{
    background-color: var(--bg-tetriary);
}
@media (min-width: 1440px) {
    .vp-specs {
        border-radius: 0 0 64px 64px;
    }
}




.vp-specs--div__EMPTY {
    display: none;
}
@media (min-width: 1440px) {
    .vp-specs--div__EMPTY {
        height: 80px;
        width: 100%;
        display: flex;
        position: absolute;
        top: -80px;
        left: 0;
        right: 0;
        z-index: -1;
        background-color: var(--bg-tetriary);
    }
}




.vp-specs--div__CONTAINER {
    box-sizing: border-box;
    display: none;
}
@media (min-width: 1440px) {
    .vp-specs--div__CONTAINER {
        padding: 80px 64px;
        display: flex;
        flex-direction: column;
        gap: 64px;
    }
}
@media (min-width: 1920px) {
    .vp-specs--div__CONTAINER {
        margin: 0 auto;
        padding: 120px 0px;
        width: 1776px;
    }
}




.vp-specs--div__TEXT {
    display: flex;
    gap: 20px;
}
@media (min-width: 1920px) {
    .vp-specs--div__TEXT  {
        gap: 24px;
    }
}




.vp-specs--h2 {
    flex-basis: 424px;
    flex-shrink: 0;
    color: var(--text-primary);
}
@media (min-width: 1920px) {
    .vp-specs--h2  {
        flex-basis: 876px;
    }
}




.vp-specs--div__CONTENT {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}




.vp-specs--p__CONTENT {
    color: hsl(220, 2%, 30%);
}




.vp-specs--div__LINKS {
    display: flex;
    gap: 12px;
}




.vp-specs--a__DOWNLOAD {
    padding: 16px 32px;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 16px;
}
@media (any-hover: hover) {
    .vp-specs--a__DOWNLOAD:hover {
        color: var(--text-primary-inverse);
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.vp-specs--a__DOWNLOAD:active {
    color: var(--text-primary-inverse);
    background: none;
    background-color: var(--bg-accent-gradient-active);
}




.vp-specs--a__CHECK {
    padding: 16px 32px;
    color: var(--text-accent);
    background-color: var(--bg-secondary);
    border-radius: 16px;
}
@media (any-hover: hover) {
    .vp-specs--a__CHECK:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
}
.vp-specs--a__CHECK:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}




.vp-specs--div__SWIPER {
    width: 100%;
}




.vp-specs--div__SWIPER_WRAPPER {
    margin-bottom: 88px;
}




.vp-specs--div__SWIPER_SLIDE {
    width: auto;
    position: relative;
}




.vp-specs--img__LAWYER {
    width: 424px;
}




.vp-specs--button {
    height: 56px;
    width: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: var(--bg-tetriary);
    border: none;
    border-radius: 50%;
}
@media (any-hover: hover) {
    .vp-specs--button:hover {
        background-color: var(--bg-accent);
    }
    .vp-specs--button:hover path {
        fill: var(--icon-primary-inverse);
    }
}




.vp-specs--p__NAME {
    position: absolute;
    bottom: 69px;
    left: 32px;
    font-size: 32px;
    line-height: 1.1;
    color: var(--text-primary-inverse);
}




.vp-specs--p__DATE {
    position: absolute;
    bottom: 32px;
    left: 32px;
    font-size: 18px;
    line-height: 1.6;
    color: var(--text-primary-inverse);
    opacity: 0.72;
}




.vp-specs--div__SWIPER_SCROLL {
    width: 87% !important;
    bottom: 30px !important;
    left: auto !important;
    right: 0 !important;
    background-color: var(--bg-secondary);
}




.vp-specs--div__SWIPER_SCROLL .swiper-scrollbar-drag {
    background-color: var(--bg-accent);
}




.vp-specs--div__SWIPER_NAV {
    display: flex;
    gap: 24px;
    position: absolute;
    bottom: 2px;
    left: 0;
}




.vp-specs--button__SWIPER_PREV,
.vp-specs--button__SWIPER_NEXT {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: 50%;
}




.vp-specs--img__SWIPER_NAV {
    width: 56px;
}




.vp-specs--div__VIDEO {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    /*overflow-y: auto;*/
}
.__vp-specs--div__VIDEO__OPEN {
backdrop-filter: blur(20px);
    display: flex;
    justify-content: center;
    align-items: center;
}




.vp-specs--video {
    height: 100%;
    width: auto;
    cursor: pointer;
max-width: 100%;
}




.vp-specs--button__CLOSE {
    height: 56px;
    width: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 60px;
    right: 60px;
    z-index: 14;
    background-color: var(--bg-tetriary);
    border-radius: 50%;
    border: none;
box-shadow: 0 0 20px #777;
}







/* ---------- ********** СЕКЦИЯ NEWS ********** ---------- */


.vp-news--div__CONTAINER {
    box-sizing: border-box;
    padding: 48px 16px;
    display: flex;
    flex-direction: column;
    gap: 32px;

}
@media (min-width: 768px) {
    .vp-news--div__CONTAINER {
        padding: 80px 32px;
    }
}
@media (min-width: 1440px) {
    .vp-news--div__CONTAINER {
        padding: 80px 64px;
    }
}
@media (min-width: 1920px) {
    .vp-news--div__CONTAINER {
        margin: 0 auto;
        padding: 120px 0px;
        width: 1776px;
    }
}




.vp-news--div__HEAD {
    display: flex;
    justify-content: space-between;
}




.vp-news--h2 {
    color: var(--text-primary);
}




.vp-news--a__ALL {
    padding: 8px 16px;
    align-self: flex-start;
    display: none;
    color: var(--text-accent);
    background-color: var(--bg-secondary);
    border-radius: 12px;
}
@media (min-width: 768px) {
    .vp-news--a__ALL {
        padding: 12px 24px;
        display: block;
    }
}
@media (min-width: 1440px) {
    .vp-news--a__ALL {
        padding: 16px 32px;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .vp-news--a__ALL:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
}
.vp-news--a__ALL:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}




.vp-news--a__ALL.mob {
    width: 100%;
    display: block;
    text-align: center;
}
@media (min-width: 768px) {
    .vp-news--a__ALL.mob {
        display: none;
    }
}
.vp-news--a__ALL.mob:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}




.vp-news--div__SWIPER {
    width: 100%;
}




@media (min-width: 1440px) {
    .vp-news--div__SWIPER_WRAPPER {
        margin-bottom: 88px;
    }
}




.vp-news--div__SWIPER_SLIDE {
    width: auto;
    position: relative;
}




.vp-news--a__MAIN {
    display: block;
    position: relative;
}




.vp-news--div__SWIPER_HEAD {
    padding-right: 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    position: absolute;
    top: 16px;
    left: 16px;
    height: 56px;
    width: calc(100% - 16px);
}

.c-offersFam .vp-news--div__SWIPER_HEAD {
    position: relative;
}


.vp-news--p__SWIPER_HEAD {
    padding: 4px 8px;
    color: var(--text-secondary);
    background-color: var(--bg-secondary);
    border-radius: 32px;
    height: fit-content;
}
@media (min-width: 768px) {
    .vp-news--p__SWIPER_HEAD {
        padding: 8px 16px;
    }
    .vp-news--div__SWIPER_HEAD {
        height: 88px;
    }
}




.vp-news--img__SWIPER_IMG {
    width: 342px;
}
@media (min-width: 1440px) {
    .vp-news--img__SWIPER_IMG {
        width: 424px;
    }
}
@media (min-width: 1920px) {
    .vp-news--img__SWIPER_IMG {
        width: 426px;
    }
}




.vp-news--h3 {
    margin: 16px 0;
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .vp-news--h3 {
        margin: 24px 0 16px;
    }
}
@media (min-width: 1440px) {
    .vp-news--h3 {
        margin: 24px 0;
    }
}




.vp-news--p__SWIPER_DATE {
    color: var(--text-secondary);
}




.vp-news--div__SWIPER_SCROLL {
    display: none;
    width: 87% !important;
    bottom: 30px !important;
    left: auto !important;
    right: 0 !important;
    background-color: var(--bg-secondary);
}
@media (min-width: 1440px) {
    .vp-news--div__SWIPER_SCROLL {
        display: block;
    }
}




.vp-news--div__SWIPER_SCROLL .swiper-scrollbar-drag {
    background-color: var(--bg-accent);
}




.vp-news--div__SWIPER_NAV {
    display: none;
    gap: 24px;
    position: absolute;
    bottom: 2px;
    left: 0;
}
@media (min-width: 1440px) {
    .vp-news--div__SWIPER_NAV {
        display: flex;
    }
}




.vp-news--button__SWIPER_PREV,
.vp-news--button__SWIPER_NEXT {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: 50%;
}




.vp-news--img__SWIPER_NAV {
    width: 56px;
}







/* ---------- ********** СЕКЦИЯ VILLS ********** ---------- */


.vp-vills {
    background-color: var(--bg-secondary);
    border-radius: 32px;
}
@media (min-width: 768px) {
    .vp-vills {
        border-radius: 48px;
    }
}
@media (min-width: 1440px) {
    .vp-vills {
        border-radius: 64px;
    }
}





.vp-vills--div__CONTAINER {
    box-sizing: border-box;
    padding: 52px 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 32px;
}
@media (min-width: 768px) {
    .vp-vills--div__CONTAINER {
        padding: 64px 32px;
        gap: 32px;
        border-radius: 48px;
    }
}
@media (min-width: 1440px) {
    .vp-vills--div__CONTAINER {
        padding: 80px 64px;
        border-radius: 64px;
    }
}
@media (min-width: 1920px) {
    .vp-vills--div__CONTAINER {
        margin: 0 auto;
        padding: 120px 0px;
        width: 1776px;
    }
}




.vp-vills--div__HEAD {
    display: flex;
    justify-content: space-between;
}




.vp-vills--h2 {
    color: var(--text-primary);
}




.vp-vills--a__ALL {
    padding: 8px 16px;
    align-self: flex-start;
    display: none;
    color: var(--text-accent);
    background-color: var(--bg-primary);
    border-radius: 12px;
}
@media (min-width: 768px) {
    .vp-vills--a__ALL {
        padding: 12px 24px;
    }
}
@media (min-width: 1440px) {
    .vp-vills--a__ALL {
        padding: 16px 32px;
        display: flex;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .vp-vills--a__ALL:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
}
.vp-vills--a__ALL:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}




.vp-vills--a__ALL.mob {
    width: 100%;
    align-self: center;
    display: inline-block;
    text-align: center;
}
@media (min-width: 768px) {
    .vp-vills--a__ALL.mob {
        width: auto;
    }
}
@media (min-width: 1440px) {
    .vp-vills--a__ALL.mob {
        display: none;
    }
}
.vp-vills--a__ALL.mob:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}




.vp-vills--div__GRID {
    display: grid;
    grid-template-columns: 1fr;
/*    grid-template-rows: repeat(8, auto);*/
    grid-gap: 24px;
}
@media (min-width: 768px) {
    .vp-vills--div__GRID {
        grid-template-columns: repeat(2, 0.5fr);
/*        grid-template-rows: repeat(4, auto);*/
        grid-column-gap: 20px;
        grid-row-gap: 40px;
    }
}
@media (min-width: 1440px) {
    .vp-vills--div__GRID {
        grid-template-columns: repeat(3, 0.3333fr);
/*        grid-template-rows: repeat(3, auto);*/
    }
}
@media (min-width: 1920px) {
    .vp-vills--div__GRID {
        grid-template-columns: repeat(3, 0.3333fr);
/*        grid-template-rows: repeat(2, auto);*/
    }
}




.vp-vills--div__BLOCK {
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: var(--bg-tetriary);
    border-radius: 24px;
}
@media (min-width: 768px) {
    .vp-vills--div__BLOCK.last {
        display: none;
    }
}
@media (min-width: 1440px) {
    .vp-vills--div__BLOCK.last {
        display: flex;
    }
}
@media (min-width: 1920px) {
    .vp-vills--div__BLOCK.last {
        display: none;
    }
    .vp-vills--div__BLOCK.last2 {
        display: none;
    }
}





.vp-vills--div__TOP {
    width: 100%;
    display: flex;
    align-items: flex-start;
    position: absolute;
    top: 12px;
    left: 12px;
}
@media (min-width: 1440px) {
    .vp-vills--div__TOP{
        top: 16px;
        left: 16px;
    }
}




.vp-vills--p__TOP {
    margin-right: 8px;
    padding: 4px 8px;
    color: var(--text-secondary);
    background-color: var(--bg-tetriary);
    border-radius: 32px;
}
@media (min-width: 768px) {
    .vp-vills--p__TOP {
        font-size: 12px;
        line-height: 130%;
    }
}
@media (min-width: 1440px) {
    .vp-vills--p__TOP {
        padding: 8px 16px;
        font-size: 16px;
        line-height: 150%;
    }
}




.vp-vills--p__TOP.start {
    margin-right: auto;
    color: var(--text-accent);
}




.vp-vills--button__HEART {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 12px;
    right: 12px;
    background-color: var(--bg-primary);
    border: none;
    border-radius: 50%;
}
@media (min-width: 1440px) {
    .vp-vills--button__HEART {
        top: 16px;
        right: 16px;
    }
}
@media (any-hover: hover) {
    .vp-vills--button__HEART:hover .vp-vills--svg__HEART {
        fill: var(--bg-accent-gradient-hover);
    }
}




.vp-vills--img__MAIN {
    width: 100%;
    border-radius: 24px 24px 0 0;
}




.vp-vills--div__CONT {
    padding: 16px;
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .vp-vills--div__CONT  {
        padding: 24px;
    }
}
@media (min-width: 1920px) {
    .vp-vills--div__CONT  {
        padding: 32px;
    }
}




.vp-vills--h3 {
    margin-bottom: 8px;
    color: var(--text-primary);
    max-width: 80vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media (min-width: 768px) {
    .vp-vills--h3 {
        max-width: 38.28vw;
    }
}
@media (min-width: 1440px) {
    .vp-vills--h3 {
        margin-bottom: 16px;
        max-width: 26.11vw;
    }
}




.vp-vills--div__PLACES {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
@media (min-width: 768px) {
    .vp-vills--div__PLACES {
        gap: 16px;
    }
}




.vp-vills--p__PLACES {
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--text-secondary);
}




.vp-vills--img__PLACES {
    width: 16px;
}
@media (min-width: 768px) {
    .vp-vills--img__PLACES {
        margin-top: -2px;
        width: 20px;
    }
}




.vp-vills--div__READY {
    display: flex;
    flex-direction: column;
    gap: 8px;
}




.vp-vills--p__READY {
    margin-top: 24px;
    color: var(--text-accent);
}
@media (min-width: 1440px) {
    .vp-vills--p__READY {
        margin-top: 24px;
    }
}




.vp-vills--svg__READY {
    width: 100%;
}




.vp-vills--p__PRICE {
    margin-top: 24px;
    color: var(--text-primary);
}














/* ********** ********** НОВОСТИ ********** ***********/







/* ---------- ********** СЕКЦИЯ HERO ********** ---------- */


.c-hero.ns {
    padding: 0;
}








/* ---------- ********** СЕКЦИЯ NEWS ********** ---------- */


.ns-news {
    background-color: var(--bg-secondary);
    border-radius: 0 0 32px 32px;
}
@media (min-width: 768px) {
    .ns-news {
        border-radius: 0 0 48px 48px;
    }
}
@media (min-width: 1920px) {
    .ns-news {
        border-radius: 0 0 64px 64px;
    }
}




.ns-news--div__CONTAINER {
    box-sizing: border-box;
    padding: 0px 16px 52px;
    display: flex;
    flex-direction: column;
    border-radius: 32px;
}
@media (min-width: 768px) {
    .ns-news--div__CONTAINER {
        padding: 0px 32px 64px;
        border-radius: 48px;
    }
}
@media (min-width: 1440px) {
    .ns-news--div__CONTAINER {
        padding: 0px 64px 80px;
        border-radius: 64px;
    }
}
@media (min-width: 1920px) {
    .ns-news--div__CONTAINER {
        margin: 0 auto;
        padding: 0px 0px 120px;
        width: 1776px;
    }
}





.ns-news--div__HEAD {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (min-width: 768px) {
    .ns-news--div__HEAD {
        margin-bottom: 64px;
    }
}
@media (min-width: 1440px) {
    .ns-news--div__HEAD {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }
}
@media (min-width: 1920px) {
    .ns-news--div__HEAD {
        margin-bottom: 80px;
    }
}




.ns-news--form__FILTERS {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (min-width: 768px) {
    .ns-news--form__FILTERS {
        flex-direction: row;
        gap: 20px;
    }
}
@media (min-width: 1440px) {
    .ns-news--form__FILTERS {
        width: 55.1%;
    }
}
@media (min-width: 1920px) {
    .ns-news--form__FILTERS {
        width: 40.93%;
        gap: 24px;
    }
}




@media (min-width: 1440px) {
    .c-sel--fieldset__ROAD.ns,
    .c-sel--fieldset__ROAD3.ns {
        flex: 1 0 58.92%;;
    }
}
@media (min-width: 1920px) {
    .c-sel--fieldset__ROAD.ns,
    .c-sel--fieldset__ROAD3.ns {
        flex: 1 0 58.6%;;
    }
}




@media (min-width: 1440px) {
    .c-sel--fieldset__ROAD2.ns {
        flex: 1 0 38.31%;
    }
}
@media (min-width: 1920px) {
    .c-sel--fieldset__ROAD2.ns {
        flex: 1 0 38.1%;
    }
}





.ns-news--span {
    text-wrap: nowrap;
}




.c-sel--div__ROAD.ns,
.c-sel--div__ROAD3.ns,
.c-sel--div__ROAD2.ns {
    background-color: var(--bg-primary);
    overflow-y: scroll;
/*    overflow: hidden;*/
}




.ns-news--form__SEARCH {
    display: flex;
    flex-direction: column;
    position: relative;
}
@media (min-width: 1440px) {
    .ns-news--form__SEARCH {
        width: 37.65%;
    }
}
@media (min-width: 1920px) {
    .ns-news--form__SEARCH {
        width: 32.43%;
    }
}




.ns-news--input__SEARCH {
    padding: 17px 16px 15px 52px;
    position: relative;
    color: var(--text-primary);
    background-color: var(--bg-secondary);
    border: 1.5px solid var(--border-primary);
    border-radius: 8px;
    outline: none;
    cursor: pointer;
}
@media (min-width: 1440px) {
    .ns-news--input__SEARCH {
        padding: 17px 24px 15px 60px;
        border-radius: 12px;
    }
}
@media (any-hover: hover) {
    .ns-news--input__SEARCH:hover {
        border: 1.5px solid var(--border-primary-hover);
    }
}
.__ns-news--input__SEARCH__ACT {
    z-index: 32;
    background-color: var(--bg-primary);
}




.ns-news--input__SEARCH::placeholder {
    color: var(--text-secondary);
}




.ns-news--img__SEARCH {
    width: 24px;
    position: absolute;
    top: 16px;
    left: 14px;
}
@media (min-width: 768px) {
    .ns-news--img__SEARCH {
        top: 17px;
    }
}
@media (min-width: 1440px) {
    .ns-news--img__SEARCH {
        top: 18px;
        left: 22px;
    }
}
.__ns-news--img__SEARCH__ACT {
    z-index: 32;
}




.ns-news--input__SEARCH::-webkit-search-decoration,
.ns-news--input__SEARCH::-webkit-search-cancel-button,
.ns-news--input__SEARCH::-webkit-search-results-button,
.ns-news--input__SEARCH::-webkit-search-results-decoration {
	-webkit-appearance:none;
}




.ns-news--ul__LINKS_LIST {
    max-height: 400px;
    width: 100%;
    display: none;
    flex-direction: column;
    position: absolute;
    top: 66px;
    left: 0px;
    z-index: 32;
    background-color: var(--bg-primary);
    border-radius: 16px;
    overflow-y: auto;
}
.__ns-news--ul__LINKS_LIST__VIS {
    display: flex;
}




@-moz-document url-prefix() {
    .ns-news--ul__LINKS_LIST {
        scrollbar-color: var(--bg-accent) var(--bg-primary);
    }
}
.ns-news--ul__LINKS_LIST::-webkit-scrollbar {
    width: 6px;
}
.ns-news--ul__LINKS_LIST::-webkit-scrollbar-track {
    margin: 10px 0px;
    background-color: transparent;
    border-radius: 24px;
}
.ns-news--ul__LINKS_LIST::-webkit-scrollbar-thumb {
    background-color: var(--bg-accent);
    border-radius: 24px;
}




.ns-news--a__SEARCH {
    padding: 16px;
    display: block;
    color: var(--text-primary);
    border-radius: 16px;
    border-bottom: 1px solid #f5f5f5;
}
.ns-news--a__SEARCH span{color:var(--bg-accent-gradient-hover)}

@media (min-width: 1440px) {
    .ns-news--a__SEARCH {
        padding: 16px 24px;
    }
}
@media (any-hover: hover) {
    .ns-news--a__SEARCH:hover {
        background-color: var(--bg-secondary);
    }
}




.ns-news--div__SEARCH_BACK {
    display: none;
    position: fixed;
    inset: 0px;
    z-index: 31;
    background-color: hsla(0, 0%, 0%, 0.68);
    opacity: 0.5;
}
.__ns-news--div__SEARCH_BACK__VIS {
    display: flex;
}




.ns-news--div__GRID {
    margin-bottom: 40px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(5, auto);
    gap: 32px;
}
@media (min-width: 768px) {
    .ns-news--div__GRID {
        margin-bottom: 48px;
        grid-template-columns: repeat(2, 0.5fr);
        grid-template-rows: repeat(5, auto);
        column-gap: 20px;
        row-gap: 40px;
    }
}
@media (min-width: 1440px) {
    .ns-news--div__GRID {
        margin-bottom: 52px;
        grid-template-columns: repeat(3, 0.333fr);
        grid-template-rows: repeat(4, auto);
    }
}
@media (min-width: 1920px) {
    .ns-news--div__GRID {
        margin-bottom: 64px;
        grid-template-columns: repeat(4, 0.25fr);
        grid-template-rows: repeat(4, auto);
        column-gap: 24px;
        row-gap: 64px;
    }
}
.__ns-news--div__GRID__CUT {
    margin-bottom: 0px;
}




.vp-news--a__MAIN.ns.tabl {
    display: none;
}
@media (min-width: 768px) {
    .vp-news--a__MAIN.ns.tabl {
        display: inline-block;
    }
}




.vp-news--a__MAIN.ns.desc1 {
    display: none;
}
@media (min-width: 1440px) {
    .vp-news--a__MAIN.ns.desc1 {
        display: inline-block;
    }
}




.vp-news--a__MAIN.ns.desc2 {
    display: none;
}
@media (min-width: 1920px) {
    .vp-news--a__MAIN.ns.desc2 {
        display: inline-block;
    }
}




@media (max-width: 767px) {
    .vp-news--a__MAIN.ns .vp-news--p__SWIPER_HEAD {
        padding: 8px 16px;
        font-size: 14px;
        line-height: 150%;
        letter-spacing: -1%;
    }
}




.vp-news--a__MAIN.ns .vp-news--img__SWIPER_IMG {
    width: 100%;
/*    width: auto;*/
}




.ns-news--a__BLOCK_ADD {
    display: none;
}
.__vp-news--a__MAIN__NSVIS {
    display: inline-block;
}




.ct-sel--button__CATALOG.ns {
    margin-top: 0px;
    width: 100%;
}
@media (min-width: 768px) {
    .ct-sel--button__CATALOG.ns {
        width: auto;
    }
}
.__ct-sel--button__CATALOG__NSHIDDEN {
    display: none;
}














/* ********** ********** БЛОГ ********** ***********/







/* ---------- ********** СЕКЦИЯ NEWS ********** ---------- */


.ns-news--div__GRID.bl {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(8, auto);
}
@media (min-width: 1440px) {
    .ns-news--div__GRID.bl {
        grid-template-columns: repeat(2, 0.5fr);
        grid-template-rows: repeat(4, auto);
    }
}














/* ********** ********** КОНТЕНТНАЯ СТРАНИЦА ********** ***********/







/* ---------- ********** СЕКЦИЯ HERO ********** ---------- */


@media (min-width: 768px) {
    .c-hero--div__CONTAINER.cn {
        padding-bottom: 48px;
    }
}
@media (min-width: 1440px) {
    .c-hero--div__CONTAINER.cn {
        padding-bottom: 64px;
    }
}




.c-hero--ul__BC.cn {
    margin-bottom: 0;
    flex-wrap: nowrap;
    align-items: baseline;
}




.c-hero--a__BC.cn.__c-hero--a__BC__SEL {
    max-width: 60.27vw;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}







/* ---------- ********** СЕКЦИЯ MAIN ********** ---------- */


.cn-main {
    background-color: var(--bg-secondary);
    border-radius: 0 0 32px 32px;
}
@media (min-width: 768px) {
    .cn-main {
        border-radius: 0 0 48px 48px;
    } 
}
@media (min-width: 1440px) {
    .cn-main {
        border-radius: 0 0 64px 64px;
    } 
}




.cn-main--div__CONTAINER {
    padding: 0px 16px 52px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    border-radius: 32px;
}
@media (min-width: 768px) {
    .cn-main--div__CONTAINER {
        padding: 0px 32px 64px;
        gap: 64px;
        border-radius: 48px;
    }
}
@media (min-width: 1440px) {
    .cn-main--div__CONTAINER {
        padding: 0px 64px 80px;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        gap: 24px;
        border-radius: 64px;
    }
}
@media (min-width: 1920px) {
    .cn-main--div__CONTAINER {
        margin: 0 auto;
        padding: 0px 0px 120px;
        width: 1776px;
        gap: 150px;
    }
}




.cn-main--div__CONTENT {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
@media (min-width: 768px) {
    .cn-main--div__CONTENT {
        gap: 30px;
    }
}
@media (min-width: 1440px) {
    .cn-main--div__CONTENT {
        width: 60.44%;
    }
}
@media (min-width: 1920px) {
    .cn-main--div__CONTENT {
        width: 57.77%;
        gap: 30px;
    }
}




.cn-main--div__IMAGE {
    position: relative;
}




.cn-main--div__IMAGE img {
    width: 100%;
    border-radius: 20px;
}
@media (min-width: 768px) {
    .cn-main--div__IMAGE img {
        border-radius: 24px;
    }
}
@media (min-width: 1440px) {
    .cn-main--div__IMAGE img {
        border-radius: 40px;
    }
}




.cn-main--div__IMAGE .vp-news--div__SWIPER_HEAD {
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .cn-main--div__IMAGE .vp-news--div__SWIPER_HEAD {
        top: 24px;
        left: 24px;
    }
}
@media (min-width: 1920px) {
    .cn-main--div__IMAGE .vp-news--div__SWIPER_HEAD {
        top: 32px;
        left: 32px;
    }
}




.cn-main--div__IMAGE .vp-news--p__SWIPER_HEAD {
    text-wrap: nowrap;
}




.cn-main--div__IMAGE .vp-news--p__SWIPER_HEAD:first-of-type {
    color: var(--text-accent);
}




.cn-main--p__DATE {
    margin-bottom: 12px;
    color: var(--text-secondary);
}
@media (min-width: 1440px) {
    .cn-main--p__DATE {
        margin-bottom: 20px;
    }
}




.cn-main--h1 {
    overflow-wrap: break-word;
    color: var(--text-primary);
}




.cn-main--div__TEXT {
    display: flex;
    flex-direction: column;
}




.cn-main--p__TEXT {
    color: var(--text-primary);
}




.cn-main--div__VIDEO {
    position: relative;
}



.cn-main--video {
    height: auto;
    width: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 20px;
}
@media (min-width: 768px) {
    .cn-main--video {
        border-radius: 24px;
    }
}
@media (min-width: 1440px) {
    .cn-main--video {
        border-radius: 40px;
    }
}
.__cn-main--video__VIS {
    display: block;
}




.cn-main--button__CLOSE {
    height: 32px;
    width: 32px;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: var(--bg-tetriary);
    border: none;
    border-radius: 50%;
    z-index: 3;
}
@media (min-width: 768px) {
    .cn-main--button__CLOSE {
        height: 56px;
        width: 56px;
        top: 24px;
        right: 24px;
    }
}
@media (min-width: 1920px) {
    .cn-main--button__CLOSE {
        top: 32px;
        right: 32px;
    }
}
.__cn-main--button__CLOSE__VIS {
    display: flex;
}




.cn-main--img__VIDEO {
    width: 100%;
    border-radius: 20px;
}
@media (min-width: 768px) {
    .cn-main--img__VIDEO {
        border-radius: 24px;
    }
}
@media (min-width: 1440px) {
    .cn-main--img__VIDEO {
        border-radius: 40px;
    }
}




.cn-main--button__VIDEO {
    height: 32px;
    width: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 16px;
    right: 16px;
    background-color: var(--bg-tetriary);
    border: none;
    border-radius: 50%;
}
@media (min-width: 768px) {
    .cn-main--button__VIDEO {
        height: 56px;
        width: 56px;
        bottom: 24px;
        right: 24px;
    }
}
@media (min-width: 1920px) {
    .cn-main--button__VIDEO {
        bottom: 32px;
        right: 32px;
    }
}




.cn-main--button__VIDEO svg {
    margin-left: 2px;
    height: 11px;
    width: 11px;
}
@media (min-width: 768px) {
    .cn-main--button__VIDEO svg {
        margin-left: 2px;
        height: 20px;
        width: 20px;
    }
}




.cn-main--p__VIDEO {
    display: none;
}
@media (min-width: 768px) {
    .cn-main--p__VIDEO {
        width: 514px;
        display: block;
        position: absolute;
        bottom: 24px;
        left: 24px;
        color: var(--text-primary-inverse);
    }
}
@media (min-width: 1440px) {
    .cn-main--p__VIDEO {
        width: 593px;
    }
}
@media (min-width: 1920px) {
    .cn-main--p__VIDEO {
        bottom: 32px;
        left: 32px;
    }
}




.cn-main--div__SUBSECTION {
    display: flex;
    flex-direction: column;
}




.cn-main--h2, .content-page h2{
    margin-bottom: 24px;
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .cn-main--h2, .content-page h2 {
        margin-bottom: 32px;
    }
}




.cn-main--ol, .content-page ol {
    margin-bottom: 32px;
    padding-left: 18px;
}
@media (min-width: 768px) {
    .cn-main--ol, .content-page ol {
        margin-bottom: 48px;
    }
}
@media (min-width: 1920px) {
    .cn-main--ol, .content-page ol {
        margin-bottom: 64px;
    }
}




.cn-main--li, .content-page li  {
    color: var(--text-primary);
}




.cn-main--div__TABLE_CONTAINER  {
    margin-bottom: 32px;
    width: 100%;
    position: relative;
}
@media (min-width: 768px) {
    .cn-main--div__TABLE_CONTAINER {
        margin-bottom: 48px;
    }
}
@media (min-width: 1920px) {
    .cn-main--div__TABLE_CONTAINER {
        margin-bottom: 64px;
    }
}




.cn-main--div__BACK {
    width: 32px;
    position: absolute;
    top: 0;
    left: calc(100% - 32px);
    bottom: 0;
    z-index: 2;
    background: linear-gradient(90deg, hsla(216, 29%, 97%, 0%), hsla(216, 29%, 97%, 100%));
}
@media (min-width: 768px) {
    .cn-main--div__BACK {
        display: none;
    }
}




.cn-main--div__TABLE {
    width: 100%;
    overflow-x: auto;
}
@-moz-document url-prefix() {
    .cn-main--div__TABLE {
        scrollbar-color: transparent transparent;
    }
}
.cn-main--div__TABLE::-webkit-scrollbar {
    height: 2px;
}
.cn-main--div__TABLE::-webkit-scrollbar-track {
    margin: 0 50px;
    background-color: transparent;
    border-radius: 24px;
}
.cn-main--div__TABLE::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 24px;
    cursor: pointer;
    visibility: hidden;
}




.cn-main--table {
    width: 100%;
    text-align: left;
    border: none;
}




.cn-main--th,
.cn-main--td {
    min-width: 155.33px;
    border-bottom: 1px solid var(--border-primary-strong);
}




.cn-main--th {
    padding: 12px 8px 16px 0;
    color: var(--text-secondary);
}
@media (min-width: 768px) {
    .cn-main--th {
        padding: 12px 8px 16px 0;
    } 
}




.cn-main--td {
    padding: 12px 8px 12px 0;
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .cn-main--td {
        padding: 16px 16px 12px 0;
    } 
}




.cn-main--h3, .content-page h3 {
    margin-bottom: 16px;
    color: var(--text-primary);
}
@media (min-width: 1440px) {
    .cn-main--h3, .content-page h3 {
        margin-bottom: 32px;
    }
}




.cn-main--ul, .content-page ul {
    margin-bottom: 32px;
    padding-left: 18px;
    list-style-type: disc;
}
@media (min-width: 768px) {
    .cn-main--ul, .content-page ul {
        margin-bottom: 48px;
    }
}
@media (min-width: 1920px) {
    .cn-main--ul, .content-page ul {
        margin-bottom: 64px;
    }
}




.cn-main--a__UL, .content-page a {
    color: var(--text-accent);
}
@media (any-hover: hover) {
    .cn-main--a__UL:hover, .content-page a:hover {
        color: var(--bg-accent-gradient-hover);
    }
}
.cn-main--a__UL:active, .content-page a:active {
    color: var(--bg-accent-gradient-active);
}




.cn-main--div__SWIPER {
    margin-bottom: 16px;
    width: 100%;
}
@media (min-width: 768px) {
    .cn-main--div__SWIPER {
        margin-bottom: 24px;
    }
}




.cn-main--img__SLIDE {
    width: 100%;
    border-radius: 20px;
}
@media (min-width: 768px) {
    .cn-main--img__SLIDE {
        width: 100%;
        border-radius: 24px;
    }
}
@media (min-width: 1440px) {
    .cn-main--img__SLIDE {
        border-radius: 40px;
    }
}




.cn-main--div__SWIPER_BUTTONS {
    width: 100%;
    display: none;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 0;
    top: calc(50% - 35px);
    z-index: 2;
}
@media (min-width: 768px) {
    .cn-main--div__SWIPER_BUTTONS {
        padding: 0 24px;
        display: flex;
    }
}
@media (min-width: 1440px) {
    .cn-main--div__SWIPER_BUTTONS {
        padding: 0 32px;
    }
}




.cn-main--button__SWIPER {
    background-color: transparent;
    border: none;
    border-radius: 50%;
}




.cn-main--p__CAPTION {
    color: var(--text-secondary);
}




.cn-mainAside--aside {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: var(--bg-secondary);
}
@media (min-width: 1440px) {
    .cn-mainAside--aside {
        width: 37.73%;
    }
}
@media (min-width: 1920px) {
    .cn-mainAside--aside {
        width: 33.78%;
    }
}




.cn-mainAside--div__CARD {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 16px;
    background-color: var(--bg-accent);
}
@media (min-width: 768px) {
    .cn-mainAside--div__CARD {
        padding: 32px;
        gap: 24px;
        border-radius: 32px;
    }
}
@media (min-width: 1920px) {
    .cn-mainAside--div__CARD {
        padding: 24px;
        border-radius: 24px;
    }
}




.cn-mainAside--div__CARD_CONTENT {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}




.cn-mainAside--div__TEXT {
    display: flex;
    flex-direction: column;
    gap: 4px;
}




.cn-mainAside--h3,
.cn-mainAside--p {
    color: var(--text-primary-inverse);
}




.cn-mainAside--a__LAWYER {
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-accent);
    background-color: var(--bg-secondary);
    border-radius: 32px;
}
@media (min-width: 768px) {
    .cn-mainAside--a__LAWYER {
        height: 56px;
    }
}




.cn-mainAside--form__MAIL {
    padding: 16px;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background-color: var(--bg-tetriary);
}
@media (min-width: 768px) {
    .cn-mainAside--form__MAIL {
        padding: 32px;
        border-radius: 32px;
    }
}
@media (min-width: 1920px) {
    .cn-mainAside--form__MAIL {
        padding: 24px;
        border-radius: 24px;
    }
}




.cn-mainAside--h2__MAIL {
    margin-bottom: 24px;
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .cn-mainAside--h2__MAIL {
        margin-bottom: 32px;
    }
}




.c-mortgage--button__SUBMIT.cn {
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .c-mortgage--button__SUBMIT.cn {
        margin-bottom: 24px;
    }
}














/* ********** ********** ПОЛИТИКА ОБРАБОТКИ ПЕРСОНАЛЬНЫХ ДАННЫХ ********** ***********/







/* ---------- ********** СЕКЦИЯ MAIN ********** ---------- */


.pr-main {
    background-color: var(--bg-secondary);
    border-radius: 0 0 32px 32px;
}
@media (min-width: 768px) {
    .pr-main {
        border-radius: 0 0 48px 48px;
    }
}
@media (min-width: 1440px) {
    .pr-main {
        border-radius: 0 0 64px 64px;
    }
}




.pr-main--div__CONTAINER {
    padding: 0px 16px 52px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    border-radius: 32px;
}
@media (min-width: 768px) {
    .pr-main--div__CONTAINER {
        padding: 0px 32px 64px;
        gap: 64px;
        border-radius: 48px;
    }
}
@media (min-width: 1440px) {
    .pr-main--div__CONTAINER {
        padding: 0px 64px 80px;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: flex-start;
        gap: 24px;
        border-radius: 64px;
    }
}
@media (min-width: 1920px) {
    .pr-main--div__CONTAINER {
        margin: 0 auto;
        padding: 0px 0px 120px;
        width: 1776px;
        gap: 150px;
    }
}

.pr-scheme--div__CONTAINER {
    padding: 0px 16px 52px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    border-radius: 32px;
}
@media (min-width: 768px) {
    .pr-scheme--div__CONTAINER {
        padding: 0px 32px 64px;
        gap: 64px;
        border-radius: 48px;
    }
}
@media (min-width: 1440px) {
    .pr-scheme--div__CONTAINER {
        padding: 0px 64px 80px;
        justify-content: space-between;
        align-items: flex-start;
        gap: 24px;
        border-radius: 64px;
    }
}
@media (min-width: 1920px) {
    .pr-scheme--div__CONTAINER {
        margin: 0 auto;
        padding: 0px 0px 120px;
        width: 1776px;
        gap: 50px;
    }
}




.pr-nav--nav {
    padding: 16px;
    width: 100%;
    background-color: var(--bg-tetriary);
    border-radius: 16px;
}
@media (min-width: 768px) {
    .pr-nav--nav {
        padding: 24px;
        border-radius: 24px;
    }
}
@media (min-width: 1440px) {
    .pr-nav--nav {
        padding: 32px;
        width: 37.73%;
        border-radius: 32px;
    }
}
@media (min-width: 1920px) {
    .pr-nav--nav {
        width: 33.78%;
    }
}




.pr-nav--ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
@media (min-width: 768px) {
    .pr-nav--ul {
        gap: 16px;
    }
}




.pr-nav--a {
    padding: 8px 0px;
    display: block;
    color: var(--text-secondary);
}
@media (min-width: 768px) {
    .pr-nav--a {
        padding: 12px 0px;
    }
}
@media (any-hover:hover) {
    .pr-nav--a:hover {
        color: var(--text-accent);
    }
}
.pr-nav--a:active {
    color: var(--bg-accent-gradient-active);
}




.pr-main--div__CONTENT {
    width: 100%;
    display: flex;
    flex-direction: column;
}
@media (min-width: 1440px) {
    .pr-main--div__CONTENT {
        width: 60.44%;
    }
}
@media (min-width: 1920px) {
    .pr-main--div__CONTENT {
        width: 57.77%;
    }
}




.pr-main--h1 {
    margin-bottom: 32px;
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .pr-main--h1 {
        margin-bottom: 48px;
    } 
}
@media (min-width: 1920px) {
    .pr-main--h1 {
        margin-bottom: 64px;
    } 
}




.pr-main--div__CONDITIONS {
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
}
@media (min-width: 768px) {
    .pr-main--div__CONDITIONS {
        margin-bottom: 40px;
    } 
}
@media (min-width: 1440px) {
    .pr-main--div__CONDITIONS {
        margin-bottom: 48px;
    } 
}
@media (min-width: 1920px) {
    .pr-main--div__CONDITIONS {
        margin-bottom: 64px;
    } 
}




.pr-main--div__TARGET {
    position: relative;
    top: -100px;
}
@media (min-width: 1440px) {
    .pr-main--div__TARGET {
        top: -130px;
    }
}




.pr-main--h2 {
    margin-bottom: 24px;
}
@media (min-width: 1440px) {
    .pr-main--h2 {
        margin-bottom: 32px;
    } 
}




.pr-main--h2,
.pr-main--h3,
.pr-main--p {
    color: var(--text-primary);
}














/* ********** ********** КОНТАКТЫ ********** ***********/







.cs-main {
    background-color: var(--bg-secondary);
}

/* ---------- ********** СЕКЦИЯ ADDRESS ********** ---------- */


.cs-address {
    background-color: var(--bg-secondary);
    border-radius: 24px;
}




.cs-address--div__CONTAINER {
    padding: 0px 16px;
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 32px;
}
@media (min-width: 768px) {
    .cs-address--div__CONTAINER {
        padding: 0px 32px;
    }
}
@media (min-width: 1440px) {
    .cs-address--div__CONTAINER {
        padding: 0px 64px;
        border-radius: 40px;
    }
}
@media (min-width: 1920px) {
    .cs-address--div__CONTAINER {
        margin: 0 auto;
        padding: 0px;
        width: 1776px;
    }
}




.c-sel--button__PIN_CS {
    height: 61px;
    width: 51px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    background-color: transparent;
    border: none;
}








.cs-address--div__BACK {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 23;
    background-color: hsla(0, 0%, 0%, 0.68);
}
.__cs-address--div__BACK__VIS {
    display: flex;
}
@media (min-width: 768px) {
    .__cs-address--div__BACK__VIS {
        display: none;
    }
}




.cs-address--div__CONTENT {
    display: flex;
    flex-direction: column;
    position: relative;
    inset: auto 0 0 0;
    z-index: 24;
}
@media (min-width: 768px) {
    .cs-address--div__CONTENT {
        max-height: none;
        width: 338px;
        display: flex;
        position: absolute;
        inset: 0 auto 0 32px;
        z-index: 1;
        background-color: var(--bg-secondary);
        border-radius: 24px;
    }
}
@media (min-width: 1440px) {
    .cs-address--div__CONTENT {
        width: 542px;
        inset: 0 auto 0 64px;
    }
}
@media (min-width: 1920px) {
    .cs-address--div__CONTENT {
        width: 680px;
        inset: 0 auto 0 0;
    }
}
.__cs-address--div__CONTENT__VIS {
    display: flex;
}




.cs-address--img__MAIN375 {
    margin-top: -24px;
    width: 100%;
    position: relative;
    top: 24px;
    z-index: -1;
    border-radius: 24px 24px 0 0;
}
@media (min-width: 768px) {
    .cs-address--img__MAIN375 {
        display: none;
    }
}




.cs-address--img__MAIN {
    display: none;
}
@media (min-width: 768px) {
    .cs-address--img__MAIN {
        width: 100%;
        display: block;
        border-radius: 24px 24px 12.09px 12.09px;
    } 
}
@media (min-width: 1440px) {
    .cs-address--img__MAIN {
        border-radius: 24px 24px 19.39px 19.39px;
    } 
}
@media (min-width: 1920px) {
    .cs-address--img__MAIN {
        border-radius: 24px 24px 24px 24px;
    } 
}




.cs-address--div__TEXT {
    padding: 36px 16px 34px;
    background-color: var(--bg-tetriary);
    border-radius: 24px 24px 0 0;
}
@media (min-width: 768px) {
    .cs-address--div__TEXT {
        padding: 24px 24px 25px;
        flex-grow: 1;
        border-radius: 0 0 24px 24px;
    }
}
@media (min-width: 1440px) {
    .cs-address--div__TEXT {
        padding: 40px;
    }
}
@media (min-width: 1920px) {
    .cs-address--div__TEXT {
        padding: 40px;
    }
}




.cs-address--h2 {
    margin-bottom: 24px;
    color: var(--text-primary);
}




.cs-address--h3 {
    margin-bottom: 8px;
    color: var(--text-secondary);
}




.cs-address--h3:nth-of-type(2) {
    margin-bottom: 4px;
}




.cs-address--p {
    margin-bottom: 12px;
    color: var(--text-primary);
}
.cs-address--p a{
    color: var(--text-primary);
/*font-family: var(--font4);
  font-size: 14px;
  line-height: 155%;
  letter-spacing: -0.01em;*/
}
@media (min-width: 1440px) {
    .cs-address--p {
        margin-bottom: 16px;
    }
}




.cs-address--p:nth-of-type(even) {
    display: none;
}
@media (min-width: 1440px) {
    .cs-address--p:nth-of-type(even) {
        display: block;
    }
}




.cs-address--p:nth-of-type(odd) {
    display: block;
}
@media (min-width: 1440px) {
    .cs-address--p:nth-of-type(odd) {
        display: none;
    }
}




.cs-address--p.last {
    margin-bottom: 0;
}




.cs-address--div__TEXT_BOTTOM {
    margin-top: 24px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
@media (min-width: 768px) {
    .cs-address--div__TEXT_BOTTOM {
        display: none;
    }
}




.cs-address--button__CLOSE {
    height: 48px;
    flex: 1 0 102px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-accent);
    background-color: var(--bg-secondary);
    border: none;
    border-radius: 12px;
}
.cs-address--button__CLOSE:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}




.cs-address--button__ROUTE {
    height: 48px;
    flex: 1 0 225px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
}
.cs-address--button__ROUTE:active {
    background: none;
    background-color: var(--bg-accent-gradient-active);
}







/* ---------- ********** СЕКЦИЯ BANK ********** ---------- */


.cs-bank {
    background-color: var(--bg-secondary);
}




.cs-bank--div__CONTAINER {
    padding: 40px 16px 52px;
    display: flex;
    flex-direction: column;
    border-radius: 32px;
}
@media (min-width: 768px) {
    .cs-bank--div__CONTAINER {
        padding: 32px 32px 64px;
    }
}
@media (min-width: 1440px) {
    .cs-bank--div__CONTAINER {
        padding: 64px 64px 80px;
        border-radius: 40px;
    }
}
@media (min-width: 1920px) {
    .cs-bank--div__CONTAINER {
        margin: 0 auto;
        padding: 64px 0 120px;
        width: 1776px;
    }
}




.cs-bank--div__TEXT {
    padding: 32px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: var(--bg-tetriary);
    border-radius: 32px;
}
@media (min-width: 768px) {
    .cs-bank--div__TEXT {
        padding: 32px;
        gap: 24px;
    }
}
@media (min-width: 1440px) {
    .cs-bank--div__TEXT {
        padding: 40px;
        flex-direction: row;
        justify-content: space-between;
        gap: 0;
        border-radius: 40px;
    }
}
@media (min-width: 1920px) {
    .cs-bank--div__TEXT {
        padding: 40px;
    }
}




.cs-bank--h2 {
    color: var(--text-primary);
}
@media (min-width: 1440px) {
    .cs-bank--h2 {
        flex: 1 0 50%;
    }
}




.cs-bank--p {
    color: #4a4b4d;
    text-align: left;
}
@media (min-width: 1440px) {
    .cs-bank--p {
        flex: 1 0 50%;
        text-align: justify;
    }

}







/* ---------- ********** СЕКЦИЯ QUESTIONS ********** ---------- */

.hm-quiz.cs {
    position: relative;
    z-index: 3;
}
@media (min-width: 1920px) {
    .hm-quiz.cs {
        width: 100vw;
        background-color: var(--bg-secondary);
        border-radius: 0 0 64px 64px;
        overflow: hidden;
    }
}
@media (min-width: 1920px) {
    .hm-quiz--div__BACK.cs {
        border-radius: 64px;
    }
}




.cs-questions--form {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: var(--bg-tetriary);
    border-radius: 16px;
}
@media (min-width: 768px) {
    .cs-questions--form {
        padding: 24px;
        border-radius: 24px;
    }
}
@media (min-width: 1440px) {
    .cs-questions--form {
        padding: 32px;
        width: 574px;
        gap: 24px;
    }
}




.cs-questions--div__BLOCK {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (min-width: 768px) {
    .cs-questions--div__BLOCK {
        flex-direction: row;
    }
}




@media (min-width: 1440px) {
    .cs-questions--div__BLOCK:first-of-type {
        flex-direction: column;
        gap: 24px;
    }
}




@media (min-width: 1440px) {
    .cs-questions--div__BLOCK:last-of-type {
        gap: 12;
    }
}




@media (min-width: 768px) {
    .cs-questions--div__BLOCK:last-of-type {
        margin-bottom: 16px;
    }
}
@media (min-width: 1440px) {
    .cs-questions--div__BLOCK:last-of-type {
        margin-bottom: 0px;
    }
}





.hm-quizModal1--label.cs {
    margin-bottom: 0;
    position: relative;
}
@media (min-width: 768px) {
    .hm-quizModal1--label.cs {
        flex: 1 1 50%;
    }
}




.hm-quizModal1--label.cs input {
    width: 100%;
}




.cs-questions--form textarea {
    resize: none;
    color: var(--text-primary);
}
@media (min-width: 768px) {
    .cs-questions--form textarea {
        margin-bottom: 16px;
    }
}
@media (min-width: 1440px) {
    .cs-questions--form textarea {
        margin-bottom: 0px;
    }
}




.hm-quizModal1--button__SUBMIT.cs {
    margin: 8px 0 0;
    height: 48px;
}
@media (min-width: 768px) {
    .hm-quizModal1--button__SUBMIT.cs {
        margin: 8px 0;
        height: 56px;
    }
}
@media (min-width: 1440px) {
    .hm-quizModal1--button__SUBMIT.cs {
        margin: 16px 0 0;
        height: 64px;
    }
}







/* ---------- ********** FOOTER ********** ---------- */


.c-footer.cs {
    position: relative;
}




.cs-footer__EMPTY {
    height: 80px;
    width: 100%;
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    background-color: var(--bg-primary);
}














/* ********** ********** ИЗБРАННОЕ ********** ***********/






/* ---------- ********** СЕКЦИЯ EMPTY ********** ---------- */


.fv-empty {
    background-color: var(--bg-secondary);
}




.fv-empty--div__CONTAINER {
    padding: 0px 16px 40px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media (min-width: 768px) {
    .fv-empty--div__CONTAINER {
        padding: 0px 32px 64px;
    }
}
@media (min-width: 1440px) {
    .fv-empty--div__CONTAINER {
        padding: 0px 64px 64px;
    }
}
@media (min-width: 1920px) {
    .fv-empty--div__CONTAINER {
        margin: 0 auto;
        padding: 0px 0 80px;
        width: 1776px;
    }
}




.fv-empty--h2 {
    margin-bottom: 12px;
    color: var(--text-primary);
}




.fv-empty--p__ADD {
    margin-bottom: 42px;
    display: flex;
    gap: 8px;
    align-items: center;
    color: var(--text-secondary);
}




.fv-empty--img__HEART {
    width: 32px;
    box-shadow: 0 3.2px 54px hsla(0, 0%, 64%, 0.25);
}




.fv-empty--a {
    margin-bottom: 16px;
    padding: 16px 32px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .fv-empty--a {
        height: 56px;
    }
}
@media (min-width: 1440px) {
    .fv-empty--a {
        height: 64px;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .fv-empty--a:hover {
        color: var(--text-primary-inverse);
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.fv-empty--a:active {
    color: var(--text-primary-inverse);
    background: none;
    background-color: var(--bg-accent-gradient-active);
}







/* ---------- ********** СЕКЦИЯ MAIN ********** ---------- */


.fv-main {
    background-color: var(--bg-secondary);
    border-radius: 0 0 32px 32px;
}
@media (min-width: 768px) {
    .fv-main {
        border-radius: 0 0 48px 48px;
    }
}
@media (min-width: 1920px) {
    .fv-main {
        border-radius: 0 0 64px 64px;
    }
}




.fv-main--div__CONTAINER {
    padding: 0px 16px 52px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media (min-width: 768px) {
    .fv-main--div__CONTAINER {
        padding: 0px 32px 64px;
    }
}
@media (min-width: 1440px) {
    .fv-main--div__CONTAINER {
        padding: 0px 64px 80px;
    }
}
@media (min-width: 1920px) {
    .fv-main--div__CONTAINER {
        margin: 0 auto;
        padding: 0px 0 120px;
        width: 1776px;
    }
}




.fv-main--h2 {
    margin-bottom: 32px;
    color: var(--text-primary);
}




.c-sel--div__GRID.fv {
    width: 100%;
}




.c-sel--div__GRID.fv.full {
    display: none;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, auto);
    grid-gap: 24px;
}
@media (min-width: 768px) {
    .c-sel--div__GRID.fv.full {
        grid-template-columns: repeat(2, auto);
        grid-template-rows: repeat(3, auto);
        grid-column-gap: 20px;
        grid-row-gap: 40px;
    }
}
@media (min-width: 1440px) {
    .c-sel--div__GRID.fv.full {
        grid-template-columns: repeat(3, auto);
        grid-template-rows: repeat(2, auto);
    }
}
@media (min-width: 1920px) {
    .c-sel--div__GRID.fv.full {
        grid-template-columns: repeat(3, auto);
        grid-template-rows: repeat(2, auto);
    }
}














/* ********** ********** АКЦИИ ********** ***********/






/* ---------- ********** СЕКЦИЯ MAIN ********** ---------- */


.ac-main {
    background-color: var(--bg-secondary);
    border-radius: 0 0 32px 32px;
}
@media (min-width: 768px) {
    .ac-main {
        border-radius: 0 0 48px 48px;
    }
}
@media (min-width: 1920px) {
    .ac-main {
        border-radius: 0 0 64px 64px;
    }
}




.ac-main--div__CONTAINER {
    padding: 0px 16px 52px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
@media (min-width: 768px) {
    .ac-main--div__CONTAINER {
        padding: 0px 32px 64px;
    }
}
@media (min-width: 1440px) {
    .ac-main--div__CONTAINER {
        padding: 0px 64px 80px;
    }
}
@media (min-width: 1920px) {
    .ac-main--div__CONTAINER {
        margin: 0 auto;
        padding: 0px 0 120px;
        width: 1776px;
    }
}




.ac-main--div__HEAD {
    margin-bottom: 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
@media (min-width: 768px) {
    .ac-main--div__HEAD {
        margin-bottom: 64px;
    }
}
@media (min-width: 1440px) {
    .ac-main--div__HEAD {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }
}
@media (min-width: 1440px) {
    .ac-main--div__HEAD {
        margin-bottom: 80px;
    }
}




@media (min-width: 1440px) {
    .ac-main--form__SELECT {
        width: 29.68vw;
    }
}





.c-sel--fieldset__THIRD.ac {
    padding: 0;
    max-height: none;
    background-color: var(--bg-secondary);
}




.c-sel--label__THIRD.ac {
    background-color: var(--bg-primary);
}
@media (any-hover: hover) {
    .c-sel--label__THIRD.ac:hover {
        background-color: var(--bg-accent-gradient-hover);
    } 
}
.c-sel--label__THIRD.ac:active {
    background-color: var(--bg-accent);
}
.__c-sel--label__THIRD_AC {
    background-color: var(--bg-accent) !important;
}




.ac-main--div__GRID {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
/*    grid-template-rows: repeat(8, 1fr);*/
    grid-auto-rows: 1fr;
    grid-gap: 16px;
}
@media (min-width: 768px) {
    .ac-main--div__GRID {
        grid-gap: 32px;
    }
}
@media (min-width: 1440px) {
    .ac-main--div__GRID {
        grid-template-columns: repeat(2, 0.5fr);
/*        grid-template-rows: repeat(4, 1fr);*/
        grid-gap: 20px;
    }
}
@media (min-width: 1920px) {
    .ac-main--div__GRID {
        grid-template-columns: repeat(3, 0.333fr);
/*        grid-template-rows: repeat(3, 1fr);*/
        grid-gap: 24px;
    }
}




.c-offers--div__ITEM.ac,
.c-offersFam.ac {
    box-shadow: 0 0 4px 0 hsla(0, 0%, 87%, 0.25);
}




.c-offers--div__ITEM.ac {
    height: 100%;
    width: 100%;
/*    height: 669px;
    width: 576px;
    position: relative;
*/}
.c-offers--div__ITEM.ac .vp-news--div__SWIPER_HEAD{
    position: relative;
    top:0;
    left:0;
}
.c-offers--div__ITEM.ac .c-offers--h2__ITEM{
    margin-top: 20px;
}




.c-offers--div__ITEM.ac:nth-of-type(9) {
    display: none;
    background: none;
    background-color: #fff;
}
@media (min-width: 1920px) {
    .c-offers--div__ITEM.ac:nth-of-type(9) {
        display: flex;
    }
}




.c-offersFam.ac {
    height: 480px;
    width: 100%;
    background: url("../images/ac-main-family.png") center bottom / 486px no-repeat;
    background-color: #fff;
}
@media (min-width: 768px) {
    .c-offersFam.ac {
        height: 676px;
        background: url("../images/ac-main-family.png") center bottom / 786px no-repeat;
        background-color: #fff;
    }
}
@media (min-width: 1440px) {
    .c-offersFam.ac {
        height: 756px;
    }
}
@media (min-width: 1920px) {
    .c-offersFam.ac {
        height: 669px;
        background: url("../images/ac-main-family.png") center bottom / 750px no-repeat;
        background-color: #fff;
    }
}




.c-offersFam--p__BUY.ac {
    /* font-weight: 400; */
    color: var(--text-secondary);
    background-color: var(--bg-secondary);
}




.c-offers--div__ITEM.ac .c-offersFam--p__BUY.ac {
    margin: 0 0 40px 0;
}
@media (min-width: 768px) {
    .c-offers--div__ITEM.ac .c-offersFam--p__BUY.ac {
        margin: 0 0 40px 0;
    }
}




.c-offers--div__ITEM.ac.hidden,
.c-offersFam.ac.hidden {
    display: none;
}




.ac-main--button__ADD {
    margin-top: 48px;
    height: 48px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-accent);
    background-color: var(--bg-tetriary);
    border: none;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .ac-main--button__ADD {
        align-self: center;
        height: 56px;
        width: 186px;
    }
}
@media (min-width: 1440px) {
    .ac-main--button__ADD {
        margin-top: 52px;
        height: 64px;
        width: 202px;
        border-radius: 16px;
    }
}
@media (min-width: 1920px) {
    .ac-main--button__ADD {
        margin-top: 64px;
    }
}
@media (any-hover: hover) {
    .ac-main--button__ADD:hover {
        color: var(--text-primary-inverse);
        background-color: var(--bg-accent-gradient-hover);
    }
}
.ac-main--button__ADD:active {
    color: var(--text-primary-inverse);
    background-color: var(--bg-accent-gradient-active);
}














/* ********** ********** АКЦИИ - КОНТЕНТНАЯ СТРАНИЦА ********** ***********/






/* ---------- ********** СЕКЦИЯ MAIN ********** ---------- */


.cn-main.dt .vp-news--p__SWIPER_HEAD.dt {
    color: var(--text-secondary);
}




.vp-heroModal2--button__CLEAR.dt {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .vp-heroModal2--button__CLEAR.dt {
        width: 281px;
        align-self: flex-start;
    }
}
@media (min-width: 1440px) {
    .vp-heroModal2--button__CLEAR.dt {
        width: 297px;
    }
}




.c-mortgage--form__FORM.dt {
    padding: 64px 16px 10px;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--bg-tetriary);
    border-radius: 24px 24px 0 0;
    overflow: auto;
}
@media (min-width: 768px) {
    .c-mortgage--form__FORM.dt {
        padding: 92px 32px 64px;
    }
}
@media (min-width: 1440px) {
    .c-mortgage--form__FORM.dt {
        margin-left: auto;
        padding: 90px 64px;
        max-height: none;
        height: 100%;
        max-width: 548px;
        position: static;
        border-radius: 24px 0 0 24px;
    }
}
@media (min-width: 1920px) {
    .c-mortgage--form__FORM.dt {
        padding: 90px 72px 90px;
        max-width: 648px;
    }
}




.c-mortgage--button__SUBMIT.dt {
    margin-bottom: 16px;
    padding: 16px 0;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .c-mortgage--button__SUBMIT.dt {
        margin-bottom: 24px;
        height: 56px;
    }
}
@media (min-width: 1440px) {
    .c-mortgage--button__SUBMIT.dt {
        margin: 24px 0;
        height: 64px;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .c-mortgage--button__SUBMIT.dt:hover {
        color: var(--text-primary-inverse);
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.c-mortgage--button__SUBMIT.dt:active {
    color: var(--text-primary-inverse);
    background: none;
    background-color: var(--bg-accent-gradient-active);
}




.vp-heroModal2--button__CLEAR_DT {
    margin-bottom: 40px;
    padding: 16px 0;
    height: 48px;
    align-self: stretch;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--text-primary-inverse);
    background: linear-gradient(170deg, #16d129, #11b43a);
    border: none;
    border-radius: 12px;
}
@media (min-width: 768px) {
    .vp-heroModal2--button__CLEAR_DT {
        margin-bottom: 80px;
        height: 56px;
        width: 455px;
        align-self: center;
    }
}
@media (min-width: 1440px) {
    .vp-heroModal2--button__CLEAR_DT {
        margin-bottom: auto;
        height: 64px;
        width: auto;
        align-self: stretch;
        border-radius: 16px;
    }
}
@media (any-hover: hover) {
    .vp-heroModal2--button__CLEAR_DT:hover {
        color: var(--text-primary-inverse);
        background: none;
        background-color: var(--bg-accent-gradient-hover);
    }
}
.vp-heroModal2--button__CLEAR_DT:active {
    color: var(--text-primary-inverse);
    background: none;
    background-color: var(--bg-accent-gradient-active);
}














/* ********** ********** 404 ********** ***********/






/* ---------- ********** MAIN ********** ---------- */


.er-main {
    background-color: var(--bg-secondary);
    border-radius: 0 0 32px 32px;
}
@media (min-width: 768px) {
    .er-main {
        border-radius: 0 0 48px 48px;
    }
}
@media (min-width: 1920px) {
    .er-main {
        border-radius: 0 0 64px 64px;
    }
}




.er-main--div__CONTAINER {
    padding: 201.66px 16px 117px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (min-width: 768px) {
    .er-main--div__CONTAINER {
        padding: 160px 32px 64px;
    }
}
@media (min-width: 1440px) {
    .er-main--div__CONTAINER {
        padding: 153px 64px 80px;
    }
}
@media (min-width: 1920px) {
    .er-main--div__CONTAINER {
        margin: 0 auto;
        padding: 175.5px 0 105px;
        width: 1776px;
    }
}




.er-main--img {
    margin-bottom: 40px;
    width: 300px;
}
@media (min-width: 768px) {
    .er-main--img {
        margin-bottom: 65px;
        width: 494px;
    }
}




.er-main--h1 {
    margin-bottom: 16px;
    color: var(--text-primary);
}




.er-main--p {
    margin-bottom: 24px;
    color: var(--text-secondary);
    text-align: center;
}
@media (min-width: 768px) {
    .er-main--p {
        margin-bottom: 40px;
    } 
}




.fv-empty--a.er {
    margin-bottom: 0;
    align-self: stretch;
}
@media (min-width: 768px) {
    .fv-empty--a.er {
        align-self: center;
    }
}