/*! 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 */
    -webkit-text-decoration: underline dotted;
    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;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

html, body {
    max-width: 100%;
    position: relative;
    overflow-x: hidden;
}

html {
    font-size: 3.125vw;
    height: 100%;
}

body {
    background: #F9F4EE;
    color: #1b1a1c;
    font-size: 1.4rem;
    line-height: 1.55;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-weight: 400;
}

@media screen and (max-width: 575px) {
    body {
        font-size: 1.1rem;
    }
}

.my-body-noscroll-class {
    overflow: hidden;
}

.my-body-noscroll-class body {
    overflow: hidden;
}

img {
    max-width: 100%;
}

a, button, .img-svg, .modal__open {
    outline: none;
    border: 0;
    cursor: pointer;
    background: none;
    transition: 320ms;
    text-decoration: none;
}

.img-svg path, .img-svg line, .img-svg circle {
    transition: 320ms;
}

/* Bootstrap 4 */
.container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin: 0 auto;
    width: 100%;
}

@media (min-width: 576px) {
    html {
        font-size: .721vw;
    }

    .container {
        max-width: 119rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 1200px) {
    html {
        font-size: 10px;
    }
}

@media screen and (max-width: 575px) {
    .pc {
        display: none;
    }
}

@media screen and (min-width: 575px) {
    .xs {
        display: none;
    }
}

.slick-slide {
    outline: none !important;
}

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

@-webkit-keyframes animate_leaf {
    0% {
        transform: translateY(0) rotate(1deg);
    }

    50% {
        transform: translateY(2rem) rotate(-2deg);
    }

    100% {
        transform: translateY(0) rotate(1deg);
    }
}

@keyframes animate_leaf {
    0% {
        transform: translateY(0) rotate(1deg);
    }

    50% {
        transform: translateY(2rem) rotate(-2deg);
    }

    100% {
        transform: translateY(0) rotate(1deg);
    }
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

section {
    position: relative;
    z-index: 5;
}

.container {
    position: relative;
    z-index: 5;
}

.section__bg {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 192rem auto;
    background-position: center top;
}

@media screen and (max-width: 575px) {
    .section__bg {
        background-size: 48rem auto;
    }
}

@media screen and (max-width: 575px) {
    .section__bg.pc {
        display: none;
    }
}

@media screen and (min-width: 575px) {
    .section__bg.xs {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .pc {
        display: none;
    }
}

@media screen and (min-width: 575px) {
    .xs {
        display: none;
    }
}

.iframe-document {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.t-title {
    font-size: 3.6rem;
    line-height: 1.25;
    font-family: 'Cormorant';
    text-transform: uppercase;
    color: #1B1A1C;
    font-weight: 500;
}

@media screen and (max-width: 575px) {
    .t-title {
        font-size: 2.2rem;
    }

    .t-title br {
        display: none;
    }
}

.t-title .brown {
    color: #886c54;
}

.t-input {
    height: 5rem;
    border: 0;
    padding: 0;
    border-bottom: 1px solid #c0bcb6;
    background: none;
    color: #000;
    outline: none;
    font-weight: 500;
    border-radius: 0;
}

.t-input::-moz-placeholder {
    color: #A3A29F;
}

.t-input:-ms-input-placeholder {
    color: #A3A29F;
}

.t-input::placeholder {
    color: #A3A29F;
}

.form__privacy {
    margin: 1.5rem 0 0;
    font-size: 1rem;
    opacity: 0.4;
}

@media screen and (max-width: 575px) {
    .form__privacy {
        font-size: 0.8rem;
    }
}

.t-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3rem;
    transition: 320ms;
    cursor: pointer;
    position: relative;
    font-weight: 600;
    white-space: nowrap;
}

.t-btn.white {
    background: #fff;
    color: #1e1e1e;
}

.t-btn.white:hover {
    color: #96693d;
}

.t-btn.brown {
    background: #d1b48b;
    color: #fff;
}

.t-btn.brown:hover {
    background: #ad8c5d;
}

.t-btn.brown-transparent {
    border: 1px solid #d1b48b;
    color: #886c54;
}

.t-btn.brown-transparent:hover {
    background: #d1b48b;
    color: #fff;
}

.status {
    height: 3rem;
    border-radius: 3rem;
    border: 1px solid #7d9c4a;
    color: #7d9c4a;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 1rem;
    padding-right: 3.5rem;
    position: relative;
}

@media screen and (max-width: 575px) {
    .status {
        height: 2.4rem;
        padding-right: 3rem;
    }
}

.status::before {
    content: '';
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    width: 2.4rem;
    height: 2.4rem;
    background: #7d9c4a;
    border-radius: 50%;
}

@media screen and (max-width: 575px) {
    .status::before {
        height: 1.8rem;
        width: 1.8rem;
    }
}

.decor {
    position: absolute;
    pointer-events: none;
    z-index: 10;
}

.decor.left {
    left: 0;
    width: 34rem;
    left: -7rem;
}

.decor.right {
    right: 0;
    right: -13rem;
    width: 35rem;
}

.slick-dots {
    bottom: -2rem;
}

.slick-dots li {
    width: auto;
    height: auto;
    margin: 0 .4rem;
}

.slick-dots li button {
    width: 0.5rem;
    height: 0.5rem;
    background-color: #ebe7e3;
    border-radius: 50%;
    padding: 0;
}

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

.slick-dots li.slick-active button {
    background: #C6A87D;
}

.mobile__menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 320px;
    height: 100%;
    background: #fff;
    z-index: 999;
    transform: translateX(100%);
    transition: 420ms;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    padding: 40px 25px 25px;
}

.mobile__menu.active {
    transform: none;
}

.mobile__menu-close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.mobile__menu-close .img-svg {
    width: 18px;
    height: 18px;
}

.mobile__menu-close .img-svg g {
    fill: #000;
}

.mobile__menu .menu__links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.mobile__menu .menu__links .menu__link {
    font-family: 'Cormorant', Arial, sans-serif;
    font-size: 18px;
    color: #252525;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.mobile__menu .menu__links .menu__link:last-child {
    margin-bottom: 0;
}

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

.mobile__menu .menu__address {
    font-size: 12px;
    font-weight: 400;
}

.mobile__menu .menu__address .phone {
    color: #989898;
}

.mobile__menu .menu__address .phone a {
    color: #989898;
}

.mobile__menu .header__messengers {
    margin: 25px 0;
}

.mobile__menu .header__messengers-link {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.mobile__menu .header__messengers .img-svg path {
    fill: #D1B48B;
}

.mobile__menu .t-btn {
    display: inline-flex;
    padding: 15px 27px;
    font-size: 14px;
}

.mobile__menu .phone__link {
    margin-top: 10px;
    color: #d1b48b;
}

@media screen and (max-width: 575px) {
    .iti {
        display: block;
    }
}

@media screen and (max-width: 575px) {
    .iti input[type=tel] {
        padding-top: 1px;
    }
}

.iti {
    --iti-path-flags-1x: url('../img/tel/flags.png');
    --iti-path-flags-2x: url('../img/tel/flags@2x.png');
}

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    padding: .7rem 0;
}

.header.hide {
    transition: 320ms;
    transform: translateY(-100%);
}

.header.fixed {
    position: fixed;
    background: #fff;
    transform: none;
}

.header.fixed .header__description {
    display: block;
    width: 22rem;
    opacity: 0.5;
    font-size: 1.3rem;
    margin-left: 2.5rem;
}

@media screen and (max-width: 575px) {
    .header.fixed .header__description {
        display: none;
    }
}

@media screen and (min-width: 575px) {
    .header.fixed .header__offer {
        margin-left: 0;
    }

    .header.fixed .img-svg path {
        fill: #D1B48B;
    }

    .header.fixed .header__phone {
        color: #000;
    }

    .header.fixed .header__dropdown-btn {
        color: #000;
    }
}

@media screen and (max-width: 575px) {
    .header {
        font-size: 0.9rem;
    }

    .header .img-svg path {
        fill: #D1B48B;
    }

    .header .header__phone {
        color: #000;
    }

    .header .header__dropdown-btn {
        color: #000;
    }
}

.header .container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header__logo {
    width: 14.6rem;
    opacity: 0.5;
}

@media screen and (max-width: 575px) {
    .header__logo {
        width: 6.8rem;
        order: 0;
    }
}

.header__offer {
    margin-left: 13rem;
    margin-right: auto;
    width: 16rem;
    transition: none;
    cursor: pointer;
    transition: color 320ms;
    font-weight: 400;
}

@media screen and (max-width: 575px) {
    .header__offer {
        display: none;
    }
}

.header__offer:hover {
    color: #96693d;
}

.header__phone {
    width: 18rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
    font-weight: 600;
}

@media screen and (max-width: 575px) {
    .header__phone {
        order: 2;
        width: auto;
    }
}

.header__phone .img-svg {
    width: 1.8rem;
    margin-right: 0.5rem;
}

@media screen and (max-width: 575px) {
    .header__phone .img-svg {
        width: 1rem;
    }
}

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

@media screen and (max-width: 575px) {
    .header__contacts {
        order: 3;
    }
}

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

@media screen and (max-width: 575px) {
    .header__messengers {
        margin-left: 1rem;
    }
}

.header__messengers-link {
    display: block;
    margin-right: 0.5rem;
    width: 2.8rem;
    height: 2.8rem;
}

@media screen and (max-width: 575px) {
    .header__messengers-link {
        width: 1.8rem;
        height: 1.8rem;
        margin-right: 0.3rem;
    }
}

.header__messengers-link:last-child {
    margin-right: 0 !important;
}

.header__dropdown {
    position: relative;
}

@media screen and (min-width: 575px) {
    .header__dropdown:hover .header__dropdown-btn::before {
        display: block;
    }

    .header__dropdown:hover .header__dropdown-btn::after {
        transform: translateY(-50%) rotate(180deg);
    }

    .header__dropdown:hover .header__dropdown-list {
        opacity: 1;
        pointer-events: auto;
    }
}

@media screen and (max-width: 575px) {
    .header__dropdown.active .header__dropdown-btn::after {
        transform: translateY(-50%) rotate(180deg);
    }

    .header__dropdown.active .header__dropdown-list {
        opacity: 1;
        pointer-events: auto;
    }
}

.header__dropdown-btn {
    color: #fff;
    cursor: pointer;
    position: relative;
}

.header__dropdown-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 7rem;
    display: none;
}

.header__dropdown-btn::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0 3px;
    position: absolute;
    top: 50%;
    right: -1.2rem;
    transform: translateY(-50%);
    border-color: transparent transparent transparent transparent;
    border-top-color: inherit;
    transition: transform 0.3s;
}

.header__dropdown-btn .btn__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.header__dropdown-list {
    position: absolute;
    top: calc(100% + 3rem);
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    white-space: nowrap;
    padding: 1.5rem 2rem;
    border-radius: 1rem;
    box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.09);
    z-index: 20;
    pointer-events: none;
    opacity: 0;
    transition: 400ms;
}

.header__dropdown-list::before {
    content: '';
    position: absolute;
    border: solid transparent;
    width: 15px;
    aspect-ratio: 1;
    transform: translateX(-50%) rotate(45deg);
    left: 50%;
    background-clip: padding-box;
    background-color: #ffffff;
    top: -7px;
    border-color: #eee;
    border-width: 0;
    border-style: none;
}

.header__dropdown-list .list__item {
    color: #000;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0.5rem;
}

.header__dropdown-list .list__item:hover {
    color: #96693d;
}

.header__dropdown-list .list__item:last-child {
    margin-bottom: 0;
}

.header__socials {
    margin-left: 1.2rem;
    margin-right: 2.2rem;
}

@media screen and (max-width: 575px) {
    .header__socials {
        display: none;
    }
}

.header__languages {
    width: 4.3rem;
}

@media screen and (min-width: 575px) {
    .header__languages {
        position: absolute;
        left: 100%;
        top: 2rem;
    }
}

@media screen and (max-width: 575px) {
    .header__languages {
        order: 1;
        width: 2.6rem;
        margin-left: 1rem;
        margin-right: 2rem;
    }
}

.header__languages img {
    width: 1.8rem;
    margin-right: 0.5rem;
    background: #fff;
    border-radius: 50%;
}

@media screen and (max-width: 575px) {
    .header__languages img {
        width: 1.2rem;
        margin-right: 0.3rem;
    }
}

.header__languages .header__dropdown-list {
    width: 13rem;
}

@media screen and (max-width: 575px) {
    .header__languages .header__dropdown-list {
        width: 10rem;
    }
}

.header__btn {
    width: 20rem;
    height: 5rem;
}

@media screen and (max-width: 575px) {
    .header__btn {
        display: none;
    }
}

.header .header__description {
    display: none;
}

.header .mobile__menu-open {
    display: none;
}

@media screen and (max-width: 575px) {
    .header .mobile__menu-open {
        display: block;
        width: 2.4rem;
        order: 4;
        margin-left: auto;
    }
}

.footer {
    padding: 4.5rem 0 3rem;
    background: #AD8C5D;
}

@media screen and (max-width: 575px) {
    .footer {
        padding: 1.5rem 0 1rem;
        text-align: center;
        font-size: 1rem;
    }
}

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

@media screen and (max-width: 575px) {
    .footer .container {
        display: block;
    }
}

.footer__text, .footer__link {
    opacity: 0.7;
    color: #fff;
}

@media screen and (max-width: 575px) {
    .footer__link {
        margin-top: 1.5rem;
        display: inline-block;
    }
}

.footer__link:hover {
    opacity: 1;
}

.overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 575px) {
    .overlay__inner {
        width: 100%;
        height: 100%;
        overflow-x: auto;
        padding: 7rem 0 4rem;
    }
}

.modal__close {
    position: absolute;
    right: 2rem;
    top: 2rem;
}

.modal__close .img-svg {
    width: 2.5rem;
    height: 2.5rem;
}

@media screen and (max-width: 575px) {
    .modal__close .img-svg {
        width: 2.2rem;
        height: 2.2rem;
    }
}

.modal {
    display: none;
}

@media screen and (min-width: 575px) {
    .modal {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 100;
    }
}

.modal.investment .modal__title {
    font-size: 3.3rem;
}

@media screen and (max-width: 575px) {
    .modal.investment .modal__title {
        font-size: 2.1rem;
    }
}

.modal__form {
    width: 90rem;
    background: #F9F4EE;
}

@media screen and (max-width: 575px) {
    .modal__form {
        width: 29rem;
        margin: 0 auto;
    }
}

.modal__form .modal__box {
    display: flex;
    align-items: stretch;
}

@media screen and (max-width: 575px) {
    .modal__form .modal__box {
        display: block;
    }
}

.modal__form .modal__img {
    width: 44.5rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

@media screen and (max-width: 575px) {
    .modal__form .modal__img {
        width: 100%;
        height: 13.5rem;
    }
}

.modal__form .modal__content {
    padding: 4rem 4rem 5rem;
}

@media screen and (max-width: 575px) {
    .modal__form .modal__content {
        padding: 2.5rem 2rem 3.5rem;
    }
}

.modal__form .t-input {
    display: block;
    width: 35rem;
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 575px) {
    .modal__form .t-input {
        width: 100%;
    }
}

.modal__form .iti--allow-dropdown {
    margin-bottom: 1.5rem;
}

.modal__form .t-btn {
    margin: .5rem 0 0;
    padding: 1.8rem 5rem;
    background-color: #d6a97b;
}

@media screen and (max-width: 575px) {
    .modal__form .t-btn {
        width: 100%;
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 575px) {
    .modal__form .form__privacy {
        text-align: center;
    }
}

.modal__title {
    font-size: 3.6rem;
    width: 110%;
}

@media screen and (max-width: 575px) {
    .modal__title {
        font-size: 2.6rem;
        width: 100%;
        text-align: center;
    }
}

.modal__title .brown {
    display: block;
    color: #ba9168;
}

.modal__subtitle {
    margin: 2rem 0 1.5rem;
    opacity: 0.7;
}

@media screen and (max-width: 575px) {
    .modal__subtitle {
        margin: 0.7rem 0 1.2rem;
        text-align: center;
    }
}

.messengers__box {
    margin: 1.5rem 0 .5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.messengers__box-title {
    margin-bottom: 1rem;
    color: #646463;
}

.messengers__box .messenger__label {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    color: #646463;
    margin-bottom: 1rem;
    cursor: pointer;
}

.messengers__box .messenger__label input {
    display: none;
}

.messengers__box .messenger__label input:checked ~ .indicator::before {
    opacity: 1;
}

.messengers__box .messenger__label .indicator {
    margin-right: 1rem;
    width: 2rem;
    height: 2rem;
    border-color: #BA9168;
    border-style: solid;
    border-width: 2px;
    transition: all 0.2s;
    border-radius: 50%;
    position: relative;
}

.messengers__box .messenger__label .indicator::before {
    content: '';
    width: 1rem;
    height: 1rem;
    background: #BA9168;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    transition: all 0.2s;
}

/* ---------------- SECTION ------------------ */
.intro-section {
    background-color: #F8F7F6;
    background: linear-gradient(to bottom, rgba(249, 244, 238, 0), #f9f4ee);
}

.intro__content {
    padding: 13rem 0 16rem;
    width: 48rem;
}

@media screen and (max-width: 575px) {
    .intro__content {
        width: 100%;
        padding: 8rem 0 2.2rem;
    }
}

.intro__toptitle {
    opacity: 0.7;
    font-size: 1.8rem;
    color: #252525;
}

@media screen and (max-width: 575px) {
    .intro__toptitle {
        font-size: 1.1rem;
    }
}

.intro__title {
    margin: 2rem 0 2rem;
    font-size: 6.4rem;
    line-height: 0.95;
}

@media screen and (max-width: 575px) {
    .intro__title {
        font-size: 3.2rem;
        margin: .8rem 0;
    }
}

.intro__title .brown {
    color: #b59a78;
}

.intro__geo {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

@media screen and (max-width: 575px) {
    .intro__geo {
        font-size: 0.9rem;
    }
}

.intro__geo img {
    width: 1.2rem;
    margin-right: 0.5rem;
}

@media screen and (max-width: 575px) {
    .intro__geo img {
        width: 0.9rem;
        margin-right: 0.3rem;
    }
}

.intro__geo span {
    opacity: 0.7;
}

.intro__subtitle {
    margin: 1.5rem 0 3rem;
    font-size: 1.6rem;
    opacity: 0.9;
}

@media screen and (max-width: 575px) {
    .intro__subtitle {
        font-size: 1.1rem;
        margin: 1rem 0 1.6rem;
    }
}

.intro__price-toptitle {
    font-size: 1rem;
    opacity: 0.4;
    margin-bottom: 0.5rem;
}

@media screen and (max-width: 575px) {
    .intro__price-toptitle {
        font-size: 0.8rem;
        margin-bottom: 0;
    }
}

.intro__price-box {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    font-size: 1.2rem;
    color: #b89d7a;
    font-weight: 700;
}

@media screen and (max-width: 575px) {
    .intro__price-box {
        font-size: 0.9rem;
    }
}

.intro__price-box b {
    font-size: 2.1rem;
    margin-left: 0.8rem;
    letter-spacing: -0.5px;
    font-weight: 700;
}

@media screen and (max-width: 575px) {
    .intro__price-box b {
        font-size: 1.5rem;
        margin-left: 0.4rem;
    }
}

.intro__price-box .price__item {
    margin-right: 1rem;
}

@media screen and (max-width: 575px) {
    .intro__price-box .price__item {
        margin-right: 0.7rem;
    }
}

.intro__price-box .price__item:last-child {
    margin-right: 0 !important;
}

.offer {
    font-weight: 600;
}

.intro__offer {
    padding-left: 5rem;
    margin: 3.5rem 0 1rem;
}

@media screen and (max-width: 575px) {
    .intro__offer {
        margin-top: 2rem;
        padding-left: 5.5rem;
        font-size: 1rem;
    }
}

.intro__btn {
    padding: .9rem 1.2rem;
    padding-left: 5rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1.4;
}

@media screen and (max-width: 575px) {
    .intro__btn {
        display: flex;
        padding-left: 5.5rem;
    }
}

.intro__btn .btn__img {
    position: absolute;
    pointer-events: none;
    width: 14rem;
    left: -5.5rem;
    top: -3rem;
}

@media screen and (max-width: 575px) {
    .intro__btn .btn__img {
        width: 9rem;
        left: -2rem;
        top: -1.5rem;
    }
}

.intro__btn .status {
    color: #fff;
    border: 0;
    margin-left: 1rem;
    background: rgba(0, 0, 0, 0.1);
}

.intro__btn .status::before {
    right: 0.3rem;
    top: 0.3rem;
}

.intro__btn .btn__title {
    font-weight: 700;
}

@media screen and (max-width: 575px) {
    .intro__btn .btn__title {
        font-size: 1.2rem;
    }
}

.intro__btn .btn__subtitle {
    font-weight: 600;
    opacity: 0.7;
}

@media screen and (max-width: 575px) {
    .intro__btn .btn__subtitle {
        padding-left: 2rem;
        font-size: 1rem;
    }
}

@media screen and (min-width: 575px) {
    .intro__gallery {
        width: 88.8rem;
        position: absolute;
        top: -9.5rem;
        right: -21.5rem;
    }
}

@media screen and (max-width: 575px) {
    .intro__gallery {
        position: relative;
        width: 100%;
    }
}

@media screen and (min-width: 575px) {
    .intro__gallery-slider {
        overflow: hidden;
        border-radius: 2rem;
    }
}

@media screen and (max-width: 575px) {
    .intro__gallery-slider {
        border-radius: 1rem;
        margin: 0 -2rem;
    }
}

.intro__gallery-slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0turn, rgba(0, 0, 0, 0) 74%, rgba(0, 0, 0, 0.49) 100%);
    z-index: 99;
    pointer-events: none;
}

@media screen and (max-width: 575px) {
    .intro__gallery-slider::before {
        display: none;
    }
}

.intro__gallery-slider .space {
    display: block !important;
}

@media screen and (max-width: 575px) {
    .intro__gallery-slider .space {
        padding: 0 2rem;
    }
}

.intro__gallery-slider .space .img {
    height: 79rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 575px) {
    .intro__gallery-slider .space .img {
        height: 20rem;
        border-radius: 1rem;
    }
}

.intro__gallery-arrows {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    margin: 1rem 0 0;
}

@media screen and (max-width: 575px) {
    .intro__gallery-arrows {
        display: none;
    }
}

.intro__gallery-arrows .arrow {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 320ms;
}

@media screen and (min-width: 575px) {
    .intro__gallery-arrows .arrow {
        background: #F1EADE;
    }

    .intro__gallery-arrows .arrow:hover {
        background: #ebe1d0;
    }
}

.intro__gallery-arrows .arrow.left {
    transform: rotate(180deg);
    margin-right: .7rem;
}

/* ---------------- SECTION ------------------ */
.map-section {
    padding: 0 0 6rem;
}

@media screen and (max-width: 575px) {
    .map-section {
        padding: 4rem 0 0;
    }
}

@media screen and (max-width: 575px) {
    .map-section .decor {
        display: none;
    }
}

.map-section .decor.left {
    top: 10rem;
}

.map-section .decor.right {
    top: -6rem;
}

.map__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 3rem;
}

@media screen and (max-width: 575px) {
    .map__header {
        display: block;
        margin-bottom: 1.5rem;
        text-align: center;
    }
}

.map__header .t-title {
    margin-right: 7rem;
}

.map__header .t-title .brown {
    color: #AD8C5D;
}

@media screen and (max-width: 575px) {
    .map__header .t-title {
        margin: 0 0 1.5rem;
    }
}

.map__header-description {
    font-size: 1.6rem;
    line-height: 1.56;
    opacity: 0.9;
    padding-left: 2.5rem;
    position: relative;
    font-weight: 400;
}

@media screen and (max-width: 575px) {
    .map__header-description {
        font-size: 1.3rem;
        padding: 2.3rem 0 0;
    }

    .map__header-description br {
        display: none;
    }
}

.map__header-description::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0.4rem;
    height: 100%;
    border-radius: 0.5rem;
    background: #d1b48b;
}

@media screen and (max-width: 575px) {
    .map__header-description::before {
        width: 5rem;
        height: 0.5rem;
        left: 50%;
        transform: translateX(-50%);
    }
}

.map__content {
    position: relative;
}

@media screen and (max-width: 575px) {
    .map__content {
        margin: 0 -1.5rem;
    }
}

.map__img {
    border-radius: 1.4rem;
    display: block;
}

@media screen and (max-width: 575px) {
    .map__img {
        border-radius: 0;
    }
}

.map__tooltip {
    position: absolute;
}

.map__tooltip-btn {
    background-color: #ad8c5d;
    box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.8);
    width: 3rem;
    border-radius: 50%;
    cursor: pointer;
}

@media screen and (max-width: 575px) {
    .map__tooltip-btn {
        width: 2rem;
        transform: translate(-1rem, -1rem);
    }
}

.tippy-box {
    background: #fff;
    color: #000;
    box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.4);
    padding: 1rem;
    width: 28rem;
    border-radius: 1.4rem;
}

@media screen and (max-width: 575px) {
    .tippy-box {
        width: 18rem;
        padding: 0.5rem;
    }
}

.tippy-box p {
    margin: 0;
}

.tippy-box .tippy-arrow {
    color: #fff;
}

@media screen and (max-width: 575px) {
    .tippy-box .tippy-arrow {
        left: -12px !important;
    }
}

/* ---------------- SECTION ------------------ */
.about__box {
    display: flex;
    align-items: flex-start;
}

@media screen and (max-width: 575px) {
    .about__box {
        flex-wrap: wrap;
    }
}

.about__box-preview {
    flex-shrink: 0;
    width: 46rem;
    background: #fff;
    border-radius: 2rem;
    padding: 2rem;
}

@media screen and (max-width: 575px) {
    .about__box-preview {
        order: 1;
        width: 100%;
        padding: 1rem;
        border-radius: 1rem;
    }
}

.about__box-preview .preview__img {
    height: 22rem;
    border-radius: 1rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 575px) {
    .about__box-preview .preview__img {
        height: 14.5rem;
    }
}

.about__box-preview .preview__text {
    padding-left: 1.5rem;
}

@media screen and (max-width: 575px) {
    .about__box-preview .preview__text {
        padding-left: 1rem;
    }
}

.about__box-preview .preview__title {
    margin: 2rem 0 .5rem;
    font-size: 2.5rem;
    font-weight: 700;
}

@media screen and (max-width: 575px) {
    .about__box-preview .preview__title {
        font-size: 1.9rem;
        margin: 0.8rem 0 0;
    }
}

.about__box-preview .preview__subtitle {
    opacity: 0.5;
    font-size: 1.3rem;
    margin-bottom: 3rem;
}

@media screen and (max-width: 575px) {
    .about__box-preview .preview__subtitle {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }
}

.about__box-preview .preview__geo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: .5rem;
}

@media screen and (max-width: 575px) {
    .about__box-preview .preview__geo {
        margin-bottom: .8rem;
    }
}

.about__box-preview .preview__geo .geo-icon {
    width: 1.8rem;
    flex-shrink: 0;
    opacity: 0.5;
}

@media screen and (max-width: 575px) {
    .about__box-preview .preview__geo .geo-icon {
        width: 1.4rem;
    }
}

.about__box-preview .preview__geo .geo-name {
    font-weight: 600;
    margin-left: 0.6rem;
    margin-right: 1rem;
}

.about__box-preview .preview__geo .geo-road {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    opacity: 0.4;
    font-size: 1rem;
}

@media screen and (max-width: 575px) {
    .about__box-preview .preview__geo .geo-road {
        font-size: 0.9rem;
    }
}

.about__box-preview .preview__geo .geo-road img {
    width: 1.7rem;
    margin-right: 0.4rem;
    flex-shrink: 0;
}

.about__box-info {
    padding: 3rem 0 0;
    margin-left: 4rem;
}

@media screen and (max-width: 575px) {
    .about__box-info {
        margin: 0;
        order: 0;
        width: 100%;
        padding: 4.5rem 0 0;
    }
}

.about__box-info .t-title {
    margin-bottom: 3rem;
}

@media screen and (max-width: 575px) {
    .about__box-info .t-title {
        margin-bottom: -.5rem;
    }
}

.about__box-info p {
    margin: 2rem 0;
    line-height: 1.7;
}

@media screen and (max-width: 575px) {
    .about__box-info p {
        margin: 1.5rem 0;
    }
}

.about__features {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

@media screen and (max-width: 575px) {
    .about__features {
        justify-content: space-between;
        padding: 2rem 0 2rem;
    }
}

.about__features-item {
    margin-top: 4rem;
    width: 20%;
    flex-shrink: 0;
    padding-right: 3rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media screen and (min-width: 575px) {
    .about__features-item:nth-child(3), .about__features-item:nth-child(8) {
        padding-left: 1rem;
    }

    .about__features-item:nth-child(4), .about__features-item:nth-child(9) {
        padding-left: 1rem;
    }

    .about__features-item:nth-child(5), .about__features-item:nth-child(10) {
        padding-left: 2rem;
    }
}

@media screen and (max-width: 575px) {
    .about__features-item {
        width: 46%;
        margin-top: 2rem;
        padding-right: 0;
        font-size: 1rem;
    }
}

@media screen and (max-width: 575px) {
    .about__features-item.hide {
        display: none;
    }
}

.about__features-item .icon {
    margin-right: 1rem;
    height: 3.3rem;
    width: 4.4rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 575px) {
    .about__features-item .icon {
        width: 2.8rem;
        height: 2.5rem;
        margin-right: 0.8rem;
    }
}

.about__features-item .icon img {
    max-height: 100%;
}

.about__features-item .name {
    line-height: 1.57;
}

/* ---------------- SECTION ------------------ */
.features-section {
    padding: 8rem 0 0;
    overflow: hidden;
    background: #fff;
    background: linear-gradient(to bottom, #f9f4ee, white);
}

@media screen and (max-width: 575px) {
    .features-section {
        padding: 3rem 0 0;
    }
}

@media screen and (max-width: 575px) {
    .features-section .t-title {
        line-height: 1.15;
    }
}

.features__box {
    margin-top: 4rem;
    overflow: hidden;
}

@media screen and (max-width: 575px) {
    .features__box {
        margin-top: 2rem;
    }
}

.features__scroll {
    overflow-x: auto;
    scroll-behavior: smooth;
}

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

.features__scroll .container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.features__item {
    margin-right: 2.5rem;
    width: 27rem;
    height: 39rem;
    padding: 3.5rem 2.3rem 4.5rem;
    flex-shrink: 0;
    background-size: cover;
    background-position: center;
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    color: #fff;
    position: relative;
}

@media screen and (max-width: 575px) {
    .features__item {
        width: 22rem;
        height: 22rem;
        padding: 1.7rem;
        margin-right: 1rem;
        border-radius: 1.5rem;
    }
}

.features__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2rem;
    background: linear-gradient(0turn, rgba(0, 0, 0, 0.72) 2%, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, 0) 48%, rgba(0, 0, 0, 0.63) 100%);
}

@media screen and (max-width: 575px) {
    .features__item::before {
        border-radius: 1.5rem;
    }
}

.features__item.lighten::before {
    background: linear-gradient(0turn, rgba(0, 0, 0, 0.58) 0%, rgba(255, 255, 255, 0) 39%, rgba(255, 255, 255, 0) 57%, rgba(0, 0, 0, 0.5) 100%);
}

.features__item::after {
    content: '';
    position: absolute;
    height: 1px;
    width: 1px;
}

.features__item:last-child::after {
    width: calc(100% + 13rem);
}

@media screen and (max-width: 575px) {
    .features__item:last-child::after {
        width: 100%;
    }
}

.features__item-type {
    font-size: 1.3rem;
    opacity: 0.5;
    position: relative;
    z-index: 5;
}

@media screen and (max-width: 575px) {
    .features__item-type {
        font-size: 1.1rem;
    }
}

.features__item-title {
    font-size: 3.1rem;
    font-family: "Cormorant", serif;
    position: relative;
    z-index: 5;
    font-weight: 300;
}

@media screen and (max-width: 575px) {
    .features__item-title {
        font-size: 2rem;
    }
}

/* ---------------- SECTION ------------------ */
.gallery-section {
    background: #fff;
    padding: 2rem 0 5rem;
}

@media screen and (max-width: 575px) {
    .gallery-section {
        padding: 4rem 0 4rem;
    }
}

.gallery__header {
    margin-bottom: 2.5rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

@media screen and (max-width: 575px) {
    .gallery__header {
        display: block;
        text-align: center;
        margin-bottom: .5rem;
    }
}

.gallery__header-buttons {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

@media screen and (max-width: 575px) {
    .gallery__header-buttons {
        justify-content: flex-start;
        margin: 1rem -1.5rem 0;
        overflow-x: auto;
    }

    .gallery__header-buttons::-webkit-scrollbar {
        display: none;
    }
}

.gallery__header-buttons .button {
    padding: 1rem 0;
    margin-left: 3.5rem;
    color: #d3d3d3;
    font-weight: 600;
    cursor: pointer;
    transition: 320ms;
}

@media screen and (max-width: 575px) {
    .gallery__header-buttons .button {
        margin: 0;
        padding-left: 1.5rem;
        margin-right: 1rem;
    }
}

.gallery__header-buttons .button:hover, .gallery__header-buttons .button.active {
    color: #252525;
}

.gallery__header-buttons .button .count {
    color: #ba9168;
    font-weight: 400;
    margin-left: .5rem;
    position: relative;
    top: -1.5rem;
}

@media screen and (max-width: 575px) {
    .gallery__header-buttons .button .count {
        font-size: 0.8rem;
        top: -1rem;
        margin: 0;
    }
}

.gallery__tab {
    display: none;
}

.gallery__tab.active {
    display: block;
}

.gallery__box {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding-left: 60rem;
}

@media screen and (max-width: 575px) {
    .gallery__box {
        padding: 0;
        padding-top: 15rem;
    }
}

.gallery__box .img {
    display: none;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1.4rem;
    cursor: zoom-in;
}

@media screen and (max-width: 575px) {
    .gallery__box .img {
        border-radius: 1rem;
    }
}

.gallery__box .img:nth-child(1) {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 58rem;
    height: 100%;
}

@media screen and (max-width: 575px) {
    .gallery__box .img:nth-child(1) {
        width: 100%;
        height: 14rem;
    }
}

.gallery__box .img:nth-child(2), .gallery__box .img:nth-child(3), .gallery__box .img:nth-child(4), .gallery__box .img:nth-child(5) {
    display: block;
    width: 48.3%;
    flex-shrink: 0;
    height: 20rem;
}

@media screen and (max-width: 575px) {
    .gallery__box .img:nth-child(2), .gallery__box .img:nth-child(3), .gallery__box .img:nth-child(4), .gallery__box .img:nth-child(5) {
        height: 14rem;
    }
}

.gallery__box .img:nth-child(2), .gallery__box .img:nth-child(3) {
    margin-bottom: 3.6%;
}

.gallery__box .img:nth-child(6) {
    width: 14.5rem;
    height: 5.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 18rem;
    right: 3rem;
    background: #fff !important;
    color: #1e1e1e;
    font-size: 1.2rem;
    border-radius: 5rem;
    z-index: 10;
    cursor: pointer;
}

@media screen and (max-width: 575px) {
    .gallery__box .img:nth-child(6) {
        top: 42rem;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        width: 12rem;
        height: 4rem;
        font-size: 0.9rem;
    }
}

.gallery__box .img:nth-child(6)::before {
    content: "Show more";
    position: absolute;
}

.gallery__box .img:nth-child(6):hover {
    color: #96693d;
}

/* ---------------- SECTION ------------------ */
.yandex-section iframe {
    width: 100%;
    height: 470px;
    border: 0;
}
.yandex-section .t-width .t117_map {
    display: flex;
    filter: grayscale(1);
}

.yandex-section .t-width .t117_map::before,
.yandex-section .t-width .t117_map::after {
    content: "";
    position: absolute;
    width: 3600px;
    height: 125px;
    background-image: linear-gradient(0turn, rgb(255, 255, 255) 40%, rgba(249, 244, 238, 0) 100%);
}

.yandex-section .t-width .t117_map::before {
    transform: rotate(180deg);
    top: -4px;
}

.yandex-section .t-width .t117_map::after {
    bottom: -4px;
}


/* ---------------- SECTION ------------------ */

/* ---------------- SECTION ------------------ */
.form-section {
    background: #fff;
    padding: 5rem 0 2.5rem;
    z-index: 10;
}

@media screen and (max-width: 575px) {
    .form-section {
        padding: 4rem 0 2rem;
    }
}

@media screen and (max-width: 575px) {
    .form-section.zoom .form__box {
        padding-top: 2rem;
        padding-bottom: 29rem;
    }
}

@media screen and (max-width: 575px) {
    .form-section.zoom .form__box .t-title span {
        display: block;
    }
}

.form-section.zoom .form__box .t-title .brown {
    color: #ad8c5d;
}

.form-section.zoom .abu {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    border-radius: 2rem;
}

@media screen and (max-width: 575px) {
    .form-section.zoom .abu {
        width: 100%;
        background-size: cover;
        background-position: left top;
        background-repeat: no-repeat;
        height: 26rem;
        border-radius: 1rem;
    }
}

.form-section.zoom .sheet {
    position: absolute;
    right: 0;
    top: 0;
    width: 23rem;
    border-radius: 2rem;
}

@media screen and (max-width: 575px) {
    .form-section.zoom .sheet {
        display: none;
    }
}

@media screen and (min-width: 575px) {
    .form-section.zoom .decor {
        display: none;
    }
}

.form-section.zoom .decor.left {
    width: 16rem;
    top: 43rem;
    left: -4rem;
}

.form-section.zoom .decor.right {
    right: -6rem;
    top: 35rem;
    transform: rotate(37deg);
    width: 12rem;
}

.form-section.calculation {
    padding: 0 0 7rem;
    background: #F9F4EE;
}

.form-section.calculation .form__box {
    background: #fff !important;
    padding: 4rem 6rem 7rem;
    border-radius: 2rem;
}

@media screen and (max-width: 575px) {
    .form-section.calculation .form__box {
        padding: 3.3rem 2rem 23rem;
    }
}

.form-section.calculation .pdf {
    position: absolute;
    top: -10rem;
    right: 0rem;
    width: 55rem;
    pointer-events: none;
}

@media screen and (max-width: 575px) {
    .form-section.calculation .pdf {
        top: auto;
        right: 2rem;
        bottom: -7rem;
        width: 26rem;
        transform: rotate(344deg);
    }
}

@media screen and (min-width: 575px) {
    .form-section.calculation .t-title {
        font-size: 4.2rem;
    }
}

.form-section.calculation .t-title .brown {
    color: #886c54;
}

.form-section.calculation .subtitle {
    font-weight: 500;
    opacity: 0.8;
    font-size: 1rem;
    text-transform: uppercase;
    margin: 1.5rem 0 2.5rem;
}

@media screen and (max-width: 575px) {
    .form-section.calculation .subtitle {
        font-size: 0.8rem;
        margin: 1rem 0 1rem;
    }
}

.form-section.calculation .form__description {
    margin: 2rem 0 1rem;
    margin-left: 2rem;
    font-size: 1.1rem;
    opacity: 0.5;
}

@media screen and (max-width: 575px) {
    .form-section.calculation .form__description {
        font-size: 0.8rem;
        text-align: left;
        margin: 1rem 0 1rem;
    }
}

.form-section.calculation .decor.left {
    top: -5rem;
    left: -15rem;
}

@media screen and (max-width: 575px) {
    .form-section.calculation .decor.left {
        width: 18rem;
        transform: rotate(341deg);
        top: 18rem;
        left: -11rem;
    }
}

.form-section.calculation .decor.right {
    right: -13rem;
    top: -15rem;
}

@media screen and (max-width: 575px) {
    .form-section.calculation .decor.right {
        right: -8rem;
        top: 36rem;
        transform: rotate(335deg);
        width: 15rem;
    }
}

.form-section.manager {
    padding: 8rem 0 6rem;
    background: #F9F4EE;
}

@media screen and (max-width: 575px) {
    .form-section.manager {
        padding: 5rem 0 4rem;
    }
}

.form-section.manager .form__box {
    padding: 5.5rem 6rem 5.5rem;
    padding-left: 43rem;
    background-color: #F0EBE3;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

@media screen and (max-width: 575px) {
    .form-section.manager .form__box {
        padding: 2.8rem 2rem 3rem;
        background-size: auto 23rem;
    }
}

@media screen and (max-width: 575px) {
    .form-section.manager .form__box .subtitle {
        width: 110%;
        margin-left: -5%;
    }
}

.form-section.manager .pdf {
    position: absolute;
    top: 0;
    right: -2rem;
    width: 30.5rem;
    pointer-events: none;
}

@media screen and (max-width: 575px) {
    .form-section.manager .pdf {
        width: 15rem;
        top: auto;
        bottom: 20rem;
        right: -1.5rem;
    }
}

@media screen and (max-width: 575px) {
    .form-section.manager .manager__box {
        margin: 3rem 0 1.5rem;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
}

@media screen and (min-width: 575px) {
    .form-section.manager .man {
        position: absolute;
        bottom: 0;
        width: 34.3rem;
        left: 5.5rem;
    }
}

@media screen and (max-width: 575px) {
    .form-section.manager .man {
        width: 4.7rem;
        height: 4.7rem;
        border-radius: 50%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top;
        background-color: #d1b48b;
    }
}

@media screen and (min-width: 575px) {
    .form-section.manager .person__info {
        position: absolute;
        bottom: 5rem;
        left: 2rem;
        width: 18.5rem;
        text-align: center;
        background: #fff;
        border-radius: .7rem;
        padding: .8rem 0;
    }
}

@media screen and (max-width: 575px) {
    .form-section.manager .person__info {
        text-align: left;
        padding-left: 1.4rem;
    }
}

.form-section.manager .person__info .name {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
}

@media screen and (max-width: 575px) {
    .form-section.manager .person__info .name {
        font-size: 1.4rem;
        margin-bottom: 0.3rem;
    }
}

.form-section.manager .person__info .position {
    font-size: 1.1rem;
    font-weight: 400;
    opacity: 0.6;
}

@media screen and (max-width: 575px) {
    .form-section.manager .person__info .position {
        font-size: 0.9rem;
    }
}

.form__box {
    border-radius: 1rem;
    padding: 5.5rem 6rem 6.5rem;
    position: relative;
    background-color: #f5f3ee;
}

@media screen and (max-width: 575px) {
    .form__box {
        text-align: center;
        padding: 2rem 2rem 2rem;
    }
}

.form__box .title-box {
    position: relative;
}

.form__box .t-title {
    line-height: 1.05;
    font-size: 4rem;
    font-weight: 500;
}

@media screen and (max-width: 575px) {
    .form__box .t-title {
        font-size: 2rem;
    }
}

.form__box .subtitle {
    width: 60rem;
    font-size: 1.5rem;
    opacity: 0.7;
    margin: 1rem 0;
}

@media screen and (max-width: 575px) {
    .form__box .subtitle {
        font-size: 1.1rem;
        width: 100%;
    }

    .form__box .subtitle br {
        display: none;
    }
}

@media screen and (min-width: 575px) {
    .form__box .status {
        position: absolute;
        left: 24.5rem;
        top: .5rem;
    }
}

@media screen and (max-width: 575px) {
    .form__box .status {
        margin-bottom: 1.5rem;
    }
}

.form__inner {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    position: relative;
    z-index: 10;
}

@media screen and (max-width: 575px) {
    .form__inner {
        display: block;
    }
}

.form__inner .t-input {
    width: 21rem;
    margin-right: 2rem;
}

@media screen and (max-width: 575px) {
    .form__inner .t-input {
        width: 100%;
    }
}

.form__inner .t-btn {
    width: 21rem;
    font-weight: 600;
    text-transform: uppercase;
}

@media screen and (max-width: 575px) {
    .form__inner .t-btn {
        width: 100%;
        height: 4.5rem;
        margin: 1rem 0 0;
        font-size: 1.2rem;
    }
}

.form__privacy-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
}

@media screen and (max-width: 575px) {
    .form__privacy-btn {
        text-align: left;
        font-size: 1rem;
    }
}

.form__privacy-btn input {
    display: none;
}

.form__privacy-btn input:checked ~ .privacy__rect::before {
    opacity: 1;
}

.form__privacy-btn .privacy__rect {
    width: 2rem;
    height: 2rem;
    margin-right: 1rem;
    border: 0.2rem solid #ad8c5d;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
}

.form__privacy-btn .privacy__rect::before {
    content: '';
    position: absolute;
    left: .6rem;
    top: .3rem;
    width: .5rem;
    height: .8rem;
    border: solid #ad8c5d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
}

.form__privacy-btn span {
    opacity: 0.8;
}

/* ---------------- SECTION ------------------ */
.catalog-section {
    background: #fff;
    padding: 5rem 0;
}

.catalog__header {
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media screen and (max-width: 575px) {
    .catalog__header {
        display: block;
        text-align: center;
        margin-bottom: 2rem;
    }
}

.catalog__header-buttons {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

@media screen and (max-width: 575px) {
    .catalog__header-buttons {
        flex-wrap: wrap;
        justify-content: center;
        margin: 1rem 0 0;
    }
}

.catalog__header-buttons .button {
    width: 14rem;
    height: 5.5rem;
    margin-left: 1rem;
    background-color: #fbf7f4;
    color: #886c54;
    font-weight: 600;
    border-radius: 3rem;
    cursor: pointer;
    transition: 320ms;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 575px) {
    .catalog__header-buttons .button {
        width: 32%;
        margin: 0 1% 2%;
        width: 9rem;
        height: 2.6rem;
        font-size: 1rem;
    }
}

.catalog__header-buttons .button:hover, .catalog__header-buttons .button.active {
    color: #fff;
    background: #d1b48b;
}

.catalog__tab {
    display: none;
    text-align: center;
}

.catalog__tab.active {
    display: block;
}

.catalog__box {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;
    margin: 0 -2rem 1rem;
}

@media screen and (max-width: 575px) {
    .catalog__box {
        flex-wrap: nowrap;
        padding-left: 2rem;
        padding-bottom: 0.3rem;
        overflow-x: auto;
    }

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

.catalog__box .space {
    padding: 0 2rem;
    width: 33.33%;
    margin-bottom: 4rem;
}

@media screen and (max-width: 575px) {
    .catalog__box .space {
        flex-shrink: 0;
        width: 27rem;
        margin: 0;
        margin-right: 1rem;
        padding: 0;
    }
}

.catalog__box .item {
    border-radius: 1rem;
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
    background: #fff;
    font-weight: 400;
    font-size: 1.2rem;
    color: #6d6d6d;
    padding-bottom: .5rem;
}

.catalog__box .item__img {
    border-radius: 1rem 1rem 0 0;
    height: 20rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 575px) {
    .catalog__box .item__img {
        height: 15rem;
    }
}

.catalog__box .item__content {
    padding: 2.5rem 3rem;
}

.catalog__box .item__title {
    font-weight: 600;
    font-size: 2rem;
    color: #000;
}

@media screen and (max-width: 575px) {
    .catalog__box .item__title {
        font-size: 1.6rem;
    }
}

.catalog__box .item__subtitle {
    margin-top: 1rem;
}

.catalog__box .item__subtitle p {
    margin: 0;
}

.catalog__box .item ul {
    padding: 0;
    margin: 2rem 0 0;
    list-style: none;
}

.catalog__box .item .t-btn {
    margin-top: 2.5rem;
    font-size: 1.4rem;
    padding: 1.1rem 3.2rem;
    font-weight: 600;
}

.show-more-catalog {
    padding: 1.4rem 5.3rem;
    font-weight: 600;
}

@media screen and (max-width: 575px) {
    .show-more-catalog {
        display: none;
    }
}

/* ---------------- SECTION ------------------ */
.contacts-section {
    background: #D1B48B;
    color: #fff;
    padding: 6.5rem 0 3rem;
    border-radius: 4.5rem 4.5rem 0 0;
}

@media screen and (max-width: 575px) {
    .contacts-section {
        padding: 5rem 0 3rem;
        border-radius: 2.5rem 2.5rem 0 0;
    }
}

.contacts__box {
    display: flex;
    align-items: flex-start;
}

@media screen and (max-width: 575px) {
    .contacts__box {
        display: block;
    }
}

.contacts__info {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.contacts__info .t-title {
    width: 100%;
    color: #fff;
}

.contacts__info-item {
    width: 100%;
}

.contacts__info-item.address {
    margin: 4rem 0 3rem;
}

@media screen and (max-width: 575px) {
    .contacts__info-item.address {
        margin: 2rem 0 3rem;
        order: 0;
    }
}

@media screen and (min-width: 575px) {
    .contacts__info-item.phone {
        width: 55%;
    }
}

@media screen and (max-width: 575px) {
    .contacts__info-item.phone {
        order: 2;
        margin: 2.5rem 0 0;
    }
}

@media screen and (min-width: 575px) {
    .contacts__info-item.email {
        width: 45%;
    }
}

@media screen and (max-width: 575px) {
    .contacts__info-item.email {
        order: 1;
    }
}

.contacts__info-item .title {
    opacity: 0.4;
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 575px) {
    .contacts__info-item .title {
        font-size: 1rem;
        margin: 0 0 .5rem;
    }
}

.contacts__info-item .subtitle {
    font-size: 1.6rem;
    white-space: nowrap;
}

@media screen and (max-width: 575px) {
    .contacts__info-item .subtitle {
        font-size: 1.2rem;
    }
}

.contacts__info-item .subtitle__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.contacts__info-item .subtitle__item.pl {
    padding-left: 3rem;
}

.contacts__info-item .subtitle .icon {
    width: 2rem;
    flex-shrink: 0;
    margin-right: 1rem;
}

@media screen and (max-width: 575px) {
    .contacts__info-item .subtitle .icon {
        width: 1.4rem;
        margin-right: 0.5rem;
    }
}

.contacts__info-item span {
    margin-right: 0.5rem;
}

.contacts__info-item .link {
    color: #fff;
}

.contacts__map {
    width: 56rem;
    height: 40rem;
    flex-shrink: 0;
    background: #DEDCDA;
    border-radius: 2rem;
    overflow: hidden;
    filter: grayscale(1);
}

.contacts__map iframe {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 575px) {
    .contacts__map {
        margin: 6.5rem 0 0;
        width: 100%;
        height: 30rem;
    }
}

.payment-section {
    padding: 7rem 0 9rem;
    text-align: center;
}

@media screen and (max-width: 575px) {
    .payment-section {
        border-radius: 2.5rem 2.5rem 0 0;
        margin-top: -2.5rem;
        background: #F9F4EE;
        z-index: 10;
        padding: 3rem 0;
    }
}

.payment-section .t-subtitle {
    opacity: 0.9;
    margin: 1.3rem 0 3.5rem;
    font-size: 1.6rem;
    font-weight: 400;
}

@media screen and (max-width: 575px) {
    .payment-section .t-subtitle {
        font-size: 1.1rem;
        margin: 0.6rem 0 3rem;
    }
}

.payment__box {
    text-align: left;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

@media screen and (max-width: 575px) {
    .payment__box {
        display: block;
    }
}

.payment__item {
    width: 32%;
    background: #BCA17A;
    color: #fff;
    border-radius: 1.5rem;
    position: relative;
}

@media screen and (max-width: 575px) {
    .payment__item {
        width: 100%;
        margin-bottom: 1.5rem;
    }

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

.payment__item::before {
    content: '';
    position: absolute;
    border-radius: 1rem;
    left: 1rem;
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    border-width: 1px;
    border-color: #886c54;
    border-style: dashed;
}

@media screen and (max-width: 575px) {
    .payment__item::before {
        top: 0.5rem;
        right: 0.5rem;
        bottom: 0.5rem;
        left: 0.5rem;
    }
}

.payment__item.item1 {
    background: #DACAB4;
    color: #886C54;
}

.payment__item.item1::before {
    opacity: 0.5;
    background: #fff;
    border: 0;
}

.payment__item.item1 img {
    width: 19.4rem;
    top: -4.5rem;
    left: -3.5rem;
}

@media screen and (max-width: 575px) {
    .payment__item.item1 img {
        width: 12.3rem;
        left: -1rem;
        top: -2.5rem;
    }
}

.payment__item.item2 img {
    width: 16.4rem;
    top: -1.5rem;
    left: -1rem;
}

@media screen and (max-width: 575px) {
    .payment__item.item2 img {
        width: 10.5rem;
        left: 0.5rem;
        top: -1rem;
    }
}

@media screen and (max-width: 575px) {
    .payment__item.item2 .item__inner {
        height: 11rem;
    }
}

.payment__item.item3 {
    background: #AD8C5D;
}

.payment__item.item3::before {
    background: #B5986E;
}

.payment__item.item3 img {
    width: 16.4rem;
    top: -1rem;
    left: 1rem;
}

@media screen and (max-width: 575px) {
    .payment__item.item3 img {
        width: 10.5rem;
        left: 0;
        top: -1.5rem;
    }
}

@media screen and (min-width: 575px) {
    .payment__item.item3 .item__inner {
        padding-left: 19rem;
    }
}

.payment__item .item__inner {
    height: 16.5rem;
    padding-left: 16rem;
    padding-top: 3.5rem;
    position: relative;
}

@media screen and (max-width: 575px) {
    .payment__item .item__inner {
        padding-left: 13rem;
        padding-top: 1.5rem;
        height: 10rem;
    }
}

.payment__item .title {
    opacity: 0.85;
    font-weight: 600;
}

.payment__item .percent {
    font-size: 9.1rem;
    line-height: 1;
    font-weight: 200;
    font-family: 'Cormorant';
    margin-top: -1.5rem;
}

@media screen and (max-width: 575px) {
    .payment__item .percent {
        font-size: 7rem;
    }
}

.payment__item .img {
    position: absolute;
    z-index: 5;
}

.payment__item .description {
    position: absolute;
    left: 19rem;
    font-size: 2.1rem;
    background: #D1B48B;
    border-radius: 1rem;
    padding: 0.2rem 1.5rem .5rem;
    line-height: 1.2;
    top: -1rem;
}

@media screen and (max-width: 575px) {
    .payment__item .description {
        font-size: 1.3rem;
        left: 18rem;
        padding: .2rem .5rem .4rem;
    }
}

.payment__item .month {
    position: absolute;
    font-weight: 600;
    opacity: 0.85;
    left: 26rem;
    top: 6.5rem;
}

@media screen and (max-width: 575px) {
    .payment__item .month {
        left: 20.5rem;
        top: 3.5rem;
    }
}

.payment__footer {
    margin: 3.3rem 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 575px) {
    .payment__footer {
        display: block;
        margin: 2.3rem 0 0;
    }
}

.payment__footer-item {
    margin: 0 .5rem;
    padding: 0.7rem 1.5rem;
    color: #886C54;
    font-weight: 600;
    border-radius: 3rem;
    border: 1px solid #AD8C5D;
}

@media screen and (max-width: 575px) {
    .payment__footer-item {
        width: 100%;
        margin: 0 0 .7rem;
        padding: 0.5rem;
    }
}

.projects-section {
    text-align: center;
}

.projects-section .t-title {
    text-align: left;
}

@media screen and (max-width: 575px) {
    .projects-section .t-title {
        text-align: center;
    }
}

.projects-section .show-more-projects {
    padding: 1.4rem 5.5rem;
    margin: 2rem 0 0;
}

@media screen and (max-width: 575px) {
    .projects-section .show-more-projects {
        display: flex;
    }
}

.projects__box {
    text-align: left;
    margin: 3rem 0 0;
}

@media screen and (max-width: 575px) {
    .projects__box {
        margin-top: 1rem;
    }
}

.project__item {
    padding: 2rem 3rem;
    padding-right: 2rem;
    border-radius: 2rem;
    background: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media screen and (max-width: 575px) {
    .project__item {
        padding: 2rem;
        border-radius: 1rem;
        display: block;
    }
}

.project__left {
    padding-top: 3rem;
    width: 35rem;
    flex-shrink: 0;
}

@media screen and (max-width: 575px) {
    .project__left {
        width: 100%;
        padding: 0;
    }
}

.project__left .project__name {
    font-weight: 400;
    font-size: 2.8rem;
}

@media screen and (max-width: 575px) {
    .project__left .project__name {
        font-size: 2.1rem;
        text-align: left;
        width: 85%;
    }
}

.project__left .project__geo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 1.5rem 0 .5rem;
}

@media screen and (max-width: 575px) {
    .project__left .project__geo {
        margin: 1rem 0 1rem;
    }
}

.project__left .project__geo img {
    width: 1.2rem;
    margin-right: 0.5rem;
}

.project__left .project__geo span {
    opacity: 0.85;
    font-weight: 600;
}

.project__left .project__geo .t-btn {
    margin-left: 1.5rem;
    font-size: 1rem;
    padding: 0.4rem 1rem;
}

@media screen and (max-width: 575px) {
    .project__left .project__geo .t-btn {
        font-size: 0.8rem;
    }
}

.project__left .project__description {
    opacity: 0.7;
    font-size: 1.3rem;
}

@media screen and (max-width: 575px) {
    .project__left .project__description {
        font-size: 1rem;
    }
}

.project__left .project__subtitle {
    font-size: 1.2rem;
    margin: 1.5rem 0 1rem;
}

@media screen and (max-width: 575px) {
    .project__left .project__subtitle {
        font-size: 1rem;
        line-height: 1.7;
        margin: 0.5rem 0 1rem;
    }
}

.project__left .project__price-toptitle {
    font-size: 1rem;
    opacity: 0.4;
    margin-bottom: 0.5rem;
}

@media screen and (max-width: 575px) {
    .project__left .project__price-toptitle {
        font-size: 0.8rem;
        margin-bottom: 0;
    }
}

.project__left .project__price-box {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    font-size: 1.2rem;
    font-weight: 700;
}

@media screen and (max-width: 575px) {
    .project__left .project__price-box {
        font-size: 0.9rem;
    }
}

.project__left .project__price-box b {
    font-size: 2.1rem;
    margin-left: 0.8rem;
    letter-spacing: -0.5px;
    font-weight: 700;
}

@media screen and (max-width: 575px) {
    .project__left .project__price-box b {
        font-size: 1.5rem;
    }
}

.project__left .project__price-box .price__item {
    margin-right: 1rem;
}

.project__left .project__price-box .price__item:last-child {
    margin-right: 0;
}

.project__left .project__info {
    margin: 0.5rem 0 0rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media screen and (max-width: 575px) {
    .project__left .project__info {
        margin: 1rem 0 0;
    }
}

.project__left .project__info-onsale {
    font-size: 1.3rem;
    margin-right: 3rem;
}

@media screen and (max-width: 575px) {
    .project__left .project__info-onsale {
        font-size: 1rem;
    }
}

.project__left .project__info-onsale span {
    opacity: 0.5;
}

.project__left .project__info-size {
    font-size: 1.4rem;
    font-weight: 600;
}

@media screen and (max-width: 575px) {
    .project__left .project__info-size {
        font-size: 1rem;
    }
}

.project__left .project__info-size img {
    width: 1rem;
    margin-right: 0.5rem;
}

.project__left .project__footer {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.project__left .project__btn {
    font-size: 1.2rem;
    padding: 1.1rem 4rem;
}

@media screen and (max-width: 575px) {
    .project__left .project__btn {
        font-size: 1rem;
        padding: 0 1rem;
        min-width: 13rem;
        height: 4rem;
    }
}

.project__left .project__layout {
    margin-left: 1.5rem;
    width: 11.5rem;
    height: 9rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 575px) {
    .project__left .project__layout {
        width: 10.5rem;
        height: 8.5rem;
    }
}

.project__left .project__layout .t-btn {
    font-size: 1rem;
    padding: 0.4rem 1.3rem;
}

@media screen and (max-width: 575px) {
    .project__left .project__layout .t-btn {
        font-size: 0.9rem;
        padding: 0.5rem 1.8rem;
    }
}

.project__right {
    width: 72.5rem;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    padding-left: 46rem;
}

@media screen and (max-width: 575px) {
    .project__right {
        padding: 14.7rem 0 0;
        width: 100%;
    }
}

.project__right .img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1.4rem;
    cursor: zoom-in;
}

@media screen and (max-width: 575px) {
    .project__right .img {
        border-radius: 1rem;
    }
}

.project__right .img:nth-child(1) {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 45rem;
    height: 41rem;
}

@media screen and (max-width: 575px) {
    .project__right .img:nth-child(1) {
        width: 100%;
        height: 14rem;
    }
}

.project__right .img:nth-child(2), .project__right .img:nth-child(3) {
    display: block;
    width: 100%;
    flex-shrink: 0;
}

@media screen and (max-width: 575px) {
    .project__right .img:nth-child(2), .project__right .img:nth-child(3) {
        width: 48.7%;
    }
}

.project__right .img:nth-child(2) {
    margin-bottom: 1rem;
    height: 19rem;
}

@media screen and (max-width: 575px) {
    .project__right .img:nth-child(2) {
        height: 8rem;
        margin: 0;
    }
}

.project__right .img:nth-child(3) {
    height: 21rem;
}

@media screen and (max-width: 575px) {
    .project__right .img:nth-child(3) {
        height: 8rem;
    }
}

.project__right .img:nth-child(4) {
    width: 13rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 17.5rem;
    right: 3rem;
    background: #fff !important;
    color: #1e1e1e;
    font-size: 1.2rem;
    border-radius: 5rem;
    z-index: 10;
    cursor: pointer;
}

@media screen and (max-width: 575px) {
    .project__right .img:nth-child(4) {
        top: 21rem;
        width: 11.5rem;
        height: 3.4rem;
        font-size: 0.9rem;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
    }
}

.project__right .img:nth-child(4)::before {
    content: "Show more";
    position: absolute;
}

.project__right .img:nth-child(4):hover {
    color: #96693d;
}

.catalog__box .space {
    display: none; /* Hide all items by default */
}

.catalog__box .space:nth-child(-n+3) {
    display: block; /* Show only the first 3 items */
}

.catalog__box.active .space {
    display: block; /* Show all items when the "active" class is added */
}