/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
	 ========================================================================== */

/**
   * Remove the margin in all browsers.
   */

body {
    margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */

main {
    display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
   * Remove the gray background on active links in IE 10.
   */

a {
    background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    text-decoration: underline dotted;
    /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b,
strong {
    font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */

small {
    font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
   * Remove the border on images inside links in IE 10.
   */

img {
    border-style: none;
}

/* Forms
	 ========================================================================== */

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
    vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */

textarea {
    overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

details {
    display: block;
}

/*
   * Add the correct display in all browsers.
   */

summary {
    display: list-item;
}

/* Misc
	 ========================================================================== */

/**
   * Add the correct display in IE 10+.
   */

template {
    display: none;
}

/**
   * Add the correct display in IE 10.
   */

[hidden] {
    display: none;
}

/*   Fonts   */
@font-face {
    font-family: 'Gilroy Light';
    src: local('Gilroy Light'), local('Gilroy-Light'),
        url("/assets/shared/fonts/Gilroy-Light.eot?#iefix") format('embedded-opentype'),
        url("/assets/shared/fonts/Gilroy-Light.woff2") format('woff2'),
        url("/assets/shared/fonts/Gilroy-Light.woff") format('woff'),
        url("/assets/shared/fonts/Gilroy-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Medium';
    src: local("Gilroy Medium"), local("Gilroy-Medium"), url("/assets/shared/fonts/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/shared/fonts/Gilroy-Medium.woff2") format("woff2"), url("/assets/shared/fonts/Gilroy-Medium.woff") format("woff"), url("/assets/shared/fonts/Gilroy-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Semibold';
    src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
        url("/assets/shared/fonts/Gilroy-Semibold.eot?#iefix") format('embedded-opentype'),
        url("/assets/shared/fonts/Gilroy-Semibold.woff2") format('woff2'),
        url("/assets/shared/fonts/Gilroy-Semibold.woff") format('woff'),
        url("/assets/shared/fonts/Gilroy-Semibold.ttf") format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy Bold';
    src: local("Gilroy Bold"), local("Gilroy-Bold"), url("/assets/shared/fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/shared/fonts/Gilroy-Bold.woff2") format("woff2"), url("/assets/shared/fonts/Gilroy-Bold.woff") format("woff"), url("/assets/shared/fonts/Gilroy-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic';
    src: local("Century Gothic Regular"), local("Century-Gothic-Regular"), url("/assets/shared/fonts/CenturyGothic.woff2") format("woff2"), url("/assets/shared/fonts/CenturyGothic.woff") format("woff"), url("/assets/shared/fonts/CenturyGothic.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Century Gothic Bold';
    src: local("Century Gothic Bold"), local("Century-Gothic-Bold"), url("/assets/shared/fonts/CenturyGothic-Bold.woff2") format("woff2"), url("/assets/shared/fonts/CenturyGothic-Bold.woff") format("woff"), url("/assets/shared/fonts/CenturyGothic-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Light';
    src: local("Proxima Nova Light"), local("Proxima-Nova-Light"), url("/assets/shared/fonts/ProximaNova-Light.woff2") format("woff2"), url("/assets/shared/fonts/ProximaNova-Light.woff") format("woff"), url("/assets/shared/fonts/ProximaNova-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova';
    src: local("Proxima Nova Regular"), local("Proxima-Nova-Regular"), url("/assets/shared/fonts/ProximaNova-Regular.woff2") format("woff2"), url("/assets/shared/fonts/ProximaNova-Regular.woff") format("woff"), url("/assets/shared/fonts/ProximaNova-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Semibold';
    src: local("Proxima Nova Semibold"), local("Proxima-Nova-Semibold"), url("/assets/shared/fonts/ProximaNova-Semibold.woff2") format("woff2"), url("/assets/shared/fonts/ProximaNova-Semibold.woff") format("woff"), url("/assets/shared/fonts/ProximaNova-Semibold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Proxima Nova Bold';
    src: local("Proxima Nova Bold"), local("Proxima-Nova-Bold"), url("/assets/shared/fonts/ProximaNova-Bold.woff2") format("woff2"), url("/assets/shared/fonts/ProximaNova-Bold.woff") format("woff"), url("/assets/shared/fonts/ProximaNova-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
}

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

h1 {
    font-size: inherit;
}

body {
    font-family: 'Century Gothic', sans-serif;
    position: relative;
    background-color: #fff;
    color: #272829;
    font-size: 16px;
    line-height: 1.2;
}

html,
body {
    height: 100%;
}

body.show {
    overflow: hidden;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.content {
    flex: 1 0 auto;
}

.footer {
    flex: 0 0 auto;
}

button:hover {
    cursor: pointer;
}

img {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.container {
    max-width: 1230px;
    position: relative;
}

.container-big {
    max-width: 1230px;
    padding: 0 15px;
    position: relative;
    margin: 0 auto;
}

.container-big .container {
    max-width: 1130px;
    padding: 0 15px;
    position: relative;
    margin: 0 auto;
}


@media (max-width: 1190px) {
    .container-big .container {
        padding: 0;
    }
}

.container-main {
    max-width: 1780px;
    padding: 0 15px;
    position: relative;
    margin: 0 auto;
}


header.header {
    position: relative;
    z-index: 55;
}

.logo {
    flex-shrink: 0;
}

.logo img {
    width: 181px;
    height: auto;
}

.title {
    width: 100%;
    max-width: 1430px;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-weight: 700;
    font-size: 75px;
    color: #272829;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    margin-bottom: 40px;
    overflow: hidden;
}

.title-storerooms {
    text-transform: none;
    font-family: 'Century Gothic Bold', sans-serif;
    color: #000000;
}

.title h1,
.title h2 {
    padding-right: 40px;
    display: inline;
    position: relative;
    z-index: 1;
    background-color: #fff;
}

.title::after {
    content: '';
    position: absolute;
    display: block;
    bottom: 58px;
    left: 20px;
    width: 2000px;
    height: 14px;
    background-color: #27814e;
    z-index: -1;
}

.title-storerooms::after {
    bottom: 45px;
}

.title-small {
    font-size: 55px;
}

.title-small::after {
    bottom: 40px;
}

.title+p {
    margin-top: 40px;
    margin-bottom: 30px;
    line-height: 1.25;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    color: #000000;
}

.title-mobile {
    display: none;
}

@media (max-width: 590px) {
    .title-mobile {
        display: block;
    }

    .title-mobile+.title {
        display: none;
    }
}

.subtitle {
    font-family: 'Century Gothic', sans-serif;
    font-weight: 400;
    font-size: 39px;
    color: #272829;
}

.phone-item {
    font: 600 20px / 1.4 "Gilroy Semibold", sans-serif;
    color: #171b24;
    border: 1px solid #d1d1d3;
    border-radius: 8px;
    padding: 12px 30px;
    backdrop-filter: blur(20px);
}

.page {
    padding: 40px 0 20px;
}

.pageup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 50px;
    display: none;
    background-color: #27814e;
    box-shadow: 0px 7px 13px rgba(39, 129, 78, 0.5);
    border: none;
    z-index: 30;
    transition: background-color .3s ease, box-shadow .3s ease;
}

.pageup::after {
    content: '';
    width: 20px;
    height: 20px;
    border: none;
    border-bottom: 6px solid #fff;
    border-left: 6px solid #fff;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(135deg);
}

.pageup:hover {
    background-color: #ea560d;
    box-shadow: 0px 7px 13px rgba(234, 86, 13, 0.5);
    transition: background-color .3s ease, box-shadow .3s ease;
}

.pageup.show {
    display: block;
}

.pageup:focus {
    outline: none;
}

@media (max-width: 900px) {
    .pageup {
        width: 40px;
        height: 40px;
        bottom: 20px;
        right: 20px;
        border-radius: 4px;
    }

    .pageup::after {
        width: 32px;
        height: 32px;
        top: 47%;
        background-image: url("/assets/shared/img/icons/chevron-up-c.png");
        border: none !important;
        transform: translate(-50%, -50%);
    }
}

.main-image {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin: 60px auto 50px;
}

.map .subtitle {
    margin-bottom: 29px;
}

.btn {
    background-color: #ea560d;
    border-radius: 15px;
    padding: 14px 30px 18px;
    font-family: 'Century Gothic', sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    transition: background-color .3s ease;
}

.btn:hover {
    background-color: #27814e;
    transition: background-color .3s ease;
}

.btn-modal {
    color: #fff;
    min-width: 290px;
}

.btn-modal:hover {
    color: #fff;
}

.btn-popup {
    padding: 15px 20px 14px;
    border-radius: 0;
    width: 100%;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 30px;
    text-align: center;
    color: #fff;
    background-color: #27814e;
    border: 1px solid transparent;
    transition: background-color .3s ease, color .3s ease;
}

.btn-popup:hover {
    border: 1px solid #27814e;
    background-color: #fff;
    color: #27814e;
    transition: background-color .3s ease, color .3s ease;
}

.btn-form {
    padding: 6px 20px;
    border-radius: 0;
    width: 100%;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 30px;
    text-align: center;
    color: #272829;
    background-color: #fff;
    border: 2px solid #272829;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

.btn-form:hover {
    border: 2px solid #27814e;
    color: #fff;
    background-color: #27814e;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

.btn-banner {
    padding: 10px 20px;
    border-radius: 0;
    border: 1px solid transparent;
    width: 100%;
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-size: 22px;
    text-align: center;
    color: #fff;
    background-color: #27814e;
    transition: background-color .3s ease, color .3s ease;
}

.btn-banner:hover {
    color: #27814e;
    background-color: #fff;
    border-color: #27814e;
    transition: background-color .3s ease, color .3s ease;
}

.btn-contacts {
    line-height: 1;
    margin-top: 10px;
    padding: 9px 15px 10px;
    border-radius: 0;
    border: 1px solid transparent !important;
    width: 100%;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 32px;
    text-align: center;
    color: #fff !important;
    background-color: #27814e;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

.btn-contacts:hover {
    color: #27814e !important;
    background-color: #fff;
    border-color: #27814e !important;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

.show_form_btn {
    border: none;
    box-shadow: none;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background: none;
}

.header {
    width: 100%;
    padding: 0 15px;
}

.header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 25px 0 11px;
    width: 100%;
    max-width: 1750px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.header__snow {
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    left: 400px;
    z-index: 1;
}

@media (max-width: 1230px) {
    .header__snow {
        display: none;
    }
}

@media (max-width: 520px) {
    .header__snow {
        left: 300px;
    }
}

.header__snow img:nth-child(1) {
    width: 35px;
    padding-bottom: 10px;
}

.header__snow img:nth-child(2) {
    width: 20px;
    padding-top: 10px;
}

.header__snow img:nth-child(3) {
    width: 25px;
    padding-bottom: 20px;
}

.header__cities {
    margin: 0;
    margin-right: auto;
    margin-left: 12px;
    padding-left: 17px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    position: relative;
}

.header__cities::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 18px;
    background: rgba(0, 0, 0, 0.3);
}

.header__cities--mobile {
    display: none;
}

.header__cities-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin: 0 !important;
}

.header__city {
    font-family: 'Gilroy Medium', sans-serif;
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    padding-left: 24px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header__city::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 7.33333L14.6667 1.33333L8.66667 14L7.33333 8.66666L2 7.33333Z' fill='%2327814e' stroke='%2327814e' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e") center/contain no-repeat;
}

.header__city a {
    color: #27814e;
    text-decoration: underline;
}

li.header__city a {
    color: #000;
}

li.header__city::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 7.33333L14.6667 1.33333L8.66667 14L7.33333 8.66666L2 7.33333Z' fill='black' stroke='black' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}

.header__city a:hover {
    text-decoration: none;
}

.header__link {
    font-family: 'Gilroy', sans-serif;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-color: #27814e;
    border: 1px solid transparent;
    padding: 12px 26px 13px;
    margin-left: 20px;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

.header__link:hover {
    color: #27814e;
    background-color: #fff;
    border-color: #27814e;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

.header-menu {
    position: relative;
}

.header-menu .header__link {
    display: none;
}

.header.show .header-menu {
    max-height: 9999px;
    position: absolute;
    width: 100%;
}

.header.show .header-menu__overlay {
    display: block;
}

.header.show .header-menu__list {
    position: relative;
    z-index: 51;
}

.header-menu__overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(39, 40, 41, 0.4);
    z-index: 50;
}

.header-menu__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}

.header-menu__btn {
    display: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 54px;
    z-index: 999;
    right: 27px;
    bottom: 20px;
    /* box-shadow: -6px 11px 10px 0 rgba(0, 0, 0, 0.25); */
    background: #fff;
}

.header-menu__btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    display: block;
    width: 61px;
    height: 100%;
    background: linear-gradient(-45deg, transparent 0, transparent 40%, #fff 45%, transparent 60%, transparent 100%);
    background-size: 300% 300%;
    /*animation: gradient 2s ease infinite;*/
}

@keyframes gradient {
    0% {
        background-position: right bottom;
    }

    100% {
        background-position: left top;
    }
}

.header-menu__btn span {
    position: relative;
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 3px;
    background-color: #27814e;
    transition: background-color .1s ease-in .2s;
}

.header-menu__btn span::before,
.header-menu__btn span::after {
    content: "";
    position: absolute;
    background-color: #27814e;
    width: 100%;
    height: 4px;
    border-radius: 3px;
    top: -12px;
    transition: transform .2s ease-in, background-color .3s ease, .2s top .2s linear;
}

.header-menu__btn span::after {
    top: 12px;
}

.header-menu__btn.active {
    display: none;
}

.header-menu__list {
    width: 100%;
    list-style: none;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.header-menu__item {
    position: relative;
    display: flex;
    transition: background-color .3s ease;
}

.header-menu__item--hide {
    display: none;
    padding-left: 36px !important;
    background: #f9f9f9 !important;
}

.header-menu__item--show {
    display: flex !important;
}

.header-menu__item--hide .header-menu__link {
    font: 500 14px / 1.2 "Gilroy Medium", sans-serif;
    text-transform: uppercase;
    color: #333;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}
.inner-menu__link span span {
    display: none;
}
.header-menu__item--hide .header-menu__link span {
    display: block;
    text-transform: lowercase;
    color: #828282;
}

.header-menu__item-btn.active {
    display: flex !important;
}

.header-menu__item-btn.active > .header-menu__link {
    color: #27814e !important;
}

.header-menu__item:last-child {
    margin-right: 0;
}

.header-menu__item:hover {
    background-color: #27814e;
    transition: background-color .3s ease;
    cursor: pointer;
}

.header-menu__item:hover .header-menu__link {
    color: #fff;
}

.header-menu__item:hover>.inner-menu {
    height: auto;
    width: 705px;
    background-color: #fff;
    z-index: 10;
    opacity: 1;
    padding: 21px;
    transition: opacity .5s ease;
}

.header-menu__item.active {
    background-color: #27814e;
}

.header-menu__item.active .header-menu__link {
    color: #fff;
}

.header-menu__link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 17px;
    border: 1px solid #77706f;
    font: 500 16px / 1.4 "Gilroy Medium", sans-serif;
    color: #222;
    text-align: center;
}

.inner-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 0;
    z-index: -1;
    opacity: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: -1px;
    background-color: #fff;
    box-shadow: -11px 17px 25px 0 rgba(0, 0, 0, 0.25);
    transition: opacity .5s ease;
}

.inner-menu:hover {
    height: auto;
    z-index: 1;
    opacity: 1;
    transition: opacity .5s ease;
}

.inner-menu li {
    list-style: none;
    display: flex;
    /* flex-grow: 1; */
    width: calc(50% - 9px);
    margin-right: 18px;
    margin-bottom: 11px;
}

.inner-menu__item-quest {
    width: 100% !important;
    margin-right: 0 !important;
    border: 1px solid #272727;
}

.inner-menu__item-quest .inner-menu__link {
    justify-content: center;
    background-color: #fff;
}
.inner-menu__item-quest .inner-menu__link span {
    font-size: 23px;
    padding: 5px !important;
}

.inner-menu li:nth-child(even) {
    margin-right: 0px;
}

.inner-menu__link {
    display: flex;
    justify-content: flex-start;
    background-color: #f1f1f1;
    flex-grow: 1;
    text-decoration: none;
    transition: background-color .3s ease;
}

.inner-menu__link span {
    font-family: 'Gilroy', sans-serif;
    font-size: 16px;
    line-height: 1.2;
    color: #272727;
    transition: color .3s ease;
}

.inner-menu__link>span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 15px;
}

.inner-menu__link div {
    width: 0;
    flex-shrink: 0;
    min-height: 50px;
    background-color: #27814e;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner-menu__link div:has(img) {
    width: 59px;
}

.inner-menu--simple .inner-menu__link div {
    background-color: #f1f1f1;
}

.inner-menu__link img {
    max-width: 100%;
    max-height: 100%;
}
.inner-menu--simple .inner-menu__link img {
    max-width: 80%;
}

.inner-menu__link:hover {
    background-color: #27814e;
    transition: background-color .3s ease;
}

.inner-menu__link:hover span {
    color: #fff;
    transition: color .3s ease;
}

.inner-menu__footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 12px;
    width: 100%;
}

.inner-menu__footer li {
    width: 50%;
    display: block;
    margin-bottom: 10px;
    margin-right: 0;
    border: 1px solid #272727;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    transition: background-color .3s ease;
}

.inner-menu__footer li:nth-child(even) {
    border-left: none;
}

.inner-menu__footer li:nth-child(odd) {
    border-right: none;
}

.inner-menu__footer li:first-child {
    border: 1px solid #27814e;
    border-left: 1px solid #27814e;
    background-color: #27814e;
}

.inner-menu__footer li:first-child:hover {
    background-color: #fff;
    transition: background-color .3s ease;
}

.inner-menu__footer li:first-child:hover span {
    color: #27814e;
    transition: color .3s ease;
}

.inner-menu__footer-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.inner-menu__footer-link span {
    font-family: "Gilroy", sans-serif;
    font-weight: 400;
    font-size: 23px;
    color: #272727;
    transition: color .3s ease;
}

.inner-menu__footer li:first-child span {
    color: #fff;
}

.mobile-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(39, 39, 39, 0.5);
    z-index: 1;
}

.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1009;
    overflow: auto;
}

.mobile-menu.show {
    display: block;
}

.mobile-menu__wrapper {
    box-shadow: -4px 4px 15px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff;
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 8px 20px;
    height: 100dvh;
    max-height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.mobile-menu__wrapper .close {
    position: absolute;
    top: 21px;
    right: 33px;
    width: 16px;
    height: 16px;
    background-image: url("/assets/shared/img/icons/mobile-menu-close.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
}

.mobile-menu__header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
}

.mobile-menu .logo img {
    width: 181px;
}

.mobile-menu .btn {
    margin-top: auto;
    width: 100%;
    background-color: #27814e;
    border-radius: 0;
    font-family: "Gilroy Medium", sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    color: #fff;
    min-width: 100px;
    padding: 5px !important;
    min-height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-menu__user {
    cursor: pointer;
    margin-top: 6px;
    width: 100%;
    min-height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid #27814e;
    font: 700 16px / 1.25 "Gilroy Bold", sans-serif;
    text-align: center;
    color: #27814e;
}

.mobile-menu__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
}

.mobile-menu__footer a {
    display: block;
    font-size: 0 !important;
    width: 44px;
    height: auto;
    aspect-ratio: 1/1;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M25.5569 24.406L25.1019 24.859C25.1019 24.859 24.0189 25.935 21.0639 22.997C18.1089 20.059 19.1919 18.983 19.1919 18.983L19.4779 18.697C20.1849 17.995 20.2519 16.867 19.6349 16.043L18.3749 14.36C17.6109 13.34 16.1359 13.205 15.2609 14.075L13.6909 15.635C13.2579 16.067 12.9679 16.625 13.0029 17.245C13.0929 18.832 13.8109 22.245 17.8149 26.227C22.0619 30.449 26.0469 30.617 27.6759 30.465C28.1919 30.417 28.6399 30.155 29.0009 29.795L30.4209 28.383C31.3809 27.43 31.1109 25.795 29.8829 25.128L27.9729 24.089C27.1669 23.652 26.1869 23.78 25.5569 24.406Z' fill='%2327814E' /%3e%3c/svg%3e") center/contain no-repeat;
}

.mobile-menu__footer-vk {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.1301 25.2842C31.1109 25.2469 31.0982 25.2394 31.0791 25.2095C31.06 25.1796 31.0537 25.1571 31.0345 25.1273C31.0154 25.0974 30.9963 25.09 30.9772 25.0675C30.939 25.0227 30.8243 24.8357 30.7797 24.7684C30.767 24.7461 30.6969 24.6863 30.6651 24.6414L30.5058 24.4247C30.4167 24.305 30.3147 24.1929 30.2192 24.0808C30.1937 24.0509 30.181 24.0434 30.1555 24.021L29.9326 23.7369C29.9071 23.7145 29.8944 23.7145 29.8689 23.6771L29.7606 23.5351C29.7351 23.5126 29.716 23.5052 29.6906 23.4828L29.5759 23.3482C29.4612 23.2062 29.4803 23.2062 29.3402 23.0866C29.2638 23.0193 29.1873 22.9146 29.1109 22.825C29.0408 22.7427 28.9453 22.653 28.8752 22.5708L28.7542 22.4512C28.716 22.4138 28.7351 22.4138 28.7096 22.3765C28.6905 22.354 28.6714 22.3391 28.6523 22.3092C28.6331 22.2793 28.6204 22.2569 28.5949 22.227L28.3784 21.9504C28.3593 21.9205 28.3465 21.898 28.3275 21.8757C28.2701 21.8158 28.2701 21.7859 28.2319 21.7186C28.1809 21.6439 28.2064 21.5991 28.1554 21.5318C28.1045 21.4645 28.1045 21.4271 28.0918 21.3449C28.0599 21.1431 28.0536 21.0608 28.0918 20.859C28.1045 20.7917 28.1172 20.702 28.1427 20.6422L28.2892 20.2834C28.3083 20.2386 28.3147 20.246 28.3338 20.2012L28.4293 20.0368C28.4739 19.947 28.4931 19.9396 28.5249 19.8872L28.665 19.648C28.7224 19.5658 28.7733 19.4985 28.8115 19.4088C28.837 19.349 28.9644 19.1622 29.009 19.1098C29.0344 19.0799 29.0344 19.0575 29.0536 19.0351C29.0726 19.0052 29.0855 18.9977 29.1045 18.9603C29.1619 18.8557 29.2383 18.7585 29.302 18.6464C29.3402 18.5791 29.4166 18.5044 29.4549 18.4296C29.4931 18.3623 29.5185 18.3399 29.5504 18.2801L29.7988 17.8914C29.8179 17.869 29.8306 17.8391 29.8498 17.8166L29.9517 17.6671C29.9899 17.6073 30.0027 17.57 30.0473 17.5102L30.2957 17.1364C30.3147 17.1065 30.3211 17.0916 30.3402 17.0542C30.4167 16.9495 30.4613 16.8374 30.5377 16.7402C30.6078 16.6431 30.646 16.516 30.716 16.4188C30.7479 16.374 30.7925 16.3216 30.818 16.2618C30.8562 16.1796 30.9071 16.0974 30.9581 16.0226C30.9709 16.0002 30.9836 15.9703 31.0027 15.9404C31.0218 15.903 31.0345 15.8955 31.0473 15.8657C31.0664 15.8357 31.0664 15.8059 31.0855 15.7759C31.1109 15.7386 31.1173 15.7461 31.1428 15.6937C31.1555 15.6638 31.1619 15.6339 31.181 15.6115C31.232 15.5367 31.232 15.5218 31.2702 15.447C31.2893 15.4097 31.2957 15.4171 31.3148 15.3648C31.3276 15.3349 31.3339 15.3125 31.353 15.2751C31.3912 15.2153 31.404 15.163 31.4422 15.1107C31.4676 15.0733 31.4932 14.9911 31.525 14.9313C31.5632 14.864 31.5696 14.8191 31.595 14.7519L31.7097 14.4828C31.7416 14.4155 31.7416 14.3706 31.7861 14.2959C31.8053 14.2585 31.8116 14.251 31.818 14.1987C31.8371 14.109 31.8626 14.0791 31.8817 14.0118C31.9072 13.9371 31.9072 13.8773 31.9263 13.7951C31.9517 13.6306 31.9836 13.7951 31.9836 13.3166C31.9836 13.1671 31.9581 13.2045 31.9263 13.1148C31.8881 12.9877 31.9072 13.0401 31.8307 12.9578C31.7416 12.8681 31.7798 12.913 31.6843 12.8607C31.6205 12.8233 31.595 12.7934 31.525 12.7784C31.4932 12.771 31.4549 12.771 31.4231 12.7635C31.2448 12.7186 31.1046 12.6887 30.9071 12.6962C30.6141 12.7112 30.2957 12.6962 29.9962 12.6962C29.3848 12.6962 28.7733 12.6962 28.1619 12.6962C27.8561 12.6962 27.5503 12.7037 27.2446 12.6962C27.0981 12.6962 26.9261 12.6813 26.8115 12.7336C26.786 12.7411 26.7605 12.7635 26.735 12.7784C26.7032 12.7934 26.6713 12.7859 26.6459 12.8083L26.5312 12.9429C26.4675 13.0251 26.3847 13.1746 26.3528 13.2793C26.3401 13.3241 26.3401 13.3391 26.321 13.3764C26.2892 13.4362 26.2828 13.4961 26.2573 13.5633C26.2446 13.6007 26.2318 13.6157 26.2191 13.653C26.1936 13.7128 26.1936 13.8025 26.1554 13.8623C26.1108 13.9371 26.1172 13.9595 26.0917 14.0567C26.079 14.1165 26.0343 14.1763 26.0216 14.2436C26.0026 14.3333 25.977 14.3482 25.9515 14.423C25.9388 14.4603 25.9325 14.4977 25.9197 14.5276C25.9069 14.565 25.8942 14.5725 25.8751 14.6098L25.8051 14.7892C25.7669 14.864 25.7669 14.9088 25.7414 14.9761C25.7286 15.0135 25.7095 15.0284 25.6968 15.0583C25.6841 15.0957 25.6841 15.1181 25.6649 15.1555L25.5885 15.3349C25.5694 15.3872 25.5439 15.447 25.5184 15.5218C25.4802 15.6339 25.4229 15.7834 25.3656 15.8731L25.2063 16.2319C25.1808 16.2768 25.1872 16.2768 25.1745 16.3291C25.149 16.3889 25.1299 16.3964 25.0917 16.501C25.0725 16.5459 25.0471 16.5907 25.0279 16.6281C25.0089 16.673 24.9961 16.7103 24.9643 16.7552C24.9261 16.8075 24.9133 16.8598 24.8751 16.9196C24.8433 16.972 24.8178 17.0318 24.7922 17.0841C24.7795 17.114 24.7668 17.1439 24.754 17.1738C24.6776 17.3083 24.6076 17.4504 24.5248 17.5849L24.2509 18.0633C24.1871 18.168 24.1426 18.2951 24.0725 18.3848C24.0088 18.467 23.8942 18.6613 23.8687 18.6912C23.8241 18.7436 23.8114 18.7884 23.7732 18.8407L23.6648 18.9828C23.6458 19.0127 23.6458 19.0276 23.6139 19.0575L23.4992 19.1995C23.3846 19.364 23.2445 19.5284 23.0916 19.6555C23.0534 19.6854 23.0534 19.6929 23.0279 19.7228C23.0088 19.7452 22.9769 19.7527 22.9578 19.7676C22.926 19.7901 22.926 19.7975 22.8941 19.82C22.8177 19.8648 22.703 19.9022 22.6075 19.8872C22.5629 19.8798 22.4673 19.8499 22.4419 19.8125C22.4228 19.7901 22.4101 19.7676 22.3845 19.7452C22.3655 19.7303 22.3718 19.7377 22.3527 19.7153C22.3336 19.7004 22.34 19.7004 22.3273 19.6854C22.2827 19.6406 22.1999 19.5135 22.1807 19.4537C22.1361 19.3042 22.1234 19.349 22.0916 19.1547C22.0852 19.1472 22.0916 19.1696 22.0788 19.1397C22.0724 19.1173 22.0661 19.1098 22.0597 19.0949C22.0342 19.0351 22.0215 18.9379 22.0151 18.8781L21.9705 18.2652C21.9705 18.0857 21.9705 17.8989 21.9705 17.7195C21.9705 17.57 21.9833 17.5475 21.9833 17.4728C21.9833 17.3831 21.9833 17.2934 21.9833 17.2037C21.9833 16.8598 22.0024 16.4936 22.0024 16.1497C22.0024 15.8059 21.996 15.4171 22.0215 15.0957C22.0342 14.9612 22.0088 14.6696 22.0342 14.565C22.0661 14.4155 22.047 13.967 22.047 13.7651C22.047 13.5633 22.0342 13.6082 22.0278 13.5185C22.0215 13.3764 22.0151 13.1447 21.9769 13.0401L21.9132 12.8382C21.9005 12.7934 21.9005 12.7859 21.875 12.7485C21.7986 12.6588 21.7539 12.472 21.6138 12.3972C21.531 12.3524 21.4673 12.3 21.3781 12.2776C21.3144 12.2627 21.2762 12.2178 21.2189 12.2029C21.1488 12.1879 21.0788 12.1879 21.0151 12.173C20.9896 12.1655 20.9514 12.1505 20.9259 12.1431C20.7986 12.1132 20.6647 12.0907 20.531 12.0683L20.1106 12.0309C19.945 11.9786 18.4991 12.0085 18.3016 12.0085C18.2315 12.0085 18.1615 12.0309 18.0914 12.0309C18.0213 12.0384 17.9449 12.0309 17.8813 12.0534C17.8175 12.0758 17.7347 12.0608 17.6646 12.0683C17.4226 12.1057 17.4481 12.0683 17.1678 12.158C17.085 12.1879 16.964 12.1879 16.8876 12.2328C16.8366 12.2627 16.7793 12.2776 16.7156 12.3C16.6582 12.3225 16.62 12.3524 16.5499 12.3823C16.4735 12.4122 16.4671 12.4495 16.4098 12.4869C16.3079 12.5467 16.1041 12.7635 16.0531 12.8831C15.9703 13.0924 15.9958 13.1447 16.206 13.1522C16.2825 13.1522 16.3079 13.1896 16.3716 13.2195C16.4226 13.2419 16.5117 13.2568 16.5499 13.2793C16.5754 13.2942 16.601 13.3241 16.62 13.3316C16.7028 13.3764 16.741 13.369 16.843 13.4736C16.9512 13.5857 16.9003 13.511 17.0277 13.668C17.0532 13.6979 17.0532 13.7128 17.0723 13.7427C17.1105 13.7951 17.1869 13.9147 17.2124 13.9745C17.2251 13.9969 17.2315 14.0567 17.2379 14.0791C17.2633 14.1613 17.2889 14.1688 17.3016 14.266C17.3271 14.4155 17.378 14.55 17.3844 14.707C17.3907 14.8565 17.4099 15.0284 17.4354 15.1779C17.4481 15.2527 17.4481 15.3573 17.4481 15.4396C17.4481 15.4844 17.4481 15.5293 17.4481 15.5741C17.4481 15.6264 17.4608 15.6264 17.4608 15.6862C17.4736 16.0675 17.4927 16.9794 17.4736 17.2784C17.4481 17.6298 17.4736 17.8764 17.4289 18.31C17.4226 18.3623 17.4162 18.3698 17.4099 18.4296C17.3972 18.5492 17.3972 18.6763 17.378 18.7959C17.3653 18.8706 17.3398 18.9304 17.3271 19.0052C17.3143 19.0874 17.3143 19.1696 17.2952 19.2294L17.2251 19.4238C17.2061 19.4985 17.1742 19.5359 17.1487 19.5957C17.085 19.7527 16.913 19.9171 16.7538 19.9321C16.6264 19.9396 16.5754 19.9097 16.4735 19.8648C16.3907 19.8274 16.3907 19.8125 16.327 19.7676C16.3015 19.7452 16.2825 19.7377 16.257 19.7153C16.2315 19.6929 16.1486 19.6181 16.1232 19.5957C16.0787 19.5434 16.0468 19.5284 16.0022 19.4686C15.964 19.4163 15.9321 19.3715 15.8939 19.3266C15.8429 19.2668 15.7092 19.1024 15.6773 19.0426C15.6327 18.9603 15.5754 18.8931 15.5245 18.8183L15.0149 17.9437C14.983 17.8914 14.9257 17.7494 14.8875 17.697C14.8684 17.6671 14.8556 17.6597 14.8365 17.6223C14.7983 17.5251 14.7474 17.4653 14.7091 17.3681C14.69 17.3233 14.6837 17.3233 14.6646 17.2859C14.6454 17.256 14.6391 17.2186 14.6263 17.1887C14.6136 17.1588 14.5945 17.1364 14.5818 17.1065C14.5499 17.0467 14.5117 16.9944 14.4926 16.9421C14.4544 16.8524 14.4352 16.8374 14.4034 16.7776C14.3397 16.658 14.2378 16.3964 14.1996 16.3366C14.1805 16.3067 14.1677 16.2917 14.155 16.2544L14.0722 16.0824C14.0531 16.0451 14.0531 16.0151 14.0403 15.9853C14.0276 15.9628 14.0085 15.9329 13.9957 15.903C13.9766 15.8657 13.9766 15.8357 13.9639 15.7984C13.9512 15.7685 13.9257 15.7461 13.9129 15.7236C13.8875 15.6713 13.8683 15.604 13.8429 15.5442C13.7983 15.4545 13.7983 15.4171 13.7282 15.2751C13.7155 15.2452 13.7091 15.2153 13.6964 15.1779C13.6836 15.148 13.6709 15.1331 13.6518 15.0957C13.639 15.0658 13.6327 15.0284 13.6199 14.9985C13.6008 14.9313 13.569 14.9014 13.5435 14.8191C13.518 14.7294 13.4862 14.7145 13.4607 14.6472C13.4479 14.6098 13.448 14.5799 13.4352 14.5426C13.3779 14.423 13.4288 14.565 13.3588 14.3557C13.346 14.3183 13.3397 14.2959 13.3206 14.266C13.3078 14.2361 13.3015 14.1987 13.2887 14.1613C13.2569 14.0642 13.2123 13.9819 13.1932 13.8773C13.1741 13.7951 13.1422 13.7651 13.1231 13.6904C13.1104 13.653 13.104 13.6157 13.0913 13.5857C13.0721 13.5484 13.0658 13.5409 13.0467 13.5035C13.0148 13.4288 13.0212 13.3914 12.9702 13.3241C12.9511 13.2942 12.9511 13.2718 12.9384 13.2344C12.9193 13.1821 12.8237 13.0475 12.7919 13.0102C12.69 12.898 12.6454 12.898 12.5817 12.8457C12.5116 12.7859 12.4033 12.7784 12.3269 12.7485C12.3078 12.7411 12.2759 12.7186 12.2441 12.7112C12.1485 12.6813 9.60069 12.6962 9.39049 12.6962C9.12297 12.6962 8.74079 12.6663 8.50511 12.7336C8.486 12.7411 8.44142 12.756 8.42231 12.7635C8.39046 12.771 8.35861 12.771 8.32039 12.7784C8.2567 12.7934 8.22485 12.8382 8.17389 12.8756C8.00828 12.9877 7.97006 13.2568 8.02102 13.4587C8.05924 13.6007 8.07835 13.7203 8.14204 13.8474C8.16752 13.9072 8.18026 13.9745 8.21211 14.0342C8.26944 14.1539 8.30128 14.2959 8.35224 14.4155C8.4032 14.5201 8.38409 14.4379 8.42868 14.5874C8.44779 14.6472 8.47963 14.7145 8.49874 14.7743C8.51785 14.8341 8.56244 14.9014 8.58155 14.9537L8.65162 15.1331C8.67072 15.163 8.67072 15.2004 8.68346 15.2303C8.69621 15.2826 8.70257 15.2751 8.72805 15.3125C8.75353 15.3648 8.75353 15.4396 8.79812 15.4994C8.82359 15.5442 8.81723 15.5068 8.83634 15.5741C8.86181 15.6638 8.88092 15.6788 8.91277 15.7535C8.92551 15.7909 8.92551 15.8208 8.94462 15.8507L9.02106 16.0226C9.03379 16.0525 9.04016 16.0824 9.05927 16.1123C9.09749 16.1721 9.10386 16.2469 9.14208 16.2992C9.1994 16.3889 9.1803 16.3889 9.21851 16.4786C9.23125 16.5085 9.25036 16.5309 9.2631 16.5608C9.28221 16.6057 9.26947 16.6206 9.28858 16.6655C9.30132 16.7029 9.32043 16.7103 9.33953 16.7402C9.37138 16.7926 9.37138 16.8598 9.4096 16.9196C9.44782 16.9794 9.45419 17.0392 9.49241 17.1065C9.51151 17.1439 9.51789 17.1439 9.537 17.1887C9.54974 17.2186 9.5561 17.2485 9.57521 17.2784C9.62617 17.3607 9.6007 17.3831 9.65165 17.4578C9.69623 17.5251 9.69623 17.5625 9.72808 17.6372C9.77267 17.7494 9.84911 17.8615 9.8937 17.9811C9.91917 18.0484 9.95739 18.0783 9.9765 18.1455C9.99561 18.2278 10.0275 18.2427 10.0529 18.325L10.2122 18.6688C10.244 18.7361 10.3587 18.9529 10.3778 19.0052C10.3905 19.05 10.3905 19.0725 10.416 19.1024C10.4415 19.1397 10.4415 19.1248 10.4606 19.1771C10.4733 19.2145 10.4797 19.2369 10.4988 19.2668C10.5179 19.2967 10.5307 19.3117 10.5434 19.3416L10.7982 19.8573C10.83 19.9171 10.8555 19.9545 10.881 20.0218C10.9319 20.1414 10.9956 20.2535 11.0466 20.3582C11.0593 20.3881 11.0784 20.4255 11.0912 20.4479C11.1485 20.5301 11.1485 20.5675 11.174 20.6123L11.2632 20.7693C11.3141 20.8515 11.3523 20.9263 11.3906 21.016C11.4097 21.0683 11.4224 21.0608 11.4415 21.0982C11.4543 21.1206 11.467 21.158 11.4797 21.1879C11.4988 21.2253 11.5052 21.2327 11.5243 21.2626C11.5689 21.3374 11.5625 21.3374 11.6135 21.4197C11.6326 21.4495 11.639 21.4719 11.6581 21.5019L11.8046 21.7411C11.8173 21.771 11.8237 21.7934 11.8428 21.8307C11.8619 21.8606 11.881 21.8831 11.8938 21.9056L12.1231 22.3017C12.1613 22.3615 12.2122 22.4662 12.2696 22.5409C12.295 22.5708 12.3014 22.5708 12.3205 22.6157C12.3587 22.7129 12.69 23.2137 12.7537 23.3183C12.7728 23.3482 12.7919 23.3631 12.811 23.3856L12.9065 23.5425C13.0021 23.7219 13.1486 23.864 13.2186 23.9761C13.3333 24.1704 13.6072 24.5293 13.7537 24.6937C13.8365 24.7834 13.8301 24.7984 13.862 24.8432C13.9002 24.8881 13.932 24.918 13.9766 24.9777C14.0785 25.1198 14.2187 25.2394 14.3333 25.374C14.3715 25.4188 14.4161 25.4487 14.4544 25.4936C14.4798 25.516 14.4926 25.5309 14.5117 25.5608C14.569 25.6356 14.7474 25.7776 14.8238 25.8599C14.8493 25.8897 14.862 25.8973 14.8875 25.9196C14.9448 25.957 14.9576 25.9944 15.0149 26.0317L15.1423 26.1439C15.2251 26.2336 15.3461 26.2784 15.4225 26.3607C15.4353 26.3756 15.4289 26.3756 15.4544 26.3906C15.4735 26.4055 15.4735 26.4055 15.4926 26.413C15.5563 26.4579 15.5245 26.4579 15.6327 26.5176C15.7028 26.555 15.6773 26.5849 15.7792 26.6148C15.8047 26.6223 15.8047 26.6223 15.8175 26.6447L16.2187 26.9063C16.2761 26.9437 16.3079 26.9811 16.3653 26.9961C16.4608 27.0185 16.4481 27.0559 16.5245 27.0858C16.5499 27.1007 16.5882 27.1082 16.6073 27.1232L17.0723 27.3773C17.1296 27.4072 17.1997 27.4072 17.2506 27.4371C17.2825 27.452 17.2952 27.4669 17.3271 27.4819C17.3972 27.5044 17.4354 27.5044 17.499 27.5492C17.5628 27.594 17.5882 27.594 17.6774 27.609C17.7538 27.6165 17.7856 27.6539 17.8494 27.6838C17.9131 27.7062 17.9768 27.7062 18.0405 27.7286C18.0532 27.7361 18.0596 27.7361 18.0851 27.7435C18.1233 27.7585 18.0978 27.7435 18.1233 27.7585C18.1997 27.8034 18.3844 27.8108 18.5182 27.8407C18.5628 27.8482 18.5564 27.8557 18.6137 27.8632C18.671 27.8706 18.7411 27.908 18.7857 27.9155L19.1806 27.9753C19.4927 28.0201 20.6138 27.9902 21.0024 27.9902C21.1488 27.9902 21.2954 27.9977 21.4037 27.923C21.4737 27.8706 21.6903 27.7809 21.7157 27.7585C21.9514 27.5193 21.8941 27.452 21.9387 27.3399C21.9514 27.3026 21.9642 27.2875 21.9769 27.2502C21.9896 27.2128 22.0024 27.0633 22.0024 27.0185C22.0088 26.8765 21.996 26.3457 22.0342 26.241C22.0533 26.1887 22.047 26.1813 22.047 26.1289L22.0788 25.8973C22.0916 25.7328 22.0724 25.8224 22.1043 25.6655C22.1234 25.5757 22.1489 25.516 22.1807 25.359C22.1871 25.3142 22.1871 25.2992 22.2126 25.2543L22.2508 25.1647C22.289 24.9703 22.3145 25.0151 22.3527 24.8656C22.3718 24.7909 22.4419 24.6638 22.4801 24.619C22.582 24.5143 22.582 24.4769 22.7285 24.3648C22.754 24.3424 22.7668 24.32 22.7922 24.305C22.8496 24.2751 23.0024 24.2228 23.0661 24.2228C23.1553 24.2228 23.3591 24.305 23.4228 24.3424L23.6967 24.5517L23.9451 24.8058C23.9706 24.8283 23.977 24.8582 23.9961 24.8731C24.0534 24.9329 24.1299 25.0002 24.1744 25.0675L24.4483 25.4263C24.5439 25.5309 24.8241 25.9271 24.9261 26.0692L25.0407 26.2037C25.0789 26.2486 25.1107 26.3009 25.149 26.3457L25.4802 26.7643C25.5184 26.8092 25.5502 26.8391 25.5948 26.8989L25.8305 27.153C25.9261 27.2278 25.9834 27.3175 26.0854 27.3847C26.149 27.4221 26.1554 27.4595 26.2191 27.5044C26.251 27.5268 26.251 27.5418 26.2828 27.5567C26.3082 27.5716 26.3401 27.5791 26.3656 27.594C26.391 27.6091 26.4102 27.6314 26.4293 27.6539L26.6649 27.7809C26.6968 27.7884 26.7287 27.7959 26.7669 27.8108C26.8115 27.8258 26.8051 27.8333 26.8369 27.8557L27.1872 27.9753C27.5567 28.0052 27.958 27.9827 28.3338 27.9827H30.6332C30.8116 27.9827 30.9963 27.9977 31.1555 27.923C31.2383 27.8855 31.3466 27.8855 31.4231 27.8333C31.4804 27.7884 31.5377 27.7959 31.5887 27.766C31.6205 27.7435 31.6142 27.7361 31.6588 27.7137C31.7352 27.6762 31.7861 27.609 31.8435 27.5342C31.8817 27.4819 31.9008 27.4296 31.9327 27.3698C31.9581 27.31 31.9836 27.2502 31.99 27.1829C32.0218 26.8689 31.9709 26.8689 31.9327 26.7195C31.9135 26.6447 31.9072 26.5849 31.8753 26.5252C31.8371 26.4579 31.8244 26.428 31.7925 26.3532L31.3912 25.6131C31.3721 25.5757 31.3594 25.5683 31.3403 25.5384C31.3212 25.501 31.3212 25.4936 31.2893 25.4487L31.1365 25.232L31.1301 25.2842Z' fill='%2327814E' /%3e%3c/svg%3e") !important;
}

.mobile-menu__footer-max {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.2149 29.9429C18.2521 29.9429 17.34 29.6552 15.7546 28.504C14.7517 29.799 11.5759 30.8111 11.4374 29.0796C11.4374 27.7798 11.1509 26.6815 10.8262 25.4825C10.4393 24.0051 10 22.36 10 19.9762C10 14.2831 14.6513 10 20.1624 10C25.6782 10 29.9999 14.4941 29.9999 20.029C30.0185 25.4784 25.6406 29.9139 20.2149 29.9429ZM20.296 14.921C17.6122 14.7819 15.5206 16.6477 15.0573 19.5734C14.6752 21.9955 15.3533 24.9453 15.9312 25.0987C16.2082 25.1659 16.9055 24.5999 17.34 24.1635C18.0586 24.662 18.8954 24.9615 19.766 25.0316C22.5469 25.1659 24.9232 23.0396 25.1098 20.2497C25.2185 17.4538 23.0774 15.0858 20.296 14.9258V14.921Z' fill='%2327814E' /%3e%3c/svg%3e") !important;
}

.top {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0;
    width: 100%;
    max-width: 1780px;
    padding: 0 15px;
}

.top__slider {
    position: relative;
    margin-bottom: 0 !important;
}

.top__slide {
    position: relative;
    background-color: #272829;
}

.top__slide img {
    display: block;
    width: 100%;
}

.top__slide img+img {
    display: none;
}

.top .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    z-index: 50;
    list-style: none;
}

.top .slick-dots li {
    width: 10px;
    height: 10px;
}

.top .slick-dots li.slick-active {
    width: 10px;
    height: 10px;
}

.top .slick-dots li button {
    width: 10px;
    height: 10px;
    background-color: #d3d3d3;
    padding: 0;
    border-radius: 50%;
}

.top .slick-dots li button:hover {
    cursor: pointer;
}

.top .slick-dots li button::before {
    display: none;
}

.top .slick-dots li.slick-active button {
    width: 10px;
    height: 10px;
    background-color: #27814E;
}

.main-articles {
    padding-top: 38px;
}

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

.main-articles__link {
    flex-shrink: 0;
    border: 1px solid #77706f;
    border-radius: 5px;
    padding: 6px 28px 8px 92px;
    background-image: url("/assets/shared/img/icons/planet-marker.svg");
    background-position: 40px center;
    background-repeat: no-repeat;
    background-size: 39px 43px;
    font-family: 'Century Gothic Bold', sans-serif;
    font-size: 36px;
    color: #77706f;
}

.main-articles__link:hover {
    color: #77706f;
}

.main-articles__wrapper {
    width: calc(100% + 28px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 35px -14px 10px;
}

.main-articles__item {
    margin: 0 14px 59px;
    width: calc(33.3% - 28px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}


.main-articles__item-title {
    font-family: 'Century Gothic', sans-serif;
    font-weight: 400;
    font-size: 31px;
    color: #272829;
    max-width: 65%;
}

.main-articles__item-link {
    flex-shrink: 0;
    width: 100%;
    max-width: 96px;
    border: 1px solid #949494;
    border-radius: 5px;
    padding: 10px 15px 11px 31px;
    margin-left: 3px;
    background-image: url("/assets/shared/img/icons/location.png");
    background-position: 14px center;
    background-repeat: no-repeat;
    background-size: 13px 14px;
    font-family: 'Century Gothic', sans-serif;
    font-size: 16px;
    color: #949494;
    position: relative;
    z-index: 1;
}

.main-articles__item-link::-moz-placeholder {
    font-family: 'Century Gothic', sans-serif;
    font-size: 16px;
    color: #949494;
}

.main-articles__item-link::placeholder {
    font-family: 'Century Gothic', sans-serif;
    font-size: 16px;
    color: #949494;
}

.main-articles__labels {
    max-width: calc(100% - 30px);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    position: absolute;
    top: 15px;
    left: 16px;
    z-index: 9;
}

.main-articles__label {
    border-radius: 10px;
    background-color: rgba(39, 40, 41, 0.7);
    padding: 7px 21px 5px;
    margin-bottom: 8px;
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-size: 16px;
    text-align: center;
    color: #fff;
}

.main-articles__label:nth-child(even) {
    background-color: #e5e7e7;
    color: #272829;
}

.main-articles__image {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    height: 594px;
    width: 100%;
    background-color: #272829;
    padding: 12% 10% 15px 8%;
}

.main-articles__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-articles__image p {
    font-weight: 400;
    font-size: 75px;
    color: #fff;
    margin-bottom: 50px;
}

.main-articles__image span {
    color: #ea560d;
}

.main-articles__image div {
    background-color: #fff;
    border-radius: 15px;
    font-family: 'Century Gothic Bold', sans-serif;
    font-size: 38px;
    text-align: center;
    color: #ea560d;
    padding: 1px 30px 7px;
    transition: color .3s ease, background-color .3s ease;
}

.main-articles__image div:hover {
    background-color: #ea560d;
    color: #fff;
    transition: color .3s ease, background-color .3s ease;
}

.main-articles__footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 14px;
    padding-left: 20px;
}

.main-more {
    padding: 14px 0 5px;
}

.main-more__wrapper {
    width: calc(100% + 28px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 32px -14px 3px;
    list-style: none;
}

.main-more__link {
    display: block;
    width: 100%;
    height: 100%;
}

.main-more__item {
    margin: 0 14px 55px;
    width: calc(33.3% - 28px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.main-more__item-title {
    font-family: 'Century Gothic', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #272829;
    padding: 16px 20px;
    transition: color .3s ease;
}

.main-more__item:hover .main-more__item-title {
    color: #ea560d;
    transition: color .3s ease;
}

.main-more__image {
    position: relative;
    height: 594px;
    width: 100%;
    background-color: #272829;
    padding: 13% 10% 15px 8%;
}

.main-more__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.main-text {
    padding: 84px 0 77px;
    font-size: 18px;
    line-height: 1.44;
    padding-top: 0 !important;
}

.main-text h2 {
    font: 500 36px / 1.17 "Gilroy Medium", sans-serif;
    color: #141414;
    margin-bottom: 60px;
}

.main-text h3 {
    font: 500 24px / 1.2 "Gilroy Medium", sans-serif;
    color: #171b24;
}

.main-text .faq__item {
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 2px solid #d3d3d3;
    width: 100%;
}

.main-text .faq__label {
    padding: 10px 30px 10px 0 !important;
    min-height: unset !important;
}

.main-text .faq__label:before {
    content: "";
    background-color: #000;
    height: 2px;
    width: 14px;
    position: absolute;
    right: 5px;
    top: 49%;
}

.main-text .faq__label::after {
    content: "";
    background-color: #000;
    height: 2px;
    width: 14px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 1px;
}

.main-text .faq__content {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 30px;
    max-width: 1200px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.main-text .faq__item.faq__active .faq__inner {
    margin-top: 10px !important;
}

.main-text p {
    font: 400 20px / 1.4 "Gilroy", sans-serif !important;
    color: #454950 !important;
    margin: 0 !important;
}

.main-text .faq__item-link {
    font: 400 20px / 1.4 "Gilroy", sans-serif !important;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #27814e;
    background-color: transparent;
    padding: 0 !important;
    min-width: auto !important;
}

.main-text .faq__item-link:hover {
    text-decoration: none;
}

.main-text ul:not([class]) {
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.main-text li:not([class]) {
    position: relative;
    padding-left: 32px;
    font: 400 20px / 1.4 "Gilroy", sans-serif;
    color: #454950;
}

.main-text li:not([class])::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_4970_9353)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 1.10333C0 0.494445 0.494445 0 1.10333 0H18.8967C19.5056 0 20 0.494445 20 1.10333V18.8967C19.9997 19.1892 19.8834 19.4697 19.6765 19.6765C19.4697 19.8834 19.1892 19.9997 18.8967 20H1.10333C0.810802 19.9997 0.530335 19.8834 0.323484 19.6765C0.116632 19.4697 0.00029415 19.1892 0 18.8967V1.10333ZM2.22222 2.22222V17.7778H17.7778V2.22222H2.22222Z' fill='%2327814E' /%3e%3cpath d='M7.45222 9.21444C7.34973 9.10832 7.22712 9.02367 7.09156 8.96544C6.956 8.90721 6.8102 8.87656 6.66267 8.87528C6.51514 8.87399 6.36882 8.90211 6.23227 8.95798C6.09572 9.01384 5.97166 9.09635 5.86734 9.20067C5.76301 9.305 5.68051 9.42905 5.62464 9.56561C5.56878 9.70216 5.54066 9.84847 5.54194 9.996C5.54323 10.1435 5.57388 10.2893 5.63211 10.4249C5.69034 10.5605 5.77499 10.6831 5.88111 10.7856L8.10333 13.0078C8.3117 13.2161 8.59426 13.3331 8.88889 13.3331C9.18352 13.3331 9.46608 13.2161 9.67444 13.0078L14.1189 8.56333C14.225 8.46084 14.3097 8.33823 14.3679 8.20267C14.4261 8.06711 14.4568 7.92131 14.4581 7.77378C14.4593 7.62625 14.4312 7.47994 14.3754 7.34338C14.3195 7.20683 14.237 7.08278 14.1327 6.97845C14.0283 6.87413 13.9043 6.79162 13.7677 6.73575C13.6312 6.67989 13.4849 6.65177 13.3373 6.65305C13.1898 6.65434 13.044 6.68499 12.9084 6.74322C12.7729 6.80145 12.6503 6.8861 12.5478 6.99222L8.88889 10.6511L7.45222 9.21444Z' fill='%2327814E' /%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_4970_9353'%3e%3crect width='20' height='20' fill='white' /%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") center/contain no-repeat;
    transform: translateY(-50%);
}

.popup {
    background: rgba(39, 40, 41, 0.4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.popup iframe {
    margin-top: 10px;
    width: 100% !important;
}

.popup-dialog {
    width: 100%;
    max-width: 816px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0;
}

.popup form {
    width: 96%;
    margin: 0 auto;
}

.popup__image {
    width: 100%;
    margin-bottom: 34px;
}

.popup__image img {
    width: 100%;
}

.popup__image--svo {
    height: 400px;
    object-fit: cover;
}

@media (max-width: 840px) {
    .popup__image--svo {
        height: 47vw;
    }
}

.popup__image--svo img {
    height: 100% !important;
    object-fit: cover;
}

.popup-label {
    width: 100%;
    margin-bottom: 26px;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
    color: #949494;
}

.popup-label-arenda {
    color: #000;
    font-family: "Proxima Nova";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.popup-label:last-child {
    margin-bottom: 0;
}

.popup-captcha {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
    margin-bottom: 0 !important;
}

.popup-content {
    border: none;
    border-radius: 0;
    position: static;
    margin: 0;
    padding-bottom: 57px;
    background-color: #fff;
}

.popup-header {
    padding: 0 100px;
    border-bottom: none;
    border-radius: 0;
    margin-bottom: 28px;
    display: block;
}

.popup-header h3 {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #272829;
    margin-bottom: 17px;
}

.popup-header p {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 24px;
    color: #272829;
}

.popup-header button {
    padding: 0;
    position: absolute;
    z-index: 10;
    top: 23px;
    right: 42px;
    width: 20px;
    height: 20px;
    border: none;
    background-color: transparent;
    background-image: url("/assets/sites/71/img/icons/close.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.popup-map-content {
    padding-bottom: 20px !important;
}

.popup-map-content .popup-header {
    padding: 0;
    height: 25px;
    width: 100%;
    margin-bottom: 0;
}

.popup-map-content .popup-header button {
    top: 15px;
    right: 15px;
}

.popup-body {
    padding: 0 100px;
}

.popup-body .form-control {
    background-color: #fff;
    border: 1px solid #27814e;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 24px;
    color: #272829;
    padding: 18px 32px 20px;
    width: 100%;
    margin-top: 10px;
}

.popup-body .form-control::-moz-placeholder {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 24px;
    color: #272829;
}

.popup-body .form-control::placeholder {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 24px;
    color: #272829;
}

.popup-body .form-control:focus {
    outline: none;
    border: 1px solid #ea560d;
}

.popup-body .form-group {
    max-width: 100%;
    margin: 0 auto;
}

.form-group {
    margin-bottom: 0;
}

.popup-body .descr {
    font-size: 18px;
    text-align: center;
}

.popup-body textarea.form-control {
    height: 230px;
    resize: none;
    margin-bottom: 30px;
}

.popup-body label {
    cursor: pointer;
}

.popup-body select.form-control:not([size]):not([multiple]) {
    height: auto;
    padding: 10px 20px;
}

.popup-description {
    /* padding: 0 100px; */
    font-family: 'Proxima Nova', sans-serif;
    font-size: 18px;
    text-align: center;
    color: #272829;
}

.popup-footer {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: 0 100px;
    border: none;
    gap: 20px;
}

.custom-control {
    min-height: 1px;
    padding: 0 100px;
    margin-top: 25px;
    display: flex;
    justify-content: center;
    /*padding-left: 0;*/
}

#form_banners .custom-control {
  padding: 0 !important;
  margin-top: 10px;
}
#form_banners p {
  padding: 0 !important;
}
#form_banners .custom-control-label {
    margin-bottom: 0 !important;
}
#form_banners .custom-control-label p {
    font-size: 16px;
    line-height: 1.2;
}

.popup-footer .custom-control {
    margin: 0 !important;
    padding: 0 !important;
}

.popup-footer .custom-control-label {
    margin: 0 !important;
}

.popup-footer .popup-description {
    font-size: 13px;
}

@media (max-width: 520px) {
    .popup-footer {
        gap: 10px;
    }
}

.popup-body+.custom-control {
    margin-top: 0;
	padding: 0;
}

.custom-control-input {
    position: absolute;
    bottom: 107px;
    z-index: -1;
    opacity: 0;
}

.custom-control-input:hover {
    cursor: pointer;
}

.custom-control-input:checked+label::after {
    content: "";
    position: absolute;
    top: 9px;
    left: 3px;
    height: 5px;
    width: 9px;
    transform: rotate(312deg);
    border: 2px solid #fff;
    border-right: none;
    border-top: none;
    border-radius: 1.5px;
    z-index: 5;
}

.custom-control-input:checked+label::before {
    background-color: #27814e !important;
    border-color: #27814e;
}

.custom-control-label {
    color: #1b1507;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 18px;
    color: #272829;
    margin-bottom: 10px;
    padding-left: 24px;
}

.custom-control-label:hover {
    cursor: pointer;
}

.custom-control-label::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 0 !important;
}

.inner-page table {
    margin-top: 10px;
    margin-bottom: 50px;
    width: 100%;
    border-collapse: collapse;
}

.inner-page table td {
    padding: 2% 3%;
    border: 1px solid #272829;
    vertical-align: top;
}

.inner-page table td:nth-child(2),
.inner-page table td:nth-child(3) {
    width: 29%;
}

.inner-page table h2 {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #27814e;
    margin-bottom: 140px;
}

.inner-page table h2 span {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #272829;
}

.inner-page table h3 {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #272829;
    margin-bottom: 20px;
}

.inner-page table span {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    color: #27814e;
}

.inner-page table p {
    margin: 0;
    padding-bottom: 0;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    color: #272829;
}

.inner-page table img {
    margin-bottom: 25px;
}

.inner-page p {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    color: #000000;
    padding-bottom: 12px;
}

.inner-page a {
    color: #27814e;
}

.inner-page form {
    width: 100%;
}

.inner-page .cards__row {
    display: flex;
    flex-wrap: wrap;
    margin: 60px -15px;
}

.inner-page .cards__block {
    margin: 0 15px 29px;
    width: calc(50% - 30px);
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.inner-page .cards__block-single .cards__item {
    height: 965px;
}

.inner-page .cards__block-row {
    width: calc(100% - 30px);
}

.inner-page .cards__block-row .cards__back {
    text-align: center;
}

.inner-page .cards__item {
    display: flex;
    flex-grow: 1;
    width: 100%;
    height: 340px;
    perspective: 1600px;
}

.inner-page .cards__item+.cards__item {
    margin-top: 29px;
}

.inner-page .cards__item:hover .cards__item-content {
    transform: rotateY(180deg);
    transition: transform 1.5s ease;
}

.inner-page .cards__item-content {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: left;
    transition: transform 1.5s ease;
    transform-style: preserve-3d;
}

.inner-page .cards__front {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.inner-page .cards__front img {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.inner-page .cards__front h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 24px;
    color: #fff;
    padding: 50px 10px 34px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 7.81%, rgba(0, 0, 0, 0.8) 100%);
}

.inner-page .cards__back {
    position: absolute;
    width: 100%;
    height: 100%;
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
    border: 2px solid #272829;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 40px 40px 20px;
}

.inner-page .cards__back p {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    color: #000000;
    margin: 0 0 15px;
}

.inner-page .cards__back ul {
    list-style: none;
    margin: 0;
}

.inner-page .cards__back li {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
    color: #000000;
    position: relative;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}

.inner-page .cards__back li::before {
    content: '';
    top: auto;
    left: 0;
    display: inline-block;
    margin-left: 4px;
    margin-right: 5px;
    position: relative;
    bottom: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000000;
}

.inner-page .cards__back h3 {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 26px;
    color: #272829;
    margin-top: auto;
}

.inner-page ul {
    list-style: none;
}

.inner-page li {
    line-height: 1.4;
    position: relative;
    padding-left: 27px;
    margin-bottom: 8px;
}

.inner-page li::before {
    content: '';
    position: absolute;
    top: 43%;
    left: 9px;
    width: 7px;
    height: 7px;
    background-color: #27814e;
    transform: rotate(45deg);
}

.form-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 10px 0 19px;
    padding: 0;
    border: none;
    overflow: hidden;
}

.form-header p {
    color: #27814e;
    text-align: center;
    font-size: 24px;
}

.form-body {
    padding: 0;
    width: 100%;
    max-width: 600px;
    margin: 21px auto;
}

.form-body .form-control {
    background-color: #fff;
    border: 2px solid #27814e;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    color: #272829;
    padding: 13px 24px;
    width: 100%;
}

.form-body .form-control+.form-control {
    margin-top: 21px;
}

.form-body .form-control::-moz-placeholder {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    color: #272829;
}

.form-body .form-control::placeholder {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    color: #272829;
}

.form-body .form-control:focus {
    outline: none;
    border: 2px solid #ea560d;
}

.form-body textarea.form-control {
    height: 180px;
    resize: none;
}

.form-footer {
    padding: 0;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

p.form-description {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 18px;
    color: #272829;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

h3.form__title {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-weight: 700;
    font-size: 55px;
    line-height: 1.1;
    text-align: center;
    color: #272829;
    text-transform: uppercase;
    position: relative;
    background-color: #fff;
    z-index: 1;
    padding: 0 30px;
    margin-bottom: 30px
}

h3.form__title::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 102%;
    width: 1000px;
    height: 14px;
    background-color: #27814e;
    z-index: -1;
}

h3.form__title::after {
    content: '';
    position: absolute;
    top: 10px;
    left: 102%;
    width: 1000px;
    height: 14px;
    background-color: #27814e;
    z-index: -1;
}

.photo-gallery__wrapper {
    margin: 54px -38px 15px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.photo-gallery__item {
    width: calc(33.3% - 76px);
    margin: 0 38px 57px;
    text-decoration: none;
}

.photo-gallery__item a {
    display: block;
}

.photo-gallery__item:hover .photo-gallery__title {
    color: #ea560d;
    transition: color .3s ease;
}

.photo-gallery__image {
    width: 100%;
    height: 275px;
    margin-bottom: 19px;
    position: relative;
    overflow: hidden;
}

.photo-gallery__image img {
    width: 100%;
    height: 100%;
}

.photo-gallery__title {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 25px;
    color: #000000;
    transition: color .3s ease;
}

.photo-album__images {
    margin: 50px -17px 20px;
    width: calc(100% + 34px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.photo-album__images a {
    width: 100%;
    height: 380px;
    max-width: calc(50% - 34px);
    margin: 0 17px 31px;
    position: relative;
}

.photo-album__images a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.photo-album__images a:first-child {
    max-width: calc(100% - 34px);
    height: auto;
}

.photo-album__images a:first-child img {
    position: initial;
    width: 100%;
    height: auto;
}

.photo-album__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 53px;
    margin-bottom: 80px;
}

.photo-album__footer .photo-album__images a:first-child {
    width: 100%;
    height: 380px;
    max-width: calc(50% - 34px);
}


.photo-album__footer .photo-album__images a:first-child img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.photo-album__footer .photo-album__images a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.photo-album__footer .photo-album__images a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.photo-album__footer .photo-album__descr {
    width: 60%;
    padding: 15px 20px;
    background-color: #fff;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 34px;
    text-align: center;
    color: #27814e;
    position: relative;
    z-index: 99;
    transition: color .3s ease, background-color .3s ease;
}


.photo-album__footer .photo-album__images a:hover .photo-album__descr {
    background-color: #27814e;
    color: #fff;
    transition: color .3s ease, background-color .3s ease;
}


@media(max-width: 1230px) {
    .photo-album__footer .photo-album__images a:first-child {
        max-width: calc(50% - 20px);
        margin: 0 10px 20px;
        height: 30vw;
    }

    .photo-album__footer .photo-album__descr {
        width: 70%;
        font-size: 3vw;
    }
}

@media(max-width: 790px) {
    .photo-album__footer .photo-album__images a:first-child {
        height: 60.2vw;
        max-width: 100%;
        margin: 0 0 20px;
    }

    .photo-album__footer .photo-album__descr {
        font-size: 6vw;
    }
}

@media(max-width: 420px) {
    .photo-album__footer .photo-album__images a:first-child {
        margin: 0 0 15px;
    }

    .photo-album__footer .photo-album__descr {
        padding: 12px 15px;
    }
}

.photo-album__pagination {
    width: 100%;
    /*   display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center; */
}

.photo-album__pagination .slick-track {
    display: flex;
}

.photo-album__pagination a {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    height: auto;
    margin: 0 5px;
    /* margin-right: 15px; */
    /* min-width: 210px; */
    padding: 5px 10px;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 34px;
    line-height: 1;
    text-align: center;
    color: #272829;
    background-color: transparent;
    border: 2px solid #27814e;
    position: relative;
    transition: background-color .3s ease, color .3s ease;
}


.photo-album__pagination .slick-prev {
    left: -20px;
    width: 16px;
    height: 32px;
    background-image: url("/assets/shared/img/icons/apartments-prev.svg");
    background-size: contain;
    background-position: center;
}

.photo-album__pagination .slick-next {
    right: -20px;
    width: 16px;
    height: 32px;
    background-image: url("/assets/shared/img/icons/apartments-next.svg");
    background-size: contain;
    background-position: center;
}

@media (max-width: 1250px) {
    .photo-album__pagination {
        padding: 0 20px;
    }

    .photo-album__pagination .slick-prev {
        left: 0;
    }

    .photo-album__pagination .slick-next {
        right: 0;
    }
}

/*
  .photo-album__pagination a::before {
	content: '<';
	position: absolute;
	top: 50%;
	left: 45px;
	transform: translateY(-50%);
  }*/

.photo-album__pagination a+a {
    /*margin-left: 15px;
	padding: 5px 79px 5px 20px;
	text-align: right;*/
}

/*
  .photo-album__pagination a + a::before {
	content: '>';
	left: auto;
	right: 50px;
  }*/

.photo-album__pagination a:hover {
    background-color: #27814e;
    color: #fff;
    transition: background-color .3s ease, color .3s ease;
}

.photo-album__back {
    margin-top: 25px;
    padding: 8px 20px;
    min-width: 361px;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 25px;
    text-align: center;
    color: #272829;
    background-color: transparent;
    border: 2px solid #27814e;
    transition: background-color .3s ease, color .3s ease;
}

.photo-album__back:hover {
    background-color: #27814e;
    color: #fff;
    transition: background-color .3s ease, color .3s ease;
}

.breadcrumb {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    text-align: left;
    margin: 0;
    margin-bottom: 18px;
}

.breadcrumb-item {
    position: relative;
    margin: 3px 5px 3px 0;
    padding-left: 17px;
    padding-right: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #77706F;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 3px;
    padding: 0;
    transform: translateY(-50%);
}

.breadcrumb-item:first-child {
    padding-left: 0;
}

.breadcrumb-item a {
    font-family: 'Proxima Nova Light', sans-serif;
    font-size: 16px;
    line-height: 17px;
    color: #77706F;
    text-decoration: none;
}

.breadcrumb-item.active a {
    font-family: 'Proxima Nova', sans-serif;
    color: #27814e;
}

.breadcrumb-item:last-child {
    color: #27814e;
}

.breadcrumb-item.active {
    display: flex;
    align-items: center;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
    line-height: 17px;
    color: #27814e;
}

.breadcrumb-item.active::before {
    background-color: #27814e;
}

.text-center {
    text-align: center;
    margin: 20px 0;
}

@media (max-width: 1260px) {
    .breadcrumb {
        margin-bottom: 8px;
    }
}

@media (max-width: 490px) {
    .breadcrumb {
        margin-top: 0;
    }

    .breadcrumb-item a {
        font-size: 14px;
        line-height: 15px;
    }

    .breadcrumb-item.active {
        font-size: 14px;
        line-height: 15px;
    }

    .pagination {
        margin: 5px 0 25px;
    }

    .popup iframe {
        margin-top: 5px;
        height: 500px !important;
    }
}

.banners__wrapper {
    margin: 52px -5px 45px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.banners__item {
    width: calc(25% - 10px);
    margin: 0 5px 34px !important;
    min-height: 413px;
    height: auto;
    padding-left: 0 !important;
}

.banners__item::before {
    display: none;
}

.banners__item:first-child {
    border: 1px solid #272829;
    width: calc(50% - 10px);
    min-height: 1px;
}

.banners__image {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.banners__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-form {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.banner-form-header {
    width: 45%;
    overflow: hidden;
}

.banner-form-header h3 {
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-weight: 600;
    font-size: 56px;
    line-height: .9;
    color: #272829;
    margin-bottom: 21px;
}

.banner-form-header p {
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-weight: 600;
    font-size: 19px;
    line-height: 1.1;
    color: #272829;
    margin-right: 14px;
}

.banner-form-content {
    width: 100%;
    max-width: 313px;
}

.banner-form-body {
    padding: 0;
    width: 100%;
}

.banner-form-body .form-control {
    background-color: #fff;
    border: 1px solid #27814e;
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-size: 22px;
    color: #272829;
    padding: 10px 22px;
    width: 100%;
    margin-bottom: 10px;
}

.banner-form-body .form-control::-moz-placeholder {
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-size: 22px;
    color: #272829;
}

.banner-form-body .form-control::placeholder {
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-size: 22px;
    color: #272829;
}

.banner-form-body .form-control:focus {
    outline: none;
    border: 1px solid #ea560d;
}

.banner-form-footer {
    width: 100%;
}

.banner-form-description {
    font-family: 'Proxima Nova Semibold', sans-serif !important;
    font-size: 16px !important;
    color: #272829 !important;
    margin-top: 33px;
}

.faq {
    margin-top: 5px;
    margin-bottom: 20px;
}

.faq .title {
    font-size: 66px;
}

.faq .title::after {
    bottom: 41px;
}

.faq__list {
    list-style: none;
    margin-top: 60px;
}

.faq__item {
    padding-left: 0 !important;
    margin-bottom: 15px;
    border-bottom: 1px solid #27814e;
}

.faq__item::before {
    display: none !important;
}

.faq__item.faq__active .faq__label {
    color: #27814e;
}

.faq__item.faq__active .faq__label:before {
    transform: rotate(0deg);
    transition: transform .3s ease;
}

.faq__item.faq__active .faq__inner {
    margin-top: -10px;
    height: auto;
    transition: height 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.faq__item.faq__active .faq__content {
    opacity: 1;
    transition: opacity .3s linear;
}

.faq__label {
    cursor: pointer;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #000000;
    margin: 0;
    padding: 16px 60px 16px 0;
    position: relative;
    transition: color .3s linear;
    width: 100%;
    min-height: 84px;
    transition: color .3s ease;
}

.faq__label:hover {
    color: #27814e;
    transition: color .3s ease;
}

.faq__label:before {
    content: "";
    background-color: #27814e;
    height: 1px;
    width: 45px;
    position: absolute;
    right: 0;
    top: 40%;
    transform: rotate(-90deg);
    transition: transform .3s ease;
}

.faq__label::after {
    content: "";
    background-color: #27814e;
    height: 1px;
    width: 45px;
    position: absolute;
    right: 0;
    top: 40%;
}

.faq__inner {
    height: 0;
    overflow: hidden;
    transition: height 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    will-change: height;
}

.faq__content {
    margin-top: 0;
    margin-bottom: 30px;
    padding-left: 40px;
    padding-right: 30px;
    width: 100%;
    max-width: 1300px;
    opacity: 0;
    transition: opacity .3s linear .18s;
}

.faq__content,
.faq__content p {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    color: #000000;
}

.faq__content p {
    margin-bottom: 20px;
}

.faq__content p:last-child {
    margin-bottom: 0;
}

.commercial__title {
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    color: #272829;
    width: 100%;
    border: 1px solid #27814e;
    padding: 15px 20px 19px;
    margin: 47px auto 50px;
}

.commercial__wrapper {
    margin: 30px -22px 55px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.commercial__wrapper li {
    padding-left: 0 !important;
    width: calc(33.3% - 44px);
    margin: 0 22px 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.commercial__wrapper li::before {
    display: none !important;
}

.commercial__wrapper img {
    width: 100%;
    height: 303px;
    margin-bottom: 34px;
}

.commercial__wrapper h3 {
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-size: 28px;
    text-align: center;
    color: #272829;
    margin-bottom: 19px;
    padding: 0 5px;
}

.commercial__wrapper p {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 22px;
    line-height: 1.5;
    text-align: center;
    color: #272829;
    margin-bottom: 25px;
    padding: 0 20px;
}

.commercial__wrapper_price {
    margin-bottom: 25px;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.commercial__wrapper span {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 30px;
    text-align: center;
    color: #272829;
    margin-bottom: 26px;
    padding: 0 20px;
}

.commercial__wrapper a {
    width: 100%;
    display: block;
    max-width: 365px;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 30px;
    text-align: center;
    color: #272829;
    width: 100%;
    border: 1px solid #27814e;
    padding: 16px 20px;
    margin-top: auto;
    transition: background-color .3s ease, color .3s ease;
}

.commercial__wrapper a:hover {
    color: #fff;
    background-color: #27814e;
    transition: background-color .3s ease, color .3s ease;
}

.calculator {
    width: 100%;
    max-width: 1430px;
    margin: 76px auto 0;
}

.calculator__item {
    margin-bottom: 38px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.calculator__descr {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 30px;
    color: #000000;
}

.calculator__value {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 43px;
    color: #272829;
    margin-left: 30px;
    line-height: 1;
}

.calculator__range-wrapper {
    width: 100%;
    margin-top: 20px;
}

.calculator__result {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
}

.calculator__result-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.calculator__result p {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 30px;
    color: #000000;
}

.calculator__description {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 30px;
    color: #000000;
    margin-bottom: 40px;
}

.ui-slider.ui-slider-horizontal {
    background: #f0f0f0;
    height: 18px;
    border: none;
    border-radius: 20px;
}

.ui-slider .ui-slider-handle {
    width: 73px;
    height: 38px;
    border-radius: 20px;
    cursor: pointer;
    background-color: #27814e;
    border: 1px solid #fff;
    transform: scale(1) translateX(-35%);
    transition: transform .3s ease;
}

.ui-slider .ui-slider-handle:focus {
    outline: none;
    border: none;
    transform: scale(1.1) translateX(-35%);
}

.ui-slider .ui-slider-handle:hover {
    transform: scale(1.1) translateX(-35%);
    transition: transform .3s ease;
}

.ui-slider .ui-slider-range {
    background-color: #27814e;
    border-radius: 20px;
    height: 18px;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -10px;
}

.apartments {
    margin-top: 45px;
}

.apartments__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1230px;
    padding: 0 15px 40px;
    margin: 0 auto;
    position: relative;
}

.apartments__header input:focus {
    border: none;
    outline: none;
}

.apartments__checkboxes {
    width: 100%;
    max-width: 246px;
    display: flex;
    justify-content: flex-start;
    border: 1px solid #27814e;
    border-left: none;
    margin-bottom: 22px;
}

.apartments__checkboxes input {
    display: none;
}

.apartments__checkboxes input:checked+label {
    border-left: 1px solid #fff;
    color: #fff;
    background-color: #27814e;
}

.apartments__checkboxes input:first-child:checked+label {
    border-left: 1px solid #27814e;
}

.apartments__checkboxes label {
    margin: 0;
    cursor: pointer;
    padding: 14.5px 12px;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 16px;
    text-align: center;
    line-height: 1;
    color: #272829;
    border-left: 1px solid #27814e;
    flex-grow: 1;
}

.apartments__houses {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 247px;
    text-align: left;
    margin-left: 5px;
    margin-bottom: 22px;
}

.apartments__houses-control {
    position: relative;
    padding: 0 !important;
    cursor: pointer;
}

.apartments__houses-control::after {
    content: '';
    position: absolute;
    top: 43%;
    right: 13px;
    width: 14px;
    height: 14px;
    background-color: transparent;
    border: 2px solid #27814e;
    border-right: none;
    border-top: none;
    transform: translateY(-50%) rotate(-45deg);
    transform-origin: center;
    transition: border-color .3s ease;
}

.apartments__houses-control .form-control {
    border: 1px solid #27814e;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #272829;
    padding: 14px 35px 15px 12px;
    height: auto;
}

.apartments__houses-control .form-control:not([size]):not([multiple]) {
    height: auto;
}

.apartments__houses-control .form-control:focus {
    outline: none;
}

.apartments__houses select {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.apartments__houses label {
    position: relative;
    display: block;
    margin: 0;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
    color: #000000;
    padding: 14px 12px 15px;
    line-height: 1.1;
    cursor: pointer;
    border-bottom: 1px solid #27814e;
    transition: color .3s ease, background-color .3s ease;
}

.apartments__houses label:hover {
    background-color: #27814e;
    color: #fff;
    transition: color .3s ease, background-color .3s ease;
}

.apartments__houses-over {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    border: 1px solid #27814e;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #272829;
    white-space: nowrap;
    padding: 14px 35px 15px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.apartments__houses-popup {
    display: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    position: absolute;
    top: 100%;
    left: 0px;
    border: 1px solid #27814e;
    border-top: none;
    background: #fff;
    z-index: 9999;
    overflow: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.apartments__houses-popup input {
    position: absolute;
    top: 5px;
    left: 8px;
    margin: 0 !important;
    padding: 0;
    visibility: hidden;
    opacity: 0;
}

.apartments__houses-popup input:checked+label {
    background-color: #27814e;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.apartments__houses-close {
    width: 100%;
    height: 47px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: background-color .3s ease;
}

.apartments__houses-close:hover {
    background-color: #27814e;
    transition: background-color .3s ease;
}

.apartments__houses-close::after {
    content: '';
    position: absolute;
    top: 65%;
    left: 50%;
    width: 25px;
    height: 25px;
    background-color: transparent;
    border: 2px solid #27814e;
    border-right: none;
    border-top: none;
    transform: translate(-50%, -50%) rotate(135deg);
    transform-origin: center;
    transition: border-color .3s ease;
}

.apartments__houses-close:hover::after {
    border-color: #fff;
    transition: border-color .3s ease;
}

.apartments__prices {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 275px;
    padding: 13.5px 5px;
    margin-left: 5px;
    margin-bottom: 22px;
    border: 1px solid #27814e;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #272829;
}

.apartments__prices input {
    border: none;
    color: #27814e;
    margin-left: 1px;
    text-align: center;
    width: 85px;
}

.apartments__floors {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 162px;
    padding: 13.5px 5px;
    margin-left: 5px;
    margin-bottom: 22px;
    border: 1px solid #27814e;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #272829;
}

.apartments__floors input {
    border: none;
    color: #27814e;
    margin-left: 5px;
    text-align: center;
    width: 25px;
}

.apartments__areas {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
    padding: 13.5px 5px;
    margin-left: 5px;
    margin-bottom: 22px;
    border: 1px solid #27814e;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #272829;
}

.apartments__areas input {
    border: none;
    color: #27814e;
    margin-left: 5px;
    text-align: center;
    width: 40px;
}

.apartments__submit {
    border: 1px solid transparent;
    width: 100%;
    max-width: 357px;
    padding: 13.5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    background-color: #27814e;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: background-color .3s ease;
}

.apartments__submit:hover {
    background-color: #fff;
    color: #27814e !important;
    border: 1px solid #27814e !important;
    transition: all 0.3s ease 0s;
}


.apartments__reset {
    border: 1px solid #27814e;
    border-radius: 0;
    width: 100%;
    max-width: 357px;
    padding: 13.5px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 20px;
    line-height: 1;
    background-color: #fff;
    color: #27814e !important;
    text-align: center;
    cursor: pointer;
    transition: background-color .3s ease;
}

.apartments__reset:hover {
    background-color: #27814e;
    color: #fff !important;
    transition: all 0.3s ease 0s;
}

.qauntity_info {
    position: absolute;
    bottom: 0;
    left: 20px;
    display: flex;
    flex-direction: row;
    width: 100%;
}

.apartments__chosen,
.flats__found {
    display: none;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 22px;
    color: #fff;
    background: #27814e;
    box-shadow: 0px 9px 22px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding: 12px 25px;
    transform: translateY(30%);
}

.apartments__chosen span,
.flats__found span {
    font-family: 'Proxima Nova Bold', sans-serif;
}

.flats__found {
    margin-right: 15px;
}

.apartments__bg {
    background-color: #f0f0f0;
    margin-bottom: -20px;
}

.apartments__bg.white {
    background-color: #fff !important;
}

.loader_cont {
    height: 140px;
    margin: -60px 0 0;
    padding-bottom: 40px;
}

.loader_title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -50%;
    right: -50%;
    max-height: 20px;
    margin: auto;
    color: #27814e;
    text-align: center;
    font-weight: 600;
    background-color: #fff;
    white-space: nowrap;
    z-index: 3;
}

.loader_cont .loader_title {
    background-color: #f0f0f0;
}

#loader {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

#loader2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1;
}

#loader2 img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px;
    margin: auto;
    z-index: 2;
}

.btn_more_cont {
    margin: -60px 0 0;
    padding-bottom: 40px;
}

#btn_more {
    max-width: 300px;
    margin: 0 auto;
}

.loader_cont.active+.btn_more_cont {
    margin-top: -10px;
}

.apartments__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -10px;
    padding: 40px 0 60px;
}

.apartments-item {
    display: flex;
    flex-direction: column;
    margin: 0 10px 40px;
    width: calc(33.3% - 20px);
    padding: 19px 17px 20px;
    border-radius: 5px;
    position: relative;
    background-color: #fff;
}

.apartments-item__discount {
    position: absolute;
    top: 25px;
    right: 20px;
    width: 86px;
    height: 86px;
    padding: 24px 1px;
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: .9;
    text-align: center;
    color: #272829;
    transform: rotate(15deg);
    border: 3px dashed #ea560d;
    border-radius: 50%;
}

.apartments-item__discount span {
    font-size: 24px;
}

.apartments-item__discount span+span {
    font-size: 24px;
}

.apartments-item__header {
    /* padding-right: 165px; */
    padding-right: 0 !important;
    min-height: 95px;
    margin-bottom: 10px;
    font-size: 20px;
    color: #272829;
    font-family: 'Proxima Nova', sans-serif;
}

.apartments-item__header p {
    font-size: 20px;
    color: #272829;
    padding: 0;
}

.apartments-item__header span {
    display: block;
    font-size: 20px;
    color: #27814e;
}

.apartments-item__image {
    width: 100%;
    height: 196px;
    margin-bottom: 33px;
    position: relative;
}

.apartments-item__image img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.apartments-item__prices {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    color: #272829;
    margin-bottom: 6px;
    margin-top: auto;
}

.apartments-item__prices-new {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 30px;
    line-height: 1;
}

.apartments-item__prices-old {
    display: none !important;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    line-height: 1.1;
    margin-left: 21px;
    position: relative;
}

.apartments-item__prices-old::after {
    content: '';
    position: absolute;
    left: -3px;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% + 6px);
    height: 1px;
    background-color: #27814e;
}

.apartments-item__mortgage {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    color: #272829;
    margin-bottom: 16px;
}

.apartments-item__mortgage--hidden {
    display: none !important;
}

.apartments-item__mortgage--hidden + .apartments-item__details {
    margin-top: 16px;
 }

.apartments-item__mortgage span {
    color: #27814e;
}

.apartments-item__details {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
}

.apartments-item__details span {
    border: 1px solid #27814e;
    border-radius: 10px;
    padding: 4px 13px;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 18px;
    color: #272829;
    text-align: center;
    margin-bottom: 10px;
    margin-left: 4px;
}

.apartments-item__details span:first-child {
    margin-left: 0;
}

.apartment__header {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 30px;
    text-align: center;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 59px;
    margin-left: -15px;
}

.apartment__header h1 a {
    background: #27814e;
    border: 1px solid #27814e;
    display: block;
    margin-left: 15px;
    margin-bottom: 20px;
    padding: 20px 34px;
    color: #fff !important;
    transition: all .3s ease;
}

.apartment__header h1 a:hover {
    background-color: #ea560d;
    border-color: #ea560d;
    transition: all .3s ease;
}

.apartment__header span {
    color: #272829;
    border: 1px solid #27814e;
    background-color: #fff;
    margin-left: 15px;
    margin-bottom: 20px;
    padding: 20px 39px;
}

.apartment__block {
    display: flex;
    margin: 55px 0 72px;
}

.apartment__image {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    width: calc(100% - 470px);
    padding: 0 20px;
}

.apartment__info {
    width: 452px;
}

.apartment__title {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    color: #272829;
    margin-bottom: 30px;
}

.apartment__title span {
    color: #27814e;
    margin-left: 30px;
    text-transform: none;
}

.apartment__prices {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    margin-bottom: 50px;
    /*padding-right: 130px;*/
    padding-right: 0 !important;
}

.apartment__prices-new {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 30px;
}

.apartment__prices-old {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 30px;
    margin-top: 2px;
    position: relative;
}

.apartment__prices-old::after {
    content: '';
    position: absolute;
    left: -3px;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% + 6px);
    height: 1px;
    background-color: #27814e;
}

.apartment__discount {
    position: absolute;
    bottom: 5px;
    right: 0;
    width: 118px;
    height: 118px;
    padding: 29px 5px;
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-size: 22px;
    line-height: 1;
    text-align: center;
    color: #272829;
    transform: rotate(15deg);
    border: 3px dashed #ea560d;
    border-radius: 50%;
}

.apartment__discount span {
    font-size: 34px;
}

.apartment__discount span+span {
    font-size: 34px;
}

.apartment__mortgage {
    width: 100%;
    border: 1px solid #27814e;
    padding: 5px 15px;
    margin-bottom: 30px;
    text-align: center;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 30px;
    color: #27814e;
}

.apartment__mortgage span {
    display: block;
    font-size: 24px;
    color: #272829;
}

.apartment__details {
    width: 100%;
    margin-bottom: 25px;
    list-style: none;
}

.apartment__details li {
    display: flex;
    justify-content: space-between;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 24px;
    color: #272829;
    margin-bottom: 18px;
    padding-left: 0 !important;
}

.apartment__details li>p {
    font-size: inherit;
    padding-bottom: 0 !important;
}

.apartment__details li::before {
    display: none;
}

.apartment__download {
    display: block;
    width: 100%;
    border: 1px solid #27814e;
    padding: 19px 15px;
    margin-bottom: 13px;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 30px;
    text-align: center;
    color: #272829;
    transition: background-color .3s ease, color .3s ease;
}

.apartment__download:hover {
    background-color: #27814e;
    color: #fff;
    transition: background-color .3s ease, color .3s ease;
}

a.apartment__popup {
    display: block;
    width: 100%;
    border: 1px solid #27814e;
    border-radius: 5px;
    padding: 19px 15px;
    margin-bottom: 13px;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 30px;
    text-align: center;
    color: #fff;
    background-color: #27814e;
    transition: background-color .3s ease, border-color .3s ease;
}

a.apartment__popup:hover {
    color: #fff;
    background-color: #ea560d;
    border-color: #ea560d;
    transition: background-color .3s ease, border-color .3s ease;
}

.apartment__subtitle {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 40px;
    color: #272829;
    margin-bottom: 35px;
}

.apartment__subtitle+.apartments__wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.apartment__subtitle+.apartments__wrapper>.apartments-item {
    border: 1px solid #272829;
}

.contacts__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 43px;
}

.contacts__block {
    position: sticky;
    top: 5px;
    width: 390px;
    /* padding: 36px 24px 28px; */
    padding: 20px;
    margin-right: 55px;
    border: 1px solid #27814e;
    flex-shrink: 0;
    max-height: 99vh;
    overflow-y: auto;
}

.contacts__block::-webkit-scrollbar {
    width: 6px;
}

.contacts__block::-webkit-scrollbar-thumb {
    background: #27814e !important;
}

.contacts__block::-webkit-scrollbar-track {
    background-color: #f1f1f1 !important;
}

.contacts__block h3 {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 22px;
    color: #272829;
    margin-bottom: 10px;
}

.contacts__item {
    /* margin-bottom: 25px; */
    margin-bottom: 10px;
    position: relative;
    /* padding-left: 41px; */
    padding-left: 30px;
    padding-right: 20px;
    font-family: 'Proxima Nova', sans-serif;
    /* font-size: 20px; */
    font-size: 18px;
    line-height: 1.2;
    color: #272829;
}
@media (max-width: 1460px) {
    .contacts__item {
        font-size: 16px;
    }
}

.contacts__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.contacts__item a {
    margin-top: -3px;
    display: block;
    color: #27814e;
    text-decoration: underline;
    transition: color .3s ease;
}

.contacts__item .show_form_btn {
    padding: 0 !important;
}

.contacts__item a:hover {
    color: #ea560d;
    transition: color .3s ease;
}

.contacts__item-address:before {
    width: 24px;
    height: 30px;
    background-image: url("/assets/shared/img/icons/marker.svg");
}

.contacts__item-schedule:before {
/*     width: 30px;
    height: 30px; */
    width: 24px;
    height: 24px;
    background-image: url("/assets/shared/img/icons/schedule.svg");
}

.contacts__item-phone a {
    color: #272829;
    text-decoration: none;
}

.contacts__item-phone:before {
/*     width: 30px;
    height: 31px; */
    width: 24px;
    height: 25px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/assets/shared/img/icons/phone.svg");
}

.contacts__links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    /* margin-top: 20px; */
    margin-top: 10px;
}

.contacts__links a {
    width: 37px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 4px;
    padding: 5px;
    background-color: #000000;
    border-radius: 50%;
    transition: background-color .3s ease;
}

.contacts__links a img {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 90%;
    max-height: 90%;
}

.contacts__links a:hover {
    background-color: #25804d;
    transition: background-color .3s ease;
}

.news {
    margin-bottom: 74px;
}

.news__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    list-style: none;
    flex-grow: 1;
}

.news__wrapper li {
    padding-left: 0 !important;
}

.news__wrapper li::before {
    display: none !important;
}

.news__wrapper .news__image {
    margin-bottom: 0;
}

.news__wrapper .news__image img {
    width: 100%;
}

.news__item {
    margin-bottom: 44px !important;
    width: 100%;
    padding-left: 0 !important;
}

.news__item::before {
    display: none;
}

.news__item a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.news__image {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 29px;
}

.news__text {
    padding: 28px 24px 20px 36px;
    border: 1px solid #949494;
}

.news__title {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 24px;
    color: #272829;
    margin-bottom: 20px;
}

.news__inner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 40px;
}

.news__video {
    width: 403px;
    flex-shrink: 0;
}

.news__video iframe {
    width: 100% !important;
}

@media (max-width: 1200px) {
    .news__inner {
        gap: 32px;
    }
}
@media (max-width: 1023px) {
    .news__inner {
        gap: 20px;
    }
    .news__video {
        width: 320px;
    }
}
@media (max-width: 767px) {
    .news__inner {
        gap: 15px;
    }
    .news__video {
        width: 290px;
    }
}
@media (max-width: 620px) {
    .news__inner {
        flex-direction: column;
    }
    .news__video {
        width: 100%;
        max-width: 325px;
        margin: 0 auto;
    }
}

.news__descr {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 25px;
    line-height: 1.28;
    margin-bottom: 15px;
}

.news__descr h3:not([class]) {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 18px;
}

.news__descr p {
    font-size: 18px;
    margin-bottom: 17px;
}

.news__descr p:last-child {
    margin-bottom: 0;
    position: relative;
}

.news__item .news__descr p:last-child::after {
    content: '... Читать далее';
    color: #27814e;
}

.news__descr a {
    display: inline;
    color: #27814e;
}

.news__date {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 16px;
    color: #27814e;
    display: block;
    text-align: right;
}

.news__date span {
    text-transform: lowercase;
}

.news__show-more {
    line-height: 1;
    margin-top: 10px;
    padding: 9px 15px 10px;
    border-radius: 0;
    border: 1px solid transparent !important;
    width: 100%;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 32px;
    text-align: center;
    color: #fff;
    background-color: #27814e;
    transition: all .3s ease;
}

.news__show-more:hover {
    cursor: pointer;
    color: #27814e;
    background-color: #fff;
    border-color: #27814e !important;
    transition: all .3s ease;
}

.articles {
    padding-top: 38px;
}

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

.articles__link {
    flex-shrink: 0;
    border: 1px solid #77706f;
    border-radius: 5px;
    padding: 6px 28px 8px 92px;
    /*   background-image: url("/assets/shared/img/icons/planet-marker.svg");
	background-position: 40px center;
	background-repeat: no-repeat;
	background-size: 39px 43px; */
    font-family: 'Century Gothic Bold', sans-serif;
    font-size: 36px;
    color: #77706f;
}

.articles__link:hover {
    color: #77706f;
}

.articles__link span {
    position: relative;
    display: inline-block;
}

.articles__link span::before {
    content: '';
    width: 39px;
    height: 41px;
    display: block;
    position: absolute;
    right: 104%;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/assets/shared/img/icons/planet-marker.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.articles__wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 35px 0 46px;
}

.articles__item {
    border-radius: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    cursor: initial;
}

.articles__item-title {
    font-family: 'Century Gothic Bold', sans-serif;
    font-weight: 700;
    font-size: 47px;
    color: #fff;
    margin-bottom: 16px;
}

.articles__item-descr {
    font-family: 'Century Gothic', sans-serif;
    font-size: 20px;
    line-height: 1.25;
    color: #fff;
    margin-bottom: 14px;
}

.articles__item-link {
    background: #e5e7e7;
    border-radius: 10px;
    padding: 6px 27px;
    font-family: 'Century Gothic Bold', sans-serif;
    font-size: 20px;
    color: #272829;
    z-index: 1;
    cursor: pointer;
}

.articles__text {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 79%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 50px;
    padding-left: 50px;
    padding-bottom: 49px;
    /* background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(39, 40, 41, 0) 100%); */
}

.articles__labels {
    max-width: 70%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    top: 55px;
    left: 66px;
    z-index: 9;
}

.articles__label {
    border-radius: 10px;
    background-color: rgba(39, 40, 41, 0.7);
    padding: 5px 36px;
    margin-right: 19px;
    margin-bottom: 5px;
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-size: 20px;
    text-align: center;
    color: #fff;
}

.articles__label:nth-child(odd) {
    background-color: #e5e7e7;
    color: #272829;
}

.articles__image {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    width: 100%;
    background-color: #272829;
}

.articles__image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
@media (min-width: 791px) {
    .articles__image img {
        aspect-ratio: 860/528;
    }
}

.articles__image img+img {
    display: none;
}

.success__logo {
    margin: 63px auto;
    width: 400px;
    height: 119px;
}

.success__logo img {
    width: 100%;
}

.success__title {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 75px;
    text-align: center;
    text-transform: uppercase;
    color: #27814e;
    margin-top: 30px;
}

.success__subtitle {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 40px;
    text-align: center;
    color: #272829;
    margin-bottom: 45px;
}

.success__descr {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 30px;
    text-align: center;
    color: #949494;
    position: relative;
    padding-bottom: 20px;
}

.success__descr::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 485px;
    height: 3px;
    background-color: #27814e;
}

.success__links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 28px;
}

.success__links a {
    width: 51px;
    height: 51px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 7px 5px;
    padding: 5px;
    background-color: #61B987;
    border-radius: 50%;
    transition: background-color .3s ease;
}

.success__links a img {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 90%;
    max-height: 90%;
}

.success__links a:hover {
    background-color: #272829;
    transition: background-color .3s ease;
}

@media (max-width: 1800px) {
    .main-articles {
        padding-top: 20px;
    }

    .main-articles__link {
        padding-left: 70px;
        background-position: 20px center;
    }

    .main-articles__wrapper {
        width: calc(100% + 20px);
        margin: 25px -10px 10px;
    }

    .main-articles__item {
        margin: 0 10px 40px;
        width: calc(33.3% - 20px);
    }

    .main-articles__item-title {
        font-size: 28px;
        max-width: 80%;
    }

    .main-articles__image {
        height: 33vw;
    }

    .main-articles__image p {
        font-size: 4vw;
        margin-bottom: 30px;
    }

    .main-articles__image div {
        font-size: 30px;
    }

    .main-articles__footer {
        margin-top: 10px;
        padding-left: 15px;
    }

    .main-more__wrapper {
        width: calc(100% + 20px);
        margin: 25px -10px 10px;
    }

    .main-more__item {
        margin: 0 10px 0;
        width: calc(33.3% - 20px);
    }

    .main-more__item-title {
        font-size: 24px;
        padding: 15px;
    }

    .main-more__image {
        height: 33vw;
    }

    .main-text {
        padding: 60px 0;
        line-height: 1.35;
    }

    .articles {
        padding-top: 20px;
    }

    .articles__link {
        padding-left: 70px;
    }

    .articles__image img {
        min-height: 29.33vw;
    }
}

@media (max-width: 1630px) {
    .apartment__header {
        margin-top: 30px;
    }

    .apartment__header h1 a {
        padding: 15px 25px;
    }

    .apartment__header span {
        padding: 15px 25px;
    }

    .apartment__block {
        margin: 40px 0 50px;
    }

    .header-menu__item:hover>.inner-menu {
        width: 300px;
        right: auto;
        left: -1px;
    }
    .inner-menu li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 11px;
    }
    .inner-menu__footer li:nth-child(even) {
        border-left: 1px solid #272727;
    }
}

@media (max-width: 1520px) {
    .container-big .container {
        padding: 0;
    }
}

@media (max-width: 1460px) {
    .header__wrapper {
        flex-wrap: wrap;
    }

    .header-menu {
        width: 100%;
        order: 1;
    }

    .header-menu__list {
        gap: 15px;
    }

    .contacts__wrapper {
        margin-top: 30px;
    }

    .contacts__block {
        width: 420px;
        padding: 20px;
        margin-right: 20px;
    }

    .contacts__item {
        margin-bottom: 15px;
        padding-right: 0;
    }

    .contacts__item a {
        margin-top: -1px;
    }

    .news {
        margin-bottom: 50px;
    }

    .news__item {
        margin-bottom: 30px !important;
    }

    .news__text {
        padding: 20px;
    }

    .news__descr {
        font-size: 22px;
    }

    .articles__labels {
        max-width: 85%;
        top: 30px;
        left: 25px;
    }

    .articles__label {
        padding: 5px 20px;
        margin-right: 10px;
        font-size: 18px;
    }

    .articles__item-title {
        font-size: 3vw;
        margin-bottom: 12px;
    }

    .articles__item-descr {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .articles__item-link {
        padding: 6px 20px;
        font-size: 18px;
    }

    .articles__text {
        width: 85%;
        padding-left: 25px;
        padding-bottom: 35px;
    }

    .success__logo {
        margin: 10px auto 30px;
    }
}

@media (max-width: 1400px) {
    .main-image {
        margin: 40px auto 30px;
    }
}


@media (max-width: 1230px) {
    .header-menu__item {
        margin-right: 5px;
    }

    .subtitle {
        font-size: 36px;
    }

    .header__wrapper {
        background-color: #fff;
        padding: 9px 0;
        margin: 33px auto 20px;
        flex-wrap: wrap;
    }

    .header__cities {
        margin-right: 0;
    }

    .main-articles__item-title {
        font-size: 26px;
    }

    .main-articles__footer {
        padding-left: 5px;
    }

    .inner-page .cards__row {
        margin: 30px -10px;
    }

    .inner-page .cards__item {
        height: 31vw;
    }

    .inner-page .cards__front h3 {
        font-size: 2vw;
    }

    .inner-page .cards__back {
        padding: 15px;
    }

    .inner-page .cards__back p {
        font-size: 1.6vw;
    }

    .inner-page .cards__back li {
        font-size: 1.6vw;
    }

    .inner-page .cards__back h3 {
        font-size: 2vw;
    }

    .photo-gallery__wrapper {
        margin: 30px -10px 10px;
    }

    .photo-gallery__item {
        width: calc(33.3% - 20px);
        margin: 0 10px 30px;
    }

    .photo-gallery__image {
        height: 20.3vw;
    }

    .photo-gallery__title {
        font-size: 22px;
    }

    .photo-album__images {
        width: calc(100% + 20px);
        margin: 40px -10px 20px;
    }

    .photo-album__images a {
        max-width: calc(50% - 20px);
        margin: 0 10px 20px;
        height: 30vw;
    }

    .photo-album__images a:first-child {
        max-width: calc(100% - 20px);
    }

    .banner-form-header p {
        font-size: 22px;
    }

    .page {
        padding: 30px 0;
    }

    .commercial__title {
        font-size: 32px;
        margin: 30px auto;
    }

    .commercial__wrapper {
        margin: 25px -10px;
    }

    .commercial__wrapper img {
        height: 19.5vw;
    }

    .commercial__wrapper h3 {
        font-size: 32px;
    }

    .commercial__wrapper p {
        font-size: 22px;
    }

    .commercial__wrapper span {
        font-size: 22px;
    }

    .commercial__wrapper a {
        font-size: 22px;
    }

    .calculator__result p {
        font-size: 30px;
    }

    .apartments {
        margin-top: 30px;
    }

    .apartments__wrapper {
        margin: 0 -10px;
        padding: 60px 0 40px;
    }

    .loader_cont {
        height: 130px;
        margin: -40px 0 0;
        padding-bottom: 30px;
    }

    .btn_more_cont {
        margin: -40px 0 0;
        padding-bottom: 30px;
    }

    .apartments-item {
        margin: 0 10px 30px;
        width: calc(33.3% - 20px);
        padding: 20px 15px;
    }

    .apartments-item__discount {
        top: 20px;
    }

    .apartments-item__image {
        height: 14.6vw;
        margin-bottom: 25px;
    }

    .apartments-item__prices-old {
        margin-left: 15px;
    }

    .apartments-item__details span {
        padding: 5px 10px;
        margin-left: 10px;
    }

    .apartments__checkboxes {
        max-width: 30%;
        margin-bottom: 20px;
    }

    .apartments__houses {
        max-width: 34%;
        margin-bottom: 20px;
    }

    .apartments__prices {
        max-width: 35%;
        margin-bottom: 20px;
        justify-content: center;
    }

    .apartments__prices input {
        width: 105px;
    }

    .apartments__floors {
        max-width: 30%;
        margin-bottom: 20px;
        margin-left: 0;
        justify-content: center;
    }

    .apartments__floors input {
        width: 35px;
        margin: 0 4px;
    }

    .apartments__areas {
        max-width: 34%;
        margin-bottom: 20px;
        justify-content: center;
    }

    .apartments__areas input {
        width: 50px;
        margin: 0 4px;
    }

    .apartments__submit {
        max-width: 35%;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .qauntity_info {
        left: 20px;
    }

    .apartments__chosen,
    .flats__found {
        font-size: 22px;
    }

    .apartments-item__header p {
        font-size: 20px;
    }

    .apartment__header {
        margin-top: 20px;
        font-size: 28px;
    }

    .apartment__header h1 a {
        padding: 15px 20px;
    }

    .apartment__header span {
        padding: 15px 20px;
    }

    .apartment__block {
        margin: 30px 0 40px;
    }

    .apartment__image {
        width: calc(100% - 400px);
    }

    .apartment__info {
        width: 390px;
    }

    .apartment__title {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .apartment__title span {
        margin-left: 15px;
    }

    .apartment__prices {
        margin-bottom: 30px;
        padding-right: 100px;
    }

    .apartment__prices-new {
        font-size: 28px;
    }

    .apartment__prices-old {
        font-size: 26px;
    }

    .apartment__discount {
        bottom: 0;
        width: 93px;
        height: 93px;
        padding: 23px 1px;
        font-size: 18px;
    }

    .apartment__discount span {
        font-size: 26px;
    }

    .apartment__discount span+span {
        font-size: 26px;
    }

    .apartment__mortgage {
        padding: 5px 10px;
        margin-bottom: 20px;
        font-size: 26px;
    }

    .apartment__mortgage span {
        font-size: 20px;
    }

    .apartment__details {
        margin-bottom: 20px;
    }

    .apartment__details li {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .apartment__download {
        padding: 15px 10px;
        margin-bottom: 10px;
        font-size: 26px;
    }

    a.apartment__popup {
        padding: 15px 10px;
        margin-bottom: 10px;
        font-size: 26px;
    }

    .apartment__subtitle {
        font-size: 36px;
        margin-bottom: 25px;
    }

    .contacts__wrapper {
        margin-top: 20px;
    }

    .contacts__block {
        width: 380px;
        padding: 15px;
        margin-right: 15px;
    }

    .contacts__block h3 {
        margin-bottom: 10px;
    }

    .contacts__links {
        margin-top: 20px;
    }

    .contacts__links a {
        width: 32px;
        height: 32px;
        padding: 5px;
    }

    .btn-contacts,
    .news__show-more {
        font-size: 30px;
        padding: 8px 15px;
    }

    .news__descr {
        font-size: 22px;
    }

    .news__descr p {
        margin-bottom: 15px;
    }

    .articles__wrapper {
        margin: 30px 0 40px;
        gap: 20px;
    }

    .articles__text {
        width: 90%;
    }

    .calculator {
        width: calc(100% - 70px);
        margin: 50px auto 0;
    }

    .calculator__result {
        width: calc(100% + 70px);
        margin-left: -35px;
        margin-right: -35px;
    }

    .calculator__description {
        width: calc(100% + 70px);
        margin-left: -35px;
        margin-right: -35px;
    }
}

@media (max-width: 1090px) {
    .header__link {
        padding: 12px 15px 13px;
        margin-left: 10px;
        font-size: 18px;
    }

    .phone-item {
        font-size: 18px;
        padding: 8px 15px;
    }

    .title h1,
    .title h2 {
        padding-right: 30px;
    }

    .subtitle {
        font-size: 32px;
    }

    .main-articles__link {
        font-size: 32px;
        padding: 6px 20px 8px 70px;
        background-position: 17px center;
    }

    .main-articles__item {
        margin: 0 10px 35px;
        width: calc(50% - 20px);
    }

    .main-articles__image {
        height: 50vw;
    }

    .main-text {
        padding: 50px 0;
    }

    .main-text h2 {
        font-size: 32px;
    }

    .main-image {
        margin: 20px auto;
    }

    .inner-page table {
        margin-bottom: 40px;
    }

    .banners__item {
        width: calc(33.3% - 10px);
        min-height: 40.2vw;
    }

    .banners__item:first-child {
        width: calc(66.6% - 10px);
    }

    .banner-form-header h3 {
        font-size: 4.5vw;
    }

    .faq__list {
        margin-top: 30px;
    }

    .faq__label {
        font-size: 26px;
        min-height: 65px;
    }

    .faq__label:before {
        width: 25px;
        right: 10px;
    }

    .faq__label::after {
        width: 25px;
        right: 10px;
    }

    .faq__content {
        padding-left: 15px;
        margin-bottom: 20px;
    }

    .faq__content,
    .faq__content p {
        font-size: 22px;
    }

    .faq__content p {
        margin-bottom: 15px;
    }

    .commercial__wrapper li {
        width: calc(50% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }

    .commercial__wrapper img {
        height: 28.6vw;
    }

    .apartments {
        margin-top: 20px;
    }

    .apartments__header {
        padding: 0 15px 20px;
    }

    .apartments__checkboxes {
        max-width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 20px;
    }

    .apartments__houses {
        max-width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 20px;
    }

    .apartments__prices {
        max-width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 20px;
    }

    .apartments__floors {
        max-width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 20px;
    }

    .apartments__areas {
        max-width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 20px;
    }

    .apartments__submit {
        max-width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 20px;
    }

    .apartments__reset {
        max-width: calc(50% - 10px);
        font-size: 18px;
    }

    .qauntity_info {
        left: 20px;
    }

    .apartments__chosen,
    .flats__found {
        font-size: 20px;
        padding: 12px 20px;
    }

    .apartments__wrapper {
        margin: 0 -10px;
        padding: 30px 0 20px;
    }

    .loader_cont {
        height: 130px;
        margin: -20px 0 0;
        padding-bottom: 30px;
    }

    .btn_more_cont {
        margin: -20px 0 0;
        padding-bottom: 30px;
    }

    .apartments-item {
        width: calc(50% - 20px);
    }

    .apartments-item__image {
        height: 22.4vw;
    }

    .articles__link {
        font-family: 'Century Gothic', sans-serif;
        font-size: 32px;
        padding: 6px 20px 8px 70px;
        box-shadow: 0px 6px 36px rgba(0, 0, 0, 0.15);
    }

    .success__logo {
        margin: 10px auto 25px;
        width: 300px;
        height: 90px;
    }

    .success__title {
        font-size: 7vw;
    }

    .success__subtitle {
        font-size: 3.5vw;
        margin-bottom: 25px;
    }

    .success__descr {
        font-size: 28px;
        padding-bottom: 15px;
    }

    .success__descr::after {
        width: 440px;
        height: 2px;
    }
}

@media (max-width: 990px) {
    .apartment__header {
        margin-top: 10px;
        font-size: 22px;
    }

    .apartment__header h1 a {
        padding: 12px 15px;
    }

    .apartment__header span {
        padding: 12px 15px;
    }

    .apartment__block {
        margin: 20px 0 30px;
    }

    .apartment__image {
        width: calc(100% - 355px);
    }

    .apartment__info {
        width: 340px;
    }

    .apartment__title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .apartment__title span {
        margin-left: 10px;
    }

    .apartment__prices {
        margin-bottom: 20px;
        padding-right: 80px;
    }

    .apartment__prices-new {
        font-size: 26px;
    }

    .apartment__prices-old {
        font-size: 20px;
    }

    .apartment__mortgage {
        font-size: 22px;
    }

    .apartment__mortgage span {
        font-size: 18px;
    }

    .apartment__details li {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .apartment__download {
        padding: 12px 10px;
        font-size: 22px;
    }

    a.apartment__popup {
        padding: 12px 10px;
        font-size: 22px;
    }

    .apartment__subtitle {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .contacts__wrapper {
        margin-top: 15px;
    }

    .contacts__block {
        width: 340px;
        padding: 10px;
    }

    .contacts__item {
        padding-left: 35px;
    }

    .contacts__item-address:before {
        width: 20px;
        height: 26px;
    }

    .contacts__item-schedule:before {
        width: 22px;
        height: 22px;
    }

    .contacts__item-phone:before {
        width: 22px;
        height: 23px;
    }

    .contacts__links {
        margin-top: 15px;
    }

    .btn-contacts,
    .news__show-more {
        font-size: 26px;
        padding: 5px 10px;
    }

    .news {
        margin-bottom: 30px;
    }

    .news__title {
        margin-bottom: 15px;
    }

    .news__descr {
        font-size: 20px;
    }
}

@media (max-width: 890px) {
    body {
        display: flex;
        flex-direction: column;
    }

    .top {
        overflow: visible;
        margin-top: 0 !important;
    }
    header.header {
        height: 100px;
    }

    .header__wrapper {
        display: flex !important;
        justify-content: space-between;
        position: fixed;
        top: 0;
        left: 15px;
        z-index: 99;
        width: calc(100% - 30px);
        padding: 0 9px;
        box-shadow: -4px 4px 15px 0 rgba(0, 0, 0, 0.25);
    }

    .phone-item {
        padding: 0 !important;
        border: none;
    }

    .header__cities {
        display: none;
    }

    .header__cities--mobile {
        margin-top: 100px;
        margin-left: 17px;
        margin-right: 17px;
        margin-bottom: 28px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 15px;
        border: none;
        padding-left: 0 !important;
        order: -1;
    }

    .header__cities--mobile::before {
        display: none !important;
    }

    .header__cities--mobile .header__city {
        font-size: 20px;
    }

    .header__city.active a {
        color: #27814e !important;
    }

    .header__city.active::before {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2 7.33333L14.6667 1.33333L8.66667 14L7.33333 8.66666L2 7.33333Z' fill='%2327814e' stroke='%2327814e' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
    }

    .header__link {
        display: none;
    }

    .mobile-menu .header__cities {
        display: none !important;
        flex-direction: column;
        align-items: flex-start;
        border: none;
    }

    .header__city {
        font-size: 18px;
        line-height: 1.1;
        margin-top: 10px;
        padding-right: 0;
        justify-content: flex-start;
        min-width: 1px;
        background-color: transparent;
    }

    .mobile-menu .header__link {
        display: block;
        margin-left: 0;
        margin-bottom: 6px;
        font-size: 16px;
        padding: 11.4px 15px;
    }

    .subtitle {
        font-size: 30px;
    }

    .header-menu {
        max-height: 0;
        overflow: hidden;
        display: none;
    }

    .header-menu .header__link {
        display: inline-block;
        font-family: 'Gilroy Bold', sans-serif;
        font-size: 16px;
        text-align: center;
        color: #27814e;
        background-color: #fff;
        border-radius: 0;
        padding: 6px 5px;
        margin-left: 15px;
        margin-right: auto;
    }

    .header-menu__btn {
        display: flex;
    }

    .header-menu__item-btn {
        padding-right: 40px;
        position: relative;
    }

    .header-menu__item-btn::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 13px;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.866 6.57499L15.927 5.51499L21.706 11.292C21.7992 11.3846 21.8731 11.4946 21.9236 11.6159C21.974 11.7371 22 11.8672 22 11.9985C22 12.1298 21.974 12.2598 21.9236 12.3811C21.8731 12.5023 21.7992 12.6124 21.706 12.705L15.927 18.485L14.867 17.425L20.291 12L14.866 6.57499Z' fill='black' /%3e%3c/svg%3e") center/contain no-repeat;
    }

    .header-menu__list {
        gap: 6px;
        margin-bottom: 6px;
    }

    .header-menu__item {
        background-color: #f9f9f9;
        padding: 3px 12px;
        width: 100%;
        min-height: 44px;
        margin-right: 0;
        flex: unset;
    }

    .header-menu__item-main {
        background-color: #fff !important;
    }

    .header-menu__item-main--hide {
        display: none;
    }

    .header-menu__item-main > .header-menu__link {
        font: 700 16px / 1.4 "Gilroy Bold", sans-serif;
        color: #27814e;
    }

    .header-menu__item:last-child {
        flex-grow: 1;
        order: 0;
    }

    .header-menu__item.active {
        padding-right: 12px !important;
        padding-left: 37px !important;
    }

    .header-menu__item.active::after {
        right: auto;
        left: 13px;
        transform: translateY(-50%) rotate(180deg);
    }

    .header-menu__link {
        font-family: "Gilroy Medium", sans-serif;
        font-weight: 400;
        font-size: 14px;
        text-align: center;
        color: #272727;
        padding: 0;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-grow: 1;
        width: 100%;
        min-height: 38px;
        border: none;
    }

    .header-menu__item.active .header-menu__link {
        /* color: #fff; */
        /* color: #272727; */
    }

    .header-menu__item:hover .header-menu__link {
        /* color: #fff; */
        color: #272727;
    }

    .inner-menu {
        display: none;
        height: auto;
        width: 100%;
        z-index: 0;
        opacity: 1;
        position: initial;
        background-color: #77a8c6;
        border: none;
    }

    .inner-menu li {
        display: flex;
        justify-content: flex-start;
    }

    .inner-menu__link {
        font-family: 'Century Gothic', sans-serif;
        text-align: left;
        padding: 6px 0;
        color: #fff;
    }

    .header-menu__item:hover {
        /* background-color: #27814e; */
        background-color: #f1f1f1;
    }

    .header-menu__item:hover>.inner-menu {
        background-color: #77a8c6;
        min-width: 1px;
        padding: 0;
    }

    .main-articles__image p {
        font-size: 5.5vw;
    }

    .main-articles__image div {
        font-size: 20px;
    }

    .main-text {
        padding: 40px 0;
    }

    .main-text h2 {
        font-size: 30px;
    }

    .form-header {
        margin: 10px 0;
    }

    .form-header p {
        margin: 15px 0 0;
    }

    .form-body {
        margin: 15px auto;
    }

    .form-body .form-control {
        padding: 11px 15px;
        width: 100%;
    }

    .form-body .form-control+.form-control {
        margin-top: 15px;
    }

    h3.form__title {
        font-size: 6vw;
        padding: 0 10px;
        margin-bottom: 0;
    }

    h3.form__title::before {
        width: 400px;
        height: 12px;
    }

    h3.form__title::after {
        width: 400px;
        height: 12px;
    }

    .photo-gallery__item {
        width: calc(50% - 20px);
    }

    .photo-gallery__image {
        height: 30.5vw;
    }

    .calculator {
        width: calc(100% - 40px);
        margin: 30px auto 0;
    }

    .calculator__descr {
        font-size: 26px;
    }

    .calculator__value {
        font-size: 38px;
        margin-left: 25px;
    }

    .calculator__range-wrapper {
        margin-top: 15px;
    }

    .calculator__result {
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .calculator__result p {
        font-size: 26px;
    }

    .calculator__description {
        font-size: 26px;
        margin-bottom: 30px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
    }

    .ui-slider.ui-slider-horizontal {
        height: 12px;
        border-radius: 10px;
    }

    .ui-slider .ui-slider-handle {
        width: 50px;
        height: 24px;
        border-radius: 15px;
    }

    .ui-slider .ui-slider-range {
        background-color: #27814e;
        height: 12px;
        border-radius: 10px;
    }

    .ui-slider-horizontal .ui-slider-handle {
        top: -7px;
    }

    .apartments__prices input {
        width: 90px;
    }

    .apartments__floors input {
        width: 30px;
    }

    .apartments__areas input {
        width: 35px;
    }

    .qauntity_info {
        left: 20px;
    }

    .apartments__wrapper {
        margin: 0 -5px;
        padding: 30px 0 20px;
    }

    .apartments-item {
        width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
    }

    .apartments-item__header {
        min-height: 80px;
    }

    .articles__labels {
        top: 15px;
    }

    .articles__text {
        padding-bottom: 15px;
    }

    .photo-album__footer {
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .photo-album__pagination a {
        /* min-width: 140px; */
        /* padding: 4px 20px 4px 40px; */
        font-size: 26px;
    }

    /*   .photo-album__pagination a::before {
	  left: 15px;
	}
	.photo-album__pagination a + a {
	  padding: 4px 40px 4px 20px;
	}
	.photo-album__pagination a + a::before {
	  right: 15px;
	} */
    .photo-album__back {
        padding: 4px 15px;
        min-width: 280px;
        font-size: 22px;
    }
}

@media (max-width: 790px) {
    .main-more__item {
        margin: 0 10px 35px;
        width: calc(50% - 20px);
    }

    .main-more__image {
        height: 50vw;
    }

    .title {
        font-size: 70px;
    }

    .title::after {
        bottom: 53px;
    }

    .title-storerooms br {
        display: none;
    }

    .title-storerooms::after {
        bottom: 41px;
    }

    .title-small {
        font-size: 55px;
    }

    .title-small::after {
        bottom: 40px;
    }

    .top__slide {
        margin-bottom: 30px;
    }

    .top__slide img {
        display: none;
    }

    .top__slide img+img {
        display: block;
    }

    .top .slick-dots {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
        bottom: 0;
        background-color: #e5e7e7;
        left: 0;
        transform: none;
        border-radius: 15px;
        overflow: hidden;
    }

    .top .slick-dots li {
        background-color: #e5e7e7;
        flex: 1px 1 0;
    }

    .top .slick-dots li:first-child {
        margin-left: 0;
    }

    .top .slick-dots li:last-child {
        margin-right: 0;
    }

    .top .slick-dots li button {
        border-radius: 15px;
        width: 100%;
        background-color: #e5e7e7;
    }

    .top .slick-dots li.slick-active {
        width: auto;
    }

    .top .slick-dots li.slick-active button {
        border-radius: 15px;
        width: 100%;
    }

    .main-articles__link {
        font-size: 28px;
        padding: 8px 20px 8px 70px;
    }

    .main-articles__item-title {
        font-size: 24px;
    }

    .popup-dialog:not(.popup-session) {
        width: 90%;
        height: 90%;
        overflow: auto;
    }

    .popup__image {
        margin-bottom: 20px;
    }

    .popup-label {
        margin-bottom: 20px;
    }

    .popup-content {
        padding-bottom: 35px;
    }

    .popup-header {
        padding: 0 15px;
        width: 100%;
        /* max-width: 600px; */
        margin: 0 auto 20px;
    }

    .popup-header h3 {
        margin-bottom: 15px;
    }

    .popup-header button {
        padding: 0;
        position: absolute;
        top: 20px;
        right: 30px;
    }

    .popup-body {
        padding: 0 15px;
        width: 100%;
        /* max-width: 600px; */
        margin: 0 auto;
    }

    .custom-control {
        padding: 0 15px;
    }

    .popup-footer {
        padding: 0 15px;
        width: 100%;
        /* max-width: 600px; */
        margin: 0 auto;
    }

    .popup-description {
        width: 100%;
        /* max-width: 600px; */
        margin: 0 auto;
    }

    .inner-page table {
        margin-bottom: 30px;
    }

    .inner-page table.modif tr {
        display: flex !important;
        flex-wrap: wrap;
    }

    .inner-page table tr:first-child td:first-child {
        width: 100%;
        border-top: 1px solid #272829;
    }

    .inner-page table tr:first-child td:not(:first-child),
    .inner-page table tr:not(:first-child) td {
        width: 50%;
    }

    .inner-page table td {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 15px;
        width: 100%;
        border-top: none;
    }

    .inner-page table td:nth-child(2),
    .inner-page table td:nth-child(3) {
        width: 100%;
    }

    .inner-page table h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .inner-page table h2 span {
        font-size: 30px;
    }

    .inner-page table h3 {
        font-size: 26px;
    }

    .inner-page table img {
        margin-bottom: 20px;
    }

    .inner-page .cards__row {
        margin: 25px 0;
    }

    .inner-page .cards__block {
        margin: 0 auto 20px;
        width: 100%;
        max-width: 700px;
    }

    .inner-page .cards__block-single .cards__item {
        height: 124vw;
    }

    .inner-page .cards__block-row {
        width: 100%;
        max-width: 700px;
    }

    .inner-page .cards__item {
        height: 60.3vw;
    }

    .inner-page .cards__front h3 {
        font-size: 30px;
        padding: 60px 10px 34px;
    }

    .inner-page .cards__back p {
        font-size: 20px;
        margin: 0 0 15px;
    }

    .inner-page .cards__back li {
        font-size: 20px;
    }

    .inner-page .cards__back h3 {
        font-size: 26px;
    }

    .photo-album__images {
        margin: 30px 0 20px;
        width: 100%;
    }

    .photo-album__images a {
        height: 60.2vw;
        max-width: 100%;
        margin: 0 0 20px;
    }

    .photo-album__images a:first-child {
        max-width: 100%;
    }

    .banners__item:first-child {
        width: calc(100% - 20px);
    }

    .banner-form-header h3 {
        font-size: 6.2vw;
    }

    .commercial__title {
        font-size: 28px;
        margin: 25px auto;
        padding: 10px 15px;
    }

    .commercial__wrapper img {
        margin-bottom: 10px;
    }

    .commercial__wrapper h3 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .commercial__wrapper p {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .commercial__wrapper_box {
        margin-top: auto;
    }

    .commercial__wrapper span {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .apartment__header {
        font-size: 22px;
    }

    .apartment__block {
        flex-wrap: wrap;
    }

    .apartment__image {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 10px;
    }

    .apartment__info {
        width: 100%;
    }

    .apartment__title {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .apartment__title span {
        margin-left: 15px;
    }

    .apartment__prices {
        margin-bottom: 30px;
        padding-right: 100px;
    }

    .apartment__prices-new {
        font-size: 30px;
    }

    .apartment__prices-old {
        font-size: 26px;
    }

    .apartment__mortgage {
        padding: 5px 10px;
        margin-bottom: 20px;
        font-size: 26px;
    }

    .apartment__mortgage span {
        font-size: 20px;
    }

    .apartment__details li {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .apartment__download {
        padding: 15px 10px;
        margin-bottom: 10px;
        font-size: 26px;
    }

    a.apartment__popup {
        padding: 15px 10px;
        margin-bottom: 10px;
        font-size: 26px;
    }

    .contacts__wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .contacts__block {
        position: initial;
        width: 100%;
        padding: 15px;
        margin-bottom: 25px;
        margin-right: 0;
    }

    .contacts__item-address:before {
        width: 20px;
        height: 26px;
    }

    .contacts__item-schedule:before {
        width: 22px;
        height: 22px;
    }

    .contacts__item-phone:before {
        width: 22px;
        height: 23px;
    }

    .contacts__links {
        margin-top: 15px;
    }

    .news__descr {
        font-size: 22px;
    }

    .articles__wrapper {
        margin: 20px 0 30px;
        gap: 15px;
        grid-template-columns: 1fr;
    }

    .articles__link {
        font-size: 28px;
        padding: 8px 20px 8px 70px;
    }

    .articles__labels {
        top: 20px;
    }

    .articles__label {
        font-size: 16px;
    }

    .articles__image {
        min-height: 45vw;
    }

    .articles__image img {
        display: none;
    }

    .articles__image img+img {
        display: block;
    }

    .articles__item-title {
        font-size: 6vw;
    }

    .articles__item-descr {
        font-size: 14px;
    }

    .articles__item-link {
        display: none;
    }

    .articles__text {
        width: 100%;
        height: auto;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(39, 40, 41, 0) 100%);
        padding: 15px;
        padding-top: 80px;
    }

    .articles__item[href="https://жк-белый.рф/"] .articles__text,
    .articles__item[href="https://xn--e1ateh0c.xn--p1ai/?_sp=b57a3883-496d-4588-afa1-a22293cbcd99"] .articles__text {
        background: none !important;
    }
}

@media (max-width: 690px) {
    .title {
        font-size: 62px;
        padding-right: 15px;
    }

    .title::after {
        bottom: 45px;
    }

    .title-storerooms::after {
        bottom: 35px;
    }

    .title-small {
        font-size: 55px;
    }

    .title-small::after {
        bottom: 40px;
    }

    .title+p {
        margin: 20px auto;
    }

    .main-articles__header {
        flex-wrap: wrap;
    }

    .main-articles__link {
        margin: 15px auto 0;
    }

    .main-articles__wrapper {
        width: 100%;
        margin: 25px 0 0;
        justify-content: center;
    }

    .main-articles__item {
        margin: 0 0 30px;
        width: 100%;
        max-width: 564px;
    }

    .main-articles__item-title {
        font-size: 30px;
    }

    .main-articles__image {
        height: 594px;
    }

    .main-articles__image p {
        font-size: 13vw;
    }

    .main-articles__image div {
        font-size: 30px;
    }

    .main-more__wrapper {
        width: 100%;
        margin: 25px 0 0;
        justify-content: center;
    }

    .main-more__item {
        margin: 0 0 30px;
        width: 100%;
        max-width: 564px;
    }

    .main-more__image {
        height: 594px;
    }

    .inner-page .cards__row {
        margin: 20px 0;
    }

    .inner-page .cards__block-single .cards__item {
        height: 132vw;
    }

    .inner-page .cards__item {
        height: 67.3vw;
    }

    .inner-page .cards__front h3 {
        font-size: 4.6vw;
        padding: 40px 10px 15px;
    }

    .inner-page .cards__back p {
        font-size: 3.2vw;
        margin: 0 0 10px;
    }

    .inner-page .cards__back li {
        font-size: 3.2vw;
    }

    .inner-page .cards__back h3 {
        font-size: 4.2vw;
    }

    h3.form__title {
        font-size: 5.5vw;
    }

    .photo-gallery__item {
        margin-bottom: 20px;
    }

    .photo-gallery__image {
        margin-bottom: 10px;
    }

    .photo-gallery__title {
        font-size: 20px;
    }

    .page {
        padding: 20px 0;
    }

    .photo-album__footer {
        margin-top: 20px;
        margin-bottom: 20px;
        /*flex-direction: column;
	  align-items: center; */
    }

    .banners__item {
        width: calc(50% - 20px);
        min-height: 61.4vw;
    }

    .banners__item:first-child {
        width: calc(100% - 20px);
    }

    .banner-form-header p {
        font-size: 22px;
    }

    .faq .title {
        font-size: 62px;
    }

    .faq .title::after {
        bottom: 45px;
    }

    .faq__label {
        font-size: 24px;
    }

    .faq__content,
    .faq__content p {
        font-size: 20px;
    }

    .calculator__descr {
        font-size: 22px;
    }

    .calculator__value {
        font-size: 30px;
        margin-left: 20px;
    }

    .calculator__range-wrapper {
        margin-top: 15px;
    }

    .calculator__result {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .calculator__result p {
        font-size: 22px;
    }

    .calculator__description {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .apartments__wrapper {
        margin: 0;
        flex-direction: column;
        align-items: center;
        padding: 25px 0 20px;
    }

    .apartments-item {
        width: 100%;
        max-width: 504px;
        margin-left: 0;
        margin-right: 0;
    }

    .apartments-item__image {
        height: 226px;
    }

    .news {
        margin-bottom: 20px;
    }

    .news__image {
        margin-bottom: 20px;
    }

    .news__descr {
        font-size: 22px;
    }

    .articles__header {
        flex-wrap: wrap;
    }

    .articles__link {
        margin: 15px auto 0;
        width: 100%;
        text-align: center;
        padding-left: 60px;
    }

    .articles__label {
        padding: 5px 15px;
    }

    .success__logo {
        margin: 10px auto 20px;
        width: 250px;
        height: 74px;
    }

    .success__descr {
        font-size: 24px;
        padding-bottom: 12px;
    }

    .success__descr::after {
        width: 360px;
    }

    .success__links {
        margin-top: 20px;
    }

    .success__links a {
        width: 45px;
        height: 45px;
        margin: 0 5px 5px;
    }
}

@media (max-width: 630px) {
    .apartments__header {
        padding: 0 15px 20px;
        margin-top: -50px;
    }

    .apartments__checkboxes {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .apartments__houses {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .apartments__prices {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .apartments__floors {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .apartments__areas {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .apartments__submit {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .apartments__reset {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 18px;
    }

    .apartments {
        margin-top: 70px;
    }

    .qauntity_info {
        left: 15px;
        bottom: 101%;
        width: calc(100% - 30px);
        /*flex-direction: column;*/
    }

    .apartments__chosen,
    .flats__found {
        top: auto;
        transform: none;
        padding: 10px 12px;
        font-size: 18px;
    }
}

@media (max-width: 590px) {
    .title {
        font-size: 50px;
        margin-bottom: 30px;
    }

    .title::after {
        bottom: 34px;
    }

    .title-storerooms::after {
        bottom: 27px;
    }

    .btn {
        font-size: 20px;
    }

    .main-articles__item {
        margin-bottom: 20px;
    }

    .main-articles__item-title {
        font-size: 28px;
    }

    .main-articles__image {
        height: 100.5vw;
    }

    .main-more__item {
        margin-bottom: 20px;
    }

    .main-more__item-title {
        font-size: 22px;
        padding: 10px;
    }

    .main-more__image {
        height: 100.5vw;
    }

    .popup__image {
        margin-bottom: 20px;
    }

    .popup-label {
        margin-bottom: 20px;
    }

    .popup-content {
        padding-bottom: 35px;
    }

    .popup-header {
        margin-bottom: 10px;
    }

    .popup-header h3 {
        font-size: 34px;
        margin-bottom: 10px;
    }

    .popup-header p {
        font-size: 22px;
    }

    .popup-body .form-control {
        font-size: 22px;
        padding: 15px 25px;
        margin-top: 8px;
    }

    .popup-body .form-control::-moz-placeholder {
        font-size: 22px;
    }

    .popup-body .form-control::placeholder {
        font-size: 22px;
    }

    .popup-body textarea.form-control {
        height: 150px;
    }

    .btn-popup {
        padding: 12px 20px 12px;
        font-size: 26px;
    }

    .btn-form {
        padding: 6px 10px;
        font-size: 26px;
    }

    .form-group {
        margin-bottom: 0;
    }

    .form-group textarea.form-control {
        height: 150px;
        margin-bottom: 15px;
    }

    p.form-description {
        font-size: 18px;
    }

    .photo-gallery__wrapper {
        margin: 20px 0px 0;
        flex-direction: column;
        align-items: center;
    }

    .photo-gallery__item {
        width: 100%;
        max-width: 425px;
        margin: 0 0 20px;
    }

    .photo-gallery__image {
        height: 275px;
    }

    .photo-gallery__title {
        font-size: 25px;
    }

    .banners__wrapper {
        margin: 20px -5px;
    }

    .banner-form {
        flex-direction: column;
        align-items: center;
    }

    .banner-form-header {
        width: 100%;
        margin-bottom: 15px;
    }

    .banner-form-content {
        max-width: 100%;
    }

    .faq .title {
        font-size: 54px;
    }

    .faq .title::after {
        bottom: 38px;
    }

    .faq__content,
    .faq__content p {
        font-size: 20px;
    }

    .commercial__title {
        font-size: 24px;
    }

    .commercial__wrapper {
        flex-direction: column;
        align-items: center;
        margin: 20px 0;
    }

    .commercial__wrapper li {
        margin: 0 0 30px;
        width: 100%;
        max-width: 504px;
    }

    .commercial__wrapper img {
        height: 303px;
    }

    .commercial__wrapper h3 {
        font-size: 36px;
    }

    .commercial__wrapper p {
        font-size: 28px;
    }

    .commercial__wrapper span {
        font-size: 28px;
    }

    .form-header p {
        font-size: 20px;
    }

    .articles__labels {
        left: 15px;
        max-width: 95%;
    }

    .articles__item-descr {
        font-size: 14px;
    }
}

@media (max-width: 520px) {
    .title {
        font-size: 42px;
        margin-bottom: 20px;
    }

    .title::after {
        bottom: 30px;
        height: 10px;
    }

    .title-storerooms::after {
        bottom: 23px;
    }

    .title h1,
    .title h2 {
        padding-right: 20px;
    }

    .map .subtitle {
        margin-bottom: 20px;
    }

    .main-text {
        padding: 30px 0;
    }

    .main-text h2 {
        margin-bottom: 24px;
    }

    .main-text h3 {
        font-size: 18px;
    }

    .main-text .faq__item {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #d3d3d3;
    }

    .main-text p {
        font: 400 16px / 1.3 "Gilroy", sans-serif !important;
    }

    .main-text .faq__item-link {
        font: 400 16px / 1.3 "Gilroy", sans-serif !important;
    }
    
    .main-text .faq__content {
        gap: 10px;
    }

    .main-text ul:not([class]) {
        gap: 10px;
    }

    .main-text li:not([class]) {
        padding-left: 24px;
        font: 400 16px / 1.3 "Gilroy", sans-serif;
    }

    .main-text li:not([class])::before {
        width: 16px;
        height: 16px;
    }

    .popup__image {
        margin-bottom: 15px;
    }

    .popup-label {
        margin-bottom: 15px;
    }

    .popup-content {
        padding-bottom: 25px;
    }

    .popup-header h3 {
        font-size: 30px;
    }

    .popup-header p {
        font-size: 20px;
    }

    .popup-header button {
        top: 15px;
        right: 15px;
    }

    .popup-body .form-control {
        font-size: 20px;
        padding: 12px 15px;
        margin-top: 5px;
    }

    .popup-body .form-control::-moz-placeholder {
        font-size: 20px;
    }

    .popup-body .form-control::placeholder {
        font-size: 20px;
    }

    .btn-popup {
        padding: 9px 15px;
        font-size: 24px;
    }

    h3.form__title::before,
    h3.form__title::after {
        height: 8px;
    }

    .faq .title {
        font-size: 42px;
    }

    .faq .title::after {
        bottom: 30px;
        height: 10px;
    }

    .faq__list {
        margin-top: 20px;
    }

    .faq__item {
        margin-bottom: 5px;
    }

    .faq__item.faq__active .faq__inner {
        margin-top: 0;
    }

    .faq__label {
        font-size: 20px;
        padding: 12px 35px 12px 0;
        min-height: 0;
    }

    .faq__label:before {
        width: 20px;
    }

    .faq__label::after {
        width: 20px;
    }

    .faq__content {
        margin-bottom: 10px;
        padding-left: 10px;
        padding-right: 0;
    }

    .faq__content,
    .faq__content p {
        font-size: 18px;
    }

    .faq__content p {
        margin-bottom: 15px;
    }

    .banner-form-header p {
        font-size: 22px;
    }

    .commercial__title {
        font-size: 24px;
    }

    .commercial__wrapper img {
        height: 56.8vw;
    }

    .commercial__wrapper h3 {
        font-size: 32px;
    }

    .commercial__wrapper p {
        font-size: 24px;
    }

    .commercial__wrapper span {
        font-size: 24px;
    }

    .calculator {
        width: calc(100% - 20px);
        margin: 20px auto 0;
    }

    .calculator__item {
        margin-bottom: 20px;
    }

    .calculator__descr {
        font-size: 20px;
    }

    .calculator__value {
        font-size: 26px;
        margin-left: 15px;
    }

    .calculator__range-wrapper {
        margin-top: 15px;
    }

    .calculator__result {
        margin-top: 15px;
        margin-bottom: 15px;
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
    }

    .calculator__result p {
        font-size: 20px;
    }

    .calculator__description {
        font-size: 20px;
        margin-bottom: 30px;
        width: calc(100% + 20px);
        margin-left: -10px;
        margin-right: -10px;
    }

    .ui-slider.ui-slider-horizontal {
        height: 8px;
    }

    .ui-slider .ui-slider-handle {
        width: 30px;
        height: 18px;
        border-radius: 10px;
        transform: scale(1) translateX(-15%);
    }

    .ui-slider .ui-slider-handle:focus {
        transform: scale(1.1) translateX(-15%);
    }

    .ui-slider .ui-slider-handle:hover {
        transform: scale(1.1) translateX(-15%);
    }

    .ui-slider .ui-slider-range {
        height: 8px;
    }

    .ui-slider-horizontal .ui-slider-handle {
        top: -5px;
    }

    .apartments-item__image {
        height: 44.5vw;
    }

    .apartment__header {
        font-size: 20px;
    }

    .apartment__header h1 a {
        margin-bottom: 10px;
    }

    .apartment__header span {
        margin-bottom: 10px;
    }

    .apartment__block {
        margin: 20px 0 30px;
    }

    .apartment__title {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .apartment__title span {
        margin-left: 10px;
    }

    .apartment__prices {
        margin-bottom: 20px;
        padding-right: 80px;
    }

    .apartment__prices-new {
        font-size: 26px;
    }

    .apartment__prices-old {
        font-size: 20px;
    }

    .apartment__discount {
        width: 70px;
        height: 70px;
        padding: 18px 1px;
        font-size: 12px;
        border-width: 2px;
    }

    .apartment__discount span {
        font-size: 20px;
    }

    .apartment__discount span+span {
        font-size: 20px;
    }

    .apartment__mortgage {
        font-size: 22px;
    }

    .apartment__mortgage span {
        font-size: 18px;
    }

    .apartment__details {
        margin-bottom: 15px !important;
    }

    .apartment__details li {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .apartment__download {
        padding: 12px 10px;
        font-size: 22px;
    }

    a.apartment__popup {
        padding: 12px 10px;
        font-size: 22px;
    }

    .apartment__subtitle {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .news__item {
        margin-bottom: 25px !important;
    }

    .articles__item {
        margin-bottom: 20px;
    }

    .articles__item-title {
        font-size: 26px;
    }

    .articles__item-descr {
        font-size: 14px;
        margin-bottom: 0;
    }

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

    .articles__text {
        padding: 60px 15px 15px;
    }

    .success__logo {
        width: 195px;
        height: 58px;
    }

    .success__subtitle {
        font-size: 20px;
    }

    .success__descr {
        font-size: 20px;
        padding-bottom: 10px;
    }

    .success__descr::after {
        width: 280px;
    }

    .success__links {
        margin-top: 20px;
    }

    .success__links a {
        width: 40px;
        height: 40px;
        margin: 0 5px 5px;
    }

    .photo-album__pagination a {
        font-size: 22px;
    }
}

@media (max-width: 460px) {
    header.header {
        height: 80px;
    }
    .header__cities--mobile {
        margin-top: 80px;
        margin-bottom: 15px;
    }

    .title {
        font-size: 38px;
    }

    .title::after {
        bottom: 26px;
    }

    .title-storerooms::after {
        bottom: 21px;
    }

    .title+p {
        font-size: 18px;
    }

    .header__wrapper {
        margin-top: 20px;
    }

    .header .logo img {
        width: 125px;
        height: auto;
    }

    .header .phone-item {
        font-size: 14px;
    }

    .main-articles__labels {
        top: 10px;
        left: 10px;
    }

    .main-articles__item-title {
        font-size: 24px;
    }

    .main-articles__item-link {
        max-width: 88px;
        padding: 10px 15px 10px 24px;
        background-position: 8px center;
    }

    .main-articles__image div {
        font-size: 24px;
    }

    .main-more__item-title {
        padding: 10px 5px;
    }

    .btn {
        padding: 12px 15px;
    }

    .btn-contacts,
    .news__show-more {
        font-size: 22px;
        padding: 5px 10px;
    }

    .main-text {
        padding: 20px 0;
    }

    .popup-header h3 {
        font-size: 26px;
    }

    .popup-header p {
        font-size: 16px;
    }

    .popup-label {
        margin-bottom: 10px;
    }

    .popup-body .form-control {
        font-size: 18px;
        padding: 10px 15px;
    }

    .popup-body .form-control::-moz-placeholder {
        font-size: 18px;
    }

    .popup-body .form-control::placeholder {
        font-size: 18px;
    }

    .popup-body textarea.form-control {
        height: 120px;
        margin-bottom: 10px;
    }

    .popup-description {
        font-size: 16px;
    }

    .custom-control-label {
        font-size: 16px;
    }

    .btn-popup {
        padding: 7px 12px;
        font-size: 22px;
        margin-top: 5px;
    }

    .btn-form {
        padding: 9px;
        font-size: 22px;
    }

    .inner-page p {
        font-size: 18px;
    }

    .inner-page ul {
        margin-bottom: 20px;
    }

    .inner-page li {
        padding-left: 15px;
    }

    .inner-page li::before {
        left: 2px;
        width: 5px;
        height: 5px;
    }

    .inner-page .cards__row {
        margin: 15px 0;
    }

    .inner-page .cards__item {
        height: 69vw;
    }

    .inner-page .cards__item+.cards__item {
        margin-top: 15px;
    }

    .inner-page .cards__front h3 {
        font-size: 5vw;
    }

    .inner-page .cards__back {
        padding: 10px;
    }

    .inner-page .cards__back p {
        font-size: 3.6vw;
    }

    .inner-page .cards__back li {
        font-size: 3.6vw;
    }

    .inner-page .cards__back h3 {
        font-size: 4.6vw;
    }

    .form-group .form-control {
        padding: 12px 10px;
        font-size: 18px;
    }

    .form-group .form-control::-moz-placeholder {
        font-size: 18px;
    }

    .form-group .form-control::placeholder {
        font-size: 18px;
    }

    .form-group textarea.form-control {
        height: 120px;
        margin-bottom: 10px;
    }

    p.form-description {
        font-size: 16px;
    }

    .page {
        padding: 15px 0;
    }

    .photo-gallery__image {
        height: 60vw;
    }

    .photo-gallery__title {
        font-size: 22px;
    }

    .banners__wrapper {
        margin: 15px 0;
    }

    .banners__item {
        width: 100%;
        max-width: 328px;
        min-height: 434px;
        margin: 0 auto 20px !important;
    }

    .banners__item img {
        object-fit: contain;
    }

    .banners__item:first-child {
        width: 100%;
    }

    .banner-form {
        padding: 20px 10px;
    }

    .banner-form-header h3 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .banner-form-header p {
        font-size: 20px;
    }

    .banner-form-description {
        margin-top: 0;
    }

    .banner-form-body .form-control {
        margin-bottom: 8px;
    }

    .faq .title {
        font-size: 38px;
    }

    .faq .title::after {
        bottom: 26px;
    }

    .faq__content,
    .faq__content p {
        font-size: 18px;
    }

    .commercial__title {
        font-size: 22px;
    }

    .commercial__wrapper h3 {
        font-size: 30px;
    }

    .commercial__wrapper p {
        font-size: 22px;
    }

    .commercial__wrapper span {
        font-size: 22px;
    }

    .calculator__descr {
        font-size: 18px;
    }

    .calculator__value {
        font-size: 24px;
        margin-left: 12px;
    }

    .calculator__result p {
        font-size: 18px;
    }

    .calculator__description {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .news {
        margin-bottom: 15px;
    }

    .news__text {
        padding: 20px 15px;
    }

    .news__image {
        margin-bottom: 15px;
    }

    .news__title {
        font-size: 22px;
        margin-bottom: 10px;
    }

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

@media (max-width: 427px) {
    .qauntity_info {
        left: 15px;
        width: calc(100% - 30px);

    }

    .apartments__chosen,
    .flats__found {
        width: 50%;

    }

    .flats__found {
        margin-right: 5px;
    }
}

@media (max-width: 420px) {  
    .header-menu__link {
        padding: 0;
    }

    .title {
        font-size: 32px;
    }

    .title::after {
        bottom: 23px;
        height: 8px;
    }

    .title-storerooms::after {
        bottom: 19px;
    }

    .title+p {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .subtitle {
        font-size: 26px;
    }

    .inner-page table td {
        padding: 15px 10px;
    }

    .inner-page table h2 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .inner-page table h2 span {
        font-size: 26px;
    }

    .inner-page table h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .inner-page table span {
        font-size: 20px;
    }

    .inner-page table p {
        font-size: 20px;
    }

    .inner-page .cards__row {
        margin: 10px 0;
    }

    .inner-page .cards__back li::before {
        width: 3px;
        height: 3px;
        bottom: 2px;
    }

    h3.form__title {
        font-size: 24px;
        padding: 0 5px;
    }

    .photo-album__images {
        margin: 20px 0;
    }

    .photo-album__images a {
        margin: 0 0 15px;
    }

    /*   .photo-album__pagination a {
	  min-width: 115px;
	  padding: 4px 10px 4px 30px;
	  font-size: 22px;
	}
	.photo-album__pagination a::before {
	  left: 10px;
	}
	.photo-album__pagination a + a {
	  padding: 4px 30px 4px 10px;
	}
	.photo-album__pagination a + a::before {
	  right: 10px;
	} */
    .photo-album__back {
        padding: 4px 15px;
        min-width: 280px;
        font-size: 20px;
    }

    .faq .title {
        font-size: 32px;
    }

    .faq .title::after {
        bottom: 23px;
        height: 8px;
    }

    .faq__list {
        margin-top: 10px;
    }

    .commercial__title {
        margin: 20px 0;
    }

    .commercial__wrapper h3 {
        font-size: 28px;
        padding: 0;
    }

    .commercial__wrapper p {
        font-size: 20px;
        padding: 0;
    }

    .commercial__wrapper span {
        font-size: 20px;
        padding: 0;
    }

    .commercial__wrapper a {
        padding: 8px 10px;
        font-size: 20px;
    }

    .calculator__item {
        flex-direction: column;
        align-items: center;
    }

    .calculator__value {
        margin-left: 0;
        margin-top: 5px;
    }

    .calculator__result {
        margin-bottom: 10px;
    }

    .calculator__result-item {
        flex-direction: column;
        align-items: center;
        margin-bottom: 15px;
    }

    .apartments__checkboxes {
        margin-bottom: 10px;
    }

    .apartments__prices {
        margin-bottom: 10px;
    }

    .apartments__prices input {
        width: 90px;
    }

    .apartments__floors {
        margin-bottom: 10px;
    }

    .apartments__floors input {
        width: 30px;
    }

    .apartments__areas {
        margin-bottom: 10px;
    }

    .apartments__areas input {
        width: 35px;
    }

    .apartments-item {
        padding: 15px 10px 5px;
        margin-bottom: 20px;
    }

    .apartments-item__discount {
        width: 65px;
        height: 65px;
        font-size: 12px;
        border-width: 2px;
        padding: 20px 1px;
        top: 15px;
        right: 15px;
    }

    .apartments-item__discount span {
        font-size: 16px;
    }

    .apartments-item__discount span+span {
        font-size: 16px;
    }

    .apartments-item__header {
        /* padding-right: 70px; */
        padding-right: 125px;
        min-height: 60px;
    }

    .apartments-item__image {
        margin-bottom: 15px;
    }

    .apartments-item__prices-new {
        font-size: 26px;
    }

    .apartments-item__prices-old {
        font-size: 16px;
    }

    .apartments-item__mortgage {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .apartments-item__details span {
        border-radius: 8px;
        font-size: 16px;
    }

    .apartment__header h1 a {
        padding: 10px 12px;
    }

    .apartment__header span {
        padding: 10px 12px;
    }

    .news__text {
        padding: 15px 10px;
    }

    .news__item {
        margin-bottom: 20px !important;
    }

    .articles__wrapper {
        margin: 20px 0 25px;
    }

    .articles__labels {
        top: 15px;
    }

    .articles__label {
        font-size: 14px;
        padding: 5px 10px;
        margin-right: 5px;
    }

    .articles__item-title {
        font-size: 24px;
    }

    .articles__item-descr {
        font-size: 14px;
    }

    .success__title {
        font-size: 26px;
    }

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

@media (max-width: 390px) {
    .title {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .title::after {
        bottom: 21px;
        height: 6px;
    }

    .title-storerooms::after {
        bottom: 16px;
    }

    .title h1,
    .title h2 {
        padding-right: 15px;
    }

    .header__cities {
        margin-left: 22px;
    }

    .header .logo img {
        width: 115px;
    }

    .main-articles__link {
        font-size: 22px;
        background-size: 32px 32px;
        padding-left: 50px;
        background-position: 10px center;
    }

    .main-articles__label {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .main-articles__item-title {
        font-size: 20px;
    }

    .main-more__item {
        margin-bottom: 15px;
    }

    .main-more__item-title {
        font-size: 20px;
    }


    .main-text h2 {
        margin-bottom: 22px;
    }

    .main-text h3 {
        font-size: 14px;
    }

    .main-text p {
        font: 400 12px / 1.3 "Gilroy", sans-serif !important;
    }

    .main-text .faq__item-link {
        font: 400 12px / 1.3 "Gilroy", sans-serif !important;
    }

    .main-text li:not([class]) {
        padding-left: 18px;
        font: 400 12px / 1.3 "Gilroy", sans-serif;
    }

    .main-text li:not([class])::before {
        width: 14px;
        height: 14px;
    }

    .main-image {
        margin: 10px auto;
    }

    .popup-header {
        padding: 0 10px;
    }

    .popup-header h3 {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .popup-body {
        padding: 0 10px;
    }

    .popup-footer {
        padding: 0 10px;
    }

    .popup-description {
        font-size: 14px;
    }

    .custom-control-label {
        font-size: 13px;
    }

    .btn-form {
        padding: 7px;
    }

    .btn-banner {
        font-size: 20px;
    }

    .form-group .form-control {
        padding: 10px;
    }

    p.form-description {
        font-size: 14px;
    }

    .page {
        padding: 10px 0;
    }

    .photo-gallery__title {
        font-size: 20px;
    }

    .faq .title {
        font-size: 28px;
    }

    .faq .title::after {
        bottom: 21px;
        height: 6px;
    }

    .faq__label {
        font-size: 18px;
    }

    .faq__content,
    .faq__content p {
        font-size: 16px;
    }

    .contacts__block {
        margin-bottom: 20px;
        padding: 15px 10px;
        border-width: 1px;
    }

    .contacts__block h3 {
        font-size: 22px;
    }

    .contacts__item {
        font-size: 18px;
    }

    .articles__wrapper {
        margin: 15px 0 20px;
        gap: 10px;
    }

    .articles__link {
        font-size: 22px;
    }

    .articles__link span::before {
        background-size: 32px 32px;
    }
}

@media (max-width: 380px) {
    .header .logo img {
        width: 105px;
        height: auto;
    }
    .header-menu__btn {
        width: 30px;
        height: 50px;
    }
}

@media (max-width: 360px) {
    .banners__item {
        min-height: 120vw;
    }

    .banner-form-header h3 {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .banner-form-description {
        font-size: 14px !important;
    }

    .commercial__wrapper h3 {
        font-size: 26px;
    }

    .commercial__wrapper p {
        font-size: 20px;
    }

    .commercial__wrapper span {
        font-size: 20px;
    }

    .commercial__wrapper a {
        font-size: 20px;
    }

    .apartments-item__header p {
        font-size: 16px;
    }

    .apartments-item__header span {
        font-size: 16px;
    }

    .apartments-item__image {
        margin-bottom: 12px;
    }

    .apartments-item__prices-new {
        font-size: 22px;
    }

    .apartments-item__prices-old {
        font-size: 15px;
    }

    .apartments-item__mortgage {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .apartments-item__details span {
        padding: 5px 8px;
        font-size: 14px;
    }

    .apartment__title {
        font-size: 26px;
    }

    .apartment__prices-new {
        font-size: 24px;
    }

    a.apartment__popup {
        font-size: 20px;
    }

    .apartment__download {
        font-size: 20px;
    }

    .articles__item-title {
        font-size: 20px;
    }

    .articles__item-descr {
        font-size: 14px;
    }
}
@media (max-width: 340px) {
    .header .phone-item {
        font-size: 12px;
    }
}

@media (max-height: 1060px) {
    .popup-dialog:not(.popup-session) {
        top: 30px;
        transform: translate(-50%, 0) !important;
    }
}





.tekst__link {
    font-family: 'Century Gothic', sans-serif;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #27814e;
    border-radius: 5px;
    border: 1px solid transparent;
    padding: 12px 18px 13px;
    margin-left: 20px;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

.tekst__link:hover {
    color: #27814e;
    background-color: #fff;
    border-color: #27814e;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}





.cards__body {
    position: relative;
}

.cards__inner {}

.cards__cardss {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -30px;
    /* margin-top: -20px; */
}

.cards__itemm {
    display: flex;
    /* padding: 0 10px; */
    /* padding-top: 20px; */
    margin: 0 30px 40px;
    width: 100%;
    max-width: calc(33.3% - 60px);
}

.cards__elem {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* max-width: 285px; */
}

.cards__image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 270px;
    padding: 10px 9px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    gap: 4px;
}

.cards__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
}

.cards__image p {
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    padding: 5px 12px;
    background-color: #f1f1f1;
    line-height: 1.1;
    position: relative;
    z-index: 1;
}
.cards__image span {
    flex-shrink: 0;
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #f1f1f1;
    line-height: 1.1;
    padding: 5px 8px;
    background-color: #f87c01;
    position: relative;
    z-index: 1;
}
 
.cards__elem[data-house="306593"] .cards__image span {
    display: none !important;
}

.cards__content {
    padding: 11px 10px 12px;
    background-color: #f1f1f1;
}

.cards__title {
    font-family: "Century Gothic Bold", sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #000000;
    position: relative;
    padding-left: 25px;
    margin-bottom: 13px;
    padding-bottom: 14px;
    border-bottom: 1px solid #d2d2d2;
}

.cards__title::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #27814e;
}

.cards__char {
    display: inline-block;
    font-family: "Century Gothic Bold", sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #000000;
    position: relative;
    padding-right: 27px;
    padding-left: 5px;
    cursor: pointer;
}

.cards__char::after {
    content: '';
    position: absolute;
    top: 60%;
    right: 0;
    transform: translateY(-50%) rotate(180deg);
    width: 15px;
    height: 15px;
    background-image: url("/assets/shared/img/icons/cards-arrow.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform .3s ease;
}

.cards__char.active+.cards__char-list {
    margin-top: 35px;
    max-height: 1000px;
}

.cards__char.active::after {
    transform: translateY(-50%);
    transition: transform .3s ease;
}

.cards__char-list {
    max-height: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 36px;
    overflow: hidden;
}

.cards__char-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    border-bottom: 1px solid #d2d2d2;
    margin-top: 10px !important;
    padding: 0 0 5px !important;
    margin-bottom: 0 !important;
}

.cards__char-item:first-child {
    margin-top: 0 !important;
}

.cards__char-item span {
    font-family: "Century Gothic Bold", sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    color: #000000;
    width: 50%;
}

.cards__link {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    color: #fff !important;
    padding: 10px;
    min-height: 59px;
    width: 100%;
    background-color: #27814e;
    transition: color .3s ease, background-color .3s ease;
    border: 1px solid #27814e;
    border-radius: 0;
}

.cards__link:hover {
    background-color: #fff;
    color: #27814e !important;
    transition: color .3s ease, background-color .3s ease;
}

.cards__loc {
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 5px;
}

.cards__room {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 5px;
}

.cards__price {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 5px;
}

.cards__box {
    padding-left: 12px;
    padding-right: 12px;

    margin-top: auto;
}

.cards__box-color {
    color: #649cbe;
}


@media (max-width: 1260px) {
    .cards__cardss {
        margin: 0 -10px;
    }

    .cards__itemm {
        margin: 0 10px 40px;
        max-width: calc(33.3% - 20px);
    }

    .cards__image {
        height: 22.9vw;
    }

    .cards__content {
        padding: 10px 8px;
    }

    .cards__title {
        font-size: 26px;
        padding-left: 20px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .cards__title::before {
        top: 10px;
    }

    .cards__link {
        min-height: 50px;
    }
}

@media (max-width: 1090px) {
    .cards__cardss {
        margin: 0 -5px;
    }

    .cards__itemm {
        margin: 0 5px 40px;
        max-width: calc(33.3% - 10px);
    }

    .cards__image p {
        font-size: 16px;
        padding: 5px 8px;
    }
    .cards__image span {
        font-size: 16px;
        padding: 5px;
    }
}

@media (max-width: 790px) {
    .cards__itemm {
        max-width: calc(50% - 10px);
    }

    .cards__image {
        height: 35vw;
    }
}

@media (max-width: 520px) {
    .cards__cardss {
        margin: 0;
    }

    .cards__itemm {
        margin: 0 0 40px;
        max-width: 100%;
    }

    .cards__image {
        height: 70vw;
    }
}

@media (max-width: 490px) {
    .cards__title {
        font-size: 22px;
        padding-left: 24px;
    }

    .cards__title::before {
        top: 8px;
    }

    .cards__char-item {
        font-size: 14px;
    }

    .cards__char-item span {
        font-size: 16px;
    }

    .cards__link {
        font-size: 20px;
        padding: 5px 10px;
        min-height: 40px;
    }
}



.premises__body {
    display: flex;
    position: relative;
    height: 400px;
}

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

.premises__body .articles__text {
    justify-content: center;
    padding-left: 30px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-right: 5%;
    width: 65%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(39, 40, 41, 0.4) 70%, rgba(39, 40, 41, 0) 100%);
}

.premises__body .articles__item-descr {
    font-size: 20px;
    font-weight: 700;
}

.premises__body .articles__item-descr p {
    color: #fff !important;
}

.premises__body .articles__item-descr p+p {
    margin-top: 20px;
}

@media (max-width: 1460px) {
    .premises__body .articles__item-title {
        font-size: 50px;
    }
}

@media (max-width: 1240px) {
    .premises__body .articles__item-title {
        font-size: 4.5vw;
    }
}

@media (max-width: 850px) {
    .premises__body .articles__text {
        text-align: left;
    }
}

@media (max-width: 790px) {
    .premises__body .articles__text {
        height: 100%;
    }
}

@media (max-width: 690px) {
    .premises__body .articles__text {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 590px) {
    .premises__body .articles__item-title {
        font-size: 5.2vw;
    }

    .premises__body .articles__item-descr {
        font-size: 3.1vw;
    }

    .premises__body .articles__item-descr p {
        font-size: 3.1vw;
    }
}

@media (max-width: 420px) {
    .premises__body .articles__item-title {
        font-size: 6vw;
    }

    .premises__body .articles__item-descr {
        font-size: 4vw;
    }

    .premises__body .articles__item-descr p {
        font-size: 4vw;
    }
}

.premises__image {
    flex: 0 1 740px;
    margin-right: 40px;
}

.premises__image_m {
    flex: 0 1 auto;
    margin-right: 40px;
}

.premises__image img {
    max-width: 100%;
}

.premises__box {}

.premises__text {
    margin-bottom: 25px;
}

.premises__line {
    width: 100%;
    height: 1px;
    background-color: #9ca89d;
    margin-bottom: 25px;
}

.premises__name {
    margin-bottom: 25px;
}

.premises__name span {
    color: #649cbe;
}

.premises__button {
    margin-bottom: 25px;
}

.premises__button a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 62px;
    line-height: 62px;
    padding-left: 36px;
    padding-right: 36px;
    border-radius: 2px;
    background-color: #e02030;
    box-shadow: 0 1px 0 0 #9c5c00;
    border: none;
    font-size: 30px;
    color: #fff;
    text-align: center;
    transition: all 0.3s ease 0s;
    cursor: pointer;
    white-space: nowrap;
}

.premises__button a:hover {
    background-color: #c01a28;
}

.premises__button a img {
    margin-right: 10px;
}

.premises__phone {
    font-size: 36px;
    margin-bottom: 25px;
}

.premises__block p span {
    font-size: 36px;
}

.premises__phone a {
    color: #000;
    text-decoration: none;
}

.premises__phone a:hover {
    text-decoration: underline;
}

.premises__callback a {
    color: #fff !important;
}

.panel {
    display: none;
}

.active-content {
    display: block;
}

@media (max-width: 850px) {
    .premises__body {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .premises__image {
        flex: 0 1 auto;
        margin-right: 0px;
        margin-bottom: 40px;
    }
}

@media (max-width: 600px) {
    .premises__button button {
        font-size: 24px;

        padding-left: 20px;
        padding-right: 20px;
    }
}

.toggle td {
    padding: 2% 0% !important;
}


.inner-page table tbody tr:hover {
    background-color: #f0f0f0;
}

.inner-page .modif tbody tr:hover {
    background-color: #fff !important;
}

/* .inner-page table td:nth-child(2),
.inner-page table td:nth-child(3) {
    width: auto !important;
} */

.inner-page table td {
    border: none;
    border-top: 1px solid #d2d2d2;
}

.inner-page .modif td {
    border: 1px solid #272829;
}

.inner-page .modif tr:first-child td:nth-child(even) {
    border-right: none;
}

.inner-page .modif tr:not(:first-child) td:nth-child(odd) {
    border-right: none;
}

@media (max-width: 790px) {
    .inner-page .modif td {
        border-top: none;
    }

    .inner-page table tr {
        display: table-row !important;
        text-align: center !important;
    }

    .inner-page table tr th {
        padding: 0 10px;
    }

    .inner-page table td {
        display: table-cell !important;
        text-align: center !important;
        /* width: auto !important; */
    }
}

html {
    scroll-behavior: smooth;
}

ymaps a:hover {
    color: #fa2f40;
}

.apartments__slider {
    display: block !important;
}

.apartments__slider .slick-track {
    display: flex;
}

.apartments__slider .apartments-item {
    border: 1px solid #272829;
    height: auto;
}

.apartments__slider .slick-prev {
    left: -25px;
    width: 22px;
    height: 40px;
    background-image: url("/assets/shared/img/icons/apartments-prev.svg");
    background-size: contain;
    background-position: center;
}

.apartments__slider .slick-next {
    right: -25px;
    width: 22px;
    height: 40px;
    background-image: url("/assets/shared/img/icons/apartments-next.svg");
    background-size: contain;
    background-position: center;
}

@media (max-width: 1320px) {
    .apartments__slider {
        padding-left: 25px;
        padding-right: 25px;
    }

    .apartments__slider .slick-prev {
        left: 0;
    }

    .apartments__slider .slick-next {
        right: 0;
    }
}

@media (max-width: 690px) {
    .apartments__slider {
        padding-left: 13px;
        padding-right: 13px;
    }

    .apartments__slider .apartments-item {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .apartments__slider .slick-prev {
        left: -12px;
    }

    .apartments__slider .slick-next {
        right: -12px;
    }
}

.available-rooms .panel td,
.available-rooms .toggle.is-active {
    background-color: #f1f1f1;
}

.available-rooms .toggle {
    cursor: pointer;
}


.available-rooms .toggle.is-active+.panel {
    display: table-row;
}

.available-rooms {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 40px -10px;
}

.available-room {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(20% - 20px);
    margin: 0 10px 20px;
    padding: 15px 10px;
    border: 1px solid #27814e;
}

.available-room__photo {
    flex: 1 1 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-height: 243px;
    margin-bottom: 10px;
}

.available-room__photo img {
    max-height: 100%;
    object-fit: contain;
}

.available-room__title {
    color: #000000;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 600;
    margin-bottom: 10px;
}

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

.available-room__data span {
    color: #000000;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 600;
}

.available-room__feedback-button {
    display: block;
    width: 100%;
    padding: 10px;
    margin-top: auto;
    border: 1px solid transparent !important;
    background-color: #27814e;
    border: none;
    font-size: 16px;
    color: #fff !important;
    text-align: center;
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.available-room__feedback-button:hover {
    background-color: #fff;
    color: #27814e !important;
    border-color: #27814e !important;
    transition: all 0.3s ease 0s;
}

@media (max-width: 1230px) {
    .available-rooms {
        margin: 30px -5px;
    }

    .available-room {
        width: calc(20% - 10px);
        margin: 0 5px 15px;
        padding: 10px;
    }
}

@media (max-width: 1080px) {
    .available-room {
        width: calc(25% - 10px);
    }
}

@media (max-width: 890px) {
    .available-room {
        width: calc(33.3% - 10px);
    }
}

@media (max-width: 620px) {
    .available-room {
        width: calc(50% - 10px);
    }

    .available-room__title {
        font-size: 16px;
    }
}

@media (max-width: 520px) {
    .available-rooms {
        margin: 20px -5px;
    }

    .available-room {
        margin: 0 5px 15px;
        padding: 10px 5px;
    }

    .available-room__photo {
        max-height: 165px;
    }

    .available-room__data {
        margin-bottom: 15px;
    }

    .available-room__data span {
        font-size: 14px;
    }

    .available-room__feedback-button {
        font-size: 14px;
        padding: 8px 5px;
    }
}

@media (max-width: 790px) {
    .inner-page table tr.panel {
        display: none !important;
    }

    .available-rooms .toggle.is-active+.panel {
        display: table-row !important;
    }
}

@media (max-width: 440px) {
    .premises__button a {
        font-size: 24px;
        padding-left: 15px;
        padding-right: 15px;
    }
}


.cab__body {
    display: flex;
    justify-content: center;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.cab__body button {
    font-size: 88% !important;
}

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

.cab__left {
    flex: 0 1 600px;
    /* margin-right: 60px; */
}

@media (max-width: 1060px) {
    .cab__left {
        margin-right: 0;
        margin-bottom: 60px;
    }
}

.cab__image {
    margin-bottom: 25px;
}

.cab__image img {
    width: 90px;
}

.cab__button {
    background: #fff;
    color: #000;
    border: 1px solid #649cbe;
    font-size: 0.93rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
    width: 250px;
    margin: 0 auto;
    margin-bottom: 40px;
    border-radius: 3px;
    transition: all 0.3s ease 0s;
}

@media (any-hover: hover) {
    .cab__button:hover {
        background-color: #649cbe;
        color: #fff;
    }
}

.cab__box {
    border: 1px solid #999;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.cab__title {
    text-align: center;
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 20px;
}

@media (max-width: 29.99875em) {
    .cab__title {
        font-size: 36px;
        line-height: 30px;
    }
}

.cab__text {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 24px;
}

.cab__phone {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e02030;
    color: #fff !important;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
    padding: 5px 10px;
    font-size: 30px;
}

.cab__right {
    flex: 0 1 670px;
}

.cab__cards {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    max-width: 560px;
    margin: 0 auto;
    font-size: 14px;
}

.cab__cards img {
    width: 117px;
}

@media (max-width: 29.99875em) {
    .cab__cards img {
        width: 80px;
    }
}

.cab__column-silver {
    flex: 1 1 33%;
}

.cab__decoration {
    padding: 5px 20px;
    color: #fff;
    background: #77a8c6;
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 29.99875em) {
    .cab__decoration {
        padding: 5px 10px;
    }
}

.cab__decoration_m {
    padding: 5px 20px;
    color: #fff;
    background: #77a8c6;
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 141px;
}

@media (max-width: 29.99875em) {
    .cab__decoration_m {
        padding: 5px 10px;
    }
}

.cab__column-gold {
    flex: 1 1 33%;
}

.cab__brons {
    flex: 1 1 33%;
}

.cab__line {
    height: 26px;
    background-color: #45484d;
    margin-bottom: 35px;
}

.cab__content {
    font-size: 16px;
    line-height: 22px;
}

.cab__content a {
    display: block;
    padding-top: 5px;
    font-size: 24px;
}

@media (any-hover: hover) {
    .cab__content a:hover {
        text-decoration: underline;
    }
}




.inner-page__images {
    margin: 15px -14px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.inner-page__images-item {
    width: 100%;
    max-width: calc(25% - 28px);
    margin: 10px 14px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner-page__images-item img {
    border-radius: 15px;
    overflow: hidden;
}

@media (max-width: 1230px) {
    .inner-page__images {
        margin: 35px -10px 25px;
    }

    .inner-page__images-item {
        max-width: calc(25% - 20px);
        margin: 10px 10px 15px;
    }
}

@media (max-width: 990px) {

    .inner-page__images {
        margin: 30px -15px 25px;
    }

    .inner-page__images-item {
        max-width: calc(33.3% - 30px);
        margin: 10px 15px 15px;
    }
}

@media (max-width: 890px) {
    .inner-page__images {
        margin: 30px -10px 25px;
    }

    .inner-page__images-item {
        max-width: calc(33.3% - 20px);
        margin: 10px 10px 15px;
    }
}

@media (max-width: 690px) {
    .inner-page__images-item {
        max-width: calc(50% - 20px);
    }
}

@media (max-width: 420px) {
    .inner-page__images {
        margin: 20px 0px 15px;
    }

    .inner-page__images-item {
        max-width: 290px;
        margin: 10px 0 15px;
    }
}

.mortgage-rate {
    width: 100%;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #27814e;
    padding: 6%;
}

.mortgage-rate p {
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-weight: 700;
    font-size: 80px;
    color: #000000;
}

.mortgage-rate span {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-weight: 700;
    font-size: 160px;
    color: #27814e;
}

@media (max-width: 1240px) {
    .mortgage-rate {
        margin-bottom: 40px;
        padding: 4%;
    }

    .mortgage-rate p {
        font-size: 7vw;
    }

    .mortgage-rate span {
        font-size: 18vw !important;
    }
}

.btn-tenders {
    margin: 40px auto 20px;
    padding: 15px 20px;
    border-radius: 0;
    border: 1px solid transparent !important;
    width: 100%;
    min-width: 290px;
    max-width: 500px;
    display: block;
    font-family: 'Century Gothic', sans-serif;
    font-size: 18px;
    text-align: center;
    color: #fff !important;
    background-color: #27814e;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

.btn-tenders:hover {
    color: #27814e !important;
    background-color: #fff;
    border-color: #27814e !important;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease;
}

.news-main {
    padding: 30px 0;
}

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

.btn-news {
    color: #fff;
    padding: 12px 30px;
    border: 1px solid transparent !important;
    background-color: #27814e;
    transition: all 0.3s ease 0s;
}

.btn-news:hover {
    color: #fff;
    background-color: #fff;
    color: #27814e !important;
    border-color: #27814e !important;
    transition: all 0.3s ease 0s;
}

.btn-news--mobile {
    width: 100%;
    margin-top: -15px;
    display: none;
}

@media (max-width: 590px) {
    .btn-news {
        display: none;
    }

    .btn-news--mobile {
        display: block;
    }
}

.news-main .news__wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    list-style: none;
    margin: 30px -15px;
}

.news-main .news__item {
    border: 2px solid #27814e;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px !important;
    width: calc(25% - 30px);
    padding-left: 0 !important;
}

.news-main .news__image {
    display: none;
}

.news-main .news__text {
    padding: 15px;
    border: none;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.news-main .news__title {
    font-size: 20px;
}

.news-main .news__text p {
    font-size: 16px;
    margin-bottom: 15px;
}

.news-main .news__date {
    margin-top: auto;
}

@media (max-width: 1780px) {
    .news-main {
        padding: 25px 0;
    }

    .news-main .news__wrapper {
        margin: 25px -5px;
    }

    .news-main .news__item {
        margin-left: 5px;
        margin-right: 5px;
        width: calc(25% - 10px);
    }
}

@media (max-width: 1280px) {
    .news-main {
        padding: 20px 0;
    }

    .news-main .news__item {
        width: calc(33.3% - 10px);
    }
}

@media (max-width: 990px) {
    .news-main .news__item {
        width: calc(50% - 10px);
    }

    .news-main .news__title {
        margin-bottom: 15px;
    }
}

@media (max-width: 590px) {
    .news-main .news__wrapper {
        margin-left: 0;
        margin-right: 0;
    }

    .news-main .news__item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 490px) {
    .news-main .news__wrapper {
        margin: 20px 0;
    }
}

.top__prev,
.top__next {
    position: absolute;
    top: 0;
    width: 15%;
    height: 100%;
    cursor: pointer;
}

.top__prev {
    left: 0;
}

.top__next {
    right: 0;
}



.apartment__subtitle {
    font-family: 'Century Gothic Bold', sans-serif;
    font-size: 38px;
    color: #272829;
    margin-bottom: 20px;
}

.apartment-tags {
    padding: 40px 0 30px;
}

.apartment-tags__list {
    margin: 48px -17px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.apartment-tags__item {
    width: calc(50% - 34px);
    margin: 0 17px 30px;
    height: 519px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.apartment-tags__item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0) 7.81%, rgba(0, 0, 0, 1) 100%);
    z-index: 1;
}

.apartment-tags__title {
    width: calc(100% - 102px);
    margin: 36px 52px 10px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.apartment-tags__title h2 {
    font-family: 'Century Gothic Bold', sans-serif;
    font-weight: 700;
    font-size: 26px;
    color: #fff;
    display: inline;
    letter-spacing: 1.8px;
    line-height: 1.3;
}

.apartment-tags__title::after {
    content: '';
    position: relative;
    width: 100%;
    height: 10px;
    background-color: #27814e;
    z-index: -1;
    margin-right: -100%;
    top: 3px;
    right: -16px;
    display: inline-block;
    vertical-align: text-top;
}

@media (max-width: 1250px) {
    .apartment-tags {
        padding: 30px 0;
    }

    .apartment__subtitle {
        font-size: 34px;
    }

    .apartment-tags__list {
        margin: 30px -5px 20px;
        ;
    }

    .apartment-tags__item {
        margin: 0 5px 20px;
        width: calc(50% - 10px);
        height: 42vw;
    }

    .apartment-tags__title {
        width: calc(100% - 60px);
        margin: 30px 30px 10px;
    }
}

@media (max-width: 990px) {
    .apartment-tags__title {
        width: calc(100% - 30px);
        margin: 20px 15px 10px;
    }

    .apartment-tags__title h2 {
        font-size: 24px;
    }
}

@media (max-width: 690px) {
    .apartment-tags__title h2 {
        font-size: 20px;
    }
}

@media (max-width: 590px) {
    .apartment-tags {
        padding: 25px 0;
    }

    .apartment__subtitle {
        font-size: 30px;
    }

    .apartment-tags__list {
        margin: 25px 0 20px;
        ;
    }

    .apartment-tags__item {
        margin: 0 0 20px;
        width: 100%;
        height: 96vw;
    }

    .apartment-tags__item:last-child {
        margin-bottom: 0;
    }

    .apartment-tags__title {
        width: calc(100% - 60px);
        margin: 30px 30px 10px;
    }

    .apartment-tags__title h2 {
        font-size: 26px;
    }
}

@media (max-width: 490px) {
    .apartment-tags {
        padding: 20px 0;
    }

    .apartment__subtitle {
        font-size: 28px;
    }

    .apartment-tags__title {
        width: calc(100% - 20px);
        margin: 20px 10px 10px;
    }

    .apartment-tags__list {
        margin: 20px 0;
    }

    .apartment-tags__title::after {
        height: 8px;
    }

    .apartment-tags__title h2 {
        font-size: 24px;
    }
}

@media (max-width: 390px) {
    .apartment__subtitle {
        font-size: 26px;
    }

    .apartment-tags__title h2 {
        font-size: 22px;
    }
}

.apartment-finishing {
    padding: 20px 0 40px;
}

.apartment-finishing__list {
    margin: 25px 0 20px;
}

.apartment-finishing__item {
    width: 100%;
    margin-bottom: 42px;
    overflow: hidden;
    border-radius: 5px;
    border: 2px solid #27814e;
    display: flex;
    flex-wrap: wrap;
}

.apartment-finishing__item:last-child {
    margin-bottom: 0;
}

.apartment-finishing__photo {
    width: 58%;
    position: relative;
}

.apartment-finishing__photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.apartment-finishing__text {
    width: 42%;
    min-height: 500px;
    padding: 18px 35px 15px 53px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.apartment-finishing__text h3 {
    font-family: 'Century Gothic Bold', sans-serif;
    font-size: 30px;
    color: #272829;
    margin-bottom: 20px;
    letter-spacing: -0.7px;
}

.apartment-finishing__text ul {
    list-style: none;
    margin: 15px 0;
}

.apartment-finishing__text h3+ul {
    margin-top: 0;
}

.apartment-finishing__text li {
    font-family: 'Century Gothic', sans-serif;
    font-size: 20px;
    color: #272829;
    line-height: 1.27;
    padding-left: 17px;
    margin-bottom: 23px;
    position: relative;
    letter-spacing: .3px;
}

.apartment-finishing__text li:last-child {
    margin-bottom: 0;
}

.apartment-finishing__text li::before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #272829;
}

@media (max-width: 1520px) {
    .apartment-finishing__item {
        margin-bottom: 25px;
    }

    .apartment-finishing__photo {
        width: 52%;
    }

    .apartment-finishing__text {
        width: 48%;
        min-height: 400px;
        padding: 15px 25px;
    }

    .apartment-finishing__text h3 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .apartment-finishing__text li {
        line-height: 1.2;
        margin-bottom: 15px;
    }
}

@media (max-width: 690px) {
    .apartment-finishing__item {
        margin-bottom: 20px;
    }

    .apartment-finishing__photo {
        width: 100%;
    }

    .apartment-finishing__photo img {
        width: 100%;
        position: initial;
    }

    .apartment-finishing__text {
        width: 100%;
        min-height: 10px;
        padding: 20px 15px;
    }
}

@media (max-width: 490px) {
    .apartment-finishing {
        padding: 20px 0;
    }
}

@media (max-width: 420px) {
    .apartment-finishing__list {
        margin: 20px 0;
    }

    .apartment-finishing__item {
        margin-bottom: 20px;
    }

    .apartment-finishing__text {
        padding: 15px 10px;
    }

    .apartment-finishing__text h3 {
        font-size: 26px;
    }

    .apartment-finishing__text li {
        font-size: 18px;
        padding-left: 15px;
    }

    .apartment-finishing__text li::before {
        top: 8px;
        width: 6px;
        height: 6px;
    }
}

.apartment-gallery {
    padding: 53px 0 20px;
}

.apartment-gallery__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 53px -12px 20px;
}

.apartment-gallery__item {
    width: calc(33.3% - 24px);
    margin: 0 12px 20px;
    height: 505px;
    border-radius: 5px;
    overflow: hidden;
}

.apartment-gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1230px) {
    .apartment-gallery {
        padding: 30px 0 20px;
    }

    .apartment-gallery__list {
        margin: 30px -5px 15px;
    }

    .apartment-gallery__item {
        width: calc(33.3% - 10px);
        margin: 0 5px 15px;
        height: 42vw;
    }
}

@media (max-width: 590px) {
    .apartment-gallery {
        padding: 20px 0;
    }

    .apartment-gallery__list {
        display: block;
        margin: 20px 0 15px;
    }

    .apartment-gallery__item {
        margin: 0 10px;
        width: 70vw;
        height: auto;
    }
}

.apartment-map {
    padding: 10px 0 40px;
}

.apartment-map__body {
    overflow: hidden;
    border-radius: 5px;
    border: 2px solid #27814e;
}

@media (max-width: 520px) {
    .apartment-map {
        padding: 10px 0 20px;
    }
}

.apartment-form {
    padding: 54px 0 30px;
}

.apartment-form__wrapper {
    margin: 30px 0;
    display: flex;
    justify-content: space-between;
}

.apartment-form .apartments-item {
    display: flex;
    flex-direction: column;
    width: 428px;
    flex-shrink: 0;
    margin: 0 20px 0 0;
    padding: 19px 13px 20px;
    border: 2px solid #cbcbcb;
}

.apartment-form .apartments-item__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 7px;
    margin-top: auto;
}

.apartment-form .apartments-item__discount {
    position: initial;
}

.apartment-form .apartments-item__prices {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
    margin-right: 5px;
}

.apartment-form .apartments-item__image {
    height: 320px;
    margin-bottom: 15px;
}

.apartment-form .apartments-item__prices-new {
    font-size: 40px;
    margin-bottom: 5px;
}

.apartment-form .apartments-item__prices-old {
    margin-left: 0;
    font-size: 29px;
}

.apartment-form .apartments-item__mortgage {
    font-size: 28px;
    margin-bottom: 11px;
}

.apartment-form .apartments-item__details {
    justify-content: space-between;
    margin-left: -2px;
    margin-right: -2px;
}

.apartment-form .apartments-item__details span {
    font-size: 22px;
    padding: 4px 10px 0;
    border-width: 2px;
    margin: 2px;

}

.apartment-form .apartments-item__details span:first-child {
    text-transform: uppercase;
}

.apartment-form .popup-content {
    border: 2px solid #cbcbcb;
    padding-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
    align-items: center;
}

.apartment-form .popup-header {
    padding: 15px 15px;
    max-width: 700px;
    width: 100%;
    margin-bottom: 0;
}

.apartment-form .popup-header h3 {
    margin-bottom: 5px;
}

.apartment-form .popup-header p {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 23px;
    line-height: 1.1;
}

.apartment-form .popup-body {
    padding: 5px 15px;
    max-width: 700px;
    width: 100%;
}

.apartment-form .popup-body .form-control {
    padding: 14px 20px 23px;
    margin-bottom: 15px;
}

.apartment-form .popup-footer {
    padding: 0 15px;
    max-width: 700px;
    width: 100%;
}

.apartment-form .popup-description {
    padding: 0 15px;
    max-width: 700px;
    width: 100%;
}

@media (max-width: 1190px) {
    .apartment-form .popup-header {
        padding: 15px 15px 5px 15px;
        max-width: 100%;
    }

    .apartment-form .popup-body {
        padding: 5px 15px 5px 15px;
        max-width: 100%;
    }

    .apartment-form .popup-footer {
        padding: 0 15px 0 15px;
        max-width: 100%;
    }

    .apartment-form .popup-description {
        padding: 0 15px 0 15px;
        max-width: 100%;
    }
}

@media (max-width: 890px) {
    .apartment-form {
        padding: 30px 0 25px;
    }

    .apartment-form__wrapper {
        margin: 20px 0;
        flex-direction: column;
        align-items: center;
    }

    .apartment-form .apartments-item {
        flex-shrink: 1;
        width: 100%;
        max-width: 428px;
        margin: 0 0 20px 0;
        padding: 15px 10px 20px;
    }

    .apartment-form .apartments-item__details span {
        border-width: 1px;
    }
}

@media (max-width: 590px) {
    .apartment-form .popup-header p {
        font-size: 20px;
    }

    .apartment-form .popup-header {
        padding: 15px 10px;
    }

    .apartment-form .popup-body {
        padding: 5px 10px;
    }

    .apartment-form .popup-footer {
        padding: 0 10px;
    }

    .apartment-form .popup-description {
        padding: 0 10px;
    }
}

@media (max-width: 460px) {
    .apartment-form {
        padding: 20px 0;
    }

    .apartment-form__wrapper {
        margin: 15px 0;
    }

    .apartment-form .popup-body .form-control {
        padding: 10px;
    }

    .apartment-form .apartments-item__discount {
        margin-right: 0;
    }

    .apartment-form .apartments-item__image {
        height: 260px;
    }

    .apartment-form .apartments-item__prices-new {
        font-size: 30px;
    }

    .apartment-form .apartments-item__prices-old {
        font-size: 22px;
    }

    .apartment-form .apartments-item__mortgage {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .apartment-form .apartments-item__details span {
        font-size: 18px;
        padding: 4px 8px;
    }

    .apartment-form .btn-popup {
        margin-top: 0;
    }
}

.apartments-item__icon {
    height: 180px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 10%;
}

.apartments-item__icon img {
    max-height: 100%;
    object-fit: contain;
    width: 100%;
}

.apartments-item__title {
    font-family: 'Century Gothic Bold', sans-serif;
    font-size: 28px;
    color: #272829;
    text-align: center;
    margin-bottom: 14px;
}

.apartments-item__descr {
    font-size: 22px;
    color: #272829;
    letter-spacing: -0.7px;
    margin-bottom: 30px;
    text-align: center;
}

a.btn-similar {
    display: block;
    padding: 10px;
    margin: 0 auto 10px;
    border-radius: 0;
    width: 100%;
    max-width: 320px;
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 27px;
    text-align: center;
    color: #fff;
    background-color: #27814e;
    border: 1px solid transparent;
    transition: background-color .3s ease, color .3s ease;
}

a.btn-similar:hover {
    border: 1px solid #27814e;
    background-color: #fff;
    color: #27814e;
    transition: background-color .3s ease, color .3s ease;
}

@media (max-width: 420px) {
    .apartments-item__icon {
        height: 160px;
        margin-bottom: 10px;
    }

    .apartments-item__title {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .apartments-item__descr {
        font-size: 20px;
        margin-bottom: 15px;
    }

    a.btn-similar {
        padding: 8px 10px;
        font-size: 24px;
    }
}


.apartments-item__gift-block {
    position: absolute;
    top: 18px;
    right: 17px;
    width: auto;
    min-height: 45px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding-left: 40px;
}

.apartments-item__gift-block::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 35px;
    height: 35px;
    /* background-image: url("/assets/shared/img/gift-room-big.svg"); */
    background-image: url("/assets/sites/71/img/icons/discount-icon.svg");
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
}

.apartments-item__gift-text {
    display: none;
    color: #e91c22;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.apartments-item__gift-descr {
    display: inline;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 26px;
    line-height: 1.1;
    color: #fff;
    padding: 1px 7px;
    background-color: #e91c22;
    border-radius: 10px;
    text-align: center;
}

@media (max-width: 420px) {
    .apartments-item__gift-block {
        top: 10px;
        right: 10px;
        /* width: 178px; */
        padding-left: 35px;
    }

    .apartments-item__gift-block::before {
        width: 32px;
        height: 32px;
    }

    .apartments-item__gift-text {
        font-size: 18px;
    }

    .apartments-item__gift-descr {
        font-size: 20px;
        padding: 3px;
    }

    .apartments-item__wrapper .apartments-item__gift-block {
        padding-left: 43px;
    }

    .apartments-item__wrapper .apartments-item__gift-block::before {
        width: 40px;
        height: 40px;
    }

    .apartments-item__wrapper .apartments-item__gift-descr {
        font-size: 26px;
        padding: 1px 3px;
    }
}

@media (max-width: 360px) {
    .apartments-item__wrapper .apartments-item__gift-block {
        padding-left: 40px;
    }

    .apartments-item__wrapper .apartments-item__gift-block::before {
        width: 38px;
        height: 38px;
    }

    .apartments-item__wrapper .apartments-item__gift-descr {
        font-size: 22px;
        padding: 1px 3px;
    }
}

/* .apartment__prices {
	padding-right: 180px;
} */

.apartment__prices .apartments-item__gift-block {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    /* width: 180px; */
    padding-left: 50px;
    min-height: 45px;
}

.apartment__prices .apartments-item__gift-block::before {
    width: 45px;
    height: 45px;
}

.apartment__prices .apartments-item__gift-text {
    font-size: 30px;
}

.apartment__prices .apartments-item__gift-descr {
    font-size: 28px;
}

@media (max-width: 990px) {
    .apartment__prices .apartments-item__gift-block {
        min-height: 45px;
    }

    .apartment__prices .apartments-item__gift-block::before {
        width: 45px;
        height: 45px;
    }

    .apartment__prices .apartments-item__gift-descr {
        font-size: 22px;
    }

    .apartment__prices .apartments-item__gift-block {
        padding-left: 50px;
    }
}

@media (max-width: 790px) {
    .apartment__prices .apartments-item__gift-block {
        min-height: 45px;
    }

    .apartment__prices .apartments-item__gift-block::before {
        width: 45px;
        height: 45px;
    }

    .apartment__prices .apartments-item__gift-descr {
        font-size: 28px;
    }

    .apartment__prices .apartments-item__gift-block {
        padding-left: 50px;
    }
}

@media (max-width: 390px) {

    .apartment__prices {
        padding-right: 140px;
    }

    .apartment__prices .apartments-item__gift-block {
        /* width: 170px; */
        padding-left: 45px;
    }

    .apartment__prices .apartments-item__gift-block::before {
        width: 40px;
        height: 40px;
    }

    .apartment__prices .apartments-item__gift-text {
        font-size: 20px;
    }

    .apartment__prices .apartments-item__gift-descr {
        font-size: 22px;
        padding: 1px 3px;
    }
}

.apartment-form .apartments-item__wrapper {
    align-items: center;
}

.apartment-form .apartments-item__gift-block {
    position: relative;
    top: auto;
    right: auto;
    flex-shrink: 0;
}

.apartment-form .apartments-item__gift-text {
    font-size: 24px;
}

@media (max-width: 420px) {
    .apartment-form .apartments-item__gift-text {
        font-size: 20px;
    }
}

.apartments-item__prices-gift {
    color: #e91c22;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding-left: 35px;
}

.apartments-item__prices-gift::after {
    display: none;
}

.apartments-item__prices-gift::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-image: url("/assets/shared/img/gift-room-big.svg");
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
}

.apartment__prices-gift {
    color: #e91c22;
    font-family: 'Proxima Nova', sans-serif;
    font-size: 30px;
    font-weight: 700;
    padding-left: 50px;
    margin-top: 10px;
}

.apartment__prices-gift::after {
    display: none;
}

.apartment__prices-gift::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45px;
    height: 45px;
    background-image: url("/assets/shared/img/gift-room-big.svg");
    background-position: bottom center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 1230px) {
    .apartment__prices-gift {
        font-size: 26px;
    }
}

@media (max-width: 990px) {
    .apartment__prices-gift {
        font-size: 20px;
        padding-left: 35px;
    }

    .apartment__prices-gift::before {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 790px) {
    .apartment__prices-gift {
        font-size: 26px;
        padding-left: 45px;
    }

    .apartment__prices-gift::before {
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 520px) {
    .apartment__prices-gift {
        font-size: 20px;
        padding-left: 35px;
    }

    .apartment__prices-gift::before {
        width: 30px;
        height: 30px;
    }
}

/*--------------------------------------------------*/

.mark_block {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.mark_wrap {
    width: 20%;
    cursor: pointer;
}

.mark {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
}

.mark input {
    position: relative;
    top: -100%;
}

.mark_block .active,
.mark_block .choosen {
    background: yellow;
}

.topic__title {
    text-align: center;
    font-size: 44px;
    line-height: 58px;
    margin: 0 0 3px 0;
    padding: 20px 1% 20px 1%;
}

.phn {
    background: #e02030;
    color: #fff;
    text-align: center;
    margin: 0 0 56px 0;
    padding: 5px 10px;
    font-family: CenturyGothic-Regular, sans-serif;
    font-size: 30px;
}

.footer__snow1 {
    position: absolute;
    top: 170px;
    left: 90px;
    height: 100px;
}

.footer__snow2 {
    position: absolute;
    top: 50px;
    left: -200px;
    height: 70px;
}



.apartment__prices-discount {
    font-family: 'Proxima Nova Bold', sans-serif;
    font-size: 42px;
    color: #e91c22;
    margin-top: 10px;
}

.apartment__prices-discount span {
    font-size: 20px;
    display: block;
}

@media (max-width: 1230px) {
    .apartment__prices-discount {
        font-size: 38px;
        margin-top: 5px;
    }
}

@media (max-width: 990px) {
    .apartment__prices-discount {
        font-size: 36px;
    }
}

@media (max-width: 790px) {
    .apartment__prices-discount {
        font-size: 40px;
    }
}

@media (max-width: 520px) {
    .apartment__prices-discount {
        font-size: 38px;
    }

    .apartment__prices-discount span {
        font-size: 18px;
    }
}

@media (max-width: 360px) {
    .apartment__prices-discount {
        font-size: 34px;
    }
}

.popup_arenda {
    border-radius: 0;
    background-color: #fff;
}

.section__title {
    font-family: "Century Gothic Bold", sans-serif;
    font-weight: 700;
    font-size: 39px;
    color: #000000;
}

@media (max-width: 1090px) {
    .section__title {
        font-size: 30px;
    }
}

@media (max-width: 690px) {
    .section__title {
        font-size: 28px;
    }
}

/* @media (max-width: 490px) {
    .section__title {
        font-size: 22px;
    }
} */

.storerooms-text {
    font-family: "Century Gothic", sans-serif !important;
    font-weight: 400;
    margin-bottom: 100px;
}

@media (min-width: 1090px) {
    .storerooms-text {
        font-size: 26px !important;
    }
}

@media (max-width: 1090px) {
    .storerooms-text {
        margin-bottom: 50px;
    }
}

.commercial-item__photo {
    width: 100%;
    position: relative;
    height: 609px;
    margin-bottom: 50px;
    margin-top: 103px;
}

.commercial-item__photo img {
    width: 100%;
    height: 100%;
}

.commercial-item__info {
    max-width: 98%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 38px 40px 40px 54px;
    backdrop-filter: blur(25px);
    background: rgba(114, 114, 114, 0.1);
}

.commercial-item__info p {
    padding: 10px 27px 10px 32px;
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #272727;
    background-color: #f1f1f1;
    margin-bottom: 16px;
}

.commercial-item__info span {
    font-family: "Century Gothic Bold", sans-serif;
    font-weight: 700;
}

.commercial-item__info h1 {
    font-family: "Century Gothic Bold", sans-serif;
    font-weight: 700;
    font-size: 80px;
    color: #fff;
}

.commercial-item__address {
    font-family: "Century Gothic Bold", sans-serif;
    font-weight: 700;
    font-size: 48px;
    color: #000;
    padding-bottom: 30px;
    border-bottom: 14px solid #27814e;
    margin-bottom: 30px;
}

.commercial-item__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 50px -30px 0;
    list-style: none;
}

.commercial-item__wrapper li {
    width: calc(33.3% - 60px);
    margin: 0 30px 40px;
    background-color: #f1f1f1;
    padding: 10px;
}

.commercial-item__wrapper li::before {
    display: none;
}

.commercial-item__plan {
    width: 100%;
    height: 380px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 30px;
    background-color: #fff;
    position: relative;
}

.commercial-item__plan img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.commercial-item__header {
    background-color: #fff;
    padding: 6px 8px;
}

.commercial-item__header p {
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
    padding-bottom: 0 !important;
}

.commercial-item__header span {
    display: block;
    font-family: "Century Gothic Bold", sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #000000;
}

.commercial-item__data {
    display: block;
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    position: relative;
    padding-left: 20px;
    margin-bottom: 11px;
}

.commercial-item__data bold {
    font-family: "Century Gothic Bold", sans-serif;
    font-weight: 700;
    font-size: 24px;
}

.commercial-item__wrapper li>span:last-of-type {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
    margin-bottom: 14px;
}

.commercial-item__wrapper li>span:last-of-type::before {
    top: 13px;
}

.commercial-item__data::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #27814e;
}

.commercial-item__wrapper .cards__char {
    padding-left: 0;
}

.commercial-item__wrapper .cards__char.active+.cards__char-list {
    margin-top: 32px;
}

.commercial-item__wrapper .cards__char-list {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 23px;
}

.commercial-item__wrapper .cards__char-item {
    margin-top: 8px !important;
    padding: 0 0 3px !important;
}

.commercial-item__wrapper .cards__char-item:first-child {
    margin-top: 0 !important;
}

.commercial-item__wrapper .cards__char-item span {
    width: 56%;
}

@media (max-width: 1260px) {
    .commercial-item__photo {
        height: 48.33vw;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .commercial-item__info {
        padding: 25px 20px;
    }

    .commercial-item__info p {
        padding: 10px 15px 10px 20px;
        margin-bottom: 12px;
    }

    .commercial-item__info h1 {
        font-size: 72px;
    }

    .commercial-item__address {
        font-size: 42px;
        padding-bottom: 20px;
        border-bottom: 10px solid #27814e;
        margin-bottom: 20px;
    }

    .commercial-item__wrapper {
        margin: 30px -10px 0;
    }

    .commercial-item__wrapper li {
        width: calc(33.3% - 20px);
        margin: 0 10px 40px;
    }

    .commercial-item__plan {
        margin-bottom: 20px;
    }
}

@media (max-width: 990px) {
    .commercial-item__photo {
        margin-top: 20px;
    }

    .commercial-item__info {
        padding: 20px 15px;
    }

    .commercial-item__info p {
        padding: 10px 15px;
        margin-bottom: 10px;
    }

    .commercial-item__info h1 {
        font-size: 64px;
    }

    .commercial-item__address {
        font-size: 38px;
        padding-bottom: 16px;
        border-bottom: 8px solid #27814e;
    }

    .commercial-item__wrapper {
        margin: 30px -5px 0;
    }

    .commercial-item__wrapper li {
        width: calc(33.3% - 10px);
        margin: 0 5px 40px;
    }
}

@media (max-width: 790px) {
    .commercial-item__info p {
        padding: 10px;
        font-size: 18px;
    }

    .commercial-item__info h1 {
        font-size: 7vw;
    }

    .commercial-item__address {
        font-size: 34px;
    }

    .commercial-item__wrapper li {
        width: calc(50% - 10px);
        margin: 0 5px 40px;
    }
}

@media (max-width: 520px) {
    .commercial-item__photo {
        margin-bottom: 8px;
        min-height: 200px;
    }

    .commercial-item__info {
        padding: 9px 12px;
    }

    .commercial-item__info p {
        padding: 4px 8px;
        font-size: 12px;
    }

    .commercial-item__info h1 {
        font-size: 28px;
    }

    .commercial-item__address {
        font-size: 28px;
        padding-bottom: 21px;
        border-bottom: 6px solid #27814e;
    }

    .commercial-item__wrapper li {
        width: 100%;
        margin: 0 0 40px;
    }

    .commercial-item__header p {
        font-size: 16px;
    }

    .commercial-item__plan {
        height: 280px;
        margin-bottom: 20px;
    }
}

@media (max-width: 420px) {
    .commercial-item__info p {
        font-size: 10px;
    }
}

@media (max-width: 590px) {
    .inner-page table td {
        padding: 2.5vw;
    }

    .inner-page table h2 {
        font-size: 5.06vw;
        margin-bottom: 3.38vw;
    }

    .inner-page table h3 {
        font-size: 6.4vw;
        margin-bottom: 3.38vw;
    }

    .inner-page table p {
        font-size: 3.8vw;
    }

    .inner-page table img {
        /* width: 12.55vw; */
        height: 12.8vw;
        margin-bottom: 3.38vw;
    }
}


.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}


.popup-session {
    max-width: 1580px;
}
@media (min-height: 760px) {
    .popup-session {
        top: 50%;
        transform: translate(-50%,-50%) !important;
    }
}
.popup-session #form_session {
    width: 100% !important;
}
.popup-session .popup-content {
    flex-direction: row;
    /* align-items: flex-start; */
    flex-wrap: nowrap;
    padding-bottom: 0;
}
.popup-session .popup__image {
    display: flex;
    justify-content: flex-start;
    /* align-items: center; */
    max-width: 1070px;
    margin-bottom: 0;
}

.popup-session .popup__image img + img {
    display: none;
}

.popup-session .popup__image video {
    width: 100% !important;
    height: 100% !important;
}
.popup-session .popup__form {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 511px;
    width: 100%;
    padding-top: 21px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.popup-session .popup-header {
    margin-bottom: 23px;
}
.popup-session .popup-header button {
    top: 20px;
    right: 20px;
    width: 27px;
    height: 27px;
    background-image: url("/assets/shared/img/close.png");
}
.popup-session .modal-content {
    width: 100%;
}
.popup-session .popup-header h3 {
    font-family: "Gilroy Semibold", sans-serif;
    font-size: 44px;
    font-weight: 600;
    color: #000;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.popup-session .popup-header p {
    font-family: "Gilroy", sans-serif;
    color: #000000;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
}
.popup-session .popup-header p span {
    font: inherit;
    color: #15A14A;
}
.popup-session .popup-header,
.popup-session .popup-body,
.popup-session .popup-footer,
.popup-session .custom-checkbox {
    width: 100%;
    max-width: 409px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0 !important;
}
.popup-session .custom-checkbox {
    margin-top: 0 !important;
}
.popup-session .popup-body .form-control {
    border: none;
    border-bottom: 1px solid #22d55f;
    font-family: "Gilroy Medium", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    color: #272727;
    width: 100%;
    margin: 0;
    padding: 0 0 8px !important;
}
.popup-session .popup-body {
    flex-grow: 0;
    margin-bottom: 16px;
}
.popup-session .popup-body .form-control + .form-control {
    margin-top: 21px;
}
.popup-session .popup-body .form-control::placeholder {
    color: #A1A1A1;
}
.btn-phone-icon {
   	background-image: url("/assets/shared/img/icons/phone-icon.svg");
    background-repeat: no-repeat;
  	background-position: 30px 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px 10px 7px;
    max-width: 260px;
    transition: background-color .3s ease;
}
.popup-session .btn-phone-icon {
    max-width: 303px;
    min-height: 39px;
    border-radius: 20px;
    background-image: none !important;
    background-color: #15a14a;
    border: 1px solid #15a14a;
    font-family: "Gilroy Medium", sans-serif;
    letter-spacing: -1.7px;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.04;
    text-transform: uppercase;
    margin-right: 0 !important;
    padding: 5px !important;
    transition: all .3s ease;
}
.popup-session .btn-phone-icon:hover {
    background-color: #fff;
    color: #15a14a;
    transition: all .3s ease;
}
.btn-phone-icon:hover {
    background-image: url("/assets/shared/img/icons/phone-icon-hr.svg");
    transition: background-color .3s ease;
}
.btn-phone-icon span {
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    font-size: 20px;
    margin-left: 4px;
}
.popup-session .popup-footer {
    gap: 15px;
}
.popup-session .custom-control-label {
    margin-bottom: 0;
    font-family: "Gilroy Medium", sans-serif;
    font-weight: 500;
    font-size: 12px;
    color: #000000;
}
.popup-session .custom-control-label::before {
    border: 1px solid #000000;
    border-radius: 0;
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 17px;
    height: 17px;
    background-color: #fff;
    border-radius: 0 !important;
}
.popup-session .custom-control-input:checked+label::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    height: 6px;
    width: 11px;
    transform: rotate(307deg);
    border: 2px solid #000000;
    border-right: none;
    border-top: none;
    border-radius: 1.5px;
    z-index: 5;
}
.popup-session .custom-control-input:checked+label::before {
    background-color: transparent !important;
    border-color: #000000;
}
.popup-session .custom-control-label a {
    color: #15a14a;
    text-decoration: underline;
}

/*@media (max-width: 990px) {
      .popup-session .popup__image {
          max-width: 42%;
      }
      .popup-session .popup__form {
          max-width: 58%;
          padding-top: 35px;
          padding-bottom: 20px;
          padding-left: 20px;
      }
  }*/
@media (max-width: 1070px) {
    .popup-session .popup__form {
        padding-top: 15px;
    }
    .popup-session .popup-header h3 {
        font-size: 40px;
    }
    .popup-session .popup-header p {
        font-size: 18px;
    }
}
@media (max-width: 790px) {
    .popup-session .popup__form {
        padding: 25px 15px 10px;
    }
    .popup-session .popup-header button {
        top: 20px;
        right: 20px;
        width: 24px;
        height: 24px;
    }
}
@media (max-width: 660px) {
    .popup-session {
        display: flex;
        width: 90%;
        height: 90%;
    }
    .popup-session form {
        display: flex;
        flex-grow: 1;
        height: auto;
        width: 100%;
    }
    .popup-session .popup-content {
        flex-direction: column;
        flex-grow: 1;
        height: auto;
    }
    .popup-session .popup__image {
        max-width: 100%;
        height: 36vh;
        overflow: hidden;
        align-items: flex-start;
    }

    .popup-session .popup__image video {
        display: none;
    }

    .popup-session .popup__image img {
        display: none;
    }

    .popup-session .popup__image img + img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }
    .popup-session .popup-header,
    .popup-session .popup-body,
    .popup-session .popup-footer,
    .popup-session .custom-checkbox {
        max-width: 100%;
    }
    .popup-session .popup-header h3 {
        font-size: 34px;
        margin-bottom: 10px;
    }
    .popup-session .popup-header p {
        font-size: 16px;
        font-family: 'Gilroy Medium', sans-serif;
        font-weight: 500;
    }
    .popup-session .popup-body .form-control {
        font-size: 22px;
    }
    .popup-session .popup-body .form-control::placeholder {
        font-size: 22px;
    }
/*     .popup-session .btn-phone-icon {
        max-width: 100%;
      	background-position: 97px 11px;
    } */
    .popup-session .custom-control {
        margin-top: 10px;
    }

    .popup-session .popup__form {
        max-width: 100%;
        padding-top: 13px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        flex-grow: 1;
        position: static;
    }
    .popup-body .form-group {
        max-width: 400px;
    }
}
@media (max-width: 460px) {
    .popup-session .popup-body .form-control {
        font-size: 20px;
    }

    .popup-session .popup-body .form-control::placeholder {
        font-size: 20px;
    }
    .popup-session .custom-control-label {
        font-size: 10px;
    }
    .popup-session .btn-phone-icon {
        max-width: 260px;
    }
    .popup-session .custom-control-label::before {
        width: 15px;
        height: 15px;
    }
    .popup-session .custom-control-input:checked + label::after {
        top: 3px;
        left: 3px;
        height: 5px;
        width: 10px;
    }
}

/*@media (max-width: 380px) {
      .popup-session .btn-phone-icon {
        max-width: 100%;
      	background-position: 60px 11px;
    }
}

@media (max-width: 325px) {
      .popup-session .btn-phone-icon {
        max-width: 100%;
      	background-position: 36px 11px;
    }
}*/
@media (max-width: 520px) and (min-height: 710px) {
/*     .popup-session .popup-header h3 {
        font-size: 5vh;
    }
    .popup-session .popup-header p {
        font-size: 3vh;
    } */
    .popup-session .popup__image {
        height: 40vh;
    }
}
/* @media (max-width: 520px) and (max-height: 700px) {
    .popup-session .popup-header h3 {
        font-size: 5vh;
    }
    .popup-session .popup-header p {
        font-size: 3.5vh;
    }
}
@media (max-width: 420px) and (max-height: 700px) {
    .popup-session .popup-header h3 {
        font-size: 5.2vh;
    }
    .popup-session .popup-header p {
        font-size: 2.9vh;
    }
}
@media (max-width: 420px) and (max-height: 600px) {
    .popup-session .popup-body .form-control {
        font-size: 3vh;
        padding: 1vh 1.2vh;
    }
    .popup-session .popup-body .form-control::placeholder {
        font-size: 3vh;
    }
}
@media (max-width: 460px) and (min-height: 600px) {
    .popup-session .popup-body .form-control {
        font-size: 3.5vh;
    }
    .popup-session .popup-body .form-control::placeholder {
        font-size: 3.5vh;
    }
} */


.apartment__prices-block {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font: 700 24px / 1.4 "Proxima Nova Bold", sans-serif;
    color: #27814e;
}

.apartment__prices-block b {
    margin-right: auto;
    margin-left: 5px;
}

.apartment__prices-col {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
}

.apartment__prices-col span {
    font: 700 30px / 1.2 "Century Gothic Bold", sans-serif;
    text-align: right;
    color: #27814e;
}
.apartment__prices-col span.apartment__prices-col-small {
    font: 700 24px / 1.4 "Century Gothic Bold", sans-serif;
}

.apartment__prices-col span + span {
    font: 700 24px / 1.4 "Century Gothic Bold", sans-serif;
    text-decoration: line-through;
    text-align: right;
    color: #828282;
}

.apartment__prices-benefit {
    margin: 6px 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font: 400 24px / 1.4 "Proxima Nova", sans-serif;
    color: #828282;
}

.apartment__prices-benefit span {
    font: 700 24px / 1.2 "Century Gothic Bold", sans-serif;
    text-align: right;
    color: #828282;
}

.apartment__prices-additional-discount {
    margin: 10px 0 20px;
    font: 400 24px / 1.4 "Proxima Nova", sans-serif;
    color: #000;
}

.apartment__prices-block--green {
    background-color: #27814e;
    color: #fff;
}

.apartment__prices-block--green span {
    color: #fff;
}

.apartment__prices-block--mortgage {
    min-height: 50px;
    border: 1px solid #929292;
    border-radius: 5px;
    padding: 4px;
    background-color: transparent;
    align-items: center;
    color: #27814e;
    margin-bottom: 40px;
    font-weight: 400 !important;
    font-family: "Proxima Nova", sans-serif !important;
}

.apartment__prices-block--mortgage span {
    font: 700 22px / 1.2 "Century Gothic Bold", sans-serif;
    text-align: right;
    color: #000;
}

@media (max-width: 790px) {
    .apartment__prices-block {
        font: 700 20px / 1.2 "Proxima Nova Bold", sans-serif;
    }

    .apartment__prices-col span {
        font-size: 24px;
    }
    .apartment__prices-col span.apartment__prices-col-small {
        font: 700 20px / 1.2 "Century Gothic Bold", sans-serif;
    }
    .apartment__prices-col span + span {
        font-size: 18px;
    }

    .apartment__prices-benefit {
        font: 400 20px / 1.2 "Proxima Nova", sans-serif;
    }

    .apartment__prices-benefit span {
        font-size: 20px;
    }

    .apartment__prices-block--mortgage {
        margin-bottom: 30px;
    }

    .apartment__prices-additional-discount {
        font-size: 20px;
    }
}
@media (max-width: 520px) {
    .apartment__prices-block {
        font-size: 18px;
    }

    .apartment__prices-col span {
        font-size: 22px;
    }
    .apartment__prices-col span.apartment__prices-col-small {
        font-size: 18px;
    }
    .apartment__prices-col span + span {
        font-size: 18px;
    }

    .apartment__prices-benefit,
    .apartment__prices-benefit span {
        font-size: 18px;
    }

    .apartment__prices-additional-discount {
        font-size: 18px;
    }

    .apartment__prices-block--mortgage {
        margin-bottom: 20px;
        min-height: 40px;
    }

}

@media (max-width: 420px) {
    .apartment__prices-block--mortgage span {
        font-size: 20px;
    }
}

.cl_btn {
    border: 1px solid #27814e;
    color: #000 !important;
    background-color: #fff;
    margin-top: 10px;
}

.cl_btn:hover {
    background-color: #27814e;
    color: #fff !important;
}



.main-advantage-image {
    display: block;
    width: 100%;
    margin: 31px auto 50px;
}

.container-big-advantages {
    max-width: 1532px;
    padding: 0 15px;
    position: relative;
    margin: 0 auto;
}

.container-big-advantages .title {
    display: none;
}

.container-giant {
    max-width: 1602px;
    padding: 0 15px;
    margin: 0 auto;
}

.advantages-title {
    font-family: "Gilroy Light", sans-serif;
    font-size: 60px;
    color: #000;
    margin-top: 73px;
}

.advantages__wrapper {
    margin: 57px 0 20px;
}

.advantages__slider {
    display: none;
}

.advantages__item {
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
    border: 2px solid #bababa;
    margin-bottom: 39px;
    padding-bottom: 30px;
}

.advantages__item-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 25px 32px 28px;
}

.advantages__item img {
    border-radius: 30px;
    overflow: hidden;
}

.advantages__item-text {
    border: 1px solid #a1a1a1;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.8);
    padding: 57px 41px 50px;
}

.advantages__title {
    font-family: "Gilroy Medium", sans-serif;
    font-size: 32px;
    color: rgba(0, 0, 0, 0.9);
    margin-bottom: 3px;
}

.advantages__item__descr {
    font-family: "Gilroy Regular", sans-serif !important;
    line-height: 1.4;
    padding: 0 !important;
}

.advantages__item-wrapper--100 {
    position: relative;
    min-height: 600px;
    padding: 26px 32px 28px;
}

.advantages__item-wrapper--100 img {
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.advantages__item-wrapper--100 .advantages__item-text {
    position: absolute;
    bottom: 63px;
    left: 74px;
    width: 100%;
    max-width: 657px;
    padding: 19px 17px 35px;
}

.advantages__item__left {
    width: calc(49.8% - 18px);
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.advantages__item__right {
    width: calc(50.2% - 18px);
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.advantages__item-image {
    width: calc(50% - 12.5px);
}

.advantages__item-wrapper--63 .advantages__item__left {
    width: calc(63.2% - 18px);
}

.advantages__item-wrapper--63 .advantages__item__right {
    width: calc(36.8% - 18px);
}

.advantages__item-wrapper--32 .advantages__item__left {
    width: calc(32% - 20.5px);
}

.advantages__item-wrapper--32 .advantages__item__right {
    width: calc(68% - 20.5px);
}

.advantages__item-text span {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #000;
    display: block;
    margin-top: 28px;
}

.advantages__item-text ul {
    list-style: none;
}

.advantages__item-text li {
    font-family: "Proxima Nova", sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 1.23;
    color: #000;
    margin-bottom: 0;
    padding-left: 0;
}

.advantages__item-text li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: -15px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #000;
}

.advantages__item-wrapper--100 .advantages__item-text li {
    padding-left: 15px;
}

.advantages__item-wrapper--100 .advantages__item-text li::before {
    left: 0;
}

.advantages__item-wrapper--32 .advantages__item-text {
    padding: 13px 38px;
}

.advantages__item-wrapper--32 .advantages__title {
    margin-bottom: 30px;
}

.advantages__item-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 32px;
}
.advantages__item-footer-title {
    font-family: "Gilroy Medium", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    color: #000;
}
.advantages__item-wrap {
    display: grid;
    grid-template-columns: 25% 27% 30% 13.8%;
    gap: 20px;
    list-style: none !important;
    margin: 0 !important;
}
.advantages__item-wrap li {
    line-height: initial;
    padding-left: 0 !important;
    margin-bottom: 0 !important;
}
.advantages__item-wrap li::before {
    display: none !important;
}
.advantages__item-link {
    font-family: "Gilroy Medium", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    color: #27814E !important;
    text-decoration: underline;
    position: relative;
}
.advantages__item-link:hover {
    text-decoration: none;
}
.advantages__item-link::after {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("/assets/sites/71/img/advantages/arrow.png") center/contain no-repeat;
    margin-left: 10px;
}

@media (max-width: 1532px) {
    .main-advantage-image {
        margin: 1.3vw auto;
    }

    .advantages-title {
        font-size: 4.8vw;
        margin-top: 2.61vw;
    }

    .advantages__wrapper {
        margin: 40px 0 10px;
    }

    .advantages__item {
        margin-bottom: 1.3vw;
        border-radius: 1.95vw;
        padding-bottom: 1.96vw;
    }

    .advantages__item-wrapper {
        padding: 1.63vw 2.09vw 20px;
    }

    .advantages__item-footer {
        padding: 0 2.09vw;
    }

    .advantages__item-text {
        border-radius: 1.95vw;
        padding: 3.72vw 2.67vw 3.26vw;
    }

    .advantages__item img {
        border-radius: 1.95vw;
    }

    .advantages__item__left {
        width: calc(49.8% - 1.17vw);
        gap: 1.64vw;
    }

    .advantages__item__right {
        width: calc(50.2% - 1.17vw);
        gap: 1.64vw;
    }

    .advantages__item-text li {
        font-size: 1.43vw;
        line-height: 1.2;
        padding-left: 0;
    }

    .advantages__item-text li::before {
        top: .58vw;
        left: -.98vw;
        width: .33vw;
        height: .33vw;
    }

    .advantages__item-wrapper--100 .advantages__item-text li {
        padding-left: .65vw;
    }

    .advantages__title {
        font-size: 1.82vw;
    }

    .advantages__item-text span {
        font-size: 1.43vw;
        margin-top: 1.82vw;
    }

    .advantages__item__descr {
        font-size: 1.43vw !important;
        line-height: 1.2;
    }

    .advantages__item-wrapper--63 .advantages__item__left {
        width: calc(63.2% - 1.17vw);
    }

    .advantages__item-wrapper--63 .advantages__item__right {
        width: calc(36.8% - 1.17vw);
    }

    .advantages__item-wrapper--32 .advantages__item__left {
        width: calc(32% - 1.33vw);
    }

    .advantages__item-wrapper--32 .advantages__item__right {
        width: calc(68% - 1.33vw);
    }

    .advantages__item-wrapper--32 .advantages__item-text {
        padding: .84vw 2.48vw;
    }

    .advantages__item-wrapper--32 .advantages__title {
        margin-bottom: 1.95vw;
    }

    .advantages__item-wrapper--100 {
        min-height: 100px;
        padding: 1.95vw 2.09vw 20px;
    }
    .advantages__item-wrapper--100 + .advantages__item-footer {
        padding: 0 2.09vw;
    }

    .advantages__item-wrapper--100 .advantages__item-text {
        bottom: 4.11vw;
        left: 4.83vw;
        padding: 1.24vw 1.11vw;
        max-width: 42.88vw;
    }

    .advantages__item-wrapper--100 img {
        border-radius: 1.95vw;
    }

    .advantages__item-image {
        width: calc(50% - .82vw);
    }
    
    .advantages__item-wrap {
        grid-template-columns: repeat(4, auto);
        gap: 20px 10px;
    }

    .advantages__item-footer-title {
        font-size: 18px;
    }
    .advantages__item-link {
        font-size: 20px;
        line-height: 1.3;
    }
    .advantages__item-link::after {
        width: 20px;
        height: 20px;
        margin-left: 6px;
    }
}
@media (max-width: 900px) {
    .advantages__item-wrap {
        grid-template-columns: repeat(3, auto);
    }
}
@media (max-width: 620px) {
    .main-advantage-image {
        height: 191px;
    }

    .title.advantages-title {
        font-family: "Gilroy Light", sans-serif !important;
        font-size: 40px !important;
        text-transform: none !important;
    }
    .title.advantages-title::after {
        bottom: 60px !important;
    }

    .advantages-title:not(.title) {
        display: none;
    }

    .advantages__wrapper {
        display: none;
    }

    .advantages__slider {
        display: block;
        margin-bottom: 6.2vw !important;
    }

    .advantages__slider .slick-track {
        display: flex !important;
    }

    .advantages__slider .slick-dots {
        margin: 0 !important;
        bottom: 10px;
    }

    .advantages__slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 6px;
        height: 6px;
        margin: 0 4px !important;
        padding: 0;
        cursor: pointer;
        padding: 0 !important;
        border-radius: 50%;
        background-color: #8a8888;
        border: 1px solid transparent;
    }

    .advantages__slider .slick-dots li:nth-child(2) {
        border: 1px solid #fff;
        background-color: transparent;
    }

    .advantages__slider .slick-dots li:first-child.slick-active {
        background-color: #fffcfc;
    }

    .advantages__slider .slick-dots li:nth-child(2).slick-active {
        background-color: #fff;
        border: 1px solid #979797;
    }

    .advantages__slider .slick-dots li button {
        width: 6px;
        height: 6px;
    }

    .advantages__slider .slick-dots li::before {
        display: none;
    }

    .advantages__slider .slick-dots li button::before {
        display: none;
    }

    .container-big-advantages .title {
        font-family: 'Proxima Nova Semibold', sans-serif;
        display: block;
        margin-top: 40px;
    }

    .advantages__slide {
        display: flex !important;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        position: relative;
        flex-grow: 1;
        height: auto;
        margin-left: 2px;
        margin-right: 2px;
        border-radius: 7.53vw;
        overflow: hidden;
    }

    .advantages__slide:first-child::after {
        content: "";
        position: absolute;
        inset: 0;
        background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='370' height='516' viewBox='0 0 370 516' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 0H370V486C370 502.569 356.569 516 340 516H30C13.4315 516 0 502.569 0 486V0Z' fill='url(%23paint0_linear_5698_222)' fill-opacity='0.5'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_5698_222' x1='175.884' y1='-182.118' x2='311.029' y2='490.573' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23D9D9D9' stop-opacity='0'/%3e%3cstop offset='0.68' stop-color='%235B5B5B' stop-opacity='0.46'/%3e%3cstop offset='0.9'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ") center bottom/cover no-repeat;
        z-index: 1;
    }

    .advantages__slide img {
        width: 100%;
        min-height: 98vw;
        height: 100%;
        border-radius: 7.53vw;
        overflow: hidden;
    }

    .advantages__slide:nth-child(2) {
        border: 1px solid rgba(161, 161, 161, 0.7);
    }

    .advantages__slide:nth-child(2) img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto !important;
        z-index: 0;
        min-height: 1px;
        border-radius: 7.53vw 7.53vw 0 0;
    }

    .advantages__slide-title {
        font-family: "Gilroy Medium", sans-serif;
        font-weight: 500;
        font-size: 24px;
        color: rgba(255, 255, 255, 0.9);
        position: absolute;
        z-index: 1;
        bottom: 25px;
        left: 28px;
        max-width: calc(100% - 56px);
        z-index: 2;
    }

    .advantages__slide-text {
        width: 100%;
        background-color: #fff;
        border-radius: 5.02vw 5.02vw 7.53vw 7.53vw;
        padding: 24px 25px 25px;
        position: relative;
        z-index: 1;
    }

    .advantages__slide-text h3 {
        font-family: "Gilroy Bold", sans-serif;
        font-size: 16px;
        color: rgba(0, 0, 0, 0.9);
        margin-bottom: 2vw;
    }

    .advantages__slide-text p {
        font-family: "Gilroy Medium", sans-serif;
        font-size: 14px !important;
        line-height: 1.4 !important;
        color: #000;
        padding: 0 !important;
    }

    .advantages__slide-text ul {
        list-style: none;
        margin-bottom: 0 !important;
    }

    .advantages__slide-text li {
        font-family: "Gilroy Medium", sans-serif;
        font-size: 14px !important;
        line-height: 1.4 !important;
        color: #000;
        position: relative;
        padding-left: 2vw;
        margin-bottom: .2vw;
    }

    .advantages__slide-text li::before {
        content: '';
        position: absolute;
        top: 1.9vw;
        left: 0;
        width: .75vw;
        height: .75vw;
        border-radius: 50%;
        background-color: #000;
    }

    .advantages__slide-text span {
        display: block;
        font-family: "Gilroy Medium", sans-serif;
        font-size: 14px !important;
        color: #000;
    }

    .advantages__item-footer {
        padding: 0;
        gap: 12px;
        margin-top: 6px;
    }

    .advantages__item-footer-title {
        font-size: 14px;
        line-height: 1.4;
    }

    .advantages__item-wrap {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 20px;
    }
    .advantages__item-link {
        font-size: 16px;
        line-height: 1.4;
    }
    .advantages__item-link::after {
        width: 16px;
        height: 16px;
        margin-left: 4px;
    }
}

@media (max-width: 380px) {
    .container-big-advantages .title {
        margin-top: 25px;
    }
}


.apartments__result-empty {
    display: none;
    font-family: 'Proxima Nova Semibold', sans-serif;
    font-size: 42px;
    line-height: 1.2;
    color: #27814e;
    padding: 95px 0 0;
    text-align: center;
    width: 100%;
}

@media (max-width: 1230px) {
    .apartments__result-empty {
        font-size: 38px;
        padding: 80px 0 0;
    }
}

@media (max-width: 1023px) {
    .apartments__result-empty {
        font-size: 32px;
        padding: 60px 0 20px;
    }
}

@media (max-width: 767px) {
    .apartments__result-empty {
        font-size: 28px;
        padding: 40px 0 0;
    }
}

@media (max-width: 480px) {
    .apartments__result-empty {
        font-size: 24px;
        padding: 45px 0 0;
    }
}

.txt-lbl {
    margin: 10px 100px;
}

@media (max-width: 480px) {
    .txt-lbl {
        margin: 0 15px;
    }
}


.mortgage-rate .text-ip {
	font-size: 13px;
    position: absolute;
    top: 305px;
    left: 40px;
  	padding-bottom: 0px;
}

@media (max-width: 900px) {
    .mortgage-rate .text-ip {
    	top: 230px;
        left: 30px;
        font-size: 11px;
    }
}

@media (max-width: 500px) {
    .mortgage-rate .text-ip {
    	top: 131px;
        left: 25px;
        font-size: 10px;
    }
}

@media (max-width: 400px) {
    .mortgage-rate .text-ip {
		top: 120px;
    }
}

@media (max-width: 700px) {
    .kapital-page__image {
        width: 100%;
        height: 450px;
        position: relative;
        overflow: hidden;
    }
    .kapital-page__image img {
        position: absolute;
        top: 50%;
        left: 65%;
        transform: translate(-50%, -50%);
        width: 160%;
        object-fit: cover;
        max-width: 150%;
        height: 100% !important;
    }
}
@media (max-width: 420px) {
    .kapital-page__image img {
        left: 70%;
    }
}

.ekko-lightbox-item .img-fluid {
	max-height: 100%;
}
@media (max-width: 920px) {
    .ekko-lightbox .modal-content {
        width: 100%;
    }
}

.floating-fixed-menu {
    position: fixed;
    bottom: 110px;
    right: 41px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
}

.fixed-menu__button {
    margin-right: 4px;
    backdrop-filter: blur(5px);
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 15.879L25.425 8.45398L27.546 10.575L20.121 18L27.546 25.425L25.425 27.546L18 20.121L10.575 27.546L8.45398 25.425L15.879 18L8.45398 10.575L10.575 8.45398L18 15.879Z' fill='%231B1B1B' /%3e%3c/svg%3e") center/36px no-repeat rgba(241, 241, 241, 0.4);
    border: 2px solid #1b1b1b;
    border-radius: 16px;
    width: 64px;
    height: 64px;
    cursor: pointer;
    transition: all .3s ease;
}
.fixed-menu__button:hover {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M18 15.879L25.425 8.45398L27.546 10.575L20.121 18L27.546 25.425L25.425 27.546L18 20.121L10.575 27.546L8.45398 25.425L15.879 18L8.45398 10.575L10.575 8.45398L18 15.879Z' fill='%23fff' /%3e%3c/svg%3e") center/36px no-repeat #515151;
    border-color: #515151;
    transition: all .3s ease;
}
.fixed-hidden+.fixed-menu__button {
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.5 15C5.85 15 4.5 16.35 4.5 18C4.5 19.65 5.85 21 7.5 21C9.15 21 10.5 19.65 10.5 18C10.5 16.35 9.15 15 7.5 15ZM28.5 15C26.85 15 25.5 16.35 25.5 18C25.5 19.65 26.85 21 28.5 21C30.15 21 31.5 19.65 31.5 18C31.5 16.35 30.15 15 28.5 15ZM18 15C16.35 15 15 16.35 15 18C15 19.65 16.35 21 18 21C19.65 21 21 19.65 21 18C21 16.35 19.65 15 18 15Z' fill='%23FCFCFC' /%3e%3c/svg%3e") center/36px no-repeat #1b1b1b;
    border: none;
    border-radius: 50%;
    backdrop-filter: none;
}

.fixed-hidden+.fixed-menu__button:hover {
    background-color: #515151;
    transition: all .3s ease;
}

.fixed-menu__items {
    max-height: 1000px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 10px 10px 16px;
    border-radius: 16px;
    opacity: 1;
    position: relative;
    transition: opacity 1s ease;
    transition-delay: 0.3s;
}
.fixed-menu__items::before {
    content: "";
    opacity: 1;
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 232px;
    height: 266px;
    background: url("/assets/shared/img/fixed-bg.png") center/contain no-repeat;
    z-index: -2;
    transition: opacity 1s ease;
    transition-delay: 0.3s;
}
.fixed-menu__items::after {
    content: "";
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px);
    z-index: -1;
    border-radius: 16px;
    transition: opacity 1s ease;
    transition-delay: 0.3s;
}
.fixed-menu__separator {
    opacity: 0;
    position: absolute;
    top: 221px;
    right: 25px;
    width: 22px;
    height: 16px;
    backdrop-filter: blur(5px);
}
.fixed-menu__separator.fixed-active {
    opacity: 1;
    transition: opacity 1s ease;
    transition-delay: 0.3s;
}

.fixed-menu__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 5px;
    border-radius: 64px;
    padding: 5px 16px;
    width: 184px;
    height: 40px;
    font: 700 14px "Century Gothic", sans-serif;
    letter-spacing: 0.02em;
    color: #fcfcfc !important;
    background-color: #1b1b1b;
    transition: background-color 0.3s;
}

.fixed-menu__item:hover {
    cursor: pointer;
    background-color: #515151;
    transition: background-color 0.3s;
}

.fixed-menu__item img {
    width: 20px;
    display: block;
    flex-shrink: 0;
}

.fixed-hidden {
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0 !important;
    transition: none !important;
  	padding: 0;
}
.fixed-hidden.fixed-menu__items::before {
    opacity: 0 !important;
    transition: none !important;
}
.fixed-hidden.fixed-menu__items::after {
    opacity: 0 !important;
    transition: none !important;
}

@media (max-width: 900px) {
    .floating-fixed-menu {
        bottom: 65px;
        right: 6px;
    }
    .fixed-menu__button {
        margin-right: 12px;
    }
    .fixed-menu__item {
        width: 222px;
        height: 48px;
        padding: 5px 24px;
    }
    .fixed-menu__items::before {
        width: 270px;
        height: 298px;
        background-image: url("/assets/shared/img/fixed-bg-mobile.png");
    }
    .fixed-menu__separator {
        top: 254px;
        right: 33px;
    }
}

.popup-messenger {
    border: 1px solid #f1f1f1;
    border-radius: 24px;
    max-width: 520px;
    background-color: #fff;
    overflow: hidden;
}
.popup-dialog.popup-messenger {
    top: 50%;
    transform: translate(-50%,-50%) !important;
    width: 100% !important;
    height: auto !important;
}
.popup-messenger form {
    width: 100% !important;
}
.popup-messenger .modal-content {
    width: 100% !important;
}
.popup-messenger .popup-header {
    padding: 48px 48px 0;
    margin-bottom: 24px;
}
.popup-messenger .popup-body {
    padding: 0 48px;
}
.popup-messenger .popup-content {
    padding: 0;
}
.popup-messenger .popup-footer {
    padding: 0 48px 64px;
    align-items: flex-start;
    gap: 36px;
}
.popup-messenger .popup-header h3 {
    font: 700 22px / 1.18182 "Century Gothic", sans-serif;
    letter-spacing: 0.07em;
    color: #000;
    margin-bottom: 24px;
    padding-right: 45px;
}
.popup-messenger .popup-header p {
    font: 400 16px / 1.375 "Century Gothic", sans-serif;
    color: #000;
}
.popup-messenger .popup-header button {
    top: 56px;
    right: 56px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.9997 11.0857L16.9497 6.13574L18.3637 7.54974L13.4137 12.4997L18.3637 17.4497L16.9497 18.8637L11.9997 13.9137L7.04974 18.8637L5.63574 17.4497L10.5857 12.4997L5.63574 7.54974L7.04974 6.13574L11.9997 11.0857Z' fill='%23262626' /%3e%3c/svg%3e");
}
.popup-messenger .popup-body .form-group {
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
    margin-bottom: 20px;
}
.popup-messenger .popup-body .form-group::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 16px;
    width: 24px;
    height: 24px;
}
.popup-phone .popup-body .form-group::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.366 11.182C10.3043 12.8305 11.6695 14.1957 13.318 15.134L14.202 13.896C14.3442 13.6969 14.5543 13.5569 14.7928 13.5023C15.0313 13.4478 15.2814 13.4825 15.496 13.6C16.9103 14.3729 18.4722 14.8378 20.079 14.964C20.3298 14.9839 20.5638 15.0975 20.7345 15.2823C20.9052 15.4671 21 15.7094 21 15.961V20.423C21.0001 20.6706 20.9083 20.9094 20.7424 21.0932C20.5765 21.277 20.3483 21.3927 20.102 21.418C19.572 21.473 19.038 21.5 18.5 21.5C9.94 21.5 3 14.56 3 6C3 5.462 3.027 4.928 3.082 4.398C3.10725 4.1517 3.22298 3.92352 3.40679 3.75763C3.5906 3.59175 3.82941 3.49995 4.077 3.5H8.539C8.79056 3.49997 9.0329 3.59475 9.21768 3.76545C9.40247 3.93615 9.51613 4.17022 9.536 4.421C9.66222 6.02779 10.1271 7.58968 10.9 9.004C11.0175 9.21856 11.0522 9.46874 10.9977 9.7072C10.9431 9.94565 10.8031 10.1558 10.604 10.298L9.366 11.182ZM6.844 10.525L8.744 9.168C8.20478 8.00409 7.83535 6.76884 7.647 5.5H5.01C5.004 5.666 5.001 5.833 5.001 6C5 13.456 11.044 19.5 18.5 19.5C18.667 19.5 18.834 19.497 19 19.49V16.853C17.7312 16.6646 16.4959 16.2952 15.332 15.756L13.975 17.656C13.4287 17.4437 12.898 17.1931 12.387 16.906L12.329 16.873C10.3676 15.7567 8.74328 14.1324 7.627 12.171L7.594 12.113C7.30691 11.602 7.05628 11.0713 6.844 10.525Z' fill='%23262626' /%3e%3c/svg%3e");
}
.popup-whatsapp .popup-body .form-group::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.25301 18.994L7.97701 19.417C9.19801 20.1291 10.5866 20.5029 12 20.5C13.5823 20.5 15.129 20.0308 16.4446 19.1518C17.7602 18.2727 18.7855 17.0233 19.3911 15.5615C19.9966 14.0997 20.155 12.4911 19.8463 10.9393C19.5376 9.3874 18.7757 7.962 17.6569 6.8431C16.538 5.7243 15.1126 4.9624 13.5607 4.6537C12.0089 4.345 10.4004 4.5035 8.93851 5.109C7.47671 5.7145 6.22731 6.7398 5.34831 8.0554C4.46921 9.371 4.00001 10.9177 4.00001 12.5C4.00001 13.936 4.37701 15.313 5.08401 16.524L5.50601 17.248L4.85301 19.649L7.25301 18.994ZM2.00402 22.5L3.35601 17.532C2.46521 16.0049 1.99711 14.268 2.00001 12.5C2.00001 6.977 6.47701 2.5 12 2.5C17.523 2.5 22 6.977 22 12.5C22 18.023 17.523 22.5 12 22.5C10.2328 22.5029 8.49671 22.0352 6.97001 21.145L2.00402 22.5ZM8.39101 7.808C8.52501 7.798 8.66001 7.798 8.79401 7.804C8.84801 7.808 8.90201 7.814 8.95601 7.82C9.11501 7.838 9.29001 7.935 9.34901 8.069C9.64701 8.745 9.93701 9.426 10.217 10.109C10.279 10.261 10.242 10.456 10.124 10.646C10.0429 10.7745 9.95511 10.8986 9.86101 11.018C9.74801 11.163 9.50501 11.429 9.50501 11.429C9.50501 11.429 9.40601 11.547 9.44401 11.694C9.45801 11.75 9.50401 11.831 9.54601 11.899L9.60501 11.994C9.86101 12.421 10.205 12.854 10.625 13.262C10.745 13.378 10.862 13.497 10.988 13.608C11.456 14.021 11.986 14.358 12.558 14.608L12.563 14.61C12.648 14.647 12.691 14.667 12.815 14.72C12.877 14.746 12.941 14.769 13.006 14.786C13.0732 14.8031 13.1439 14.7999 13.2093 14.7767C13.2746 14.7536 13.3316 14.7116 13.373 14.656C14.097 13.779 14.163 13.722 14.169 13.722V13.724C14.2193 13.6771 14.2791 13.6415 14.3443 13.6196C14.4095 13.5977 14.4786 13.59 14.547 13.597C14.607 13.601 14.668 13.612 14.724 13.637C15.255 13.88 16.124 14.259 16.124 14.259L16.706 14.52C16.804 14.567 16.893 14.678 16.896 14.785C16.9 14.852 16.906 14.96 16.883 15.158C16.851 15.417 16.773 15.728 16.695 15.891C16.6416 16.0022 16.5707 16.1042 16.485 16.193C16.3841 16.2989 16.2736 16.3954 16.155 16.481C16.114 16.5119 16.0723 16.5419 16.03 16.571C15.9056 16.6499 15.7778 16.7233 15.647 16.791C15.3895 16.9278 15.1052 17.0063 14.814 17.021C14.629 17.031 14.444 17.045 14.258 17.035C14.25 17.035 13.69 16.948 13.69 16.948C12.2683 16.574 10.9534 15.8735 9.85001 14.902C9.62401 14.703 9.41501 14.489 9.20101 14.276C8.31101 13.391 7.63901 12.436 7.23101 11.534C7.02221 11.0913 6.90941 10.6094 6.90001 10.12C6.89592 9.5129 7.09441 8.9217 7.46401 8.44C7.53701 8.346 7.60601 8.248 7.72501 8.135C7.85201 8.015 7.93201 7.951 8.01901 7.907C8.13471 7.849 8.26091 7.815 8.39001 7.807L8.39101 7.808Z' fill='%23262626' /%3e%3c/svg%3e");
}
.popup-telegram .popup-body .form-group::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.8859 8.50524C21.0443 7.55444 21.1594 6.29144 20.3617 5.35044C19.1521 3.92734 17.1678 4.58884 15.717 5.19044L3.16902 10.5212C2.71782 10.7199 2.27932 10.9514 1.90152 11.2722C1.42042 11.6808 0.965916 12.2982 1.00202 13.1553C1.01732 13.5204 1.12662 13.9554 1.44782 14.3695C1.76782 14.7821 2.27562 15.1446 3.03752 15.4059C3.75922 15.6528 4.48192 15.8968 5.21522 16.1077C5.75592 16.2631 6.25632 16.3418 6.73932 16.3418C7.30792 16.3418 7.79122 16.2317 8.20092 16.0748C8.39772 16.968 9.06402 17.553 9.77442 18.0585C10.5037 18.5801 13.7723 20.7393 14.1365 20.9795C14.8724 21.4653 15.5768 21.7277 16.278 21.7277C16.8208 21.7277 17.4623 21.5811 18.0289 21.0764C18.5917 20.5752 19.0361 19.7602 19.2683 18.5099C19.6441 16.4894 19.9554 14.4588 20.2668 12.4281C20.4674 11.1196 20.668 9.81114 20.8859 8.50524ZM10.9653 16.2291C10.835 16.1366 10.7155 16.0517 10.607 15.9591C10.4782 15.849 10.3978 15.7544 10.3567 15.6708C10.3223 15.6007 10.3111 15.5319 10.3393 15.4374C10.3717 15.3286 10.4646 15.162 10.698 14.9337C11.0669 14.5725 13.4974 12.2515 15.395 10.4413C15.633 10.214 15.6585 9.90174 15.5475 9.66134C15.4459 9.44124 15.2159 9.25424 14.9231 9.25424C14.7874 9.25424 14.6557 9.29605 14.5404 9.37255C11.9873 11.0658 8.44132 13.4195 7.98692 13.7284C7.57712 14.0066 7.21642 14.1609 6.73882 14.1609C6.48602 14.1609 6.18692 14.1177 5.81722 14.0113C5.01622 13.7813 4.23142 13.5105 3.84302 13.3766C2.96352 13.0731 3.39942 12.8038 4.04762 12.5185C8.93012 10.3708 15.2006 7.76744 16.44 7.25274C16.4841 7.23454 16.5218 7.21885 16.5528 7.20595C17.4384 6.83805 18.0231 6.66775 18.3876 6.66775C19.0012 6.66775 18.8359 7.57774 18.7533 8.03214C18.7456 8.07484 18.7385 8.11344 18.733 8.14694C18.6517 8.63444 18.5247 9.46014 18.3704 10.4635C18.0231 12.7215 17.5373 15.8799 17.1226 18.1118C17.1196 18.1281 17.1165 18.1452 17.1132 18.1632C17.031 18.6111 16.8593 19.5467 16.2771 19.5467C16.0674 19.5467 15.7624 19.4398 15.3375 19.1593C15.0087 18.942 14.6789 18.7257 14.3491 18.5093C13.2119 17.763 12.0736 17.0161 10.9653 16.2291Z' fill='%23262626' /%3e%3c/svg%3e");
}
.popup-messenger .popup-body .form-group::after {
    content: "+7";
    position: absolute;
    top: 17px;
    left: 48px;
    font: 700 16px / 1.375 "Century Gothic", sans-serif;
    color: #262626;
}
.popup-messenger .popup-label {
    width: auto;
    position: absolute;
    left: 75px;
    top: 17px;
    margin-bottom: 0 !important;
    font: 400 16px / 1.375 "Century Gothic", sans-serif;
    color: #6e6e6e;
}
.popup-messenger .popup-body .form-control {
    height: 56px;
    border: none;
    border-bottom: 1px solid #262626;
    font: 400 16px / 1.375 "Century Gothic", sans-serif;
    color: #262626;
    padding: 20px 16px 5px 75px;
    margin-top: 0;
}
.popup-messenger-captcha {
    margin-top: 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.popup-messenger-captcha .form-control {
    height: 44px !important;
    padding: 5px 16px !important;
}
.popup-messenger-captcha .form-control::placeholder {
    font: inherit !important;
}
.popup-messenger .popup-body .form-control:hover {
    border-bottom-color: #27814e;
}
.popup-messenger .popup-body .form-group > .form-control::placeholder {
    font: inherit;
    color: transparent;
}
.popup-messenger .popup-body .form-control:focus::placeholder {
    color: #6e6e6e;
}
.popup-messenger .popup-body .form-control:focus {
    border-color: #27814e;
}
.popup-messenger .popup-body .form-control:focus + .popup-label,
.popup-messenger .popup-body .form-control:not(:placeholder-shown).form-control:not(:focus) + .popup-label {
    top: 9px;
    font: 400 12px / 1.33333 "Century Gothic", sans-serif;
    color: #6e6e6e;
}
.popup-messenger-error {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    font: 400 10px / 1.33333 "Century Gothic", sans-serif;
    color: red;
    text-align: center;
}
.popup-messenger .custom-control-label::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 1px solid #27814e;
    border-radius: 6px !important;
}
.popup-messenger .custom-control-input:checked+label::after {
    top: 1px;
    left: 1px;
    width: 20px;
    height: 20px;
    border: none !important;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.33312 12.6433L15.9931 4.98242L17.1723 6.16076L8.33312 14.9999L3.02979 9.69659L4.20812 8.51826L8.33312 12.6433Z' fill='%23FCFCFC' /%3e%3c/svg%3e") center/contain no-repeat !important;
    transform: none !important;
}
.modal .popup-messenger .custom-control-label {
    font: 400 12px / 1.33333 "Century Gothic", sans-serif;
    color: inherit;
    padding-left: 36px;
    margin-left: 16px !important;
}
.popup-messenger .custom-control-label a {
    font: inherit;
    font-weight: 700 !important;
    color: #27814e !important;
}
.popup-messenger .btn-popup {
    padding: 5px 20px;
    border-radius: 64px;
    margin: 0 !important;
    width: max-content;
    min-height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font: 700 16px / 1.25 "Century Gothic", sans-serif;
    letter-spacing: 0.07em;
    color: #fcfcfc !important;
    background-color: #27814e !important;
    border: none;
    transition: all .3s ease;
}
.popup-messenger .btn-popup:hover {
    opacity: .7;
    transition: all .3s ease;
}
@media (max-width: 540px) and (min-height: 450px) {
    .popup-dialog.popup-messenger {
        top: auto !important;
        bottom: 50px;
        transform: translate(-50%,0) !important;
    }
}
@media (max-width: 540px) {
    .popup-dialog.popup-messenger {
        max-width: calc(100% - 24px);
    }
    .popup-messenger .popup-header {
        padding: 24px 24px 0;
        margin-bottom: 16px;
    }
    .popup-messenger .popup-header button {
        top: 32px;
        right: 32px;
    }
    .popup-messenger .popup-body {
        padding: 0 24px;
    }
    .popup-messenger .popup-footer {
        padding: 0 24px 32px;
        gap: 28px;
    }
    .popup-messenger .popup-header h3 {
        font: 700 15px / 1.22222 "Century Gothic", sans-serif;
        color: #000;
        margin-bottom: 14px;
    }
    .popup-messenger .popup-header p {
        font: 400 10px / 1.33333 "Inter", sans-serif;
    }
    .popup-messenger .popup-body .form-group::before {
        width: 22px;
        height: 22px;
        left: 14px;
        top: 14px;
    }
    .popup-messenger .popup-label {
        left: 67px;
        top: 15px;
        font-size: 14px;
    }    
    .popup-messenger .popup-body .form-control:focus + .popup-label,
    .popup-messenger .popup-body .form-control:not(:placeholder-shown).form-control:not(:focus) + .popup-label {
        top: 7px;
        font-size: 10px;
    }
    .popup-messenger .popup-body .form-control {
        height: 49px;
        font: 400 14px / 1.375 "Century Gothic", sans-serif;
        padding: 20px 16px 5px 66px;
    }
    .popup-messenger .popup-body .form-group::after {
        left: 42px;
        top: 15px;
        font-size: 14px;
    }
    .popup-messenger-error {
        font-size: 9px;
    }
    .modal .popup-messenger .custom-control-label {
        font: 400 8px / 1.4 "Inter", sans-serif;
        margin-left: 14px;
        padding-left: 32px;
    }
    .popup-messenger .custom-control-label::before {
        width: 22px;
        height: 22px;
    }
    .popup-messenger .custom-control-input:checked+label::after {
        width: 18px;
        height: 18px;
    }
    .popup-messenger .btn-popup {
        padding: 5px 10px;
        width: 100%;
        min-height: 42px;
        gap: 4px;
        font: 700 12px / 1.28571 "Century Gothic", sans-serif;
    }
    .popup-messenger .btn-popup img {
        width: 22px;
    }
}


.modal-cities__dialog {
    width: 100%;
    max-width: 600px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0;
}
.modal-cities__dialog form {
    width: 100%;
    margin: 0 auto;
}
.modal-cities__content {
    width: 100%;
    border: none;
    border-radius: 24px;
    position: static;
    margin: 0;
    padding: 56px 48px;
    background-color: #fff;
}
.modal-cities__header {
    width: 100%;
    margin-bottom: 40px;
    padding: 0;
    border: none;
}
.modal-cities__header button {
    padding: 0;
    position: absolute;
    z-index: 10;
    top: 20px;
    right: 20px;
    width: 28px;
    height: 28px;
    border: none;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.0839 14L27.5527 3.53005C27.8407 3.24184 27.9995 2.85732 28 2.44731C28 2.03708 27.8411 1.65211 27.5527 1.36435L26.6353 0.447119C26.3469 0.158222 25.9624 0 25.5519 0C25.1422 0 24.7577 0.158222 24.4693 0.447119L14.0005 10.9164L3.53119 0.447119C3.24322 0.158222 2.8585 0 2.44829 0C2.03854 0 1.65382 0.158222 1.36585 0.447119L0.448 1.36435C-0.149333 1.96172 -0.149333 2.93336 0.448 3.53005L10.917 14L0.448 24.4695C0.159805 24.7582 0.00113821 25.1427 0.00113821 25.5527C0.00113821 25.9627 0.159805 26.3472 0.448 26.6357L1.36563 27.5529C1.65359 27.8416 2.03854 28 2.44807 28C2.85828 28 3.24299 27.8416 3.53096 27.5529L14.0002 17.0834L24.469 27.5529C24.7575 27.8416 25.142 28 25.5517 28H25.5522C25.9621 28 26.3466 27.8416 26.6351 27.5529L27.5525 26.6357C27.8404 26.3474 27.9993 25.9627 27.9993 25.5527C27.9993 25.1427 27.8404 24.7582 27.5525 24.4697L17.0839 14Z' fill='black' /%3e%3c/svg%3e") center/contain no-repeat;
}
.modal-cities__title {
    font: 400 22px / 1.2 "Century Gothic", sans-serif;
    text-align: center;
    color: #000;
}
.modal-cities__title-last {
    display: none;
}
.modal-cities__title span {
    font: inherit !important;
    font-weight: 700 !important;
    font-family: "Century Gothic Bold", sans-serif !important;
}
.modal-cities__content .popup-body {
    padding: 0;
}
.modal-cities__btns {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.modal-cities__btn {
    width: 100%;
    min-height: 48px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 700 18px / 1.2 "Century Gothic", sans-serif;
    color: #fff;
    border: none;
    background: #15a14a;
    transition: all .3s ease;
}
.modal-cities__btn:hover {
    opacity: .8;
    transition: all .3s ease;
}
.modal-cities__btn-next {
    background: #929292;
}
.modal-cities__form {
    width: 100%;
    display: none;
}
.modal-cities__form .form-group {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.modal-cities__label {
    position: relative;
    margin: 0 !important;
}
.modal-cities__input {
    position: absolute;
    bottom: 107px;
    z-index: -1;
    opacity: 0;
}
.modal-cities__input + span {
    display: inline-block;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding-left: 32px;
    position: relative;
    font: 400 20px / 1.2 "Century Gothic", sans-serif;
    text-align: center;
    color: #0f1010;
}
.modal-cities__input:checked + span {
    color: #15a14a !important;
    font-weight: 700 !important;
    font-family: "Century Gothic Bold", sans-serif !important;
}
.modal-cities__input + span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border: 1px solid #a1a1a1;
    border-radius: 50%;
}
.modal-cities__input:checked + span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: #15a14a;
    border-radius: 50%;
}

@media (max-width: 620px) {
    .modal-cities__dialog {
        max-width: calc(100% - 40px);
        top: 40px;
        transform: translate(-50%, 0) !important;
    }
    .modal-cities__content {
        border-radius: 16px;
        padding: 40px;
    }
    .modal-cities__header {
        margin-bottom: 23px;
    }
    .modal-cities__header button {
        top: 16px;
        right: 16px;
        width: 24px;
        height: 24px;
    }
    .modal-cities__title {
        font-size: 20px;
    }
    .modal-cities__btns {
        gap: 8px;
    }
    .modal-cities__input + span {
        padding-left: 28px;
    }
}
@media (max-width: 480px) { 
    .modal-cities__title {
        text-align: left;
    }   
    .modal-cities__btns {
        grid-template-columns: 1fr;
    }
    .modal-cities__form .form-group {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.call {
    width: 100%;
    padding: 80px 0 100px;
    background-color: #fff;
}
.call .container-main {
    max-width: 1790px;
}
.call__title {
    font: 500 32px / 1.2 "Gilroy Medium", sans-serif;
    color: #272829;
}
.call__title-mobile {
    display: none;
}
.call__inner {
    width: 100%;
    padding: 60px 20px;
    margin-top: 42px;
    background: #f3f3f4;
}
.call__wrapper {
    width: 100%;
    max-width: 1460px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.call__left {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}
.call__description {
    font: 600 20px / 1.4 "Gilroy Semibold", sans-serif;
    color: #454950;
}
.call__image-mobile {
    display: none;
}
.call__image {
    width: 268px;
}
.call__image img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}
.call__right {
    width: 100%;
}
.call-form {
    width: 100%;
}
.call-form__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}
.call-form__content .form-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.call-form__content .form-control {
    background-color: #fff;
    border: none;
    width: 100%;
    height: 50px;
    font: 500 16px / 1.4 "Gilroy Medium", sans-serif;
    letter-spacing: 0.02em;
    color: #74767c;
    padding: 5px 16px;
}
.call-form__content .form-control::placeholder {
    font: inherit !important;
    color: #74767c;
}
.call-form__footer {
    width: 100%;
}
.call-form__footer .btn-call {
    padding: 5px;
    width: 260px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #171b24;
    font: 400 20px / 1.4 "Gilroy", sans-serif;
    color: #fff;
    border-radius: 0 !important;
}
.call-form__content .custom-control {
    margin-top: 16px;
    padding: 0 !important;
}
.call-form__content .custom-control-label {
    font: 500 12px / 1.2 "Gilroy Meidum", sans-serif;
    letter-spacing: 0.02em;
    color: #74767c;
    margin: 0;
    padding-left: 26px;
}
.call-form__content .custom-control-label a {
    font: inherit !important;
    color: inherit !important;
    text-decoration: underline;
    text-decoration-skip-ink: none;
}
.call-form__content .custom-control-label a:hover {
    text-decoration: none !important;
}
.call-form__content .custom-control-label::before {
    border-radius: 4px !important;
    width: 18px;
    height: 18px;
    top: 1px;
}
.call-form__content .custom-control-input:checked+label::after {
    top: 7px;
    left: 5px;
}
@media (max-width: 1400px) {
    .call {
        padding: 64px 0 80px;
    }
    .call__title {
        font-size: 28px;
    }
    .call__inner {
        padding: 40px 20px;
        margin-top: 24px;
    }
    .call__wrapper {
        grid-template-columns: 520px auto;
        gap: 20px;
    }
    .call__left {
        gap: 16px;
    }
    .call__description {
        font: 500 16px / 1.4 "Gilroy Medium", sans-serif;
        letter-spacing: 0.01em;
        color: #171b24;
    }
    .call__image {
        width: 200px;
    }
    .call-form__content {
        gap: 16px;
    }
    .call-form__content .custom-control {
        margin-top: 0;
    }
}
@media (max-width: 1023px) {
    .call__wrapper {
        grid-template-columns: 320px auto;
    }
    .call__inner {
        padding: 25px 10px;
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    .call .container-main {
        padding: 0 !important;
    }
    .call__title {
        font: 500 26px / 1.2 "Gilroy", sans-serif;
        color: #171b24;
        display: none;
    }
    .call__title-mobile {
        display: block !important;
    }
    .call__inner {
        padding: 20px;
        margin-top: 0;
    }
    .call__wrapper {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .call__left {
        gap: 12px;
    }
    .call__description br {
        display: none;
    }
    .call__image {
        display: none;
    }
    .call__image-mobile {
        width: 100%;
        display: flex !important;
        justify-content: center;
    }
    .call-form__content .form-group {
        gap: 20px;
    }
    .call-form__content .form-control {
        height: 48px;
        font-size: 14px;
    }
    .call-form__footer {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .call-form__footer .btn-call {
        width: 204px;
        font: 500 16px / 1.4 "Gilroy", sans-serif;
        letter-spacing: 0.02em;
    }
    .call-form__content .custom-control {
        margin-top: -5px;
    }
    .call-form__content .custom-control-label {
        color: #171b24 !important;
        padding-left: 22px;
    }
    .call-form__content .custom-control-label a {
        text-decoration: none !important;
    }
}

.footer {
    width: 100%;
    background: #171b24;
    padding: 40px 0;
}
.footer__wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.footer__top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}
.footer-menu {
    flex-grow: 1;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    list-style: none !important;
    margin: 0 0 22px !important;
}
.footer-menu__link {
    font: 500 14px / 1.4 "Gilroy Medium", sans-serif;
    letter-spacing: 0.02em;
    text-align: center;
    color: #fff !important;
    text-decoration: none;
}
.footer-menu__link:hover {
    text-decoration: underline;
}
.footer__contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
}
.footer__schedule {
    font: 500 16px / 1.4 "Gilroy Medium", sans-serif;
    letter-spacing: 0.02em;
    color: #fff;
}
.footer__address {
    font: 500 14px / 1.4 "Gilroy Medium", sans-serif;
    letter-spacing: 0.02em;
    color: #fff !important;
    text-decoration: none;
}
.footer__address:hover {
    text-decoration: underline;
}
.footer__descr {
    width: 100%;
    font: 500 14px / 1.4 "Gilroy Medium", sans-serif;
    letter-spacing: 0.02em;
    color: #fff !important;
}
.footer__line {
    width: 100%;
    height: 1px;
    background-color: #454950;
}
.footer__bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
.footer__block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
.footer__logo {
    width: 284px;
}
.footer__logo > * {
    width: 100%;
    display: block;
    object-fit: contain;
}
.footer__socials {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
}
.footer__socials-mobile {
    display: none;
}
.footer__socials > * {
    border: 1px solid #454950 !important;
    border-radius: 6px !important;
    min-width: 52px !important;
    width: 52px !important;
    height: 52px !important;
    padding: 5px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none !important;
}
.footer__socials > *:hover {
    background-color: #454950 !important;
    cursor: pointer;
}
.footer__socials > * svg {
    max-width: 100% !important;
    max-height: 100% !important;
}
.footer__socials > * svg {
    filter: brightness(0);
}
.footer__copyright {
    width: 100%;
    max-width: 870px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
}
.footer__copyright-links {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.footer__copyright-link {
    font: 500 14px / 1.4 "Gilroy Medium", sans-serif;
    letter-spacing: 0.02em;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: #fff !important;
}
.footer__copyright-link:hover {
    cursor: pointer;
    text-decoration: none;
}
.footer__copyright-descr {
    font: 500 14px / 1.4 "Gilroy Medium", sans-serif;
    letter-spacing: 0.02em;
    color: #a2a4a7;
}
.footer__description {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 42px;
}
.footer__description * {
    font: 500 14px / 1.4 "Gilroy Medium", sans-serif;
    letter-spacing: 0.02em;
    color: #a2a4a7 !important;
}

@media (max-width: 1400px) {
    .footer {
        padding: 30px 5px;
    }
    .footer__top {
        gap: 10px;
    }
    .footer-menu {
        gap: 10px;
        margin: 0 !important;
    }
    .footer__schedule {
        font-size: 14px;
    }
    .footer__logo {
        zoom: .8;
    }
    .footer__socials > * {
        zoom: .8;
    }
    .footer__copyright {
        max-width: 800px;
        gap: 16px;
    }
    .footer__copyright-link {
        font: 500 12px / 1.2 "Gilroy Medium", sans-serif;
    }
    .footer__copyright-descr {
        font: 500 12px / 1.2 "Gilroy Medium", sans-serif;
    }
    .footer__description {
        gap: 20px;
    }
}
@media (max-width: 1023px) {
    .footer__top {
        flex-direction: column-reverse;
        align-items: center;
        gap: 20px;
    }
    .footer-menu {
        width: 100%;
        gap: 16px;
    }
    .footer__socials {
        display: none;
    }
    .footer__socials-mobile {
        display: flex;
    }
    .footer__contacts {
        align-items: center;
        gap: 0;
    }
    .footer__schedule,
    .footer__address {
        font: 700 14px / 1.4 "Gilroy Bold", sans-serif;
        letter-spacing: 0.02em;
        color: #fff;
    }
    .footer__descr {
        font: 500 12px / 1.2 "Gilroy Medium", sans-serif;
    }
    .footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .footer__logo {
        zoom: 1;
    }
    .footer__socials {
        margin-top: 8px;
    }
    .footer__socials > * {
        zoom: 1;
    }
}
@media (max-width: 767px) {
    .footer-menu {
        grid-template-columns: 1fr;
    }
    .footer__copyright-links {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer__description {
        flex-direction: column;
        align-items: flex-end;
        gap: 4px;
    }
}

.modal-information__dialog {
    width: 100%;
    max-width: 800px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0;
}
.modal-information__dialog form {
    width: 100%;
    margin: 0 auto;
}
.modal-information__content {
    width: 100%;
    border: none;
    border-radius: 20px;
    position: static;
    margin: 0;
    padding: 30px 40px;
    background-color: #fff;
}
.modal-information__header {
    width: 100%;
    padding: 0;
    border: none;
}
.modal-information__header button {
    padding: 0;
    position: absolute;
    z-index: 10;
    top: 20px;
    right: 20px;
    width: 28px;
    height: 28px;
    border: none;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17.0839 14L27.5527 3.53005C27.8407 3.24184 27.9995 2.85732 28 2.44731C28 2.03708 27.8411 1.65211 27.5527 1.36435L26.6353 0.447119C26.3469 0.158222 25.9624 0 25.5519 0C25.1422 0 24.7577 0.158222 24.4693 0.447119L14.0005 10.9164L3.53119 0.447119C3.24322 0.158222 2.8585 0 2.44829 0C2.03854 0 1.65382 0.158222 1.36585 0.447119L0.448 1.36435C-0.149333 1.96172 -0.149333 2.93336 0.448 3.53005L10.917 14L0.448 24.4695C0.159805 24.7582 0.00113821 25.1427 0.00113821 25.5527C0.00113821 25.9627 0.159805 26.3472 0.448 26.6357L1.36563 27.5529C1.65359 27.8416 2.03854 28 2.44807 28C2.85828 28 3.24299 27.8416 3.53096 27.5529L14.0002 17.0834L24.469 27.5529C24.7575 27.8416 25.142 28 25.5517 28H25.5522C25.9621 28 26.3466 27.8416 26.6351 27.5529L27.5525 26.6357C27.8404 26.3474 27.9993 25.9627 27.9993 25.5527C27.9993 25.1427 27.8404 24.7582 27.5525 24.4697L17.0839 14Z' fill='black' /%3e%3c/svg%3e") center/contain no-repeat;
}
.modal-information__title {
    font: 400 20px / 1.4 "Gilroy", sans-serif;
    color: #171B24;
}

@media (max-width: 820px) {
    .modal-information__dialog {
        max-width: calc(100% - 40px);
    }
    .modal-information__content {
        padding: 40px 30px;
    }
    .modal-information__header button {
        top: 16px;
        right: 16px;
        width: 24px;
        height: 24px;
    }
    .modal-information__title {
        font: 500 16px / 1.4 "Gilroy Medium", sans-serif;
        letter-spacing: .02em;
    }
}

.top-ban {
    width: 100%;
    max-width: 1760px;
    min-height: 64px;
    margin: 0 auto -8px;
    background-color: #FE7213;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 500 24px / 1.2 "Gilroy Medium", sans-serif;
    color: #fff;
    padding: 10px 45px;
}
.top-ban a {
    margin-left: 20px;
    display: inline-block;
    width: max-content;
    padding: 7px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border: 1px solid rgba(243, 243, 244, .4);
    font: 500 14px / 1.4 "Gilroy Medium", sans-serif;
    letter-spacing: .02em;
    color: #F3F3F4 !important;
    position: relative;
    text-decoration: none !important;
    transition: all .3s ease;
}
.top-ban a:hover {
    background-color: #27814E;
    border-color: #27814E;
    transition: all .3s ease;
}
.top-ban a::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M6.5 4L10.5 8L6.5 12' stroke='%23F3F3F4' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ") center/contain no-repeat;
}
.top-ban-close {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 24px;
    height: 24px;
    display: block;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.6433 12L23.6166 3.02576C23.8634 2.77872 23.9996 2.44913 24 2.0977C24 1.74606 23.8638 1.41609 23.6166 1.16944L22.8302 0.383244C22.583 0.135619 22.2535 0 21.9017 0C21.5504 0 21.2209 0.135619 20.9737 0.383244L12.0004 9.3569L3.02673 0.383244C2.7799 0.135619 2.45015 0 2.09854 0C1.74732 0 1.41756 0.135619 1.17073 0.383244L0.384 1.16944C-0.128 1.68148 -0.128 2.51431 0.384 3.02576L9.35746 12L0.384 20.9739C0.136976 21.2213 0.00097561 21.5509 0.00097561 21.9023C0.00097561 22.2537 0.136976 22.5833 0.384 22.8306L1.17054 23.6168C1.41737 23.8642 1.74732 24 2.09834 24C2.44995 24 2.77971 23.8642 3.02654 23.6168L12.0002 14.6429L20.9735 23.6168C21.2207 23.8642 21.5502 24 21.9015 24H21.9019C22.2533 24 22.5828 23.8642 22.83 23.6168L23.6164 22.8306C23.8632 22.5835 23.9994 22.2537 23.9994 21.9023C23.9994 21.5509 23.8632 21.2213 23.6164 20.974L14.6433 12Z' fill='white'/%3e%3c/svg%3e ") center/contain no-repeat;
    transition: all .3s ease;
}

.top-ban-close:hover {
    cursor: pointer;
    opacity: .8;
    transition: all .3s ease;
}

@media (max-width: 1790px) {
    .top-ban {
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
}
@media (max-width: 890px) {
    .top-ban {
        min-height: 48px;
        margin: 0 15px;
        font: 700 16px / 1.4 "Gilroy Bold", sans-serif;
        padding: 5px 32px 7px 8px;
        letter-spacing: 0.02em;
    }
    .top-ban a {
        margin-left: 4px;
        padding: 4px 12px;
        font-size: 0;
    }
    .top-ban a::before {
        content: "Подробнее";
        font: 500 12px / 1.2 "Gilroy Medium", sans-serif;
        letter-spacing: -.02em;
        color: #F3F3F4 !important;
    }
    .top-ban-close {
        position: absolute;
        top: 0;
        right: 0;
        width: 32px;
        height: 40px;
        background-size: 12px;
        opacity: .8;
    }
    .top-ban-close:hover {
        opacity: 1;
    }
}