/* -------------------------------  RESET  ------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio,
video { margin: 0; padding: 0; border: 0; vertical-align: baseline;}

html {line-height: 1.15; -webkit-text-size-adjust: 100%;}
body {margin: 0;}
main {display: block;}
h1 {font-size: 2em; margin: 0.67em 0 0;}
hr {box-sizing: content-box; height: 0; overflow: visible;}
pre {font-family: monospace, monospace; font-size: 1em;}
a {background-color: transparent;}
abbr[title] {border-bottom: none; text-decoration: underline dotted;}
b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace; font-size: 1em;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}

[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}

* {-webkit-box-sizing: border-box; box-sizing: border-box;}

details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}

input {outline:none;}
* {-webkit-tap-highlight-color: rgba(0,0,0,0);}
input[type=text], input[type=submit], textarea {-webkit-appearance: none;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out; -webkit-transition-delay: 9999s;
}
select {outline: 0;}
:focus {outline: none;}

/* ------------------------------- BASE STYLES ------------------------------- */

body {font-family: 'SF Pro Display', sans-serif; font-weight: 400; background: #fff; font-size: 14px; line-height: 1.2; color: #160F0F;}
body.fixed {overflow: hidden;}
img {width: 100%;}

.wrap {max-width: 1300px; padding: 0 100px; margin: 0 auto;}
.title {font-size: 32px; font-weight: 500;}
.dn {display: none;}
#tmp_image {max-height: 0; overflow: hidden;}
#main {width: 100%; height: 100%; overflow: hidden;}

@media only screen and (max-width: 1024px) {
    .wrap {padding: 0 40px;}
    #main {perspective: none;}
}

@media only screen and (max-width: 800px) {
    .title {font-size: 26px;}
    .wrap {padding: 0 20px;}
}

/* ------------------------------- UI ELEMENTS ------------------------------- */

/* icons */

i {
    display: inline-block; font-family: 'glyphicons', sans-serif; font-size: 13px; font-style: normal;
    text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

.icon_arrow:before {content: '\E829';}
.icon_arrow_2:before {content: '\E846';}
.icon_arrow_back:before {content: '\E836';}
.icon_arrow_left:before {content: '\E808';}
.icon_arrow_left_2:before {content: '\E838';}
.icon_arrow_right:before {content: '\E807';}
.icon_arrow_right_2:before {content: '\E839';}
.icon_beach:before {content: '\E814';}
.icon_bedroom:before {content: '\E816';}
.icon_big:before {content: '\E81B';}
.icon_burger:before {content: '\E800';}
.icon_car:before {content: '\E81C';}
.icon_cellphone:before {content: '\E835';}
.icon_close:before {content: '\E80A';}
.icon_close_2:before {content: '\E847';}
.icon_copy:before {content: '\E809';}
.icon_discount:before {content: '\E848';}
.icon_download:before {content: '\E818';}
.icon_facebook:before {content: '\E80C';}
.icon_fire:before {content: '\E827';}
.icon_food:before {content: '\E845';}
.icon_forest:before {content: '\E820';}
.icon_house:before {content: '\E834';}
.icon_ig:before {content: '\E824';}
.icon_kids:before {content: '\E802';}
.icon_light:before {content: '\E826';}
.icon_lighting:before {content: '\E833';}
.icon_location:before {content: '\E81F';}
.icon_location_2:before {content: '\E821';}
.icon_logo:before {content: '\E80E';}
.icon_news:before {content: '\E844';}
.icon_palm:before {content: '\E837';}
.icon_parking:before {content: '\E810';}
.icon_parks:before {content: '\E804';}
.icon_phone:before {content: '\E80B';}
.icon_phone_2:before {content: '\E83C';}
.icon_pier:before {content: '\E813';}
.icon_quotes:before {content: '\E817';}
.icon_security:before {content: '\E801';}
.icon_sport:before {content: '\E803';}
.icon_sport_2:before {content: '\E812';}
.icon_sport_3:before {content: '\E81D';}
.icon_square:before {content: '\E815';}
.icon_success_1:before {content: '\E805';}
.icon_success_2:before {content: '\E806';}
.icon_tennis:before {content: '\E843';}
.icon_tg:before {content: '\E822';}
.icon_max:before {content: '\E83D';}
.icon_time:before {content: '\E842';}
.icon_time_2:before { content: '\E83a'; }
.icon_vk:before {content: '\E823';}
.icon_volleyball:before {content: '\E832';}
.icon_water:before {content: '\E825';}
.icon_wave:before {content: '\E81A';}
.icon_workout:before {content: '\E831';}
.icon_calendar:before { content: '\E83b'; }

/* buttons */

.btn_primary {
    display: inline-block; cursor: pointer; min-width: 80px; border-radius: 4px; color: #fff; font-weight: 600; background: #A58F64;
    height: 48px; width: auto; line-height: 48px; text-align: center; padding: 0 36px; transition: all 0.35s ease-out;
    text-decoration: none; text-transform: uppercase; font-size: 14px; letter-spacing: 0.02em; border: 1px solid #A58F64;
}
.btn_primary:hover {background: #89754d; border-color: #89754d;}

.btn_msg {
    display: flex; align-items: center; cursor: pointer; min-width: 80px; border-radius: 4px; font-weight: 500; height: 52px;
    width: auto; line-height: 52px; text-align: center; padding: 0 4px; transition: all 0.35s ease-out; text-decoration: none;
    font-size: 16px; letter-spacing: 0.02em; justify-content: center;
}
.btn_msg.wa {background: rgba(13, 193, 67, .2); border: 1px solid #0DC143; color: #97e1ad;}
.btn_msg.wa:hover {background: rgba(13, 193, 67, .3);}
.btn_msg.wa_dark {color: #0B732A;}
.btn_msg.tg {background: rgba(44, 175, 249, .2); border: 1px solid #2CAFF9; color: #a3d5f1;}
.btn_msg.tg:hover {background: rgba(44, 175, 249, .3);}
.btn_msg.tg_dark {color: #156B9B;}
.btn_msg.max {background: #C78AF44D; border: 1px solid #9F4ADD; color: #FFFFFF;}
.btn_msg.max:hover {background: #C78AF44D;}
.btn_msg.max_dark {color: #9F4ADD;}

.btn_msg > img {position: relative; top: 1px;}
.btn_msg.wa > img {width: 26px;}
.btn_msg.max > img {width: 26px;}
.btn_msg.tg > img {width: 22px;}

@media (max-width: 800px) {
    .btn_primary {padding: 0 30px;}
}

/* inputs */

.input_group {margin-top: 26px; position: relative;}
.input_group > input {
    border: 1px solid #ABBCC6; height: 56px; line-height: 56px; font-size: 16px; width: 100%; padding: 0 20px; background: none;
    color: #160F0F; border-radius: 4px;
}
.input_group > i {font-size: 14px; opacity: 0; position: absolute; top: 20px; right: 20px; color: #646464; transition: all 0.3s ease;}
.input_group > i.active {opacity: 1;}

.input_group > input:focus {border: 1px solid #ABBCC6; background: #fff; color: #222;}

.checkbox {
    height: 20px; width: 20px; background: #828282; color: #fff; position: relative; cursor: pointer; border-radius: 4px;
    transition: all 0.3s ease;
}
.checkbox > i {position: absolute; top: 4px; left: 4px; font-size: 10px; opacity: 0; transition: all 0.3s ease;}
.checkbox.active {background: #A58F64;}
.checkbox.active > i {opacity: 1;}

/* ------------------------------- MODAL ------------------------------- */

#modal {
    position: fixed; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden;
    display: none; opacity: 0; filter: alpha(opacity=0); background: rgba(4, 6, 10, 0.85); z-index: 1000;
}
#modal.active {display: block; opacity: 1; filter: alpha(opacity=100);}

#modal_container {
    overflow-y: auto; z-index: 1001; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; text-align: left; direction: ltr;
    position: fixed;
}
#modal_overlay {position: absolute; width: 100%; min-height: 100%; left: 0; top: 0; display: flex; align-items: center;}

#modal_content {
    position: relative; height: auto; margin: 55px auto 20px; border-radius: 20px; overflow: hidden;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}

@media (max-width: 800px) {
    #modal_content {margin: 0; border-radius: 0; width: 100%;}
}

/* -------------------------------  MODAL HOUSES  ------------------------------- */

/* common */

.modal_btn_close {position: absolute; top: 50px; right: 50px; font-size: 16px; cursor: pointer;}

@media only screen and (max-width: 800px) {
    .modal_btn_close {top: 25px; right: 25px; font-size: 18px;}
}

/* interiors */

#interiors {margin-top: 100px; position: relative; padding-top: 221px;}

#interiors .info {
    border-radius: 8px; background: #323232; padding: 50px 50px 110px; max-width: 630px; color: #FFF; width: 100%;
    position: absolute; top: 0;
}
#interiors .info .title {font-size: 32px; font-weight: 500; margin-bottom: 25px;}
#interiors .info .desc {font-size: 16px; max-width: 491px;}

.carousel {margin-bottom: 20px; width: 750px; max-width: 763px; border-radius: 8px !important; margin-left: auto; z-index: 3;}
.carousel-cell {width: 750px; height: 440px; overflow: hidden; margin-right: 20px; border-radius: 8px;}
.carousel-cell img {width: 100%; height: 100%; object-fit: cover;}
.carousel-cell:before {display: block;}
.carousel-nav .carousel-cell {height: 110px; width: 200px; border-radius: 8px;}
.carousel-nav .carousel-cell img {width: 100%; height: 100%; object-fit: cover;}
.carousel-nav .carousel-cell.is-nav-selected {border: 4px solid #A58F64;}
.carousel-main .flickity-prev-next-button.previous {left: 12px; background: #FFFFFF; border-radius: 50%;}
.carousel-main .flickity-prev-next-button.next {right: 12px; background: #FFFFFF; border-radius: 50%;}

@media only screen and (max-width: 800px) {
    #interiors .wrap {padding: 0;}
    .carousel-nav {display: none;}
    .carousel-nav img {display: none;}
    .carousel-main .flickity-prev-next-button.previous {display: none;}
    .carousel-main .flickity-prev-next-button.next {display: none;}
    .carousel {width: 100%;}
    .carousel-cell {width: 280px; height: 248px;}
    #interiors {padding-top: 190px; margin-top: 60px;}
    #interiors .info {max-width: 100%; border-radius: 0; padding: 35px 16px 120px;}
    #interiors .info .title {font-size: 26px; margin-bottom: 15px;}
    #interiors .info .desc {font-size: 14px;}
}

/* houses */

.modal_houses {padding: 50px; background: #fff;}

.modal_houses_title {font-size: 28px; font-weight: 600; color: #111418;}
.modal_houses_subtitle {display: flex; padding-top: 26px;}
.modal_houses_subtitle > div {width: 50%;}
.modal_houses_subtitle > div:nth-of-type(1) {font-size: 24px; font-weight: 600; color: #111418;}
.modal_houses_subtitle > div:nth-of-type(1) small {font-size: 16px;}
.modal_houses_subtitle > div:nth-of-type(1) span {display: block; color: #A58F64; font-size: 14px;}
.modal_houses_subtitle > div:nth-of-type(2) {font-size: 16px; display: flex;}
.modal_houses_subtitle > div:nth-of-type(2) > div:first-child {margin-right: 12px; margin-left: auto;}
.modal_houses_subtitle > div:nth-of-type(2) > div:last-child {font-size: 24px; font-weight: 600;}
.modal_houses_subtitle > div:nth-of-type(2) i {font-size: 22px; color: #A58F64;}
.modal_houses_subtitle > div:nth-of-type(2) span {display: block; color: #A58F64; font-size: 14px;}

.modal_houses_desc_title {font-size: 14px; font-weight: 600; line-height: 130%; color: #111418; padding-top: 30px;}
.modal_houses_desc_items {display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 14px; padding-bottom: 20px;}
.modal_houses_desc_items > div {flex: 1 0 50%; font-size: 14px; line-height: 130%; color: #111418; padding-bottom: 8px;}

#modal_houses_cover {position: relative;}
#house_photo_cover {display: block; transition: all 0.35s ease-in-out;}
#house_photo_cover_overlay {position: absolute; top: 0; left: 0; z-index: 10; opacity: 0; transition: all 0.35s ease-in-out;}
#house_photo_cover_overlay.active {opacity: 1;}

.modal_houses_photos_wrap {overflow-x: auto; padding-bottom: 5px;}
.modal_houses_photos_wrap::-webkit-scrollbar {width: 5px; height: 5px;}
.modal_houses_photos_wrap::-webkit-scrollbar-track {background: #fff;}
.modal_houses_photos_wrap::-webkit-scrollbar-thumb {background-color: rgba(58, 90, 77, 0.5); border-radius: 20px;}
#modal_houses_photos {display: flex; width: calc(100% + 8px); padding-top: 30px; transition: all 0.35s ease-in-out;}
#modal_houses_photos > div {display: flex; align-items: center; width: 20%; min-width: 150px; padding-right: 8px; cursor: pointer;}
#modal_houses_photos > div.border > img {border: 1px solid #e1d2cb;}

.modal_houses_extra {display: flex; flex-wrap: wrap; width: 100%; font-weight: 400;}
.modal_houses_extra > div {flex: 33.333%; max-width: 33.333%;}
.modal_houses_extra > div {padding-top: 20px; padding-right: 20px; position: relative;}
.modal_houses_extra > div:after {content: ''; position: absolute; bottom: 3px; left: 0; right: 20px; border-bottom: 1px dotted #ccc;}
.modal_houses_extra > div:nth-child(3n):after {right: 0;}
.modal_houses_extra > div:nth-child(3n) {padding-right: 0;}
.modal_houses_extra span:nth-child(1) {background: #fff; z-index: 1; position: relative; padding-right: 5px;}
.modal_houses_extra span:nth-child(2) {float: right; background: #fff; z-index: 1; position: relative; padding-left: 5px;}

.modal_houses_desc_main {padding-top: 40px;}
.modal_houses_desc_main > div {font-size: 14px; line-height: 130%; color: #111418; padding-bottom: 8px;}
.modal_houses_desc_main > div > span {font-weight: 600;}

.modal_houses_desc_note {padding-top: 50px;}
.modal_houses_desc_note > div {font-size: 12px; line-height: 130%; color: #111418; padding-bottom: 4px;}
.modal_houses_desc_note > div.rubcoff {font-size: 14px; margin-bottom: 1rem; line-height: 140%;}
.modal_houses_desc_note > div > span {font-weight: 600;}

@media only screen and (max-width: 800px) {
    .modal_houses {padding: 50px 0 35px 0;}
    .modal_houses_subtitle {flex-direction: column;}
    .modal_houses_subtitle > div {width: 100%;}
    .modal_houses_subtitle > div:nth-of-type(2) > div:first-child {margin-left: 0; display: none;}
    .modal_houses_subtitle > div:nth-of-type(2) {text-align: left; padding-top: 10px;}
    .modal_houses_desc_items {flex-direction: column;}
    .modal_houses_desc_items > div {flex: 1 0 100%;}
    .modal_houses_photos_wrap {padding-left: 20px;}
    .modal_houses_info {padding: 0 20px;}
    .modal_houses_extra > div {flex: 100%; max-width: 100%; padding-right: 0;}
    .modal_houses_extra > div:after {right: 0;}
}

/* paginator */

.modal_slides_paginator {display: table; margin-top: 25px; margin-bottom: 30px;}
.modal_slides_paginator_btn {display: table-cell; vertical-align: middle; width: 0;}

.modal_slides_paginator_arrow {color: #AEB3BB; font-size: 20px;}
.modal_slides_paginator_arrow.active {color: #A58F64; cursor: pointer;}
#modal_slides_paginator_prev {margin-right: 25px;}
#modal_slides_paginator_next {margin-left: 25px;}
#modal_slides_paginator_progress {height: 2px; background: #A58F64; transition: all 0.35s ease-in-out;}

/* request */

#request_modal.modal_request_2 {
    padding: 37px 22px 50px; position: relative; background: linear-gradient(262deg, #2A6003 10%, #162E04 100%); border-radius: 8px;
    color: #FFFFFF;
}
#request_modal.modal_request_2 .btn_msg {border-radius: 4px;}
#request_modal.modal_request_2 .request_pets {top: 80px; left: 80%;}
#request_modal.modal_request_2 .modal_request_subtitle {color: #FFFFFF; text-align: center; text-transform: uppercase; font-size: 14px;}
#request_modal.modal_request_2 .modal_request_title,
#request_modal.modal_request_2 .modal_request_desc {max-width: 490px; margin: 0 auto 30px; text-align: center; color: #FFFFFF;}
#request_modal.modal_request_2 .request_extra_checkbox {margin-top: 15px;}
#request_modal.modal_request_2 .modal_popup_close {top: 20px; right: 32px;}
#request_modal.modal_request_2 .modal_popup_close i {color: #000000; line-height: 12px;}
#request_modal.modal_request_2 .modal_request_inputs input {border-radius: 4px; background: #FFF; color: #092E44 !important;}
#request_modal.modal_request_2 #modal_btn_send, #modal_btn_send_2 {border-radius: 2px;}
#request_modal.modal_request_2 .btn_msg.wa_dark {color: #FFFFFF;}
#request_modal.modal_request_2 .btn_msg.tg_dark {color: #FFFFFF;}
#request_modal.modal_request_2.success img {width: 100px; display: block; margin: 0 auto 38px;}

#modal_btn_send, #modal_btn_send_2 {
    width: 100%; display: inline-block; cursor: pointer; padding: 0 30px; line-height: 50px; height: 50px; text-align: center;
    background-color: #34A8E9; color: #fff; border-radius: 8px; font-size: 16px; border: 0; transition: all 0.35s ease-out;
}
#modal_btn_send:hover, #modal_btn_send_2:hover {background: #2a8fc7;}
#modal_btn_send.disabled, #modal_btn_send_2.disabled {cursor: default; background-color: #ccc;}

.modal_request {background-color: #F8F6F5; padding: 50px;}
.modal_request_title {
    font-weight: 500; font-size: 32px; line-height: 130%; color: #160F0F; margin-bottom: 17px;
    text-align: center; letter-spacing: -0.3px;
}
#modal_request_desc {font-weight: 400; max-width: 450px; font-size: 20px; line-height: 130%; color: #160F0F; text-align: center; margin: 0 auto;}

.modal_request_inputs {display: flex; width: 100%; max-width: 560px; margin: 0 auto;}
.modal_request_inputs > div {width: 50%;}
.modal_request_inputs > div:nth-of-type(1) {padding-right: 10px;}
.modal_request_inputs > div:nth-of-type(2) {padding-left: 10px;}

.modal_request_agree {margin-top: 30px; display: flex; justify-content: center;}
.modal_request_agree > div:nth-of-type(2) {padding-left: 20px; font-size: 12px; line-height: 160%; color: #160F0F; text-align: left;}
.modal_request_controls {margin-top: 26px; display: flex; justify-content: center;}
.modal_request_controls > #request_house_btn {max-width: 300px; width: 100%; margin-top: 0;}

@media only screen and (max-width: 800px) {
    .modal_request {padding: 30px 20px 50px 20px;}
    .modal_request_title {font-size: 22px;}
    #modal_request_desc {font-size: 14px;}
    .modal_request_inputs {flex-direction: column;}
    .modal_request_inputs > div {width: 100%;}
    .modal_request_inputs > div:nth-of-type(1) {padding-right: 0;}
    .modal_request_inputs > div:nth-of-type(2) {padding-left: 0;}
    .modal_request_controls > #request_house_btn {max-width: 420px;}
    #request_modal.modal_request_2 {padding: 35px 22px;}
    #request_modal.modal_request_2 .modal_request_subtitle {text-align: left; padding-bottom: 12px; font-size: 12px;}
    #request_modal.modal_request_2 .modal_request_title, #request_modal.modal_request_2 .modal_request_desc {margin: 0 0 8px; text-align: left;}
    #request_modal.modal_request_2 {margin: 0 16px;}
    #request_modal.modal_request_2 .request_pets {display: none;}
    #request_modal.modal_request_2 .modal_request_form_inputs_msg {
        padding-bottom: 0 !important; padding-top: 18px !important; flex-direction: column-reverse;
    }
    #request_modal.modal_request_2 .modal_request_form_inputs_msg > div:nth-child(1) {display: flex; flex-direction: column-reverse; margin-top: 18px;}
    #request_modal.modal_request_2 .wa_label {font-size: 15px; padding-top: 0; padding-bottom: 18px; text-align: center;}
    #request_modal.modal_request_2 .request_extra_checkbox > div:nth-of-type(2) {font-size: 12px;}
    #request_modal.modal_request_2 .request_extra_wa_note {padding-top: 0; font-size: 14px;}
    #request_modal.modal_request_2 .request_btns_msg {margin-top: 18px;}
    #request_modal.modal_request_2 .modal_request_form_inputs_msg > div:nth-child(2) {display: flex; flex-direction: column;}
}

/* call button */

.call_to_us {
    width: 100px; height: 100px; position: fixed; bottom: 30px; right: 30px;
    display: block; z-index: 110; transition-property: transform, opacity; transition-duration: 0.7s, 0.7s;
    text-align: center; cursor: pointer;
}
.call_to_us > img:nth-child(1) {width: 100px; height: 100px; bottom: 30px; right: 30px; position: fixed; z-index: 110;}
.call_to_us > img:nth-child(2) {width: 60px; height: 60px; bottom: 50px; right: 50px; position: fixed; z-index: 111;}
.call_to_us > img:nth-child(3) {
    width: 60px; height: 60px; bottom: 50px; right: 50px; position: fixed; z-index: 110; animation: call_to_us 1s infinite alternate;
}

@keyframes call_to_us {
    0% {width: 60px; height: 60px;}
    100% {width: 80px; height: 80px; bottom: 40px; right: 40px;}
}

/* call */

.call_modal {padding: 35px 30px; background: #FFFFFF; position: relative;}
.call_modal .modal_popup_close {top: 20px; right: 20px;}
.call_modal .modal_request_inputs > div {width: 100%;}
.call_modal > #modal_request_form > div.modal_request_inputs:first-child .input_group {margin-top: 0;}
.call_modal > #modal_request_form > div.modal_request_inputs:nth-child(2) .input_group {margin-top: 20px;}
.call_modal > #modal_request_form > div.modal_request_inputs:last-child > div > div:last-child {display: flex; align-items: center;}
.call_modal > #modal_request_form > div.modal_request_inputs:last-child > div > div:last-child > div:first-child {margin-right: 12px;}
.call_modal > #modal_request_form > div.modal_request_inputs:last-child > div > div:last-child > div:last-child {font-size: 12px;}
.call_modal.success {padding: 115px 0;}
.call_modal .title {font-size: 22px; font-weight: 500; margin-bottom: 10px;}
.call_modal.success .title {text-align: center; margin-bottom: 20px; margin-top: 30px;}
.call_modal .subtitle {font-size: 14px; margin-bottom: 35px;}
.call_modal.success .subtitle {text-align: center; margin-bottom: 0;}
.call_modal.success img {width: 60px; margin: 0 auto; display: block;}
.call_modal > #modal_request_form > div.modal_request_form_inputs:first-child {margin-bottom: 20px;}

/* popup */

.modal_popup_close {
    position: absolute; top: 20px; right: 20px; font-size: 14px; cursor: pointer; height: 32px; width: 32px; background: #FFFFFF;
    box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.2); border-radius: 16px; display: flex; align-items: center; justify-content: center;
    user-select: none; z-index: 5;
}

.modal_reels_close {
    position: absolute; top: 20px; right: 20px; font-size: 14px; cursor: pointer; height: 32px; width: 32px; background: #FFFFFF;
    box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.2); border-radius: 16px; display: flex; align-items: center; justify-content: center;
    user-select: none; z-index: 10;
}

@media only screen and (max-width: 800px) {
    .modal_popup_close {top: 116px; right: 32px;}
}

.modal_popup_banner {display: flex; min-height: 310px; border-radius: 20px; overflow: hidden;}
.modal_popup_banner > div:nth-of-type(1) {
    width: 50%; background: linear-gradient(0deg, #152C04 0%, #2A6102 100%); padding: 36px 42px 30px 42px;
}
.modal_popup_banner > div:nth-of-type(2) {
    width: 50%; background: #333 url('/images/banner.jpg?4') 50% 50%;background-size: cover;
}

.modal_popup_banner_title {
    font-family: 'playfair display', serif; color: #fff; font-size: 34px; font-weight: 600; line-height: 1.1; letter-spacing: 0.58px;
    position: relative; z-index: 1;
}
.modal_popup_banner_desc {color: #FFF; font-size: 18px; line-height: 1.3; padding-top: 28px;}

.modal_popup_form_inputs {max-width: 300px;}

.modal_popup_checkbox {padding-top: 16px; text-align: left; color: #fff;}

@media only screen and (max-width: 800px) {
    .modal_popup_banner {flex-direction: column; min-height: auto; margin: 100px 16px 16px 16px;}
    .modal_popup_banner > div:nth-of-type(1) {width: 100%; padding: 30px 24px 22px 24px;}
    .modal_popup_banner > div:nth-of-type(2) {width: 100%; min-height: 190px; background-position: bottom;}
    .modal_popup_banner_title {font-size: 32px; max-width: 230px; pointer-events: none;}
    .modal_popup_banner_desc {font-size: 16px; padding-top: 18px;}
    .modal_popup_form_inputs {max-width: 420px;}
}

.modal_popup_request {min-height: 310px; padding: 50px 50px; border-radius: 20px; background: #EEF9FF;}
.modal_popup_request_title {font-weight: 500; font-size: 22px; line-height: 130%; letter-spacing: 0.2px; color: #111418;}
.modal_popup_request #modal_request_form {max-width: none;}

@media only screen and (max-width: 800px) {
    .modal_popup_request {margin: 100px 16px 16px 16px; padding: 42px 24px;}
    .modal_popup_request_title {padding-top: 20px;}
}

.modal_popup_success {min-height: 310px; padding: 50px 50px 30px 50px; border-radius: 20px; background: #F8F6F5;}
.modal_popup_success_title {
    font-weight: 500; font-size: 22px; line-height: 130%; letter-spacing: 0.2px; color: #111418; text-align: center;
}
.modal_popup_success_desc {
    font-size: 16px; line-height: 1.3; text-align: center; color: #111418; padding-top: 36px; max-width: 380px; margin: 0 auto;
}
.modal_popup_success_controls {text-align: center; padding-top: 10px;}
.modal_popup_success_controls .header_info_btn {min-width: 160px;}

@media only screen and (max-width: 800px) {
    .modal_popup_success {margin: 100px 16px 16px 16px;}
    .modal_popup_success_title {padding-top: 20px;}
}

.modal_popup_form_inputs > div {position: relative;}
.modal_popup_form_inputs > div:nth-of-type(1) {margin-top: 32px;}
.modal_popup_form_inputs > div:nth-of-type(2) {margin-top: 16px;}
.modal_popup_form_inputs input {
    width: 100%; height: 50px; padding: 4px 16px; font-size: 16px; color: #092E44; background: #fff;
    border: 0; border-radius: 4px; transition: all 0.2s ease-out;
}
.modal_popup_form_inputs input:hover {border-color: #95a7af;}
.modal_popup_form_inputs .icon_success_2 {position: absolute; top: 17px; right: 16px; color: #646464; opacity: 0;}
.modal_popup_form_inputs .icon_success_2.active {opacity: 1;}

.modal_popup_agree {margin-top: 30px; display: flex; justify-content: center; max-width: 280px;}
.modal_popup_agree > div:nth-of-type(2) {padding-left: 20px; font-size: 12px; line-height: 140%; color: #160F0F; text-align: left;}

.modal_popup_btn {display: block; margin-top: 16px; border-radius: 4px; height: 50px; line-height: 50px; max-width: 300px;}
.modal_popup_btn.disabled {background: #828282; color: #ccc; border: 1px solid #828282; cursor: default;}

@media only screen and (max-width: 800px) {
    .modal_popup_form_inputs > div:nth-of-type(1) {margin-top: 24px;}
    .modal_popup_agree {margin-top: 24px;}
    .modal_popup_agree > div:nth-of-type(2) {font-size: 14px; line-height: 1.3;}
    .modal_popup_btn {max-width: 420px;}
}

/* ------------------------------- PRELOAD ------------------------------- */

#preload {
    position: fixed; transform: translateY(-100%); top: 0; bottom: 0; left: 0; width: 100%; background: #262622; text-align: center;
    z-index: 1000; transition: all 0.75s ease;
}
#preload.active {transform: translateY(0);}
#preload_img {max-width: 260px; top: calc(50% - 130px); position: relative; opacity: 0; transition: all 0.75s ease-in-out;}
#preload_img.active {opacity: 1;}

@media only screen and (max-width: 360px) {
    #preload_img {max-width: 160px; top: calc(50% - 80px);}
}

/* ------------------------------- PHONE ------------------------------- */

#sticky_phone {
    display: none; position: fixed; bottom: 30px; right: 20px; background: #A58F64; width: 68px; height: 68px; border-radius: 50%;
    text-align: center; text-decoration: none; box-shadow: 0 0 10px -1px rgba(0,0,0,0.7); cursor: pointer; z-index: 999;
}
#sticky_phone > i {color: #fff; font-size: 28px; line-height: 68px;}

@media only screen and (max-width: 840px) {
    #sticky_phone {display: block;}
}

/* ------------------------------- MENU ------------------------------- */

#menu {
    position: fixed; top: 0; bottom: 0; left: 0; width: 100%; transform: translateY(100%); opacity: 0; background: #262622;
    overflow-y: auto; pointer-events: none; z-index: 1000; transition: all 0.5s ease;
}
#menu.active {pointer-events: auto; transform: translateY(0); opacity: 1;}
.menu_wrap {position: absolute; padding: 20px; top: 0; bottom: 35px; left: 0; width: 100%;}

.menu_head {display: table; width: 100%; text-align: right; border-bottom: 1px solid rgba(255,255,255,0.2);}
.menu_head > div {display: table-cell; vertical-align: middle; padding-bottom: 20px;}
.menu_head > div:nth-child(1) {width: 180px;}
.menu_head > div:nth-child(2) > i {cursor: pointer; font-size: 20px; color: #fff; padding: 10px;}

.menu_items {padding-top: 50px; padding-bottom: 320px; text-align: center;}
.menu_items > a {display: block; color: #fff; font-size: 24px; letter-spacing: 0.5px; padding: 15px 0; text-decoration: none;}

.menu_items .header_menu_phone {width: 300px; margin: 10px auto 0 auto; padding: 0;}
.menu_items .header_menu_phone i {top: -1px; font-size: 20px; color: #FFFFFF;}
.menu_items .header_menu_phone a {padding-left: 30px; padding-right: 20px; font-size: 24px; color: #FFFFFF; text-decoration: none;}

.menu_btn {position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 20px; text-align: center;}
.menu_btn > .btn_primary {width: 100%; max-width: 300px; margin: 0 auto; height: 56px; line-height: 56px; border-radius: 4px;}

.menu_social {border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin: 0 55px 60px 55px;}
.menu_social > div:nth-child(1) {font-size: 14px; line-height: 130%; letter-spacing: 0.02em; color: #7D7676; text-align: center; padding: 32px 0 0 0;}
.menu_social > div:nth-child(2) {display: flex; align-items: center; justify-content: center; color: #fff; margin: 0 auto; padding: 10px 0 18px 0;}
.menu_social > div:nth-child(2) > a {padding: 10px;}
.menu_social > div:nth-child(2) > a > i {font-size: 32px; color: #fff;}
.menu_social > div:nth-child(2) > a > i.icon_vk {font-size: 37px;}
.menu_social > div:nth-child(2) > a > img {width: 27px; position: relative; top: 2px;}

/* ---------------------------------- MAP ----------------------------------- */

#map {margin-top: 100px;}

.map {display: flex; height: 457px;}
.map > div:first-child {width: 451px; margin-right: auto; display: flex; flex-direction: column;}
.map > div:last-child {margin-left: 20px; width: 50%; border-radius: 8px; overflow: hidden;}
.map .title {font-size: 32px; font-weight: 500; margin-bottom: 20px;}
.map .desc {font-size: 16px;}
.map .coords {margin-top: auto;}
.map .coords > div {display: flex; width: 332px;}
.map .coords > div > div:first-child {
    width: 48px; height: 48px; border-radius: 30px; background: rgba(165, 143, 100, 0.10); margin-right: 16px; padding: 12px;
}
.map .coords > div > div:first-child i {font-size: 20px; color: #A58F64; position: relative; left: 2.5px;}
.map .coords > div:last-child {margin-top: 46px;}
.map .coords > div:last-child > div:first-child i {font-size: 14px; color: #A58F64; position: relative; top: 3px; left: -1px;}
.map .coords > div > div:last-child > div:first-child {font-size: 16px; font-weight: 600; margin-bottom: 8px;}
.map .coords > div > div:last-child > div:nth-child(2) {font-size: 16px; color: #555966; margin-bottom: 8px;}

.map .coords > div > div:last-child > a {color: #A58F64; font-size: 14px; font-weight: 500; text-decoration: none; display: inline-block; transition: all 0.2s ease-in-out;}
.map .coords > div > div:last-child > a:after {content: ''; border-bottom: 1px solid rgba(165,143,100,1); display: block; transition: all 0.2s ease-in-out;}

.map .coords > div > div:last-child > a:hover {color: #8a7650;}
.map .coords > div > div:last-child > a:hover:after {border-color: rgba(165,143,100,0);}

@media only screen and (max-width: 1000px) {
    .map {flex-direction: column; height: auto;}
    .map > div:first-child {margin-right: 0; width: 100%; max-width: 451px;}
    .map > div:last-child {width: 100%; height: 315px; margin-top: 30px; margin-left: 0;}
    .map .coords {margin-top: 30px;}
}

@media only screen and (max-width: 600px) {
    #map {margin-top: 50px;}
    .map .title {font-size: 26px; margin-bottom: 16px;}
    .map .desc {font-size: 14px; width: 100%;}
    .map .coords > div > div:last-child > div:first-child {font-size: 14px;}
    .map .coords > div > div:last-child > div:nth-child(2) {font-size: 14px;}
    .map .coords > div > div:last-child > a {font-size: 14px;}
    .map .coords > div:last-child {margin-top: 16px;}
}

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

#header_menu_wrap {position: fixed; width: 100%; padding: 50px 40px 15px 40px; z-index: 50; transition: all 0.25s ease-out;}
#header_menu_wrap.dark {background: #262722;}
#header_menu_wrap.app {background: linear-gradient(315deg, rgba(7,75,122,1) 0%, rgba(3,83,132,1) 100%);}
#header_menu_wrap.app #header_menu {border-bottom: 0;}

#header_menu_wrap.sticky {background: #fff; color: #1e2b47; transform: translateY(-1px); box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);}
#header_menu_wrap.sticky a {color: #160F0F;}
#header_menu_wrap.sticky i {color: #160F0F;}
#header_menu_wrap.sticky i.header_menu_logo {color: #152C03;}
#header_menu_wrap.sticky #header_menu .btn_primary {color: #fff;}
#header_menu_wrap.sticky #header_menu > div {padding-bottom: 0;}
#header_menu_wrap.sticky #header_menu > div:nth-child(2) > a:after {background: #1e2b47;}

#header_menu_wrap img.black {display: none;}
#header_menu_wrap.sticky img.white {display: none;}
#header_menu_wrap.sticky img.black {display: block; top: 0;}
#header_menu {display: table; width: 100%; text-align: right;}
#header_menu > div {display: table-cell; vertical-align: middle;}
#header_menu > div:nth-child(1) {text-align: left;}
#header_menu > div:nth-child(1) > a {position: relative;}
#header_menu > div:nth-child(1) > a > img {position: absolute; width: 11px; top: 4px;}
#header_menu > div:nth-child(1) > a > img:nth-of-type(1) {left: 5px;}
#header_menu > div:nth-child(1) > a > img:nth-of-type(2) {left: 47px;}

@media only screen and (max-width: 820px) {
    #header_menu > div:nth-child(1) > a > img:nth-of-type(1) {left: 5px;}
    #header_menu > div:nth-child(1) > a > img:nth-of-type(2) {left: 44px;}
}

#header_menu > div > a {display: inline-block; color: #fff; text-decoration: none; white-space: nowrap;}
#header_menu > div:nth-child(2) > a {position: relative; cursor: pointer; font-size: 14px; margin-right: 28px; letter-spacing: 0.3px;}
#header_menu > div:nth-child(2) > a:after {
    content: ''; position: absolute; left: 0; bottom: -6px; display: block; width: 0; height: 2px; background: #fff;
    border-radius: 4px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#header_menu > div:nth-child(2) > a:hover:after {width: 40px;}

#header_menu > div > i {cursor: pointer; font-size: 20px; color: #fff; padding: 10px;}
#header_menu > div:nth-child(4) {text-align: right;}
#header_menu > div:nth-child(4) > div {padding: 0 20px 0 0; display: inline-flex; align-items: center;}
#header_menu > div:nth-child(4) > div > a {font-size: 12px; padding: 0 4px; margin: 0 2px; color: #fff;}
#header_menu > div:nth-child(4) > div > a > i {font-size: 24px;}
#header_menu > div:nth-child(4) > div > a > i.icon_vk {font-size: 26px;}
#header_menu > div:nth-child(4) > div > a > i.icon_tg {position: relative; left: -1px;}
#header_menu > div:nth-child(4) > div > a > img {position: relative; top: 1px; width: 22px;}
#header_menu > div:nth-child(5) {width: 0;}
#header_menu > div:nth-child(5) > a {
    height: 32px; line-height: 32px; padding: 0 20px; margin-top: 4px; font-size: 12px; border-radius: 4px; white-space: nowrap;
}
#header_menu > div:nth-child(5) > div > i.icon_phone_2 {font-size: 22px;}
#header_menu > div:nth-child(5) > div {display: none;}
#header_menu > div:nth-child(6) > i {display: none;}
#header_menu .btn_primary {padding: 0 10px; height: 36px; line-height: 36px; font-size: 13px; margin-right: 5px; transform: translateY(-2px);}

.header_menu_logo {font-size: 34px; transform: translateY(-1px);}

@media (max-width: 1024px) and (orientation:landscape) {
    #header_menu_wrap.sticky {display: none;}
}

@media only screen and (max-width: 1210px) {
    #header_menu > div:nth-child(3) {display: none;}
}

@media only screen and (max-width: 1120px) {
    #header_menu_wrap {padding: 50px 40px 15px 40px;}
    #header_menu_wrap.sticky {padding: 51px 40px 15px 40px;}
}

@media only screen and (max-width: 1060px) {
    #header_menu > div:nth-child(4) > div {padding: 0;}
}

@media only screen and (max-width: 920px) {
    #header_menu > div:nth-child(2) > a {display: none;}
}

@media only screen and (max-width: 820px) {
    #header_menu_wrap {padding: 50px 20px 15px 20px;}
    #header_menu_wrap.app {padding-bottom: 0;}
    #header_menu_wrap.sticky {padding: 50px 20px 15px 20px;}
    #header_menu {border-bottom: 1px solid rgba(255,255,255,0.2);}
    #header_menu > div {padding-bottom: 20px;}
    #header_menu > div:nth-child(4) > div > a > img {width: 22px;}
    #header_menu > div:nth-child(5) > a {padding: 0 8px; display: none;}
    #header_menu > div:nth-child(5) > div {display: block; color: #FFFFFF; font-size: 16px; padding: 0 10px;}
    #header_menu > div:nth-child(6) > i {display: inline-block;}
    #header_menu .btn_primary {display: inline-block;}
    .header_menu_logo {font-size: 32px;}
}

@media only screen and (max-width: 320px) {
    .header_menu_logo {font-size: 24px;}
}

@media only screen and (max-width: 800px) and (max-height: 740px) {
    .menu_items {padding-top: 20px; padding-bottom: 34px;}
    .menu_btn {position: relative; padding: 0 20px 20px 20px;}
    .menu_social {margin: 0 55px 30px 55px;}
}

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

#header_notice {height: 35px; background: #A58F64; padding: 0 20px; position: fixed; width: 100%; z-index: 999;}
#header_notice > div {display: table; width: 100%;}
#header_notice > div > div {display: table-cell; width: 33.333%; vertical-align: top;}
#header_notice > div > div > div {display: flex; line-height: 35px; color: #fff; justify-content: center;}
#header_notice > div > div > div > div {text-transform: uppercase; font-size: 13px; font-weight: 600;}

@media only screen and (max-width: 1700px) {
    #header_notice > div > div {display: table-cell; width: 50%;}
    #header_notice > div > div:nth-child(3) {display: none;}
}

@media only screen and (max-width: 1100px) {
    #header_notice > div > div {display: table-cell; width: 100%; text-align: center;}
    #header_notice > div > div:nth-child(2) {display: none;}
    #header_notice > div > div:nth-child(3) {display: none;}
    #header_notice > div > div > div {display: table; width: 100%;}
    #header_notice > div > div > div > div {display: table-cell;}
    #header_notice > div > div > div > div:nth-child(2) {text-align: right;}
}

@media only screen and (max-width: 800px) {
    #header_notice > div > div span {display: none;}
}

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

#header_section {height: 100vh; min-height: 680px; position: relative; overflow: hidden;}
#header_section::after {content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 100%;}

#header_section > .wrap {position: relative; z-index: 3; display: flex; align-items: center; height: 100%; padding-top: 30px;}

#header_video {min-width: 100vw; max-width: calc(16/9 * 100vh); min-height: 100vh; position: absolute; top: 0; left: 0;}
#header_novideo {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: url(/images/video_header.jpg?2) 0 50%; background-size: cover;}

.header_group {display: flex; width: 100%; align-items: center;}
.header_group > div, .header_group > h1 {width: 50%;}
.header_group > div:nth-of-type(1) {position: relative;}
.header_group > div:nth-of-type(1) > img {width: 100px; margin-top: 30px;}
.header_group > div:nth-of-type(2) {display: flex; align-items: end; justify-content: end; flex-direction: column;}

@media only screen and (max-width: 760px) {
    #header_section {height: 100vh; min-height: 680px; background-position-x: 50%;}
    #header_section > .wrap {padding: 100px 20px 0 20px;}
    .header_group {flex-direction: column;}
    .header_group > div, .header_group > h1 {width: 100%;}
    .header_group > div:nth-of-type(2) {align-items: start;}
    .header_group > div:nth-of-type(1) > img {width: 75px; margin-top: 0; position: absolute; top: 0; right: 0;}
}

@media only screen and (max-width: 320px) {
    #header_section {min-height: 660px;}
}

#header_award {display: flex; color: #FFFFFF;}
#header_award > div:nth-of-type(1) {padding-right: 36px;}
#header_award > div:nth-of-type(1) > img {max-width: 110px;}
#header_award > div:nth-of-type(2) {padding-left: 36px; position: relative;}
#header_award > div:nth-of-type(2):after {content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 62px; background: #fff;}
#header_award > div:nth-of-type(2) > div {font-weight: 600; font-size: 14px; line-height: 120%; letter-spacing: 0.1em;}
#header_award > div:nth-of-type(2) > img {max-width: 210px; padding-top: 12px;}

#header_title {
    display: block; max-width: 450px; color: #fff; font-family: 'Playfair Display', sans-serif; font-weight: 600; font-size: 58px;
    line-height: 120%; letter-spacing: 0.04em; padding-top: 16px; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); opacity: 1;
    transform: translateY(0px); transition: all 1.5s ease;
}
#header_subtitle {
    font-weight: 500; font-size: 32px; line-height: 130%; letter-spacing: 0.02em; color: #FFFFFF; padding-top: 14px;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
#header_desc {
    display: block; max-width: 400px; padding-top: 14px; color: #fff; font-size: 18px; font-weight: 500; line-height: 130%; letter-spacing: 0.02em;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); transform: translateY(0px); opacity: 1; transition: all 1.5s ease;
}
#header_subdesc {
    display: block; max-width: 400px; padding-top: 14px; color: #fff; font-size: 16px; font-weight: 400; line-height: 130%; letter-spacing: 0.02em;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); transform: translateY(0px); opacity: 1; transition: all 1.5s ease;
}
#header_extra {
    display: block; max-width: 400px; padding-top: 14px; color: #fff; font-size: 18px; line-height: 130%; letter-spacing: 0.02em;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); transform: translateY(0px); opacity: 1; transition: all 1.5s ease;
}

#header_bank {
    display: flex; align-items: center; padding: 9px 12px; border-radius: 12px; color: #000; margin-bottom: 12px; max-width: 220px;
    background: linear-gradient(146.02deg, #9C8100 0%, #FFE877 53.93%, #9C8100 115.22%);
}
#header_bank > div:nth-of-type(1) > span {display: block;}
#header_bank > div:nth-of-type(1) > span:nth-of-type(1) {
    font-weight: 800; font-size: 22px; line-height: 100%; letter-spacing: 0.02em;
}
#header_bank > div:nth-of-type(1) > span:nth-of-type(1) > span {font-weight: 700; font-size: 12px;}
#header_bank > div:nth-of-type(1) > span:nth-of-type(2) {
    font-weight: 700; font-size: 12px; line-height: 100%; letter-spacing: 0.02em; color: #000000;
}
#header_bank > div:nth-of-type(2) {font-weight: 500; font-size: 12px; line-height: 120%; letter-spacing: 0.02em; padding-left: 10px;}

#header_info {
    display: flex; flex-direction: column; width: 100%; max-width: 540px; background: rgba(0, 0, 0, 0.5); padding: 38px 46px;
    border-radius: 12px; color: #FFFFFF;
}

.header_info_1 {display: flex;}
.header_info_1 > div {width: 50%; position: relative;}
.header_info_1 > div:before {
    content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(247, 247, 247, 0.4);
}
.header_info_1 > div > div:nth-of-type(1) {font-weight: 500; font-size: 34px; line-height: 130%; letter-spacing: 0.02em;}
.header_info_1 > div > div:nth-of-type(1) > sup {font-size: 18px; top: -12px; left: 2px; font-weight: 600;}
.header_info_1 > div > div:nth-of-type(2) {
    font-size: 14px; line-height: 120%; letter-spacing: 0.02em; padding-bottom: 38px; max-width: 100px;
}
.header_info_1 > div:nth-of-type(1) {margin-right: 32px;}
.header_info_1 > div:nth-of-type(2) {margin-left: 32px;}
.header_info_1 > div:nth-of-type(2):after {
    content: ''; position: absolute; top: 0; left: -32px; width: 1px; height: calc(100% - 18px);
    background: rgba(247, 247, 247, 0.4);
}

.header_info_2 {display: flex; padding-top: 38px;}
.header_info_2 > div {width: 50%; position: relative;}
.header_info_2 > div:nth-of-type(1) {margin-right: 32px;}
.header_info_2 > div:nth-of-type(1) > div {font-size: 18px; line-height: 120%; letter-spacing: 0.02em; max-width: 160px;}
.header_info_2 > div:nth-of-type(2) {margin-left: 32px;}

.header_btn_wrap {padding-top: 32px; display: flex; justify-content: center;}
#header_btn {
    display: block; width: 100%; max-width: 300px; border-radius: 4px; padding: 0 20px; opacity: 0; transform: translateY(10px);
    transition: all 1.5s ease;
}
#header_btn.active {opacity: 1; transform: translateY(0);}

.header_icons {display: flex;}
.header_icons > div {width: 33.333%;}
.header_icons > div > div:nth-of-type(1) {
    border: 1px solid #FFFFFF; border-radius: 4px; height: 43px; width: 43px; display: flex; justify-content: center;
    align-items: center;
}
.header_icons > div > div:nth-of-type(1) > i {font-size: 30px; color: #fff;}
.header_icons > div > div:nth-of-type(2) {
    font-weight: 400; font-size: 10px; line-height: 120%; text-align: center; letter-spacing: 0.02em; width: 43px; padding-top: 4px;
}

@media only screen and (max-width: 760px) {
    #header_award > div:nth-of-type(1) > img {max-width: 80px;}
    #header_award > div:nth-of-type(2) {display: none;}
    #header_title {font-size: 48px; padding-top: 8px;}
    #header_subtitle {font-size: 22px; padding-top: 10px;}
    #header_desc {padding-top: 12px; text-align: left; font-size: 18px; max-width: 300px;}
    #header_extra {padding-top: 12px; text-align: left; font-size: 18px; max-width: 300px;}
    #header_bank {margin-bottom: 0; margin-top: 18px;}
    #header_info {background: none; padding: 0; border-radius: 0;}
    .header_info_1 {order: 2; padding-top: 32px;}
    .header_info_1 > div:before {background: none;}
    .header_info_1 > div > div:nth-of-type(1) {font-size: 22px;}
    .header_info_1 > div > div:nth-of-type(1) > sup {font-size: 12px; top: -8px;}
    .header_info_1 > div > div:nth-of-type(2) {padding-bottom: 0; padding-top: 8px;}
    .header_info_1 > div:nth-of-type(1) {width: 55%; margin-right: 3px;}
    .header_info_1 > div:nth-of-type(2) {width: 45%; margin-left: 3px;}
    .header_info_1 > div:nth-of-type(2):after {background: none;}
    .header_info_2 {order: 3; padding-top: 28px; padding-bottom: 34px; flex-direction: row-reverse;}
    .header_info_2 > div:nth-of-type(1) {width: 45%; margin-right: 3px; padding-top: 12px;}
    .header_info_2 > div:nth-of-type(1) > div {font-size: 14px; max-width: 130px;}
    .header_info_2 > div:nth-of-type(2) {width: 55%; margin-left: 3px;}
    #header_btn {max-width: 400px; height: 54px; line-height: 54px;}
    .header_btn_wrap {order: 1; padding-top: 26px;}
}

@media only screen and (max-width: 320px) {
    #header_title {font-size: 36px;}
    #header_desc {padding: 12px 0 0 0;}
    #header_extra {padding: 12px 0 0 0;}
    #header_btn {margin-top: 10px;}
}

/* ----------------------------- CALCULATOR ----------------------------- */

#calculator {margin-top: 100px;}

.calculator {display: flex; border-radius: 8px; overflow: hidden; background: linear-gradient(262deg, #2A6003 9.73%, #162E04 99.62%);}
.calculator > div {margin-right: auto; max-width: 607px; padding: 60px 0 60px 50px;}
.calculator > div > div:first-child {font-size: 32px; font-weight: 500; margin-bottom: 20px; color: #FFF;}
.calculator > div > div:nth-child(2) {font-size: 16px; margin-bottom: 30px; color: #FFF; max-width: 350px;}
.calculator > div > div:last-child {max-width: 261px; margin: 0;}
.calculator img {width: 419px;}

@media only screen and (max-width: 1000px) {
    .calculator {flex-direction: column;}
    .calculator img {width: 100%; height: 220px; object-fit: cover;}
}

@media only screen and (max-width: 600px) {
    #calculator {margin-top: 5px;}
    .calculator > div {padding: 40px 20px;}
    .calculator > div > div:first-child {font-size: 26px;}
    .calculator > div > div:last-child {max-width: 350px;}
    .calculator > div > div:nth-child(2) {font-size: 14px;}
}

/* ------------------------------- BANNER ------------------------------- */

#banner_section {margin-top: 80px;}

.banner_group {
    display: flex; border-radius: 20px; background: linear-gradient(262deg, #2A6003 9%, #162E04 100%);
    position: relative; overflow: hidden;
}
.banner_group > div {width: 50%;}

.banner_group > div:nth-of-type(2) {background-image: url(/images/banner.jpg?2); background-size: cover; position: relative;}
.banner_group > div:nth-of-type(2):before {
    content: ''; position: absolute; z-index: 0; top: 0; left: -1px; bottom: 0; width: 50%;
    -webkit-mask: url(/images/banner_mask.png); mask: url(/images/banner_mask.png); -webkit-mask-position: 0 100%;
    mask-position: 0 100%; background: linear-gradient(262deg, #2A6003 9%, #162E04 100%) fixed;-webkit-mask-size: cover;
    mask-size: cover;
}

.banner_info {padding: 42px 0 42px 54px;}

.banner_title {
    font-family: 'playfair display', serif; color: #fff; font-size: 58px; font-weight: 600; line-height: 1.1; letter-spacing: 0.58px;
    position: relative; z-index: 1;
}
.banner_desc {color: #FFF; font-size: 20px; line-height: 1.3; padding-top: 28px;}
.banner_controls {padding-top: 58px;}

.banner_btn {height: 54px; line-height: 54px; font-weight: 500; padding: 0 50px;}

@media only screen and (max-width: 800px) {
    #banner_section {margin-top: 50px;}
    .banner_group {flex-direction: column; border-radius: 8px;}
    .banner_group > div {width: 100%;}
    .banner_group > div:nth-of-type(2) {height: 220px; background-position: 50% 60%;}
    .banner_group > div:nth-of-type(2):before {display: none;}
    .banner_info {padding: 34px 22px 44px 22px;}
    .banner_title {font-size: 40px;}
    .banner_desc {font-size: 16px; padding-top: 18px;}
    .banner_controls {padding-top: 32px;}
    .banner_btn {width: 100%; max-width: 460px;}
}

/* ------------------------------- BRIEF ------------------------------- */

#brief_section {margin-top: 72px;}

.brief_info {display: flex;}
.brief_info > div:nth-of-type(1) {width: 35%;}
.brief_info > div:nth-of-type(1) > div:nth-of-type(1) {
    font-weight: 500; font-size: 32px; line-height: 100%; letter-spacing: 0.02em; color: #160F0F; position: relative; top: -2px;
}
.brief_info > div:nth-of-type(1) > div:nth-of-type(2) {
    max-width: 190px; font-weight: 500; font-size: 16px; line-height: 130%; letter-spacing: 0.02em; color: #160F0F; padding-top: 12px;
}
.brief_info > div:nth-of-type(2) {width: 65%; font-size: 16px; line-height: 130%; letter-spacing: 0.02em; color: #160F0F;}

@media only screen and (max-width: 840px) {
    #brief_section {margin-top: 50px;}
}

@media only screen and (max-width: 800px) {
    .brief_info > div:nth-of-type(1) > div:nth-of-type(1) {font-size: 26px;}
}

@media only screen and (max-width: 640px) {
    .brief_info {flex-direction: column;}
    .brief_info > div:nth-of-type(1) {width: 100%;}
    .brief_info > div:nth-of-type(2) {width: 100%; padding-top: 18px; font-size: 14px;}
}

/* ------------------------------- GALLERY ------------------------------- */

#gallery_section {padding-top: 44px;}

.gallery_group {display: flex;}
.gallery_group > div {width: 50%;}
.gallery_group > div > img {border-radius: 8px; cursor: pointer;}
.gallery_group > div:nth-of-type(1) {padding-right: 10px; position: relative; display: flex; overflow: hidden;}
.gallery_group > div:nth-of-type(1) video {width: 100%; height: 100%; object-fit: cover; border-radius: 8px; display: none;}
.gallery_group > div:nth-of-type(1) video.active {display: block;}
.gallery_group > div:nth-of-type(1) .controls > img:first-child {cursor: pointer; position: absolute; left: 24px; top: calc(50% - 12px); width: 24px; height: 24px;}
.gallery_group > div:nth-of-type(1) .controls > img:last-child {cursor: pointer; position: absolute; right: 24px; top: calc(50% - 12px); width: 24px; height: 24px;}
.gallery_group > div:nth-of-type(2) {padding-left: 10px;}

.gallery_items {display: flex; flex-wrap: wrap;}
.gallery_items > div {flex: 1 0 50%; width: 50%;}
.gallery_items > div:nth-of-type(2n+1) {padding-right: 10px;}
.gallery_items > div:nth-of-type(2n) {padding-left: 10px;}
.gallery_items > div:nth-of-type(1), .gallery_items > div:nth-of-type(2) {padding-bottom: 10px;}
.gallery_items > div:nth-of-type(3), .gallery_items > div:nth-of-type(4) {padding-top: 10px;}
.gallery_items > div > div {position: relative; display: flex; border-radius: 8px; overflow: hidden; cursor: pointer;}

.gallery_items > div:nth-of-type(4) > div:after {
    content: ''; background: rgba(0, 0, 0, 0.25); position: absolute; top: 0; bottom: 0; left: 0; width: 100%;
    transition: all 0.3s ease-in-out;
}
.gallery_items > div:nth-of-type(4):hover > div:after {background: rgba(0, 0, 0, 0.35);}

.gallery_more {position: absolute; top: calc(50% - 30px); left: 10px; right: 0; z-index: 3; pointer-events: none;}
.gallery_more > div:nth-of-type(1) {
    height: 40px; line-height: 40px; width: 40px; border-radius: 20px; text-align: center; background: #FFFFFF; margin: 0 auto;
}
.gallery_more > div:nth-of-type(1) > i {font-size: 14px; color: #8F97A6;}
.gallery_more > div:nth-of-type(2) {
    font-weight: 500; font-size: 16px; line-height: 130%; text-align: center; color: #FFFFFF; padding-top: 12px;
}

@media only screen and (max-width: 800px) {
    .gallery_group {flex-direction: column;}
    .gallery_group > div {width: 100%;}
    .gallery_group > div:nth-of-type(1) {padding-right: 0;}
    .gallery_group > div:nth-of-type(2) {padding-left: 0;}
    .gallery_items > div:nth-of-type(2n+1) {padding-right: 6px;}
    .gallery_items > div:nth-of-type(2n) {padding-left: 6px;}
    .gallery_items > div:nth-of-type(1), .gallery_items > div:nth-of-type(2) {padding-top: 12px; padding-bottom: 0;}
    .gallery_items > div:nth-of-type(3), .gallery_items > div:nth-of-type(4) {padding-top: 12px;}
    .gallery_more {left: 0;}
}

/* ------------------------------- GALLERY MODAL ------------------------------- */

#gallery_modal {
    position: fixed; top: 0; bottom: 0; left: 0; width: 100%; background: #111; z-index: 1000; opacity: 0; pointer-events: none;
    transition: all 0.35s ease-out;
}
#gallery_modal.active {opacity: 1; pointer-events: auto;}

.gallery_modal_menu {
    display: flex; height: 54px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); position: relative; align-items: center;
    padding: 0 20px;
}
.gallery_modal_menu > div {width: 50%;}
.gallery_modal_menu > div > img {max-width: 174px;}
.gallery_modal_menu > div > i {
    padding: 10px; font-size: 14px; color: #fff; position: absolute; top: 9px; right: 14px; opacity: 0.5; cursor: pointer;
    transition: all 0.35s ease-out;
}
.gallery_modal_menu > div > i:hover {opacity: 1;}

.gallery_modal_body {height: calc(100vh - 54px); display: flex; align-items: center; padding-top: 30px;}
.gallery_modal_body > div {width: 60%; margin: 0 auto; display: flex; flex-direction: column; align-items: center;}

#gallery_modal_photo {position: relative; min-height: calc(100vh - 200px); width: 100%; display: flex; justify-content: center;}
#gallery_modal_photo > img {
    position: absolute; top: 0; bottom: 0; left: auto; width: auto; height: calc(100vh - 200px); border-radius: 8px; z-index: 5;
    opacity: 0; transition: all 0.35s ease-out;
}
#gallery_modal_photo > img.visible {opacity: 1;}
#gallery_modal_photo > img.hidden { z-index: 1; pointer-events: none;}

.gallery_modal_thumbs {padding: 28px 0; display: flex; align-items: end;}
.gallery_modal_thumbs > div {display: flex;}
.gallery_modal_thumbs > div > div {
    width: 50px; height: 50px; margin-left: 10px; border-radius: 2px; border: 2px solid #ccc; image-rendering: auto;
    cursor: pointer; transition: all 0.35s ease-out;
}
.gallery_modal_thumbs > div > div:first-child {margin-left: 0;}
.gallery_modal_thumbs > div > div:hover {border-color: #A58F64;}
.gallery_modal_thumbs > div > div.active {border-color: #A58F64;}

#gallery_modal_thumb_1 {background: url('/images/gallery/gallery_24t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_2 {background: url('/images/gallery/gallery_25t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_3 {background: url('/images/gallery/gallery_26t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_4 {background: url('/images/gallery/gallery_27t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_5 {background: url('/images/gallery/gallery_28t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_6 {background: url('/images/gallery/gallery_29t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_7 {background: url('/images/gallery/gallery_30t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_8 {background: url('/images/gallery/gallery_31t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_9 {background: url('/images/gallery/gallery_32t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_10 {background: url('/images/gallery/gallery_1t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_11 {background: url('/images/gallery/gallery_2t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_12 {background: url('/images/gallery/gallery_3t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_13 {background: url('/images/gallery/gallery_4t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_14 {background: url('/images/gallery/gallery_5t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_15 {background: url('/images/gallery/gallery_6t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_16 {background: url('/images/gallery/gallery_7t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_17 {background: url('/images/gallery/gallery_8t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_18 {background: url('/images/gallery/gallery_9t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_19 {background: url('/images/gallery/gallery_10t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_20 {background: url('/images/gallery/gallery_11t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_21 {background: url('/images/gallery/gallery_12t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_22 {background: url('/images/gallery/gallery_13t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_23 {background: url('/images/gallery/gallery_14t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_24 {background: url('/images/gallery/gallery_15t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_25 {background: url('/images/gallery/gallery_16t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_26 {background: url('/images/gallery/gallery_17t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_27 {background: url('/images/gallery/gallery_18t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_28 {background: url('/images/gallery/gallery_19t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_29 {background: url('/images/gallery/gallery_20t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_30 {background: url('/images/gallery/gallery_21t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_31 {background: url('/images/gallery/gallery_22t.jpg?5') 50%; background-size: cover;}
#gallery_modal_thumb_32 {background: url('/images/gallery/gallery_23t.jpg?5') 50%; background-size: cover;}

.gallery_modal_controls {
    position: absolute; transform: translate(-50%, -50%); top: 50%; left: 50%; width: 100%; display: flex;
    padding: 0 20px; z-index: 10;
}
.gallery_modal_controls > div {display: flex; width: 50%;}
.gallery_modal_controls > div:nth-of-type(2) {justify-content: end;}
.gallery_modal_controls > div > div {
    border-radius: 50%; height: 42px; width: 42px; border: 1px solid #BCC0C6; opacity: 0.3; cursor: pointer; text-align: center;
    transition: all 0.35s ease-out;
}
.gallery_modal_controls > div > div:hover {opacity: 1; background: #BCC0C6;}
.gallery_modal_controls > div > div > i {font-size: 16px; color: #FFFFFF; line-height: 40px;}
.gallery_modal_controls > div:nth-of-type(1) > div > i {padding-right: 3px;}
.gallery_modal_controls > div:nth-of-type(2) > div > i {padding-left: 3px;}

@media only screen and (max-width: 800px) {
    .gallery_modal_menu {border-bottom: 0;}
    .gallery_modal_body {align-items: start; padding-top: 0;}
    .gallery_modal_body > div {width: 100%;}
    #gallery_modal_photo {display: none;}
    #gallery_modal_photo {display: flex; min-height: calc(100vh - 260px);}
    #gallery_modal_photo > img {height: calc(100vh - 260px); border-radius: 0; width: 100%; object-fit: contain;}
    .gallery_modal_controls {display: none;}
    .gallery_modal_thumbs {height: 206px; width: 100%; overflow-x: scroll; padding-left: 20px; padding-right: 20px;}
}

/* ------------------------------- PLAN TITLE ------------------------------- */

#plan_title_section {display: none; position: relative; width: 100%; height: auto; margin: auto; overflow: hidden;}
#plan_title_section > .wrap {padding: 0; max-width: 100%;}
.plan_title_wrap {padding: 0 100px 0 100px;}

@media only screen and (max-width: 800px) {
    #plan_title_section {display: block; padding-top: 50px;}
    .plan_title_wrap {padding: 0 20px 0 20px;}
}

/* ------------------------------- PLAN LEGEND ------------------------------- */

.plan_legend_note {max-width: 230px; font-size: 12px; padding: 5px 0 10px 0; line-height: 140%; color: #160F0F;}

#plan_legend_section {position: relative; width: 100%; height: auto; margin: auto; overflow: hidden; margin-top: 100px;}
#plan_legend_section h2 {font-size: 32px; font-weight: 500; margin-bottom: 30px;}
#plan_legend {overflow: hidden; display: flex; align-items: flex-end;}
#plan_legend_m {overflow: hidden; display: none;}
#plan_legend_wrap_m {display: flex; flex-wrap: wrap; gap: 10px; width: 100%; margin-top: 20px;}
#plan_legend_wrap {display: flex; flex-wrap: wrap; gap: 10px; width: calc(100% - 400px);}
.plan_legend_item {
    width: fit-content; padding: 7px 16px; position: relative; color: #160F0F;
    border: 1px solid #A58F64; border-radius: 24px; cursor: pointer; transition: .3s ease-in-out;
}
.plan_legend_item:hover {background: #A58F6480;}
.plan_legend_m_extra {display: none; width: 100%; max-width: 340px; padding-top: 15px;}
.plan_legend_m_extra_item {display: table-cell; width: 30%;}
.plan_legend_m_extra_item > div:nth-child(1) {font-weight: 600; font-size: 20px; line-height: 130%; letter-spacing: 0.2px; color: #160F0F;}
.plan_legend_m_extra_item > div:nth-child(2) {font-weight: 400; font-size: 14px; line-height: 160%; letter-spacing: 0.2px; color: #160F0F;}
.plan_legend_m_extra_item:nth-child(3) {width: 40%;}

@media only screen and (max-width: 800px) {
    #plan_legend_wrap {display: none;}
    #plan_legend_section {margin-top: 0; margin-bottom: 20px;}
    #plan_legend_section h2 {display: none;}
    .plan_legend_paginator {display: none;}
    .plan_legend_m_extra {display: table;}
    #plan_legend_m {display: block;}
    .plan_legend_item {padding: 4px 8px; font-size: 12px;}
}

/* ------------------------------- PLAN ------------------------------- */

#plan_section {position: relative; width: 100%; height: auto; margin: auto; padding-top: 30px; overflow: hidden;}
#plan_section > .wrap {padding: 0;}

#block_plan {cursor: default; width: calc(100% + 60px); height: auto; position: relative; left: -60px; right: 0; top: -1px;}
#plan_pan {display: flex; width: 100%; min-width: 100%; height: auto;}

@media only screen and (max-width: 1024px) {
    #block_plan {width: calc(100% + 80px); left: -80px;}
}

@media only screen and (max-width: 800px) {
    #plan_section {padding-top: 0;}
    #block_plan {width: 100%; left: auto; right: auto; top: auto;}
}

.land-free {fill: rgba(39, 199, 107, 0);  stroke: rgba(39, 199, 107, 0);}
.selected-free {fill: rgba(39, 199, 107, 0.4); stroke: rgba(39, 199, 107, 1);}
.land-occupied {fill: rgba(241, 193, 0, 0); stroke: rgba(241, 159, 0, 0);}
.number-occupied {fill: rgba(241, 193, 0, 1); stroke: #f19f00;}
.selected-occupied {fill: rgba(241, 193, 0, 1); stroke: rgba(241, 159, 0, 1);}
.land-sold {fill: rgba(255, 12, 28, 0); stroke: rgba(255, 58, 61, 0);}
.selected-sold {fill: rgba(150, 149, 153, 1); stroke: rgba(96, 100, 111, 1);}
.number-sold {fill: rgba(189, 189, 190, 1); stroke: rgba(129, 132, 138, 1);}

.plan_popup {
    display: flex; flex-direction: column; position: absolute; background: #FFF4F4; padding: 3px 3px 14px; font-size: 14px; line-height: 16px;
    border-radius: 9px; opacity: 0; -webkit-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; z-index: 11;
    user-select: none; pointer-events: none; filter: drop-shadow(0px 4px 14px rgba(98, 113, 126, 0.24));
}
.plan_popup.active {pointer-events: auto; opacity: 1;}

.plan_popup.photo {padding: 3px; border-radius: 9px;}
.plan_popup.photo .cover {display: flex;}
.plan_popup.photo .cover > img {display: flex; max-width: 200px; width: 100%; border-radius: 8px; overflow: hidden;}
.plan_popup.photo .title {max-width: 200px; padding: 7px 10px 5px 10px; line-height: 120%;}

.plan_popup .cover {display: flex;}
.plan_popup .cover > img {display: flex; max-width: 200px; width: 100%; border-radius: 8px; overflow: hidden;}

.plan_popup .sticker {background: #45A761; color: #FFFFFF; padding: 3px 9px; font-size: 10px; position: absolute; right: -12px; top: -12px; border-radius: 20px;}
.plan_popup .title {color: #000; display: flex; align-items: center; font-size: 14px; font-weight: 500; margin-bottom: 0; margin-top: 8px; padding: 0 12px;}
.plan_popup .title > p:nth-child(2) {color: #8C8B8B; margin-left: auto;}
.plan_popup .text-grey {display: block; color: #828282; font-size: 14px; margin-top: 4px; padding: 0 12px;}
.plan_popup .text-green {display: block; color: #219653; font-size: 14px; font-weight: 500; margin-top: 8px; padding: 0 12px;}
.plan_popup .text-red {display: block; color: #ff3a3d; font-size: 14px; font-weight: 500; margin-top: 8px; padding: 0 12px;}
.plan_popup .text-orange {display: block; color: #f19f00; font-size: 14px; font-weight: 500; margin-top: 8px; padding: 0 12px;}
.plan_popup.site .title {margin-top: 8px; }
.plan_popup.site .text-grey {padding: 0 12px;}
.plan_popup.site .text-green {padding: 0 12px;}
.plan_popup.site .text-red {padding: 0 12px;}
.plan_popup.site .text-orange {padding: 0 12px;}

.plan_items {width: 200px; position: relative; background: #323232;}
.plan_map {width: 100%; position: relative; overflow: hidden;}

#plan_sticker {
    width: 400px; z-index: 10;
    background: linear-gradient(87.59deg, #152C04 2.51%, #2A6102 83.12%); background-size: 400% 400%;
    display: flex; align-items: center; padding: 15px; border-radius: 10px;
    animation: plan_sticker 2s ease infinite; margin-left: 20px;
}
#plan_sticker > img {
    width: 24px; min-width: 24px; margin-right: 10px; margin-top: 4px;
    animation: flash 2s ease infinite;
}
#plan_sticker > .info > .title {font-size: 18px; font-weight: 500; color: #FFFFFF;}
#plan_sticker > .info > .title > span {font-size: 26px;}
#plan_sticker > .info > .desc {padding-top: 2px; font-size: 14px; color: #FFFFFF;}


#plan_sticker > .btn_primary {
    display: block; font-size: 12px; text-transform: none; padding: 0 8px; font-weight: 400; height: 32px;
    line-height: 32px; margin-left: auto;
}

@keyframes plan_sticker {
    0% {background-position: 25% 50%;}
    50% {background-position: 50% 50%;}
    100% {background-position: 25% 50%;}
}

@keyframes flash {
    0% {transform: scale(1);}
    50% {transform: scale(0.75);}
    100% {transform: scale(1);}
}

@media only screen and (max-width: 1100px) {
    .plan_items {width: 200px;}
}

@media only screen and (max-width: 1024px) {
    #plan_sticker {margin-left: 0; margin-top: 20px;}
}

@media only screen and (max-width: 800px) {
    .plan_items {display: none;}
    .plan_popup {padding: 8px; font-size: 10px; line-height: 120%;}
    .plan_popup .title {margin-top: 0; padding: 0;}
    .plan_popup .text-grey {padding: 0;}
    .plan_popup .text-green {padding: 0;}
    .plan_popup .text-red {padding: 0;}
    .plan_popup .text-orange {padding: 0;}
    .plan_popup.site .cover > img {max-width: 100px; display: none;}
    .plan_popup.site .text-green {padding: 0;}
    .plan_popup.site > div:nth-child(1) {margin-top: 0;}
    .plan_popup.site .title {white-space: nowrap;}
    .plan_popup.site .title > p:nth-child(1) {margin-right: 8px;}
    .plan_popup.photo {padding: 1px; border-radius: 3px;}
    .plan_popup.photo .cover > img {max-width: 90px; border-radius: 2px; overflow: hidden;}
    .plan_popup.photo .title {padding: 0 6px 3px 6px; max-width: 90px; font-size: 10px; line-height: 120%;}
    #plan_sticker {display: flex; align-items: center; position: relative; bottom: 0; top: 0; right: 0; padding: 12px;}
    #plan_sticker > img {margin-right: 6px;}
    #plan_sticker > .info > .title {font-size: 16px;}
    #plan_sticker > .info > .title > span {font-size: 22px;}
    #plan_sticker > .info > .desc {font-size: 12px; padding-top: 0;}
    #plan_sticker > .btn_primary {
        display: block; font-size: 12px; text-transform: none; padding: 0 8px; font-weight: 400; height: 32px;
        line-height: 32px; margin-left: auto;
    }
}

/* ------------------------------- PLAN INFO ------------------------------- */

#plan_info_section {display: block;}
#plan_info_section > .wrap {display: flex; height: 120px; width: 100%; min-width: 100%; padding: 0; align-items: center;}
#plan_info_section > .wrap > div:nth-child(1) {width: 300px; color: #fff; opacity: 0.7; letter-spacing: 0.02em; padding: 0 20px;}
#plan_info_section > .wrap > div:nth-child(2) {width: calc(100% - 300px);}

.plan_info_wrap {width: 100%; max-width: 700px; padding-left: 50px;}

.plan_info_header {display: flex; width: 80%;}
.plan_info_header_item {width: 33.333%; height: 80px;}
.plan_info_header_item:last-child {border: 0;}
.plan_info_header_item > div {display: inline-block; text-align: left; padding-left: 10px;}
.plan_info_header_item > div > div:nth-child(1) {font-weight: 500; font-size: 44px; line-height: 130%; letter-spacing: 0.2px; color: #323232;}
.plan_info_header_item > div > div:nth-child(2) {font-size: 14px; line-height: 140%; letter-spacing: 0.2px; color: #323232;}

.plan_info_item {
    display: flex; position: relative; background: #323232; border-bottom: 1px solid #494949; padding: 8px 0 0 0;
    margin: 0 8px 0 25px; height: 54px; font-size: 13px; color: #fff; line-height: 140%; letter-spacing: 0.5px;
    transition: all 0.3s ease-in-out; cursor: pointer;
}
.plan_info_item:last-child {border: 0;}

.plan_info_item i {font-size: 22px; padding-right: 15px; padding-top: 5px; transform: translateX(0); transition: all 0.3s ease-in-out;}
.plan_info_item span {display: inline-block; transform: translateX(0); transition: all 0.3s ease-in-out;}
.plan_info_item:hover i {transform: translateX(10px);}
.plan_info_item:hover span {transform: translateX(10px);}

@media only screen and (max-width: 1024px) {
    .plan_info_header {width: 100%;}
}

@media only screen and (max-width: 840px) {
    #plan_info_section {display: none;}
}

/* ------------------------------- MORTGAGE ------------------------------- */

#mortgage_section {margin-top: 72px;}

.mortgage_title {font-weight: 500; font-size: 32px; line-height: 42px; color: #111418;}
.mortgage_info {display: flex; padding-top: 24px;}
.mortgage_info > div {width: 50%;}

.mortgage_desc {font-size: 16px; line-height: 160%; color: #111418; max-width: 460px; padding-right: 20px;}

.mortgage_items {display: flex; flex-wrap: wrap; max-width: 500px; justify-content: center; margin: 0 auto; padding-top: 4px;}
.mortgage_items > div {min-width: 33.333%; width: 33.333%;}
.mortgage_items > div:nth-of-type(1) {padding-left: 6px; padding-right: 6px; margin-bottom: 12px;}
.mortgage_items > div:nth-of-type(1) > div {overflow: hidden;}
.mortgage_items > div:nth-of-type(1) > div > img {width: 100%; height: auto; max-height: 100%; max-width: 100%;}
.mortgage_items > div:nth-of-type(2) {padding-left: 12px; margin-bottom: 12px;}
.mortgage_items > div:nth-of-type(2) > div {overflow: hidden;}
.mortgage_items > div:nth-of-type(2) > div > img {width: 100%; height: auto; max-height: 100%; max-width: 100%;}
.mortgage_items > div:nth-of-type(3) {padding-left: 12px;}
.mortgage_items > div:nth-of-type(4) {padding-left: 12px;}
.mortgage_items > div > div {border: 1px solid #E4E4E4; border-radius: 6px; height: 86px; display: flex; justify-content: center; align-items: center;}
.mortgage_items > div > div > img {max-height: 20px; width: auto; max-width: 100px;}

.mortgage_btn {padding-top: 42px; display: flex;}

@media only screen and (max-width: 800px) {
    #mortgage_section {margin-top: 40px;}
    .mortgage_title {font-size: 26px;}
    .mortgage_info {flex-direction: column;}
    .mortgage_info > div {width: 100%; padding-right: 0;}
    .mortgage_desc {font-size: 14px;}
    .mortgage_items > div {text-align: center;}
    .mortgage_items > div:nth-of-type(1) {padding-left: 4px; padding-right: 4px; margin-bottom: 8px; padding-top: 20px;}
    .mortgage_items > div:nth-of-type(2) {padding-left: 8px; margin-bottom: 8px; padding-top: 20px;}
    .mortgage_items > div:nth-of-type(3) {padding-left: 8px; margin-bottom: 8px; padding-top: 20px;}
    .mortgage_items > div > div {height: 60px;}
    .mortgage_items > div > div > img {max-width: 70px;}
    .mortgage_btn {padding-top: 38px;}
    .mortgage_btn > .btn_primary {width: 100%; max-width: 400px;}
}

/* ---------------------------- REELS MODAL ---------------------------- */
#reels_modal {padding: 0 15px; width: 100vw; max-width: 1500px; margin: 0 auto;}

.progress_reels {position: relative; margin: 0 auto 5px auto; overflow: hidden; width: 100%; height: 4px; border-radius: 20px; background: #7C7878;}
.progress_reels_value {position: absolute; left: 0; top: 0; height: 100%; border-radius: 20px; background: #FFF;}

.reels_modal_item {opacity: .75; max-height: 80vh; width: 33.3vw; height: calc(33.3vw * 16 / 9); transition: padding .3s;}
.reels_modal_item > div {width: 100%; height: 100%; display: flex; align-items: center;}
.reels_modal_item > div > div:last-child {
    max-height: 80vh; height: 75%; background: #000000; border-radius: 8px; margin-left: auto; margin-right: auto; overflow: hidden;
}
.reels_modal_item video {border-radius: 8px; width: 100%; height: 100%; object-fit: cover;}

.reels_modal_item.is-selected {display: flex; align-items: center; opacity: 1; padding: 0 !important; margin: 0 !important; flex-direction: column;}
.reels_modal_item.is-selected > div {max-height: 80vh; width: auto; flex-direction: column; }
.reels_modal_item.is-selected > div > div:last-child {margin-right: auto; height: calc(100% - 10px) !important;}
.reels_modal_item.is-selected ~ .reels_modal_item > div > div:last-child {margin-left: auto; margin-right: auto;}

#reels_modal .flickity-prev-next-button {background: #BCC0C6; border-radius: 50%; width: 24px; height: 24px;}
.flickity-prev-next-button .flickity-button-icon {left: 25%; width: 50%;}
#reels_modal .flickity-prev-next-button.next {right: 31%;}
#reels_modal .flickity-prev-next-button.previous {left: 31%;}

@media only screen and (max-width: 800px) {
    #reels_modal {width: 60vw;}
    .reels_modal_item {width: calc(60vw - 30px); height: calc((60vw - 30px) * 16 / 9);}
    #reels_modal .flickity-button {display: none;}
}

@media only screen and (max-width: 600px) {
    #reels_modal {width: 100vw;}
    .reels_modal_item {width: calc(100vw - 30px); height: calc((100vw - 30px) * 16 / 9);}
}

/* ------------------------------- REELS ------------------------------- */

#reels_section {padding-top: 70px;}

.reels_group {position: relative; left: -10px; right: -10px; width: calc(100% + 20px);}
.reels_wrap {width: 100%; display: flex; align-items: center;}

.reels_title {padding: 0 10px;}
.reels_title > div:first-child {font-size: 36px; font-weight: 500; margin-bottom: 6px;}
.reels_title > div:last-child {cursor: pointer; font-size: 18px; display: flex; align-items: center;}
.reels_title > div:last-child i {font-size: 7px; position: relative; left: 10px; top: 2px;}

#reels_items {width: calc(100% - 200px); margin-left: auto;}

#reels_items .flickity-viewport {overflow: hidden;}
#reels_items .flickity-prev-next-button {width: 64px; height: 64px; background: #fff; border-radius: 50%; transition: .3s;}
#reels_items .flickity-prev-next-button:active .arrow {fill: #FFFFFF;}
#reels_items .flickity-prev-next-button:active {background: #A58F64; opacity: 1;}
#reels_items .flickity-prev-next-button.next {right: -30px;}
#reels_items .flickity-prev-next-button.previous {left: -30px;}
#reels_items .flickity-prev-next-button .flickity-button-icon {left: 35%; width: 30%;}

.new_video {
    width: 90px; height: 31px; border-radius: 8px; border: 2px solid #FFF; background: #A58F64; color: #FFF; text-align: center;
    padding: 5px 0; position: absolute; right: 0; top: 0;
}

.reels_item {width: 20%; padding: 15px 10px 0; position: relative; cursor: auto;}
.reels_item img {position: absolute; width: 60px; height: 41px; top: calc(50% - 20px); left: calc(50% - 30px);}
.reels_item > div {
    width: 100%; padding-top: 177.77%; transition: .3s; border-radius: 8px; cursor: pointer; box-shadow: inset 0 0 1000px 1000px rgba(0, 0, 0, 0.4);
}
.reels_item > div:hover {box-shadow: inset 0 0 1000px 1000px rgba(0, 0, 0, 0.26);}
#reels_items .flickity-button {box-shadow: 0 0 150px;}
.reels_item:nth-of-type(1) > div {background: url(/images/reels/reels_11.jpg?5) 0 / cover no-repeat;}
.reels_item:nth-of-type(2) > div {background: url(/images/reels/reels_2.jpg?5) 0 / cover no-repeat;}
.reels_item:nth-of-type(3) > div {background: url(/images/reels/reels_3.jpg?5) 0 / cover no-repeat;}
.reels_item:nth-of-type(4) > div {background: url(/images/reels/reels_4.jpg?5) 0 / cover no-repeat;}
.reels_item:nth-of-type(5) > div {background: url(/images/reels/reels_6.jpg?5) 0 / cover no-repeat;}
.reels_item:nth-of-type(6) > div {background: url(/images/reels/reels_7.jpg?5) 0 / cover no-repeat;}
.reels_item:nth-of-type(7) > div {background: url(/images/reels/reels_8.jpg?5) 0 / cover no-repeat;}
.reels_item:nth-of-type(8) > div {background: url(/images/reels/reels_9.jpg?5) 0 / cover no-repeat;}
.reels_item:nth-of-type(9) > div {background: url(/images/reels/reels_10.jpg?5) 0 / cover no-repeat;}

@media only screen and (max-width: 1024px) {
    .reels_item > div {border-radius: 4px;}
    #reels_items .flickity-prev-next-button {width: 32px; height: 32px;}
    #reels_items .flickity-prev-next-button.next {right: 0;}
    #reels_items .flickity-prev-next-button.previous {left: 0;}
}

@media only screen and (max-width: 800px) {
    .reels_wrap {flex-direction: column; align-items: normal;}
    #reels_items {margin-left: 0; width: 100%;}
    #reels_section {margin-bottom: 25px;}
    .reels_item {width: 33.3%;}
    .reels_title {margin-bottom: 20px; display: flex;}
    .reels_title > div:first-child {font-size: 26px; margin-right: auto;}
    .reels_title > div:last-child {font-size: 16px;}
    #reels_items .flickity-prev-next-button {display: none;}
}

/* ------------------------------- VIDEO ------------------------------- */

#video_section {padding-top: 70px;}
#video_section video {display: flex; width: 100%; border-radius: 8px; margin-top: 50px;}

.video_group {width: 70%; font-weight: 500; font-size: 32px; line-height: 130%; letter-spacing: 0.2px; color: #111318;}

@media only screen and (max-width: 800px) {
    #video_section {padding-top: 42px;}
    #video_section video {margin-top: 20px;}
    .video_group {width: 100%; font-size: 22px; line-height: 28px; text-align: center;}
}

/* ------------------------------- READINESS ------------------------------- */

#readiness_section {padding-top: 70px;}

.readiness_title {font-weight: 500; font-size: 32px; line-height: 130%; letter-spacing: 0.02em; color: #111418;}

.readiness_items {display: flex; flex-wrap: wrap; padding-top: 52px;}
.readiness_items > div {flex: 1 0 25%; width: 25%; padding-bottom: 60px;}
.readiness_items > div > div:nth-of-type(1) {font-weight: 700; font-size: 48px; line-height: 130%; letter-spacing: 0.02em; color: #A58F64;}
.readiness_items > div > div:nth-of-type(2) {height: 4px; border-radius: 2px; width: 100%; background: #C4C4C4; margin-top: 8px;}
.readiness_items > div > div:nth-of-type(2) > div {height: 4px; border-radius: 2px; width: 100%; background: #A58F64;}
.readiness_items > div > div:nth-of-type(3) {font-size: 16px; line-height: 130%; letter-spacing: 0.02em; color: #000000; padding-top: 28px;}

.readiness_items > div:nth-of-type(4n+1) {padding-right: 40px;}
.readiness_items > div:nth-of-type(4n+2) {padding-left: 20px; padding-right: 20px;}
.readiness_items > div:nth-of-type(4n+3) {padding-left: 20px; padding-right: 20px;}
.readiness_items > div:nth-of-type(4n) {padding-left: 40px;}

@media only screen and (max-width: 800px) {
    #readiness_section {padding-top: 50px;}
    .readiness_title {font-size: 26px;}
    .readiness_items {padding-top: 24px;}
    .readiness_items > div {flex: 1 0 50%; width: 50%; padding-bottom: 20px;}
    .readiness_items > div > div:nth-of-type(1) {font-size: 38px;}
    .readiness_items > div > div:nth-of-type(3) {font-size: 14px; padding-top: 20px;}
    .readiness_items > div:nth-of-type(4n+1) {padding-right: 0;}
    .readiness_items > div:nth-of-type(4n+2) {padding-left: 0; padding-right: 0;}
    .readiness_items > div:nth-of-type(4n+3) {padding-left: 0; padding-right: 0;}
    .readiness_items > div:nth-of-type(4n) {padding-left: 0;}
    .readiness_items > div:nth-of-type(2n+1) {padding-right: 10px;}
    .readiness_items > div:nth-of-type(2n) {padding-left: 10px;}
}

/* ------------------------------- REQUEST EXTRA ------------------------------- */

#request_1_section {background: linear-gradient(262deg, #2A6003 9.73%, #162E04 99.62%); color: #fff; margin-top: 70px; position: relative;}
#request_2_section {background: #F8F6F5; color: #160F0F; margin-top: 70px;}

.request_pets {position: absolute; top: -35px; left: 70%; width: 100px; height: auto;}
.request_pets_2 {position: absolute; top: -46px; left: 70%; width: 100px; height: auto;}

.request_extra {min-height: 470px;}

.request_extra_form {display: none;}
.request_extra_form.active {display: block;}

.request_extra_success {display: none; padding-top: 100px;}
.request_extra_success.active {display: block;}

.request_extra_group {padding: 55px 30px; text-align: center;}
.request_extra_title {font-size: 32px; font-weight: 500; line-height: 130%; max-width: 600px; margin: 0 auto;}
.request_extra_desc {font-size: 20px; max-width: 400px; line-height: 130%; padding-top: 30px; margin: 0 auto;}

.request_extra_inputs {display: flex; padding-top: 42px; max-width: 600px; margin: 0 auto;}
.request_extra_inputs > div {width: 50%;}
.request_extra_inputs > div:nth-child(1) {margin-right: 10px;}
.request_extra_inputs > div:nth-child(2) {margin-left: 10px;}

.request_extra_checkbox {display: flex; margin: 0 auto; max-width: 360px;}
.request_extra_checkbox > div:nth-of-type(2) {padding-left: 20px; text-align: left; line-height: 130%; opacity: 0.6; letter-spacing: 0.3px; font-size: 12px;}

.request_extra_wa_note {padding-top: 20px; line-height: 140%; opacity: 0.6; letter-spacing: 0.3px; font-size: 12px; text-align: left;}

.request_extra_inputs .input_group {margin-top: 0; position: relative;}

#request_1_section {margin-top: 80px; overflow: unset;}
#request_1_section .request_presentation {display: flex; padding: 40px 0; border-radius: 8px; min-height: 430px;}
#request_1_section .request_presentation > div:first-child {position: relative; width: calc(100% - 360px);}
#request_1_section .request_presentation > div:first-child .title {font-size: 32px; font-weight: 600; color: #FFFFFF;}
#request_1_section .request_presentation > div:first-child img {position: absolute; width: 640px; bottom: -126px; left: -45px;}
#request_1_section .request_presentation > div:last-child {width: 360px;}
#request_1_section .request_presentation > div:last-child .title {
    font-size: 16px; font-weight: 500; color: #FFFFFF; margin-bottom: 20px; margin-top: 16px;
}
#request_1_section .request_presentation > div:last-child .social {display: flex; margin-bottom: 50px;}
#request_1_section .modal_request_form_inputs {margin-bottom: 20px;}
#request_1_section .modal_request_form_inputs > div:nth-child(1) {padding-right: 0;}
#request_1_section .request_presentation > div:last-child a.btn_msg {
    border-radius: 4px; padding: 4px 15px; margin-right: 12px; height: 40px; line-height: normal; color: #FFFFFF; font-size: 14px;
    border: 1px solid #B8E5FF; background: rgba(255, 255, 255, 0); transition: .5s;
}
#request_1_section .request_presentation > div:last-child a.btn_msg:hover {background: rgba(255, 255, 255, 0.1);}
#request_1_section .request_presentation > div:last-child a.btn_msg > img {width: 20px; height: 20px; top: 0;}
#request_1_section .btn_primary.request_extra_btn {margin-bottom: 20px; width: 100%;}
#request_1_section .confirm {font-size: 12px; text-align: center; color: #FFFFFF; max-width: 300px; margin: 0 auto;}

#request_1_section .input_group > input {border: 1px solid #C4C4C4; color: #fff; font-size: 16px; transition: all 0.2s ease-in-out;}
#request_1_section .input_group > input::placeholder {color: rgba(255,255,255,0.75); transition: all 0.2s ease-in-out;}
#request_1_section .input_group > input:focus {border: 1px solid rgba(255,255,255,0); color: #222;}
#request_1_section .input_group > input:focus::placeholder {color: rgba(0, 27, 44, 0.75);}
#request_1_section .input_group > i {color: rgba(255,255,255,0.75);}
#request_1_section .input_group > input:focus + i {color: #555;}

.request_extra_btn {display: block; height: 52px; line-height: 52px; padding: 0 20px; margin: 0 auto;}
.request_extra_btn.disabled {background: #828282; border-color: #828282; color: #ccc; cursor: default;}

.request_btns_msg {display: flex;}
.request_btns_msg > div {width: 50%;}
.request_btns_msg > div:nth-child(1) {padding-right: 6px;}
.request_btns_msg > div:nth-child(2) {padding-left: 6px; padding-right: 6px;}
.request_btns_msg > div:nth-child(3) {padding-left: 6px;}

.request_msg_note {padding-top: 38px; padding-bottom: 20px; line-height: 140%; opacity: 0.8; letter-spacing: 0.3px;}

@media only screen and (max-width: 1200px) {
    #request_1_section .request_presentation {flex-direction: column;}
    #request_1_section .request_presentation {padding: 110px 90px 40px 90px;}
    #request_1_section .request_presentation > div:first-child img {width: 342px; position: absolute; bottom: unset; left: 0; top: -148px; margin-top: 0;}
    #request_1_section .request_presentation > div:first-child {width: 100%;}
    #request_1_section .request_presentation > div:first-child .title {font-size: 22px;}
}

@media only screen and (max-width: 800px) {
    #request_1_section .wrap {padding: 0 16px;}
    #request_1_section .request_presentation > div:first-child .title {font-size: 22px;}
    #request_1_section .request_presentation {padding: 110px 0 30px 0;}
    #request_1_section .request_presentation > div:last-child {width: 100%; max-width: 360px;}
    #request_1_section {margin-top: 50px;}
    #request_2_section {margin-top: 20px;}
    .request_pets {width: 80px;}
    .request_pets_2 {width: 80px; top: 90px;}
    .request_extra_group {padding: 38px 0;}
    .request_extra_title {font-size: 26px; text-align: left;}
    .request_extra_title > span {display: block;}
    .request_extra_desc {font-size: 16px; text-align: left;}
    .request_extra_inputs {flex-direction: column; padding-top: 32px;}
    .request_extra_inputs > div {width: 100%;}
    .request_extra_inputs > div:nth-child(1) {margin-right: 0;}
    .request_extra_inputs > div:nth-child(2) {margin-left: 0; margin-top: 12px;}
    .request_extra_inputs .input_group > input {width: 100%;}
    .request_extra_checkbox {padding-bottom: 6px;}
    .request_extra_checkbox > div:nth-of-type(1) {position: relative; top: 3px;}
    .request_extra_checkbox > div:nth-of-type(2) {font-size: 16px;}
    .request_extra_wa_note {font-size: 16px;}
    .request_extra_controls {display: flex; flex-direction: column;}
    .request_extra_controls > div:nth-of-type(1) {order: 2; padding-bottom: 0;}
    .request_extra_controls > div:nth-of-type(2) {order: 1; margin-top: 12px;}
    .request_extra_btn {max-width: initial;}
    .request_btns_msg {margin-top: 30px;}
    .request_msg_note {padding-bottom: 0;}
}

/* presentation */

#presentation {padding-top: 180px;}
.presentation {padding: 60px; border-radius: 8px; background: linear-gradient(262deg, #2A6003 9.73%, #162E04 99.62%); position: relative; overflow: hidden;}
.presentation .title {position: relative; font-size: 44px; font-weight: 500; color: #FFFFFF; margin-bottom: 20px; z-index: 2;}
.presentation .phone {position: relative; font-size: 16px; color: #FFFFFF; line-height: 160%; margin-bottom: 47px; z-index: 2;}
.presentation .phone i {margin-right: 8px; color: #A58F64; font-size: 14px;}
.presentation .phone a {color: #FFFFFF; font-weight: 500; text-decoration: none;}
#presentation a.btn {
    position: relative; width: 100%; max-width: 360px; height: 54px; line-height: 54px; border-radius: 4px; background: #A58F64; text-align: center;
    color: #FFFFFF; font-size: 14px; font-weight: 600; border: none; cursor: pointer; transition: .3s ease-in-out; z-index: 2;
    display: block; margin: 60px auto; text-decoration: none;
}
#presentation a.btn:hover {background: #89754d;}
.presentation .background {position: absolute; bottom: 0; right: 0; width: auto; height: 100%; z-index: 1; overflow: hidden;}
.presentation img {width: 100%; height: 100%; object-fit: cover;}

@media only screen and (max-width: 800px) {
    .presentation {padding: 40px 20px;}
}

@media only screen and (max-width: 600px) {
    .presentation .title {font-size: 22px;}
    .presentation .phone {font-size: 16px;}
    .presentation .background {display: none;}
}

/* ------------------------------- MEDIA ------------------------------- */

#media_section {background: #F8F6F5; padding-top: 48px; padding-bottom: 70px;}

.media_title {font-size: 32px; font-weight: 500; line-height: 130%; text-align: center; letter-spacing: 0.2px; color: #111418;}

.media_items {display: flex; flex-wrap: wrap; padding-top: 40px;}
.media_items > div {flex: 1 0 33.333%; max-width: 33.333%; padding: 0 8px 16px 8px;}

.media_item {background: #FFFFFF; border-radius: 8px; padding: 25px 16px; height: 100%; position: relative;}
.media_item > img {height: 28px; width: auto;}
.media_item > div {font-size: 16px; padding-top: 22px; line-height: 130%; color: #111318; padding-bottom: 36px;}
.media_item > a {position: absolute; bottom: 25px; left: 16px; text-decoration: underline; font-size: 16px; line-height: 130%; color: #A58F64; margin-top: 16px;}
.media_item > a:hover {text-decoration: none;}

@media only screen and (max-width: 800px) {
    #media_section {padding: 28px 0;}
    .media_title {font-size: 22px;}
    .media_items {flex-direction: column; padding-top: 20px;}
    .media_items > div {flex: 1 0 100%; max-width: 100%; padding: 0 0 22px 0;}
    .media_item > div {font-size: 14px;}
    .media_item > a {text-decoration: none;}
}

/* ------------------------------- APP ------------------------------- */

#app_section {max-width: 1600px; margin: 0 auto; padding-top: 100px;}
#app_section > .wrap {overflow: inherit;}
.app_group {display: flex; width: 100%; flex-direction: row-reverse; padding-top: 50px;}
.app_group > div {width: 50%; position: relative;}

.app_phone_1 {max-height: 500px; width: auto; position: absolute; top: 0; right: 200px; z-index: 10;}
.app_phone_2 {max-height: 550px; width: auto; position: absolute; top: 50px; right: 0; z-index: 11;}

.app_page_title {font-size: 32px; color: #111418; font-weight: 500;}

.app_table {display: flex; flex-wrap: wrap; width: 100%; max-width: 600px; margin-top: 30px;}
.app_table > div {flex-grow: 1; width: calc(50% - 8px); padding: 25px; background: #F8F6F5; border-radius: 8px; position: relative;}
.app_table > div:nth-child(2n+1) {margin-right: 8px;}
.app_table > div:nth-child(2n) {margin-left: 8px;}
.app_table > div:nth-child(1), .app_table > div:nth-child(2) {margin-bottom: 16px;}

.app_table_icon {width: 50px; height: 50px; border-radius: 50%; text-align: center; background: #A58F64;}
.app_table_icon i {position: relative; line-height: 50px; font-size: 22px; color: #fff;}
.app_table_icon i.icon_time_2 {top: -1px; left: -2px;}
.app_table_icon i.icon_food {top: -2px; left: 1px;}

.app_table_title {font-size: 18px; font-weight: 600; margin-top: 10px;}
.app_table_desc {font-size: 13px; line-height: 150%; margin-top: 12px; color: #5A5C60;}

@media only screen and (min-width: 1400px) {
    .app_phone_1 {height: 600px;}
    .app_phone_2 {height: 650px;}
}

@media only screen and (max-width: 1000px) {
    .app_phone_1 {right: 150px;}
}

@media only screen and (max-width: 800px) {
    #app_section {padding-top: 20px;}
    .app_group {display: block;}
    .app_group > div:nth-child(1) {height: 430px;}
    .app_group > div {width: 100%; padding-top: 120px;}
    .app_phone_1 {right: auto; left: 0; max-height: 500px;}
    .app_phone_2 {right: auto; left: 180px; top: -20px; max-height: 550px;}
    .app_page_title {font-size: 24px;}
    .app_table {margin-top: 30px;}
    .app_table > div {width: calc(50% - 5px); padding: 15px;}
    .app_table > div:nth-child(2n+1) {margin-right: 5px;}
    .app_table > div:nth-child(2n) {margin-left: 5px;}
    .app_table > div:nth-child(1), .app_table > div:nth-child(2) {margin-bottom: 10px;}
}

@media only screen and (max-width: 530px) {
    .app_group > div {padding-top: 160px;}
    .app_phone_1 {max-height: 530px;}
    .app_phone_2 {max-height: 580px; right: 0; left: auto;}
}

@media only screen and (max-width: 460px) {
    .app_group > div {padding-top: 70px;}
    .app_phone_1 {max-height: 450px;}
    .app_phone_2 {max-height: 500px;}
}

@media only screen and (max-width: 400px) {
    .app_group > div {padding-top: 0;}
    .app_phone_1 {max-height: 400px;}
    .app_phone_2 {max-height: 440px;}
}

/* ------------------------------- ENV ------------------------------- */

#env_section {min-height: 500px;}
#env_section > .wrap {padding-top: 40px; padding-bottom: 90px;}

.env_slides {display: flex; flex-wrap: wrap; width: 100%;}
.env_slide {flex: 1 0 33.333%; width: 33.333%; padding-bottom: 21px;}
.env_slide > div {height: 450px; position: relative; cursor: pointer; border-radius: 12px; overflow: hidden;}
.env_slide > div:before {
    content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%);
}
.env_slide > div:after {
    content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; opacity: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%); transition: all 0.35s ease-in-out;
}
.env_slide:nth-child(3n+1) {padding-right: 14px;}
.env_slide:nth-child(3n+2) {padding-left: 7px; padding-right: 7px;}
.env_slide:nth-child(3n) {padding-left: 14px;}

.env_slide_info {
    color: #fff; position: absolute; top: 32px; bottom: 32px; left: 32px; right: 32px; letter-spacing: 0.3px; z-index: 1;
}
.env_slide_title { font-size: 20px; font-weight: 500;}
.env_slide_desc {
    position: absolute; bottom: 0; left: 0; width: 100%; max-height: 0; opacity: 0; line-height: 150%; padding-top: 16px;
    overflow: hidden; transition: opacity 0.3s ease, max-height 0.6s ease;
}

.env_slide_1 {background: url('/images/env_1.jpg?4') 50%; background-size: cover;}
.env_slide_2 {background: url('/images/env_2.jpg?4') 50%; background-size: cover;}
.env_slide_3 {background: url('/images/env_3.jpg?4') 50%; background-size: cover;}
.env_slide_4 {background: url('/images/env_4.jpg?4') 50%; background-size: cover;}
.env_slide_5 {background: url('/images/env_5.jpg?4') 50%; background-size: cover;}
.env_slide_6 {background: url('/images/env_6.jpg?4') 50%; background-size: cover;}
.env_slide_7 {background: url('/images/env_7.jpg?4') 50%; background-size: cover;}
.env_slide_8 {background: url('/images/env_8.jpg?4') 50%; background-size: cover;}
.env_slide_9 {background: url('/images/env_9.jpg?4') 50%; background-size: cover;}

.env_slide:hover > div:after {opacity: 1;}
.env_slide:hover .env_slide_desc {max-height: 250px; opacity: 0.7;}

@media only screen and (max-width: 1024px) {
    #env_section > .wrap {padding-top: 50px; padding-bottom: 110px;}
}

@media only screen and (max-width: 800px) {
    #env_section > .wrap {padding-top: 50px; padding-bottom: 40px;}
    .env_title {display: none;}
    .env_slide {flex: 1 0 50%; width: 50%; max-width: 50%; padding-bottom: 10px;}
    .env_slide:nth-child(3n + 1) {padding-right: 0;}
    .env_slide:nth-child(3n + 2) {padding-left: 0; padding-right: 0;}
    .env_slide:nth-child(3n) {padding-left: 0;}
    .env_slide:nth-child(2n + 1) {padding-right: 5px;}
    .env_slide:nth-child(2n) {padding-left: 5px;}
    .env_slide_info {top: 20px; bottom: 12px; left: 12px; right: 12px;}
    .env_slide_title {font-size: 14px;}
    .env_slide_desc {max-height: 250px; font-size: 10px; line-height: 130%;}
}

@media only screen and (max-width: 460px) {
    .env_slide > div {height: 260px;}
}

@media only screen and (max-width: 320px) {
    .env_slide > div {height: 200px;}
    .env_slide:hover > div:after {opacity: 0;}
    .env_slide:hover .env_slide_desc {max-height: 0; opacity: 0;}
}

/* ------------------------------- PLACES ------------------------------- */

#places_section {overflow: hidden;}
#places_bg {position: relative; background: #222 url('/images/places_2.jpg') 50% 50%;background-size: cover; min-height: 610px; transition: all 0.35s ease-in-out;}
#places_bg > .wrap {position: relative; min-height: 610px; top: 0; bottom: 0; left: 0; width: 100%; padding-top: 50px; padding-bottom: 50px; z-index: 3;}
#places_bg::after {content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; bottom: 0; left: 0; width: 100%;}

.places_menu_title {font-weight: 400; font-size: 24px; line-height: 130%; letter-spacing: 0.02em; color: #FFFFFF;}
.places_menu {padding-top: 30px; overflow-x: auto;}
.places_menu_wrap {display: flex; min-width: 512px;}
.places_menu_item {
    display: inline-flex; height: 34px; line-height: 32px; padding: 0 20px; border-radius: 17px; border: 1px solid #FFFFFF;
    color: #FFFFFF; margin-right: 28px; transition: all 0.35s ease-in-out; cursor: pointer;
}
.places_menu_item.active {border-color: #A58F64; background: #A58F64;}
.places_menu_item:hover {border-color: #A58F64; background: #A58F64;}
.places_menu_item:last-child {margin-right: 0;}

#places_title {padding-top: 70px; font-weight: 400; font-size: 32px; line-height: 130%; letter-spacing: 0.02em; color: #FFFFFF;}
#places_desc {padding-top: 14px; max-width: 550px; font-size: 15px; line-height: 130%; letter-spacing: 0.02em; color: #FFFFFF;}
.places_btn {display: block; max-width: 250px; padding: 0 20px; margin-top: 38px; margin-bottom: 60px; border-radius: 4px;}

.places_items {padding: 20px 0 0 0; position: absolute; width: auto; bottom: 40px; right: 100px;}
.places_item {display: none; align-items: center; padding-left: 60px; color: #fff;}
.places_item.active {display: inline-flex;}
.places_item > i {font-size: 20px; color: #A58F64; padding-right: 24px;}
.places_item > i.icon_sport_3 {transform: translate(0px, -3px);}

@media only screen and (max-width: 800px) {
    #places_bg > .wrap {padding: 50px 0 50px 0; min-height: 670px;}
    .places_menu {padding-bottom: 10px; bottom: -8px; position: relative;}
    .places_menu_title {padding-left: 20px;}
    .places_menu_wrap {padding-left: 20px;}
    .places_menu_item {margin-right: 14px;}
    #places_title {padding-left: 20px; font-size: 24px;}
    #places_desc {padding-left: 20px; padding-right: 20px;}
    .places_btn {margin-left: 20px;}
    .places_items {width: 100%; left: 0; right: auto;}
    .places_item {padding-left: 20px;}
    .places_item > i {padding-right: 16px;}
}

@media only screen and (max-width: 760px) {
    .places_item span {display: block;}
}

@media only screen and (max-width: 320px) {
    .places_items {bottom: 10px;}
    .places_item {padding-bottom: 10px; font-size: 10px;}
}

/* ------------------------------- GOLF ------------------------------- */

#golf_section {margin-top: 100px;}

.golf_title {display: flex; color: #160F0F;}
.golf_title > div:nth-child(1) {width: 40%; position: relative; top: -9px; font-weight: 500; font-size: 32px; line-height: 130%; letter-spacing: 0.02em;}
.golf_title > div:nth-child(2) {width: 60%; padding-left: 20px; font-size: 14px; line-height: 130%; letter-spacing: 0.02em;}

.golf_bg {padding-top: 50px;}
.golf_bg > img {width: 100%; border-radius: 8px;}
.golf_bg_m {display: none;}

@media only screen and (max-width: 800px) {
    #golf_section {margin-top: 50px;}
    .golf_title {flex-direction: column;}
    .golf_title > div:nth-child(1) {width: 100%; top: 0; font-size: 26px;}
    .golf_title > div:nth-child(2) {width: 100%; padding-left: 0; padding-top: 18px;}
    .golf_bg_d {display: none;}
    .golf_bg_m {display: block;}
}

/* ------------------------------- DOCS ------------------------------- */

#docs_section {padding-top: 100px;}

.docs_title {font-size: 32px; font-weight: 500; line-height: 130%; letter-spacing: 0.02em; color: #111418;}

.docs_items {display: flex; flex-wrap: wrap; padding-top: 36px;}
.docs_items > div {flex: 1 0 50%; padding-bottom: 20px;}
.docs_items > div:nth-of-type(2n+1) {padding-right: 10px;}
.docs_items > div:nth-of-type(2n) {padding-left: 10px;}
.docs_items > div:nth-of-type(5) {padding-left: 0; padding-right: 0; padding-bottom: 0;}
.docs_items > div:nth-of-type(5) > .docs_item > div:nth-of-type(1) {display: flex; align-items: center;}
.docs_items > div:nth-of-type(5) > .docs_item > div:nth-of-type(1) > div:nth-of-type(2) {padding-left: 32px; padding-top: 0;}

.docs_item {
    display: flex; border: 1px solid #A58F64; border-radius: 12px; padding: 16px 30px 20px 30px; align-items: center;
    text-decoration: none; height: 100%; transition: all 0.35s ease-in-out;
}
.docs_item:hover {background: rgba(165,143,100,0.15);}
.docs_item > div:nth-of-type(1) {width: 100%; height: 100%;}
.docs_item > div:nth-of-type(1) > div:nth-of-type(1) {font-size: 32px; line-height: 100%; letter-spacing: 0.02em; color: #A58F64; font-weight: 500;}
.docs_item > div:nth-of-type(1) > div:nth-of-type(2) {font-size: 16px; line-height: 130%; letter-spacing: 0.02em; color: #111418; padding-top: 4px; max-width: 440px;}
.docs_item > div:nth-of-type(2) > i {font-size: 22px; color: #A58F64;}

.docs_controls {display: flex; align-items: center; padding-top: 22px;}
.docs_controls > div {width: 50%;}
.docs_controls > div:nth-of-type(1) > div {font-size: 14px; line-height: 130%; letter-spacing: 0.02em; max-width: 390px;}
.docs_controls > div:nth-of-type(1) > div > span {color: #8F97A6;}
.docs_controls > div:nth-of-type(2) {display: flex; justify-content: right;}

@media only screen and (max-width: 800px) {
    #docs_section {padding-top: 50px;}
    .docs_title {font-size: 26px;}
    .docs_items > div {padding-bottom: 12px;}
    .docs_items > div:nth-of-type(2n+1) {padding-right: 4px;}
    .docs_items > div:nth-of-type(2n) {padding-left: 4px;}
    .docs_items > div:nth-of-type(5) {padding-right: 0;}
    .docs_item {border-radius: 6px; padding: 10px;}
    .docs_item > div:nth-of-type(1) > div:nth-of-type(1) {font-size: 20px;}
    .docs_item > div:nth-of-type(1) > div:nth-of-type(2) {font-size: 12px; padding-right: 10px;}
    .docs_item > div:nth-of-type(2) > i {font-size: 14px;}
    .docs_controls {flex-direction: column;}
    .docs_controls > div {width: 100%;}
    .docs_controls > div:nth-of-type(1) > div {color: #8F97A6;}
    .docs_controls > div:nth-of-type(1) > div > span {color: #111418;}
    .docs_controls > div:nth-of-type(2) {padding-top: 18px;}
    .docs_controls > div:nth-of-type(2) > .btn_primary {height: 54px; line-height: 54px; width: 100%;}
}

/* ------------------------------- INFRA SLIDER ------------------------------- */

#slider_section {min-height: 500px; padding-top: 100px;}
#slider_section > .wrap {padding: 0 0 0 100px;}

.slider_title {display: flex;}
.slider_title > div:nth-child(1) {font-weight: 500; padding-right: 100px; font-size: 32px; line-height: 125%; letter-spacing: 0.02em; color: #160F0F;}
.slider_title > div:nth-child(2) > div:nth-of-type(1) {font-size: 20px; font-weight: 500; line-height: 130%; letter-spacing: 0.02em; color: #160F0F;}
.slider_title > div:nth-child(2) > div:nth-of-type(2) {max-width: 400px; padding-top: 6px; font-size: 14px; line-height: 140%; letter-spacing: 0.02em; color: #160F0F;}

.infra_slides {width: 100%; overflow: hidden; padding-left: 100px;}
#infra_slider_images {display: flex; width: 100%; margin-top: 32px; transition: all 0.35s ease-in-out;}
.infra_slide {min-width: 300px; padding-right: 20px;}
.infra_slide > div {height: 420px; position: relative; border-radius: 8px; overflow: hidden;}
.infra_slide > div::before {
    content: ''; position: absolute; left: 0; bottom: 0; height: 200px; width: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 90%);
}
.infra_slide_info {color: #fff; position: absolute; bottom: 32px; left: 32px; right: 32px;}
.infra_slide_info > div:nth-child(1) {font-size: 18px; font-weight: 500; letter-spacing: 0.3px; max-width: 120px;}
.infra_slide_info > div:nth-child(2) {font-size: 14px; line-height: 145%; padding-top: 16px; opacity: 0.7; min-height: 160px;}

.infra_slide_1 {background: url('/images/infra_slide_1.jpg?2') 50%; background-size: cover;}
.infra_slide_2 {background: url('/images/infra_slide_2.jpg?2') 50%; background-size: cover;}
.infra_slide_3 {background: url('/images/infra_slide_3.jpg?2') 50%; background-size: cover;}
.infra_slide_4 {background: url('/images/infra_slide_4.jpg?2') 50%; background-size: cover;}
.infra_slide_5 {background: url('/images/infra_slide_5.jpg?2') 50%; background-size: cover;}
.infra_slide_6 {background: url('/images/infra_slide_6.jpg?2') 50%; background-size: cover;}
.infra_slide_7 {background: url('/images/infra_slide_7.jpg?2') 50%; background-size: cover;}

.infra_slides_paginator {display: table; margin-top: 40px; margin-bottom: 40px;}
.infra_slides_paginator_btn {display: table-cell; vertical-align: middle; width: 0;}

.infra_slides_paginator_arrow {color: #AEB3BB; font-size: 20px;}
.infra_slides_paginator_arrow.active {color: #A58F64; cursor: pointer;}
#infra_slides_paginator_prev {margin-right: 25px;}
#infra_slides_paginator_next {margin-left: 25px;}
#infra_slides_paginator_progress {width: 33.333%; height: 2px; background: #A58F64; transition: all 0.35s ease-in-out;}

@media only screen and (max-width: 1024px) {
    .infra_slides {padding-left: 40px;}
}

@media only screen and (max-width: 800px) {
    #slider_section {padding-top: 50px;}
    #slider_section > .wrap {padding: 0;}
    .slider_title {display: block; padding: 0 20px;}
    .slider_title > div:nth-child(1) {padding-right: 0; font-size: 26px;}
    .slider_title > div:nth-child(2) > div:nth-of-type(1) {font-size: 16px; padding-top: 18px;}
    .slider_title > div:nth-child(2) > div:nth-of-type(2) {padding-top: 8px; line-height: 130%;}
    .infra_slides {padding-left: 20px;}
    .infra_slide {min-width: 300px; padding-right: 20px;}
    .infra_slide_info {bottom: 20px; left: 20px; right: 20px;}
}

/* ------------------------------- HOUSES ------------------------------- */

#houses_section {min-height: 500px; padding-top: 50px; margin-top: 50px;}

.houses_title {display: flex; color: #160F0F;}
.houses_title > div:nth-child(1) {width: 40%; position: relative; top: -9px; font-weight: 500; font-size: 32px; line-height: 130%; letter-spacing: 0.02em;}
.houses_title > div:nth-child(2) {width: 60%; padding-left: 20px; font-size: 14px; line-height: 130%; letter-spacing: 0.02em;}

#more_btn {display: none; height: 54px; line-height: 54px; margin: 20px auto 10px auto; max-width: 260px; padding: 0 20px;}

@media only screen and (max-width: 800px) {
    .houses_title {flex-direction: column;}
    .houses_title > div:nth-child(1) {width: 100%; top: 0; font-size: 26px;}
    .houses_title > div:nth-child(2) {width: 100%; padding-left: 0; padding-top: 18px; padding-bottom: 42px;}
    #more_btn {display: block;}
}

#houses_items {display: flex; padding-top: 40px; flex-wrap: wrap;}
#houses_items > div {width: 33.333%;}
#houses_items > div:nth-child(3n+1) {padding-right: 16px;}
#houses_items > div:nth-child(3n+2) {padding-left: 8px; padding-right: 8px;}
#houses_items > div:nth-child(3n) {padding-left: 16px;}

#houses_item_1 {background: url('/images/house_1p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_2 {background: url('/images/house_2p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_3 {background: url('/images/house_3p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_4 {background: url('/images/house_4p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_5 {background: url('/images/house_5p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_6 {background: url('/images/house_6p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_7 {background: url('/images/house_7p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_8 {background: url('/images/house_8p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_9 {background: url('/images/house_9p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_10 {background: url('/images/house_10p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_11 {background: url('/images/house_11p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_12 {background: url('/images/house_12p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_13 {background: url('/images/house_13p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_14 {background: url('/images/house_14p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_15 {background: url('/images/house_15p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_16 {background: url('/images/house_16p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_17 {background: url('/images/house_17p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_18 {background: url('/images/house_18p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_19 {background: url('/images/house_19p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_20 {background: url('/images/house_20p_1.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_33 {background: url('/images/366.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_34 {background: url('/images/346.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_35 {background: url('/images/312.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_36 {background: url('/images/meri.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_37 {background: url('/images/flagman.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_38 {background: url('/images/brez.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_40 {background: url('/images/grot.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_44 {background: url('/images/barn.jpg?5') 50% 70% no-repeat; background-size: cover;}
#houses_item_45 {background: url('/images/buds.jpg?6') 50% 70% no-repeat; background-size: cover;}
#houses_item_46 {background: url('/images/budl.jpg?7') 50% 70% no-repeat; background-size: cover;}
#houses_item_47 {background: url('/images/sicilia.jpg?7') 50% 70% no-repeat; background-size: cover;}
#houses_item_48 {background: url('/images/gavana.jpg?7') 50% 70% no-repeat; background-size: cover;}
#houses_item_49 {background: url('/images/slovenia.jpg?7') 50% 70% no-repeat; background-size: cover;}
#houses_item_50 {background: url('/images/vesteros.jpg?7') 50% 70% no-repeat; background-size: cover;}

.houses_item {width: 100%; height: 440px; position: relative; cursor: pointer; margin-bottom: 24px; border-radius: 8px; transition: all 0.35s ease-in-out;}
.houses_item:hover {box-shadow: 0 0 30px 16px rgba(0, 0, 0, 0.1);}

.houses_arrow_left {
    color: rgba(255,255,255,0.6); font-size: 18px; position: absolute; top: 220px; left: 0; transform: translateY(-15px);
    padding: 12px; cursor: pointer; transition: all 0.35s ease-in-out;
}
.houses_arrow_left:hover {color: rgba(255,255,255,1);}

.houses_arrow_right {
    color: rgba(255,255,255,0.6); font-size: 18px; position: absolute; top: 220px; right: 0; transform: translateY(-15px);
    padding: 12px; cursor: pointer; transition: all 0.35s ease-in-out;
}
.houses_arrow_right:hover {color: rgba(255,255,255,1);}

.house_item_label {
    position: absolute; top: 30px; right: 16px; padding: 6px 16px; border-radius: 4px; background: #A58F64; letter-spacing: 0;
    color: #fff; font-size: 14px; font-weight: 500; line-height: 130%; margin-left: 16px;
}

.houses_item_info {position: absolute; bottom: 24px; left: 16px; right: 16px;}
.houses_item_info > div:nth-child(1) {color: #FFFFFF; font-weight: 500; font-size: 24px;}
.houses_item_info > div:nth-child(2) {color: #FFFFFF; font-weight: 600; font-size: 14px; padding-top: 10px;}
.houses_item_info > div:nth-child(2) > sup {font-size: 12px; top: -2px;}
.houses_item_info > div:nth-child(3) {display: flex; flex-wrap: wrap; color: #FFFFFF; padding-top: 12px;}
.houses_item_info > div:nth-child(3) > div:nth-child(2) {padding-left: 20px;}
.houses_item_info > div:nth-child(3) > div:nth-child(3) {width: 100%; padding-top: 8px;}
.houses_item_info > div:nth-child(3) > div i {padding-right: 10px; font-size: 16px;}

.houses_item > .houses_tags {
    position: absolute; top: 24px; right: 24px; display: flex; flex-direction: column; justify-content: flex-end;
}
.houses_item > .houses_tags > div {display: flex; justify-content: end;}
.houses_item > .houses_tags > div > span {
    height: 28px; line-height: 28px; padding: 0 12px; color: #FFFFFF; font-weight: 500; font-size: 12px; letter-spacing: 0.1px;
    border-radius: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;
}
.houses_item > .houses_tags > div:first-child > span {margin-bottom: 8px;}
.houses_item > .houses_tags > div > span.houses_tag_blue {background: #2CAFF9;}
.houses_item > .houses_tags > div > span.houses_tag_discount {background: #2CAFF9;}
.houses_item > .houses_tags > div > span.new {background: #F79E1B;}

@media only screen and (max-width: 1024px) {
    .houses_item_info > div:nth-child(3) {flex-direction: column;}
    .houses_item_info > div:nth-child(3) > div:nth-child(2) {padding-left: 0; padding-top: 10px;}
    .houses_item > .houses_tags {top: 18px; right: 14px;}
    .houses_item > .houses_tags > div > span {font-size: 14px; height: 30px; line-height: 30px;}
}

@media only screen and (max-width: 800px) {
    #houses_section {margin-top: 0;}
    #houses_section > .wrap {padding-bottom: 30px;}
    #houses_section .title {padding-bottom: 16px;}
    #houses_items {flex-direction: column; padding-top: 0;}
    #houses_items > div {width: 100%;}
    #houses_items > div:nth-child(3n+1) {padding-right: 0;}
    #houses_items > div:nth-child(3n+2) {padding-left: 0; padding-right: 0;}
    #houses_items > div:nth-child(3n) {padding-left: 0;}
    #houses_items > div {margin-bottom: 20px;}
    #houses_items > div:last-child {margin-bottom: 0;}
    #houses_items > .hidden {display: none;}
    .houses_item {margin-bottom: 0;}
    .houses_item_info > div:nth-child(3) {flex-direction: row;}
    .houses_item_info > div:nth-child(3) > div:nth-child(2) {padding-left: 20px; padding-top: 0;}
    .house_item_label {top: 18px;}
}

/* ------------------------------- SERVICES ------------------------------- */

#services_section {padding-top: 100px; overflow: hidden;}

.services_title {font-weight: 500; font-size: 32px; line-height: 130%; letter-spacing: 0.02em; color: #111418; max-width: 520px;}
.services_desc {font-size: 16px; line-height: 130%; letter-spacing: 0.02em; color: #111318; max-width: 480px; padding-top: 16px;}

#services_slider_images {display: flex; padding-top: 64px; transition: all 0.35s ease-in-out;}
#services_slider_images > div {width: 25%; padding-right: 20px;}

.services_item {position: relative; display: flex;}
.services_item > img {border-radius: 8px;}
.services_item > div {position: absolute; left: 24px; bottom: 24px; font-weight: 500; font-size: 22px; line-height: 130%; color: #FFFFFF;}

.services_slides_paginator {display: none; margin-top: 40px; margin-bottom: 40px; padding-left: 20px;}
.services_slides_paginator_btn {display: table-cell; vertical-align: middle; width: 0;}

.services_slides_paginator_arrow {color: #AEB3BB; font-size: 20px;}
.services_slides_paginator_arrow.active {color: #A58F64; cursor: pointer;}
#services_slides_paginator_prev {margin-right: 15px;}
#services_slides_paginator_next {margin-left: 15px;}
#services_slides_paginator_progress {width: 25%; height: 2px; background: #A58F64; transition: all 0.35s ease-in-out;}

@media only screen and (max-width: 800px) {
    #services_section {padding-top: 50px;}
    .services_title {font-size: 26px;}
    .services_desc {font-size: 14px;}
    #services_slider_images {padding-top: 0;}
    #services_slider_images > div {min-width: 260px;}
    .services_slides_paginator {display: table;}
}

/* ------------------------------- REQUEST ------------------------------- */

#request_section {min-height: 500px; padding-top: 50px; margin-top: 60px;}

.request_section_group {display: flex; position: relative;}
.request_section_photo {width: 78%;}
.request_section_photo > img {border-radius: 12px;}
.request_section_info {width: 45%; background: #323232; color: #fff; position: absolute; bottom: -70px; height: auto; right: 0; border-radius: 12px;}
.request_section_info_wrap {position: relative; padding: 70px 60px 70px 60px; min-height: 569px;}

.request_title {font-size: 25px; padding-bottom: 10px; text-align: center;}

#request_form {display: block;}
#request_form.hide {display: none;}

#request_success {display: block; line-height: 140%; text-align: center;}
#request_success.hide {display: none;}

#request_success > div:nth-of-type(1) {
    padding-top: 70px; font-weight: 500; font-size: 26px; line-height: 130%; letter-spacing: 0.02em;
}
#request_success > div:nth-of-type(2) {
    padding-top: 12px; font-size: 18px; line-height: 140%; letter-spacing: 0.02em; max-width: 270px; margin: 0 auto;
}

#request_btn, #request_house_btn {display: block; margin-top: 28px; height: 58px; line-height: 58px;}
#request_btn.disabled, #request_house_btn.disabled {background: #828282; color: #ccc; cursor: default; border-color: #828282;}

#request_section .input_group > input {color: #fff;}
#request_section .input_group > input:focus {color: #646464;}

@media only screen and (max-width: 1200px) {
    .request_section_info {width: 60%;}
}

@media only screen and (max-width: 1024px) {
    .request_section_info_wrap {padding: 60px 40px 60px 40px;}
}

@media only screen and (max-width: 800px) {
    #request_section {margin-top: 0;}
    #request_section > .wrap {padding: 0;}
    .request_section_photo > img {border-radius: 0;}
    .request_title {font-size: 26px; text-align: left;}
    .request_title > span {display: block;}
    .request_section_group {flex-direction: column; background: #323232;}
    .request_section_photo {width: 100%; display: flex;}
    .request_section_info {width: 100%; position: relative; bottom: auto; right: auto; border-radius: 0;}
    .request_section_info_wrap {padding: 40px 20px 40px 20px; min-height: 460px;}
}

/* ------------------------------- PEOPLES ------------------------------- */

#peoples_section {min-height: 500px; padding-top: 180px;}
#peoples_section > .wrap {padding-bottom: 50px;}

.peoples_group {display: flex;}
.peoples_group > div:nth-child(1) {width: 25%;}
.peoples_group > div:nth-child(1) > img {padding-top: 10px; max-width: 200px;}
.peoples_group > div:nth-child(2) {width: 75%; padding-left: 50px;}

.peoples_note {display: flex; padding-top: 32px; align-items: start;}
.peoples_note > div:nth-child(1) {display: none; width: 30%; text-align: right;}
.peoples_note > div:nth-child(1) > i {font-size: 30px; padding-right: 28px;}
.peoples_note > div:nth-child(2) {width: 100%;}
.peoples_note > div:nth-child(2) > div:nth-child(1) {font-weight: 600; font-size: 20px; line-height: 130%; color: #160F0F;}
.peoples_note > div:nth-child(2) > div:nth-child(2) {font-weight: 600; font-size: 40px; line-height: 130%; color: #160F0F;}
.peoples_note > div:nth-child(2) > div:nth-child(3) {max-width: 300px; font-size: 14px; line-height: 130%; letter-spacing: 0.02em; color: #160F0F;}

.peoples_title {max-width: 500px; font-weight: 500; font-size: 32px; line-height: 130%; letter-spacing: 0.02em; color: #160F0F;}
.peoples_desc {max-width: 600px; padding-top: 30px; font-size: 14px; line-height: 130%; letter-spacing: 0.02em; color: #160F0F;}

.peoples_slides {width: 100%; display: flex; margin-top: 32px;}
.peoples_slide {width: 33.333%;}
.peoples_slide > div {padding-top: 16px; font-weight: 500; font-size: 14px; color: #160F0F;}
.peoples_slide > img {border-radius: 8px;}
.peoples_slide:nth-child(1) {padding-right: 14px;}
.peoples_slide:nth-child(2) {padding-left: 7px; padding-right: 7px;}
.peoples_slide:nth-child(3) {padding-left: 14px;}
.peoples_slide_img_m {display: none;}

@media only screen and (max-width: 800px) {
    #peoples_section {padding-top: 50px;}
    .peoples_title {max-width: 265px; font-size: 26px;}
    .peoples_group {flex-direction: column;}
    .peoples_group:last-child {flex-direction: column-reverse;}
    .peoples_group > div:nth-child(1) {width: 100%;}
    .peoples_group > div:nth-child(1) > img {display: none;}
    .peoples_group > div:nth-child(2) {width: 100%; padding-left: 0;}
    .peoples_note > div:nth-child(1) {display: block; width: 30%;}
    .peoples_note > div:nth-child(2) {width: 70%;}
    .peoples_slide > div > span {display: block;}
    .peoples_slide:nth-child(1) {padding-right: 6px;}
    .peoples_slide:nth-child(2) {padding-left: 3px; padding-right: 3px;}
    .peoples_slide:nth-child(3) {padding-left: 6px;}
    .peoples_slide_img {display: none;}
    .peoples_slide_img_m {display: block;}
}

/* ------------------------------- PROJECTS ------------------------------- */

#projects {overflow: hidden; margin: 100px 0;}
#projects h2 {font-weight: 500; font-size: 32px; line-height: 42px; margin-bottom: 30px;}

.project_group {overflow: hidden; width: 100%;}
.project {
    max-width: 100%; width: 100%; padding-bottom: 8px; display: flex; transition: all 0.35s ease-in-out;
}
.project_item {
    display: table-cell; min-width: 16.67%; padding-right: 10px; height: 13%; position: relative;
    -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease; cursor: pointer;
}

.project_slides_paginator {display: flex; margin: 42px 0; align-items: center;}
#project_slides_paginator_prev {margin-right: 15px;}
#project_slides_paginator_next {margin-left: 15px;}
#project_slides_paginator_progress {width: 33.3%; height: 2px; background: #A58F64; transition: all 0.35s ease-in-out;}

.project_item:hover img {-webkit-filter: grayscale(0) brightness(1); filter: grayscale(0) brightness(1);}
.project_item > img {width: 100%; height: auto; border-radius: 8px; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: all 0.8s ease; -o-transition: all 0.8s ease; transition: all 0.8s ease;}
.project-logo {
    position: absolute; top: 0; left: 0; right: 10px; bottom: 4px; display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;
    align-items: center; width: 70%; margin: 0 auto;
}
.project-logo > img {max-height: 70px; filter: grayscale(1) brightness(1000%); -webkit-filter: grayscale(1) brightness(1000%); -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.project > div.project_item:nth-child(1) > .project-logo > img {max-height: 60px;}
.project > div.project_item:nth-child(2) > .project-logo > img, .project > div.project_item:nth-child(3) > .project-logo > img {max-height: 95px;}
.project > div.project_item:nth-child(4) > .project-logo > img {max-height: 40px;}
.project > div.project_item:nth-child(5) > .project-logo > img {max-height: 20px;}
.project > div.project_item:nth-child(6) > .project-logo > img {max-height: 45px; max-width: 80px}
.project > div.project_item:nth-child(7) > .project-logo > img {max-height: 32px;}
.project > div.project_item:nth-child(8) > .project-logo > img {max-height: 32px;}
.project > div.project_item:nth-child(9) > .project-logo > img {max-height: 40px;}

@media only screen and (max-width: 1080px) {
    .project {white-space: nowrap; display: block; transition: all 0.35s ease-in-out;}
    #projects h2 {font-size: 18px; margin-bottom: 15px;}
    #projects .container_block {width: 100%; display: flex;}
    #project_container {padding-left: 30px; padding-right: 0; overflow: unset;}
}

@media only screen and (max-width: 800px) {
    #projects {margin: 60px 0;}
    #projects > .container_primary {padding: 0;}
    #project_container {padding-left: 0; padding-right: 0;}
    .project {display: flex;}
    .project_group {overflow: unset;}
    .project_item {min-width: 33.3%;}
    #project_slides_paginator_progress {width: 16.6%;}
    .project_slides_paginator {margin: 0 0 20px;}
}

/* ------------------------------- CONTACTS ------------------------------- */

#contacts_section {background: #F8F6F5;}
#contacts_section > .wrap {display: flex; padding-top: 90px; padding-bottom: 110px;}
#contacts_section > .wrap > div {width: 50%;}
#contacts_section > .wrap > div:nth-child(1) > span {width: 100%; border-radius: 4px; display: block; overflow: hidden;}
#contacts_section > .wrap > div:nth-child(2) {padding-left: 54px;}

.contacts_info {display: flex; width: 100%; margin-top: 30px;}
.contacts_info > div {width: 50%; font-size: 16px;}
.contacts_info > div > div:nth-child(2) {margin-top: 5px; min-height: 38px; max-width: 200px;}

.contacts_phone {display: inline-block; color: #160F0F; text-decoration: none; font-size: 20px; font-weight: 600; margin-top: 12px;}

.contacts_copy {font-size: 16px; color: #555E70; padding-left: 8px; cursor: pointer; position: relative;}
#contacts_copy_note {
    background: rgba(0, 0, 0, 0.7); color: #fff; position: absolute; top: 0; left: 34px; font-size: 13px; opacity: 0;
    letter-spacing: 0.2px; padding: 10px; border-radius: 10px; transition: all 0.5s ease-out; pointer-events: none;
}
#contacts_copy_note.active {opacity: 1; transition: all 1s ease-in-out; }

.contacts_btn {padding-top: 38px; max-width: 300px;}
.contacts_btn > a {width: 100%; height: 52px; line-height: 51px;}

.contacts_wa_note {padding-top: 34px; line-height: 140%; font-size: 16px;}
.contacts_wa {margin-top: 16px; color: #0B732A; max-width: 300px;}

@media only screen and (max-width: 900px) {
    #contacts_section {padding-top: 50px;}
    #contacts_section > .wrap {flex-direction: column-reverse; padding: 0;}
    #contacts_section > .wrap > div {width: 100%;}
    #contacts_section > .wrap > div:nth-child(1) {padding-left: 0; display: flex;}
    #contacts_section > .wrap > div:nth-child(1) > span {border-radius: 0;}
    #contacts_section > .wrap > div:nth-child(2) {padding: 0 20px 40px 20px;}
    .contacts_info > div {margin-bottom: 20px;}
    .contacts_info > div > div:nth-child(2) {max-width: initial;}
    .contacts_btn {padding-top: 18px; max-width: none;}
    .contacts_wa_note {padding-top: 18px;}
    .contacts_wa {max-width: none;}
}

@media only screen and (max-width: 760px) {
    .contacts_info {flex-direction: column-reverse;}
    .contacts_info > div {width: 100%;}
}

/* ------------------------------- DISCOUNT ------------------------------- */

#discount {
    display: flex; -webkit-mask-image: url(/images/discount.png?2); mask-image: url(/images/discount.png?2); -webkit-mask-size: 100%;
    mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 390px; height: 45px; position: fixed;
    background: 0 0/200% 200% linear-gradient(90deg, #152C04 0%, #2A6002 45%, #2A6002 55%, #152C04 100%); bottom: 0; right: 10%;
    padding: 0 60px; align-items: center; justify-content: center;
    user-select: none; cursor: pointer; z-index: 10; transform: translateY(48px); transition: all 0.5s ease-in-out;
}
#discount:hover {background-position: 100% 0;}
#discount.active {transform: translateY(0);}

#discount > div {display: flex; font-weight: 600; font-size: 16px; line-height: 130%; color: #FFFFFF;}
#discount > div > i {font-size: 14px; font-weight: 400; margin-right: 8px;}

@media only screen and (max-width: 600px) {
    #discount {display: none;}
}

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

#footer {background: #323232;}

#footer > .wrap {display: table; padding: 70px 80px 80px 80px;}
#footer > .wrap > div {display: table-cell; vertical-align: top;}
#footer > .wrap > div:nth-child(1) {width: 70%; padding-right: 120px;}
#footer > .wrap > div:nth-child(2) {width: 30%;}

.footer_title {font-size: 32px; line-height: 130%; font-weight: 500; color: #fff; letter-spacing: 0.01em;}

.footer_menu {margin-top: 30px;}
.footer_menu > a {
    display: inline-block; position: relative; cursor: pointer; opacity: 0.7; font-size: 13px; padding: 10px 0; color: #fff;
    text-decoration: none; margin-right: 32px; letter-spacing: 0.3px; transition: all 0.35s ease;
}
.footer_menu > a:hover {opacity: 1;}
.footer_menu > a:last-child {margin-right: 0;}

.footer_request_btn {width: 100%;}
.footer_request_btn_m {display: none; margin-top: 30px;}

.footer_note {font-size: 13px; color: #fff; margin-top: 26px;}
.footer_note a {padding: 8px; color: #fff; margin-left: 3px;}
.footer_note a:nth-child(1) {margin-left: 20px;}
.footer_note img {width: 22px; position: relative; top: 2px;}
.footer_note i {font-size: 22px; line-height: 22px;}
.footer_note i.icon_vk {font-size: 28px; position: relative; top: 2px;}

.footer_note_d {display: flex; align-items: center;}
.footer_note_m {display: none;}

.footer_bayside {background: #3D3D3D; padding: 16px 18px 26px 18px; margin-bottom: 12px;}
.footer_bayside_note {margin-bottom: 18px; font-size: 14px; color: #808080;}
.footer_bayside_logo > img {max-width: 210px;}

.footer_privacy {padding-top: 26px;}
.footer_privacy > a {font-size: 13px; color: #fff; opacity: 0.7; text-decoration: none; transition: all 0.35s ease;}
.footer_privacy > a:hover {opacity: 1;}

@media only screen and (max-width: 1024px) {
    #footer > .wrap {padding: 70px 40px 80px 40px;}
    #footer > .wrap > div:nth-child(1) {width: 60%; padding-right: 20px;}
    #footer > .wrap > div:nth-child(2) {width: 40%;}
}

@media only screen and (max-width: 800px) {
    #footer {height: auto;}
    #footer > .wrap {display: block; padding: 20px 20px 140px 20px;}
    #footer > .wrap > div:nth-child(1) {display: block; width: 100%; padding-right: 0;}
    #footer > .wrap > div:nth-child(2) {display: block; width: 100%; text-align: center; margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.2);}
    .footer_title {font-size: 26px; font-weight: 400;}
    .footer_menu {text-align: center;}
    .footer_request_btn {display: none;}
    .footer_request_btn_m {display: block; max-width: 400px; margin: 30px auto 0 auto;}
    .footer_note_d {display: none;}
    .footer_note_m {display: flex; align-items: center;}
    .footer_note_m > span {text-align: left; display: flex; align-items: center;}
    .footer_note_m > span:nth-child(1) {width: 40%;}
    .footer_note_m > span:nth-child(2) {width: 60%; text-align: right; justify-content: flex-end; -webkit-justify-content: flex-end;}
    .footer_bayside {margin: 0 auto 12px auto; max-width: 400px;}
    .footer_bayside_note {text-align: center;}
    .footer_privacy {padding-top: 18px;}
}

@media only screen and (max-width: 380px) {
    .footer_menu {text-align: left;}
}

/* ------------------------------- PRIVACY ------------------------------- */

#privacy > .wrap {max-width: 1100px; padding: 40px 60px;}
#privacy span {display: block; padding-top: 10px; line-height: 140%;}

.privacy_title {font-size: 24px; font-weight: 600; padding-top: 20px; padding-bottom: 20px; line-height: 140%;}
.privacy_subtitle {font-size: 16px; font-weight: 500; padding-top: 30px; line-height: 140%;}

@media only screen and (max-width: 800px) {
    #privacy > .wrap {padding: 20px 20px 50px 20px;}
    .privacy_title {font-size: 20px;}
}

/* ------------------------------- APP ------------------------------- */

#app {min-height: 500px; padding: 170px 0 70px 0; text-align: center;}

.app_logo {width: 100px; height: auto;}
.app_label {color: #C4C4C4; font-size: 16px; font-weight: 700; line-height: 130%; letter-spacing: 1.6px; text-transform: uppercase; padding-top: 50px;}
.app_title {color: #160F0F; font-size: 50px; font-weight: 700; line-height: 130%; letter-spacing: 1px; padding-top: 20px;}

.app_stores {display: flex; padding-top: 50px; max-width: 460px; margin: 0 auto;}
.app_stores > div {width: 50%;}
.app_stores > div:nth-of-type(1) {padding-right: 20px;}
.app_stores > div:nth-of-type(2) {padding-left: 20px;}
.app_stores > div > a > img {width: 100%;}

.app_prices {margin-top: 100px; display: flex; padding: 50px 120px; text-align: left; background: #F7F7F7; border-radius: 8px;}
.app_prices > div {width: 28%;}
.app_prices > div:nth-of-type(2) {width: 44%;}
.app_prices > div > i {font-size: 24px; color: #A58F64;}
.app_prices > div > div {color: #000; font-size: 14px; line-height: 130%; letter-spacing: 0.28px; padding-top: 16px; max-width: 290px;}

.app_req {padding: 74px 120px 85px 120px; text-align: left;}

.app_req_title {color: #000; font-size: 14px; font-weight: 700; line-height: 130%; letter-spacing: 0.28px;}

.app_req_info {margin-top: 32px; display: flex;}
.app_req_info > div {width: 28%; color: #000; font-size: 14px; line-height: 140%; letter-spacing: 0.28px;}
.app_req_info > div:nth-of-type(2) {width: 44%;}

@media only screen and (max-width: 800px) {
    .app_logo {width: 80px;}
    .app_label {font-size: 14px; letter-spacing: 1px; padding-top: 30px;}
    .app_title {font-size: 32px; letter-spacing: 0.6px; padding-top: 10px;}
    .app_stores {padding-top: 40px;}
    .app_stores > div:nth-of-type(1) {padding-right: 6px;}
    .app_stores > div:nth-of-type(2) {padding-left: 6px;}
    .app_prices {margin-top: 50px; padding: 20px 20px 30px 20px; flex-direction: column;}
    .app_prices > div {width: 100%; padding-top: 30px;}
    .app_prices > div:nth-of-type(1) {padding-top: 0;}
    .app_prices > div:nth-of-type(2) {width: 100%;}
    .app_req {padding: 74px 20px 40px 20px;}
    .app_req_info {flex-direction: column; margin-top: 12px;}
    .app_req_info > div {width: 100%; padding-top: 20px;}
    .app_req_info > div:nth-of-type(2) {width: 100%;}
}

/* ------------------------------- FLICKITY ------------------------------- */

.flickity-enabled {position: relative;}
.flickity-enabled:focus {outline: none;}

.flickity-viewport {overflow-x: hidden; position: relative;}
.flickity-slider {position: absolute; width: 100%; height: 100%;}

/* draggable */

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
    user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move; cursor: -webkit-grab; cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing; cursor: grabbing;}

/* flickity-button */

.flickity-button {position: absolute; background: hsla(0, 0%, 100%, 0.75); border: none; color: #333;}
.flickity-button:hover {background: white; cursor: pointer;}
.flickity-button:focus {outline: none;}
.flickity-button:active {opacity: 0.6;}
.flickity-button:disabled {opacity: 0; cursor: auto; pointer-events: none;}

.flickity-button-icon {fill: currentColor;}

/* previous/next buttons */

.flickity-prev-next-button {width: 25px; height: 25px; top: 50%; transform: translateY(-50%); background: transparent;}
.flickity-prev-next-button:hover {background: transparent;}
.flickity-prev-next-button:focus {outline: none !important;}
.flickity-prev-next-button .arrow {fill: #777;}
.flickity-prev-next-button.no-svg {color: #777;}
.flickity-prev-next-button.previous {left: -25px;}
.flickity-prev-next-button.next {right: -25px;}

/* right to left */

.flickity-rtl .flickity-prev-next-button.previous {left: auto; right: 10px;}
.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px;}
.flickity-prev-next-button .flickity-button-icon {
    position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; transform: scale(0.75);
}

/* page dots */

.flickity-page-dots {
    position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1;
}
.flickity-rtl .flickity-page-dots {direction: rtl;}
.flickity-page-dots .dot {
    display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25;
    cursor: pointer;
}
.flickity-page-dots .dot.is-selected {opacity: 1;}

@media (max-width: 800px) {
    .flickity-prev-next-button.previous {left: calc(50% - 50px); top: 100%; margin-top: 20px;}
    .flickity-prev-next-button.next {left: calc(50% + 25px); top: 100%; margin-top: 20px;}
}

@media (max-width: 600px) {
    .flickity-prev-next-button.previous, .flickity-prev-next-button.next {margin-top: 40px;}
}

/* ------------------------------- SCROLL ------------------------------- */

html.has-scroll-smooth {overflow: hidden;}
html.has-scroll-dragging {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.has-scroll-smooth body {overflow: hidden;}
.has-scroll-smooth [data-scroll-container] {min-height: 100vh;}
[data-scroll-direction="horizontal"] [data-scroll-container] {height: 100vh; display: inline-block; white-space: nowrap;}
[data-scroll-direction="horizontal"] [data-scroll-section] {
    display: inline-block; vertical-align: top; white-space: nowrap; height: 100%;
}
.c-scrollbar {
    position: absolute; right: 0; top: 0; width: 11px; height: 100vh; transform-origin: center right;
    transition: transform 0.3s, opacity 0.3s; opacity: 0; z-index: 99999;
}
.c-scrollbar:hover {transform: scaleX(1);}
.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {opacity: 1;}
[data-scroll-direction="horizontal"] .c-scrollbar {width: 100%; height: 10px; top: auto; bottom: 0; transform: scaleY(1);}
[data-scroll-direction="horizontal"] .c-scrollbar:hover {transform: scaleY(1.3); }
.c-scrollbar_thumb {
    position: absolute; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.4); width: 7px;
    border-radius: 10px; margin: 2px; cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {cursor: grabbing;}
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {right: auto; bottom: 0;}

.is-inview {opacity: 1 !important; transform: translateY(0) !important;}
.anim_text {transform: translateY(70px); opacity: 0; transition: 1s ease-in-out;}
.split-parent {overflow: hidden;}
.split-child {display: inline-block; top: -3px;}

@media (max-width: 1024px) {
    .anim_text {transform: none; opacity: 1;}
}

html.lenis{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-scrolling iframe{pointer-events:none}

/* -------------------------------- ERROR --------------------------------- */

#main_404 {padding-top: 181px; margin-bottom: 500px;}

.main_404 {display: flex; align-items: center;}
.main_404 > div:first-child {max-width: 386px; width: 100%;}
.main_404 > div:last-child {max-width: 762px; width: 100%; margin-left: auto;}
.main_404 > div:last-child > img {width: 100%;}
.main_404 .block_name {font-size: 14px; color: #9497A2; text-transform: none;}
.main_404 h2 {font-size: 32px; color: #160F0F; padding-top: 30px;}
.main_404 .desc {font-size: 14px; color: #160F0F; margin: 30px 0;}
.main_404 .btn {height: 52px; line-height: 52px; margin-left: 24px;}

@media only screen and (max-width: 1000px) {
    #main_404 {margin-bottom: 200px;}
    .main_404 .desc {padding-left: 0;}
    .main_404 .btn {margin-left: 0;}
    .main_404 {flex-direction: column-reverse; align-items: normal;}
    .main_404 > div:last-child {margin-left: 0;}
    .main_404 > div:first-child {margin-top: 30px;}
}

@media only screen and (max-width: 600px) {
    #main_404 {margin-bottom: 40px;}
    .main_404 .block_name {font-size: 14px;}
    .main_404 h2 {font-size: 26px;}
    .main_404 .desc {font-size: 14px;}
    .main_404 .btn {height: 42px; line-height: 42px; font-size: 14px;}
}