/* -------------------------------  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;}
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; 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 ------------------------------- */
/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #3AA0DB #DFE9EB;
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  height: 3px;
  width: 3px;
}
*::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #DFE9EB;
}

*::-webkit-scrollbar-track:hover {
  background-color: #B8C0C2;
}

*::-webkit-scrollbar-track:active {
  background-color: #B8C0C2;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #3AA0DB;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #1D76DB;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #4FA3DB;
}

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;}

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

@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_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_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_ig:before {content: '\E824';}
.icon_kids:before {content: '\E802';}
.icon_light:before {content: '\E826';}
.icon_location:before {content: '\E81F';}
.icon_logo:before {content: '\E80E';}
.icon_news:before {content: '\E844';}
.icon_parking:before {content: '\E810';}
.icon_parks:before {content: '\E804';}
.icon_phone:before {content: '\E80B';}
.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_time:before {content: '\E842';}
.icon_vk:before {content: '\E823';}
.icon_water:before {content: '\E825';}
.icon_wave:before {content: '\E81A';}

/* buttons */
.gallery_group > div:nth-of-type(1),
.gallery_items > div > div {
    position: relative;
    
}

.gallery_group > div:nth-of-type(1):before,
.gallery_items > div > div:before,
#header_section:before,
.services_item:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 5px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%);
}

.gallery_group > div:nth-of-type(1):after,
.gallery_items > div > div:after,
#header_section:after,
.services_item:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%);
    opacity: 0;
    border-radius: 5px;
    transition: all 0.35s ease-in-out;
}

.gallery_group > div:nth-of-type(1):hover,
.gallery_items > div > div:hover {
    position: static;
}

#header_section {
    position: relative;
}

.btn_primary {
    display: inline-block; cursor: pointer; min-width: 80px; border-radius: 4px; color: #fff; font-weight: 600; background: #3aa0db;
    height: 48px; width: auto; line-height: 49px; 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 #3aa0db;
}
.btn_primary:hover {background: #2775a2; border-color: #2775a2;}

.btn_wa {
    display: flex; align-items: center; cursor: pointer; min-width: 80px; border-radius: 4px; color: #fff; font-weight: 500;
    border: 1px solid #0DC143; background: rgba(13, 193, 67, 0.2); height: 52px; width: auto; line-height: 52px; text-align: center;
    padding: 0 36px; transition: all 0.35s ease-out; text-decoration: none; font-size: 17px; letter-spacing: 0.02em;
    justify-content: center;
}
.btn_wa:hover {background: rgba(13, 193, 67, 0.3); border-color: #0DC143;}

.btn_wa > img {width: 26px; margin-right: 22px; position: relative; top: 1px;}
.btn_wa > i {font-size: 8px; margin-left: 20px;}

@media (max-width: 800px) {
    .btn_primary {padding: 0 30px;}
    .btn_wa {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: #3aa0db;}
.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: scroll; 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;}

#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;}
}

/* -------------------------------  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;}
}

/* houses */

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

.modal_houses_title {font-size: 28px; font-weight: 500; 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(2) {text-align: right; font-size: 16px;}
.modal_houses_subtitle > div:nth-of-type(2) small {font-size: 24px; font-weight: 600;}

.modal_houses_desc_title {font-size: 14px; font-weight: 600; line-height: 130%; color: #111418; padding-top: 26px;}
.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: hidden;}
#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_main ul li {line-height: 2;}

.modal_houses_desc_note {padding-top: 20px;}
.modal_houses_desc_note > div {font-size: 12px; line-height: 130%; color: #111418; padding-bottom: 4px;}
.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) {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%; 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: #3aa0db; cursor: pointer;}
#modal_slides_paginator_prev {margin-right: 25px;}
#modal_slides_paginator_next {margin-left: 25px;}
#modal_slides_paginator_progress {height: 2px; background: #3aa0db; transition: all 0.35s ease-in-out;}

/* request */

.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;}
#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_houses_extra span:nth-child(2){width: 100%;margin-top: 10px;}
    .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;}
}

/* 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;
}

@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: 42%; background: linear-gradient(0deg, #1E38440%, #2A6102 100%); padding: 36px 42px 30px 42px;
}
.modal_popup_banner > div:nth-of-type(2) {
    width: 58%; background: #333 url('../images/popup_bg.jpg') 50% 50%;background-size: cover;
}

.modal_popup_banner_title {font-size: 20px; line-height: 135%; color: #FFFFFF;}
.modal_popup_banner_desc {font-size: 30px; line-height: 110%; color: #FFFFFF; font-weight: 600; padding-top: 8px;}
.modal_popup_banner_desc > span {font-size: 42px;}
.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 34px 30px 34px;}
    .modal_popup_banner > div:nth-of-type(2) {width: 100%; min-height: 190px;}
}

.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: 160%; 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: 20px;}
.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: 8px; 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;}
.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: 8px; height: 50px; line-height: 50px;}
.modal_popup_btn.disabled {background: #828282; color: #ccc; cursor: default;}

/* ------------------------------- 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;}
#preload {display:none!important;}

@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: #3aa0db; 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: #fff; 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: #000; padding: 10px;}

.menu_items {padding-top: 50px; padding-bottom: 320px; text-align: center;}
.menu_items > a {display: block; color: #000; font-size: 24px; letter-spacing: 0.5px; padding: 15px 0; 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: #3aa0db; 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: #000;}
.menu_social > div:nth-child(2) > a > i.icon_vk {font-size: 37px;}
.menu_social > div:nth-child(2) > a > i.icon_tg {position: relative; left: -1px;}
.menu_social > div:nth-child(2) > a > img {width: 27px; position: relative; top: 2px;}

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

#header_menu_wrap {position: fixed; width: 100%; padding: 15px 40px 15px 40px; z-index: 50; transition: all 0.35s ease-out;background-color: #fff;}

#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 > div:nth-child(2) > a:after {background: #1e2b47;color: #000;}
#header_menu_wrap.sticky #header_menu > div:nth-child(2) > a:after {background: #1e2b47;color: #000;}



#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 > div > a {display: inline-block; color: #000; text-decoration: none; white-space: nowrap;}
#header_menu > div > a {display: inline-block; color: #000; text-decoration: none; white-space: nowrap;}
#header_menu > div:nth-child(2) > a {position: relative; cursor: pointer; font-size: 14px; margin-right: 20px;}
#header_menu > div:nth-child(2) > div > a {position: relative; cursor: pointer; font-size: 14px; margin-right: 28px; letter-spacing: 0.3px;}
#header_menu > div:nth-child(2) > div > 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: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) > div > a:hover:after {width: 40px;}
#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 > div > a {font-size: 12px; padding: 0 4px; margin: 0 2px; color: #000;}
#header_menu > div:nth-child(4) > div > div > a > i {font-size: 24px;}
#header_menu > div:nth-child(4) > div > div > a > i.icon_vk {font-size: 26px;}
#header_menu > div:nth-child(4) > div > div > a > i.icon_tg {position: relative; left: -1px;}
#header_menu > div:nth-child(4) > div > div > a > img {position: relative; top: 1px; width: 22px;}

#header_menu > div:nth-child(4) > div > a {font-size: 12px; padding: 0 4px; margin: 0 2px; color: #000;}
#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(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);color:#fff;}



/* Стили для модального окна */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}

/* Стили для уведомления */
.hidden {
    display: none;
    background-color: #4CAF50;
    color: white;
    text-align: center;
    padding: 10px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    border-radius: 5px;
}


.header_menu_logo {font-size: 34px; transform: translateY(-1px);}
svg {
    touch-action: none !important;
}
@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) {display: none;}
}

@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.sticky {padding: 15px 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(5) > a {padding: 0 8px;}
    #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;}
}
    .pc_img{display:block;}
    .mobile_img{display:none;}
@media(max-width: 790px){
    #sticky_phone {display: none;}
    #header_section{
        background-position-y: 55px !important;
    }
    #contacts_section > .wrap > div:nth-child(1) {
        display:flex;
        flex-direction:column;
        padding-bottom: 15px;
    }
    .pc_img{display:none;}
    .mobile_img{display:block;}
    #request_section{background-color: #fff !important;}
    .modal_houses_extra span:nth-child(2){width: 100%;margin-top: 10px;}
    .menu_head a img {
        position: relative;
        left: 50%;
    }
    .gallery_modal_thumbs {
        height: 140px;
        overflow: scroll;
        width: 100vw;
    }
}
@media only screen and (max-width: 800px) and (max-height: 740px) {
    .menu_items {padding-top: 20px; padding-bottom: 10px;}
    .menu_btn {position: relative; padding: 0 20px 20px 20px;}
    .menu_social {margin: 0 55px 30px 55px;}
}

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

#header_notice {height: 35px; background: #3aa0db; 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: 20%; 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: 1800px) {
    #header_notice > div > div {display: table-cell; width: 25%;}
    #header_notice > div > div:nth-child(5) {display: none;}
}

@media only screen and (max-width: 1500px) {
    #header_notice > div > div {display: table-cell; width: 33.333%;}
    #header_notice > div > div:nth-child(4) {display: none;}
    #header_notice > div > div:nth-child(5) {display: none;}
}

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

@media only screen and (max-width: 800px) {
    #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:nth-child(4) {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;}
}

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

#header_section {height: 100vh; min-height: 680px; background: url('../images/header_bg.jpg?v=2.1'), linear-gradient(rgba(28,24,15,1),rgba(28,24,15,1)) 50% 50%; background-position-x: 20%; background-size: cover; position: relative;background-position-y: center;}
#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_group {display: flex; width: 100%; align-items: center;}
.header_group > div {width: 50%;}
.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: 80px 20px 0 20px;}
    .header_group {flex-direction: column;}
    .header_group > div {width: 100%;}
    .header_group > div:nth-of-type(2) {align-items: start;}
}

@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: 'SF Pro 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: 450px; 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_extra {display: block; max-width: 450px; 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: 160px;}
.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: 14px; 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: 250px; 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: column;}
    .header_info_2 > div:nth-of-type(1) {width: 100%; margin-right: 3px; padding-top: 12px;}
    .header_info_2 > div:nth-of-type(1) > div {font-size: 14px; max-width: 100%;padding-bottom:30px;}
    .header_info_2 > div:nth-of-type(2) {width: 100%; margin-left: 0;}
    .header_icons > div {width: 43px;}
    .header_icons {justify-content: space-between;}
    .header_icons > div > div:nth-of-type(1) {border: 1px solid #FFFFFF; border-radius: 4px; height: 43px; width: 100%; display: flex; justify-content: center; align-items: center;}
    .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: 100%; padding-top: 4px;}
    #header_btn {max-width: 400px; height: 54px; line-height: 54px;}
    .header_btn_wrap {order: 1; padding-top: 26px;}
    #wrapper_map{height: auto !important;}
}

@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;}
    #wrapper_map{height: auto !important;}
}

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

#banner_section {margin-top: 46px;}
#banner_section > .wrap > div {height: 308px; background-color: #160f0f; background-image: url('../images/banner.jpg'); background-size: cover; background-position: 50% 50%; user-select: none;}
#banner_section > .wrap > div > div {padding: 38px 45px;}
#banner_section > .wrap > div > div > div {position: relative; height: 230px;}

.banner_date {position: absolute; top: 0; left: 0; width: auto; border: 1px solid #fff; color: #fff; line-height: 38px; padding: 0 20px; text-transform: uppercase; font-size: 16px; letter-spacing: 0.1em;}
.banner_text {font-weight: 300; font-size: 36px; line-height: 120%; letter-spacing: 0.02em; color: #FFFFFF; max-width: 440px; padding-top: 64px;}
.banner_btn {position: absolute; left: 0; bottom: 0; text-transform: none; height: 44px; line-height: 44px; font-weight: 500; padding: 0 28px;}
.banner_discount {color: #fff; position: absolute; right: 0; top: 0; font-size: 230px; line-height: 230px; letter-spacing: 0.02em;}
.banner_discount > span {font-size: 130px; position: relative; top: -56px; font-weight: 500; padding-left: 14px;}

@media only screen and (max-width: 1024px) {
    .banner_text {font-size: 28px; max-width: 340px;}
    .banner_discount {font-size: 160px; line-height: 160px; top: 30px;}
    .banner_discount > span {font-size: 90px; top: -40px;}
}

@media only screen and (max-width: 840px) {
    #banner_section > .wrap > div {height: 270px;}
    #banner_section > .wrap > div > div {padding: 20px 18px;}
    .banner_text {font-size: 24px; font-weight: 300; max-width: 290px;}
}

@media only screen and (max-width: 740px) {
    #banner_section > .wrap > div {height: 400px; background-position: 65% 50%;}
    #banner_section > .wrap > div > div > div {position: relative; height: 360px;}
    .banner_date {font-size: 12px; line-height: 32px; padding: 0 14px;}
    .banner_text {font-size: 22px; font-weight: 400; opacity: 0.8; max-width: 280px;}
    .banner_btn {text-transform: uppercase; width: 100%; height: 54px; line-height: 54px; max-width: 400px;}
    .banner_discount {font-size: 140px; line-height: 140px; top: initial; right: initial; bottom: 50px;}
    .banner_discount > span {font-size: 60px;}
}

@media only screen and (max-width: 360px) {
    .banner_discount {font-size: 110px; line-height: 110px; bottom: 50px;}
    .banner_discount > span {font-size: 50px;}
}

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

#brief_section {margin-top: 72px;}

.brief_info {display: flex;}
.brief_info_text > p {margin-bottom: 10px;}
.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;overflow: hidden;}
.gallery_group > div {width: 50%;}
.gallery_group > div > img {border-radius: 8px; cursor: pointer;}
.gallery_group > div:nth-of-type(1) {padding-right: 0px; display: flex;}
.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 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: #3aa0db;}
.gallery_modal_thumbs > div > div.active {border-color: #3aa0db;}

#gallery_modal_thumb_1 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_1.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_2 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_2.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_3 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_3.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_4 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_4.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_5 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_5.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_6 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_6.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_7 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_7.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_8 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_8.jpg'); background-size: cover; background-position: 50%;}

#gallery_modal_thumb_9  {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_9.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_10 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_10.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_11 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_11.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_12 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_12.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_13 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_13.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_14 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_14.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_15 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_15.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_16 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_16.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_17 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_17.jpg'); background-size: cover; background-position: 50%;}
#gallery_modal_thumb_18 {background-image: url('https://egorievka.ru/novye-romashki/images_local/gallery/gal_slider/gallery_18.jpg'); background-size: cover; background-position: 50%;}




.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_photo {min-height: calc(100vh - 260px);}
    #gallery_modal_photo > img {height: calc(100vh - 260px); border-radius: 0;}
    .gallery_modal_controls {display: none;}
    .gallery_modal_thumbs {height: 140px;}
}

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

#plan_title_section {display: block; position: relative; width: 100%; height: auto; margin: auto; overflow: hidden;}
.plan_title_wrap {padding: 0 100px 30px 100px;}
.services_title {margin-bottom: 30px;}
.map_svg{border-radius:5px;}

@media only screen and (max-width: 840px) {
    #plan_title_section {display: block; padding-top: 50px;}
    .plan_title_wrap {padding: 0 20px 20px 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 {display: none; position: relative; width: 100%; height: auto; margin: auto; overflow: hidden;}
#plan_legend_section > .wrap {padding: 0; max-width: 100%;}
.plan_legend_wrap {padding: 0 94px 40px 94px;}

#plan_legend {overflow: hidden;}
#plan_legend_wrap {display: flex; width: 166.667%; transition: all 0.35s ease-in-out;}
#plan_legend_wrap > div {width: 16.666%; padding: 0 6px; position: relative;}

.plan_legend_extra {position: absolute; left: 10px; bottom: 0;}
.plan_legend_extra > div:nth-child(1) {font-weight: 600; font-size: 20px; line-height: 130%; letter-spacing: 0.2px; color: #160F0F;}
.plan_legend_extra > div:nth-child(2) {font-weight: 400; font-size: 14px; line-height: 160%; letter-spacing: 0.2px; color: #160F0F;}

.plan_legend_item {padding: 24px 24px 0 24px; height: 100px; width: 100%; font-weight: 500; font-size: 15px; line-height: 140%; letter-spacing: 0.2px; color: #fff; cursor: pointer;}
.plan_legend_item.color_1 {background: #20261D;}
.plan_legend_item.color_2 {background: #3A4428;}
.plan_legend_item.color_3 {background: #6D7C54;}
.plan_legend_item.color_4 {background: #3aa0db;}
.plan_legend_item.color_5 {background: #20261D;}
.plan_legend_item.color_6 {background: #3aa0db;}
.plan_legend_item.color_7 {background: #979789;}
.plan_legend_item.color_8 {background: #6D7C54;}

.plan_legend_paginator_btn {display: table-cell; vertical-align: middle; width: 0;}

.plan_legend_paginator {display: table; margin-left: auto;}
.plan_legend_paginator_arrow {color: #AEB3BB; font-size: 16px;}
.plan_legend_paginator_arrow.active {color: #3aa0db; cursor: pointer;}
#plan_legend_paginator_prev {margin-right: 15px;}
#plan_legend_paginator_next {margin-left: 15px;}

@media only screen and (max-width: 840px) {
    #plan_legend_section {display: block;}
    .plan_legend_wrap {padding: 0 0 20px 0;}
    .plan_legend_note {max-width: 260px; font-size: 14px;}
    .plan_extra {display: none;}
    #plan_legend_wrap {width: 400%; margin: 0 10px;}
    #plan_legend_wrap > div {width: 50%; padding: 0 10px; position: relative;}
}

.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: 840px) {
    .plan_legend_paginator {display: none;}
    .plan_legend_m_extra {display: table;}
}

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

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

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

@media only screen and (max-width: 1024px) {
    #plan_section > .wrap {padding: 0 0 0 40px;}
    #block_plan {width: calc(100% + 80px); left: -80px;}
}

@media only screen and (max-width: 840px) {
    #plan_section {padding-top: 0;}
    #plan_section > .wrap {padding: 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: 12px 16px; font-size: 14px; line-height: 16px;
    border-radius: 4px; opacity: 0; -webkit-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out;
    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 .title {color: #000; display: block; font-size: 14px; font-weight: 500; margin-bottom: 0;}
.plan_popup .text-grey {display: block; color: #828282; font-size: 14px; margin-top: 4px;}
.plan_popup .text-green {display: block; color: #219653; font-size: 14px; font-weight: 500; margin-top: 8px;}
.plan_popup .text-red {display: block; color: #ff3a3d; font-size: 14px; font-weight: 500; margin-top: 8px;}
.plan_popup .text-orange {display: block; color: #f19f00; font-size: 14px; font-weight: 500; margin-top: 8px;}

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

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

@media only screen and (max-width: 840px) {
    .plan_items {display: none;}
    .plan_popup {padding: 6px 8px; font-size: 10px; line-height: 120%;}
}

/* ------------------------------- 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: 14px 0 0 0; margin: 0 8px 0 25px; height: 66px; 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;
    max-width: 500px;
    justify-content: center;
    margin: 0 auto;
    padding-top: 0;
    position: relative;
    top: -15px;
}
.mortgage_items > div {width: fit-content;}
.mortgage_items > div:nth-of-type(1) {padding-right: 12px;}
.mortgage_items > div:nth-of-type(2) {padding-left: 6px; padding-right: 6px;}
.mortgage_items > div:nth-of-type(3) {padding-left: 12px;}

.mortgage_items > div > div {
    border: 1px solid #E4E4E4;
    border-radius: 6px;
    height: 76px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px;
    overflow: hidden;
}

.mortgage_items > div > div > img {max-height: 52px; 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%;}
    .mortgage_desc {font-size: 14px;}
    .mortgage_items > div {text-align: center; padding-top: 20px;width: fit-content;}
    .mortgage_items > div:nth-of-type(1) {padding-right: 8px;}
    .mortgage_items > div:nth-of-type(2) {padding-left: 4px; padding-right: 4px;}
    .mortgage_items > div:nth-of-type(3) {padding-left: 8px;}
    .mortgage_items > div > div {height: 60px;overflow: hidden;}
    .mortgage_items > div > div > img {max-width: 70px;}
    .mortgage_btn {padding-top: 38px;}
    .mortgage_btn > .btn_primary {width: 100%; max-width: 400px;}
}

/* ------------------------------- 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: #3aa0db;}
.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: #3aa0db;}
.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;}

.openseadragon1 {
    width: 100%;
    height: 100%;
    margin: 0;
}

@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: #1E3844; color: #fff; margin-top: 70px;}
#request_2_section {background: #3aa0db60; color: #160F0F; margin-top: 70px;}
.agree-block__text a {
    color:#3aa0db;
}
.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: 605px; 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: 100%;}
.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; padding-top: 20px;}
.request_extra_checkbox > div:nth-of-type(2) {padding-left: 20px; text-align: left; line-height: 140%; 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 .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: #222;}
#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;}

@media only screen and (max-width: 800px) {
    #request_1_section {margin-top: 50px;}
    #request_2_section {margin-top: 20px;}
    .request_extra_group {padding: 38px 0;}
    .request_extra_title {font-size: 26px;}
    .request_extra_desc {font-size: 16px;}
    .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 > 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_btn_wa {margin-top: 30px;}
}

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

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

.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; justify-content: center;}
.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: #3aa0db; 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: #3aa0db;}
.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%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.7) 100%); opacity: 0; 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/new/env_1.jpg?3') 50% 50%; background-size: cover;}
.env_slide_2 {background: url('../images/new/env_2.jpg?3') 50% 50%; background-size: cover;}
.env_slide_3 {background: url('../images/new/env_6.jpg?3') 50% 50%; background-size: cover;}
.env_slide_4 {background: url('../images/new/env_7.jpg?3') 50% 50%; background-size: cover;}
.env_slide_5 {background: url('../images/new/env_5.jpg?3') 50% 50%; background-size: cover;}
.env_slide_6 {background: url('../images/new/env_4.jpg?3') 50% 50%; background-size: cover;}
.env_slide_7 {background: url('../images/new/env_9.jpg?3') 50% 50%; background-size: cover;}
.env_slide_8 {background: url('../images/new/env_3.jpg?3') 50% 50%; background-size: cover;}
.env_slide_9 {background: url('../images/new/env_8.jpg?3') 50% 50%; background-size: cover;}

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

@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%;}
    .env_slide:last-child {width: 100%; max-width: 100%;}
}

@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/less.jpg?2') 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: #3aa0db; background: #3aa0db;}
.places_menu_item:hover {border-color: #3aa0db; background: #3aa0db;}
.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;
    background-color: #00000000;
    padding: 30px;
    padding-left: 0;
    border-radius: 10px;
}
.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: #3aa0db; 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 #3aa0db; border-radius: 12px; padding: 16px 30px 20px 30px; align-items: center; text-decoration: none; height: 100%;}
.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: #3aa0db; 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: #3aa0db;}

.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) 89.19%);}
.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/new/infra_slide_1.jpg') 50% 50%; background-size: cover;}
.infra_slide_2 {background: url('../images/new/infra_slide_2.jpg') 50% 50%; background-size: cover;}
.infra_slide_3 {background: url('../images/new/infra_slide_3.jpg') 50% 50%; background-size: cover;}
.infra_slide_4 {background: url('../images/new/infra_slide_4.jpg') 50% 50%; background-size: cover;}
.infra_slide_5 {background: url('../images/new/infra_slide_5.jpg') 50% 50%; background-size: cover;}
.infra_slide_6 {background: url('../images/new/infra_slide_6.jpg') 50% 50%; background-size: cover;}
.infra_slide_7 {background: url('../images/new/infra_slide_7.jpg') 50% 50%; background-size: cover;}
.infra_slide_8 {background: url('../images/new/infra_slide_8.jpg') 50% 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: #3aa0db; 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: #3aa0db; 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;}
}

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

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

.infrastructure_table {display: flex; margin-top: 46px; color: #fff;}
.infrastructure_table > div {width: 50%; position: relative;}
.infrastructure_table > div:nth-child(1) {width: 100%; height: 400px; background: url('../images/infra_1.jpg') 50% 50%; background-size: cover;}
.infrastructure_table > div:nth-child(2) {width: 100%; height: 400px; display: table;}
.infrastructure_table > div:nth-child(2) > div {display: table-row;}
.infrastructure_table > div:nth-child(2) > div > div {display: table-cell; width: 50%; height: 200px; background: #323232; position: relative;}
.infrastructure_table > div:nth-child(2) > div > div > div {position: absolute; bottom: 30px; left: 30px;}
.infrastructure_table > div:nth-child(2) > div > div > div > i {font-size: 30px;}
.infrastructure_table > div:nth-child(2) > div > div > div > div {padding-top: 10px; line-height: 140%;}
.infrastructure_table > div:nth-child(2) > div > div:before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: #fff;}
.infrastructure_table > div:nth-child(2) > div > div:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff;}
.infrastructure_table > div:nth-child(2) > div:nth-child(1) > div:after {background: none;}

@media only screen and (max-width: 800px) {
    #infrastructure_section > .wrap {padding-top: 0; padding-bottom: 20px;}
    .infrastructure_table {display: block; margin-top: 20px;}
    .infrastructure_table > div {width: 100%;}
    .infrastructure_table > div:nth-child(1) {border-bottom: 1px solid #fff;}
}

/* ------------------------------- 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: 50%;padding: 15px;}


#houses_item_1 {background: linear-gradient(359.68deg, rgba(0, 0, 0, 0.79) 0.33%, rgba(0, 0, 0, 0) 101.6%), url('../images/house_1p_1.jpg?3') 50% 70%; background-size: cover; background-repeat: no-repeat;}
#houses_item_2 {background: linear-gradient(359.68deg, rgba(0, 0, 0, 0.79) 0.33%, rgba(0, 0, 0, 0) 101.6%), url('../images/house_2p_1.jpg?3') 50% 70%; background-size: cover; background-repeat: no-repeat;}
#houses_item_3 {background: linear-gradient(359.68deg, rgba(0, 0, 0, 0.79) 0.33%, rgba(0, 0, 0, 0) 101.6%), url('../images/house_3p_1.jpg?3') 50% 70%; background-size: cover; background-repeat: no-repeat;}
#houses_item_4 {background: linear-gradient(359.68deg, rgba(0, 0, 0, 0.79) 0.33%, rgba(0, 0, 0, 0) 101.6%), url('../images/house_4p_1.jpg?3') 50% 70%; background-size: cover; background-repeat: no-repeat;}
#houses_item_5 {background: linear-gradient(359.68deg, rgba(0, 0, 0, 0.79) 0.33%, rgba(0, 0, 0, 0) 101.6%), url('../images/house_5p_1.jpg?3') 50% 70%; background-size: cover; background-repeat: no-repeat;}
#houses_item_6 {background: linear-gradient(359.68deg, rgba(0, 0, 0, 0.79) 0.33%, rgba(0, 0, 0, 0) 101.6%), url('../images/house_6p_1.jpg?3') 50% 70%; background-size: cover; background-repeat: no-repeat;}
#houses_item_7 {background: linear-gradient(359.68deg, rgba(0, 0, 0, 0.79) 0.33%, rgba(0, 0, 0, 0) 101.6%), url('../images/house_7p_1.jpg?3') 50% 70%; background-size: cover; background-repeat: no-repeat;}
#houses_item_8 {background: linear-gradient(359.68deg, rgba(0, 0, 0, 0.79) 0.33%, rgba(0, 0, 0, 0) 101.6%), url('../images/house_8p_1.jpg?3') 50% 70%; background-size: cover; background-repeat: no-repeat;}
#houses_item_9 {background: linear-gradient(359.68deg, rgba(0, 0, 0, 0.79) 0.33%, rgba(0, 0, 0, 0) 101.6%), url('../images/house_9p_1.jpg?3') 50% 70%; background-size: cover; background-repeat: no-repeat;}
#houses_item_10 {background: linear-gradient(359.68deg, rgba(0, 0, 0, 0.79) 0.33%, rgba(0, 0, 0, 0) 101.6%), url('../images/house_10p_1.jpg?3') 50% 70%; background-size: cover; background-repeat: no-repeat;}
#houses_item_11 {background: linear-gradient(359.68deg, rgba(0, 0, 0, 0.79) 0.33%, rgba(0, 0, 0, 0) 101.6%), url('../images/house_11p_1.jpg?3') 50% 70%; background-size: cover; background-repeat: no-repeat;}

.houses_item {width: 520px; height: 390px; position: relative; cursor: pointer; margin-bottom: 24px; border-radius: 8px; transition: all 0.35s ease-in-out;}
.houses_item:hover {filter: drop-shadow(0px 8px 16px rgba(0, 0, 0, 0.07)) drop-shadow(0px 12px 16px rgba(0, 0, 0, 0.07)) drop-shadow(0px 8px 8px rgba(0, 0, 0, 0.07)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.07)) drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.07));}

.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);}

.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; 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 i {padding-right: 10px; font-size: 16px;}

@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;}
}

@media only screen and (max-width: 800px) {
    .houses_item {
        width:100%;
    }
    #more_btn {padding:0!important;display:none!important;}
    #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;padding-left: 0;}
    #houses_items > div:nth-child(3n+2) {padding-left: 0; padding-right: 0;}
    #houses_items > div:nth-child(3n) {padding-left: 0; padding-right: 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;}
}

/* ------------------------------- 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 {text-shadow: -2px 2px 2px #000000;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: #3aa0db; 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: #3aa0db; 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 {background-color: #3aa0db60;min-height: 500px; padding-top: 50px; margin-top: 60px;}

.request_section_group {display: flex; position: relative;}
.request_section_photo {width: 78%;margin-bottom: 60px;}
.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;}




#request_form .btn-primary {
  display: block;
  margin-top: 28px;
  height: 58px;
  line-height: 58px;
  cursor: pointer;
  min-width: 80px;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  background: #3aa0db;
  width: 100%;
  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 #3aa0db;
}
#request_form .citrus-form .form-control, #request_1_section .citrus-form .form-control {
	border: 1px solid #ABBCC6;
  height: 56px;
  line-height: 56px;
  font-size: 16px;
  width: 100%;
  padding: 0 20px;
  background: none;
  color: #fff;
  border-radius: 4px;
}
#request_form .field-title, #request_1_section .field-title {
	color: #fff;
}
#request_form .form-group {
	margin: 25px 0 0;
}
#request_form .form-group.form-group-btn {
	margin: 0;
	padding-top: 25px;
}
#request_form .citrus-form-phone__input {
	padding: 0 20px !important;
}
#request_form .form-group .field-title {
    left: 0;
    font-size: 0.8em;
    -webkit-transform: translateY(-2.66em);
    transform: translateY(-2.66em);
}


.shot_form #header_order_call_form {
	max-width: 600px;
	margin: 20px auto 0;
}
.shot_form .citrus-form__fields {
	display: flex;
	margin: 0 -10px;
}
.shot_form .citrus-form__fields .form-group {
	margin: 0;
	width: 50%;
	padding: 0 10px 20px;
}
.shot_form .form-group.form-group-btn {
	margin: 0;
}
.shot_form .btn-primary {
  display: block;
  margin-top: 0;
  height: 58px;
  line-height: 58px;
  cursor: pointer;
  min-width: 80px;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  background: #3aa0db;
  width: 100%;
  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 #3aa0db;
}
.shot_form .citrus-form-phone__input {
	padding: 0 20px !important;
}
.shot_form .form-group .field-title {
    left: 0;
    font-size: 0.8em;
    -webkit-transform: translateY(-2.66em);
    transform: translateY(-2.66em);
}

@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;}
    .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: 15px;font-weight: 500;font-size: 12px;color: #160F0F;text-align: center;}
.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: 7px; padding-right: 7px;}
.peoples_slide:nth-child(4) {padding-left: 7px; padding-right: 7px;}
.peoples_slide:nth-child(5) {padding-left: 14px;}
.peoples_slide_img_m {display: none;}

@media only screen and (max-width: 800px) {
    #contacts_section {padding-top: 30px;}
    #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: 3px; padding-right: 0px;}
    .peoples_slide_img {display: none;}
    .peoples_slide_img_m {display: block;}
    .peoples_slides {width: 100%;display: flex;margin-top: 32px;flex-wrap: wrap;justify-content: space-evenly;}
    .peoples_slide {margin-bottom: 15px;}
}

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

#contacts_section {background: #3aa0db42;}
#contacts_section > .wrap {display: flex; padding-top: 90px; padding-bottom: 110px;}
#contacts_section > .wrap > div {width: 50%;}
#contacts_section > .wrap > div:nth-child(1) > iframe {border-radius: 4px;}
#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;}

.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_wa_note {padding-top: 38px; 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 > .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) > img {border-radius: 0;}
    #contacts_section > .wrap > div:nth-child(2) {padding: 0 20px 40px 20px;}
    .contacts_info > div {margin-bottom: 20px;}
    .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); mask-image: url(/images/discount.png); -webkit-mask-size: 100%;
    mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; width: 390px; height: 46px; position: fixed;
    background: 0 0/200% 200% linear-gradient(90deg, #1E38440%, #2A6002 45%, #2A6002 55%, #1E3844100%); 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 > div > 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 > div > a:hover {opacity: 1;}
.footer_menu > div > a:last-child {margin-right: 0;}

.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 {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;margin: 0 auto; display: block;}

.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;}

.env_slide_desc {top: 25px; overflow-y: scroll; padding-top: 16px;}
@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 {width: 50%; text-align: left; display: flex; align-items: center;}
    .footer_note_m > span:nth-child(2) {text-align: right;}
    .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;}
}

.env_slide_desc {
    color: #fff!important;
}

/*  ------ modal ------- */
    #popup_map {
        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;
        font-family: 'Open Sans';
    }
    #popup_map.active {
        display: block;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    #popup_map_overlay {
        position: absolute;
        width: 100%;
        min-height: 100%;
        left: 0;
        top: 0;
    }
    #map_modal_content {
        position: relative;
        height: auto;
        margin: 55px auto 20px;
        border-radius: 5px;
        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);
    }
    #popup_map .modal_houses {
        padding: 25px;
        background: #fff;
    }
    #popup_map .modal_btn_close {
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 15px;
        cursor: pointer;
    }
    .dom_flex {
    	display: flex;
    	flex-wrap: wrap;
    	margin: 0 -10px;
    }
    
    .dom_flex > div {
    	width: 50%;
    	padding: 0 10px;
    }
    
    .dom_img img {
    	display: block;
    	width: 100%;
    	height: auto;
    	object-fit: contain;
    	border-radius: 5px;
    }
    
    .dom_title {
    	font-size: 32px;
    	line-height: 1.1;
    	font-weight: 600;
    	margin: 0 0 10px;
    }
    
    .dom_sub_title {
    	font-size: 21px;
    	line-height: 1.1;
    	margin: 0 0 20px;
    }
    
    .dom_attr {
    	font-size: 18px;
    	margin: 0 0 10px;
    	display: flex;
    	justify-content: space-between;
    }
    
    .dom_form input[type="text"],
    .dom_form input[type="tel"] {
    	border: 1px solid #222;
    	border-radius: 6px;
    	font-size: 16px;
    	line-height: 16px;
    	padding: 10px 20px;
    	outline: none !important;
    	margin-bottom: 10px;
    	width: 100%;
    	font-family: 'Open Sans';
    }
    
    #popup_map input[type="submit"] {
    	display: block;
    	width: 100%;
    	padding: 15px 20px;
    	text-align: center;
    	text-decoration: none;
    	font-size: 16px;
    	line-height: 16px;
    	font-weight: bold;
    	background: #3aa0db;
    	color: #fff;
    	border-radius: 6px;
    	border: 0;
    	font-family: 'Open Sans';
    }
    @media(max-width:790px) {
        .env_slide_desc {
            color: #fff!important;
            font-size: 12px!important;
        }
        .dom_img img {
            width: 60%;
            margin: 0 auto;
        }
        .peoples_slide {
            width: 100px;
            max-width: 100px;
            min-width: 100px;
            height: 100px;
            max-height: 100px;
            min-height: 100px;
            overflow: hidden;
            border-radius: 5px;
            padding: 0!important;
        }
        .peoples_slide img {
            width: 100px;
            max-width: 100px;
            min-width: 100px;
            height: inherit;
        }
        .env_slide_desc {
            top: 40px;
            overflow-y: scroll;
            padding-top: 16px;
        }
        #map_modal_content {
            border-radius: 0!important;
            width: 100% !important;
            margin: 0!important;
        }
        .dom_flex{
            flex-direction: column!important;
            padding-top: 20px;
        }
        #popup_map .modal_houses {
            padding: 15px!important;
            height: 100vh;
            width: 100%;
        }
        .dom_flex > div {
            width: 100%;
            padding: 0 10px;
        }
        #popup_map .modal_btn_close {
            position: absolute;
            top: 7px;
            right: 10px;
            font-size: 15px;
            cursor: pointer;
        }
        #popup_map input[type="submit"] {
            padding: 20px 20px;
            font-size: 20px;
            line-height: 16px;
            border-radius: 5px;
        }
        .dom_form input[type="text"]{
            margin-bottom: 20px;
            margin-top: 10px;
        }
        .dom_form input[type="tel"]{
            margin-top: 5px;
            margin-bottom: 30px;
        }
        .dom_title {
            font-size: 32px;
            line-height: 1.1;
            font-weight: 600;
            margin: 15px 0 10px;
        }
    }