html, body {margin: 0; padding: 0; font-family: "Nunito", sans-serif; font-size: 16px; line-height: 22px; font-weight: 400;}
* {box-sizing: border-box;}
a {text-decoration: none;}
img {display: block; max-width: 100%;}
p {margin: 0 0 20px 0;}
.container {width: 1750px; max-width: 100%; padding: 0 15px; margin: 0 auto;}
.flex {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.flex .flex-item {padding: 0 15px;}
input, select, textarea {font-family: "Nunito", sans-serif;}
.nunito-font {font-family: "Nunito", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
.oswald-font {font-family: "Oswald", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}

body {padding-top: 80px;}

.head {background: #272727; padding: 10px 0;}
.head.affix {position: fixed; top: 0; left: 0; right: 0; z-index: 10;}
.admin-bar .head {top: 32px;}
.head .head-cont {display: flex; justify-content: space-between; align-items: center;}
.head .logo svg {display: block; width: auto; height: 60px; fill: #fff;}
.head .menu {display: flex; margin: 0; padding: 0; list-style: none; font-family: "Nunito", sans-serif;}
.head .menu .menu-item a {padding: 10px; display: block; color: #fff; text-transform: uppercase; transition: all .4s;}
.head .menu .menu-item a:hover {text-decoration: underline;}

.main-slider-section {position: relative; overflow: hidden;}
.main-slider-section .caption {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-transform: uppercase; color: #fff; text-align: center; font-family: "Nunito", sans-serif;}
.main-slider-section .caption h1 {margin: 0; font-size: 42px; line-height: 48px; font-weight: 600;}
.main-slider-section .caption p {margin: 0; font-size: 20px; line-height: 24px;}
.main-slider-section .caption h1+p {margin-top: 10px;}
.main-slider-section .main-slider .slide-item {width: 100%; height: 100vh; height: calc(100% - 62px); min-height: 800px; background: no-repeat center; background-size: cover; position: relative;}
.main-slider-section .main-slider .slide-item img {width: 100%;}
.main-slider-section .main-slider .slide-item video {min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main-slider-section .main-slider .slide-item:after {content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .6;}

.about-section {position: relative; padding: 100px 0 40px 0; background: url('/wp-content/themes/ng2025/img/bgn-vector.png') no-repeat top 20px right -5px; background-size: 15% auto;}
.about-section .about-photos {width: 30%; padding: 15px;}
.about-section .about-text {width: 70%; padding: 15px;}
.about-section .about-text h2 {font-size: 32px; line-height: 36px; text-transform: uppercase; margin: 0 0 20px 0;}
.about-section .about-text .text {width: 900px; max-width: 100%;}
.about-section .about-text .advantages {display: flex; flex-wrap: wrap; margin: 40px -15px 0 -15px;}
.about-section .about-text .advantage {width: 50%; padding: 15px; display: flex; margin: 0 -10px 20px -10px; align-items: center;}
.about-section .about-text .advantage .ico {width: 80px; padding: 0 10px;}
.about-section .about-text .advantage .ico svg {display: block; width: 100%; fill: #0577bd;}
.about-section .about-text .advantage .info {width: 100%; padding: 0 10px;}
.about-section .about-text .advantage .info h4 {margin: 0 0 5px 0; font-size: 20px; line-height: 22px; text-transform: uppercase; font-weight: 600;}
.about-section .about-text .advantage .info p {margin: 0;}

.description-1-section {position: relative; padding: 80px 0 140px 0; background: url('/wp-content/themes/ng2025/img/bgn-vector.png') no-repeat top 20px right 20px; background-size: 15% auto;}
.description-1-section:before {content: ' '; display: block; z-index: -1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/wp-content/themes/ng2025/img/bgn-vector.png') no-repeat bottom 200px left -5px; background-size: 15% auto;}
.description-1-section .description-text {width: 40%; padding: 0 15px;}
.description-1-section .description-text h2 {font-size: 32px; line-height: 36px; text-transform: uppercase; margin: 0 0 20px 0;}
.description-1-section .description-text .text {}
.description-1-section .description-photos {width: 60%; padding: 0 15px;}

.description-2-section {position: relative; padding: 80px 0 60px 0; background: url('/wp-content/themes/ng2025/img/bgn-ng-vector.png') no-repeat bottom -10px left 89%; background-size: 700px auto;}
.description-2-section .description-photos {width: 60%; padding: 0 15px;}
.description-2-section .description-photos h2 {font-size: 32px; line-height: 36px; text-transform: uppercase; margin: 0 0 40px 0;}
.description-2-section .description-photos .photo img {width: 100%;}
.description-2-section .description-text {width: 40%; padding: 0 15px;}

.description-3-section {position: relative; padding: 80px 0 100px 0; background: #0577bd no-repeat center; background-size: cover; color: #fff;}
.description-3-section h2 {font-size: 32px; line-height: 36px; text-transform: uppercase; margin: 0 0 40px 0; font-weight: 600;}
.description-3-section h3 {font-size: 36px; line-height: 40px; text-transform: uppercase; margin: 0; width: 60%; font-weight: 600;}
.description-3-section .advantages {display: flex; flex-wrap: wrap; margin: 0 -15px 130px -15px;}
.description-3-section .advantage {width: 33.33333%; padding: 15px; display: flex; margin: 0 -10px 20px -10px; align-items: flex-start;}
.description-3-section .advantage .ico {width: 80px; padding: 0 10px;}
.description-3-section .advantage .ico svg {display: block; width: 100%; fill: #fff;}
.description-3-section .advantage .info {width: 100%; padding: 0 10px;}
.description-3-section .advantage .info h4 {margin: 0 0 5px 0; font-size: 20px; line-height: 22px; text-transform: uppercase; font-weight: 600;}
.description-3-section .advantage .info p {margin: 0;}
.description-3-section .counters {display: flex; flex-wrap: wrap; margin: 0 -15px 0 -15px;}
.description-3-section .counter {width: 25%; padding: 0 15px; text-align: center; margin: 40px 0 0 0;}
.description-3-section .counter .value {font-size: 50px; line-height: 50px; font-weight: 600; margin: 0 0 10px 0;}
.description-3-section .counter .caption {text-transform: uppercase; font-weight: 600; margin: 0;}

.description-slider {position: relative; padding-bottom: 34px;}
.description-slider .slick-arrow {position: absolute; bottom: 0; border: none; background: none; outline: none; box-shadow: none; display: block; width: 30px; height: 30px; padding: 0; cursor: pointer;}
.description-slider .slick-arrow.slick-prev {left: 0;}
.description-slider .slick-arrow.slick-next {left: 40px;}
.description-slider .slick-arrow svg {display: block; max-width: 100%; max-height: 100%; margin: 0 auto; fill: #8c8c8c; transition: all .4s;}
.description-slider .slick-arrow:hover svg {fill: #000;}

.gallery-section {position: relative; padding: 0; background: #0577bd;}
.gallery-section .video-box {top: -85px; position: relative; margin-bottom: -65px;}
.gallery-section .video-box .youtube-video {position: relative; width: 100%; padding-bottom: 56.3%;}
.gallery-section .video-box .youtube-video iframe {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.gallery-section .video-box video {width: 100%; height: auto;}

.gallery-section .photos-box .gallery-slider {padding: 30px 0; position: relative;}
.gallery-section .photos-box .picture {padding: 0 10px;}
.gallery-section .photos-box .picture img {width: 100%;}
.gallery-section .photos-box .picture .photo {width: 100%; padding-bottom: 60%; background: no-repeat center; background-size: cover;}
.gallery-section .photos-box .slick-arrow {position: absolute; bottom: 0; border: none; background: none; outline: none; box-shadow: none; display: block; width: 30px; height: 30px; padding: 0; cursor: pointer;}
.gallery-section .photos-box .slick-arrow.slick-prev {left: 15px;}
.gallery-section .photos-box .slick-arrow.slick-next {left: 55px;}
.gallery-section .photos-box .slick-arrow svg {display: block; max-width: 100%; max-height: 100%; margin: 0 auto; fill: #fff; transition: all .4s;}
.gallery-section .photos-box .slick-arrow:hover svg {opacity: .8;}

.team-section {position: relative; padding: 20px 0 30px 0; overflow: hidden;}
.team-section.team-1 {background: #272727; color: #fff;}
.team-section.team-2 {color: #272727;}
.team-section h2 {font-size: 38px; line-height: 44px; font-weight: 600; text-transform: uppercase; margin: 0 0 20px 0;}
.team-section .flex {justify-content: space-between;}
.team-section .team-item {text-align: center; width: 30.3333%;}
.team-section .team-item .picture {margin: 0 0 20px 0;}
.team-section .team-item .picture img {width: 100%;}
.team-section .team-item p {margin: 0;}
.team-section .team-item p.position {text-transform: uppercase; font-size: 14px; font-weight: 300;}
.team-section .team-item p.name {font-size: 24px; line-height: 32px; font-weight: 600;}
.team-section .team-item p.contact {margin-top: 20px;}
.team-section .team-item p.contact+p.contact {margin-top: 0;}
.team-section .team-item p.contact a { text-decoration: none;}
.team-section.team-1 .team-item p.contact a {color: #fff;}
.team-section.team-2 .team-item p.contact a {color: #272727;}
.team-section .team-item .buttons {margin: 20px 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.team-section .team-item .buttons a {display: block; width: 48%; text-align: center; text-transform: uppercase; padding: 4px 10px; transition: all .4s;}
.team-section.team-1 .team-item .buttons a {color: #fff; border: 1px solid #fff;}
.team-section.team-2 .team-item .buttons a {color: #272727; border: 1px solid #272727;}
.team-section.team-1 .team-item .buttons a.phone {color: #272727; background: #fff;}
.team-section.team-2 .team-item .buttons a.phone {color: #fff; background: #272727;}
.team-section.team-1 .team-item .buttons a:hover {color: #272727; background: #fff;}
.team-section.team-2 .team-item .buttons a:hover {color: #fff; background: #272727;}
.team-section.team-1 .team-item .buttons a.phone:hover {color: #fff; background: #272727;}
.team-section.team-2 .team-item .buttons a.phone:hover {color: #272727; background: #fff;}

.investments-section {position: relative; padding: 70px 0 60px 0;}
.investments-section .investments-box {margin: 0 -15px;}
.investments-section .investment {padding: 0 15px;}
.investments-section .investment .picture {position: relative; margin: 0 0 10px 0;}
.investments-section .investment .picture img {width: 100%;}
.investments-section .investment .picture .caption {position: absolute; margin: 0; font-size: 80px; line-height: 54px; width: 80px; letter-spacing: 0.05em; font-weight: 700; text-transform: uppercase; color: #000; bottom: 0; right: 0; transform: rotate(270deg); transform-origin: left bottom; margin-right: -80px;}
.investments-section .investment h4 {text-transform: uppercase; font-weight: 400; margin: 0; font-size: 20px; margin: 0;}
.investments-section .investment h4 a {color: #000; text-decoration: none;}
.investments-section .investments-slider {position: relative; padding: 0 0 34px 0;}
.investments-section .investments-slider .slick-arrow {position: absolute; bottom: 0; border: none; background: none; outline: none; box-shadow: none; display: block; width: 30px; height: 30px; padding: 0; cursor: pointer;}
.investments-section .investments-slider .slick-arrow.slick-disabled {opacity: .4;}
.investments-section .investments-slider .slick-arrow.slick-prev {left: 15px;}
.investments-section .investments-slider .slick-arrow.slick-next {left: 55px;}
.investments-section .investments-slider .slick-arrow svg {display: block; max-width: 100%; max-height: 100%; margin: 0 auto; fill: #8c8c8c; transition: all .4s;}
.investments-section .investments-slider .slick-arrow:hover svg {fill: #000;}

.contact-form-1-section {padding: 15px 0; background: #272727; color: #fff;}
.contact-form-1-section .flex .photo-box {width: 45%;}
.contact-form-1-section .flex .photo-box .photo {height: 100%; background: no-repeat top -120px center; background-size: 100% auto; position: relative;}
.contact-form-1-section .flex .photo-box .photo:after {content: ' '; display: block; width: 204px; height: 455px; left: 0; bottom: 0; position: absolute; background: url(/wp-content/themes/ng2025/img/hover-ng-vector.png) no-repeat left bottom;}
.contact-form-1-section .flex .form-box {width: 55%; padding-top: 50px;}
.contact-form-1-section .flex .form-box h3 {font-size: 28px; line-height: 32px; text-transform: uppercase; margin: 0 0 10px 0; font-weight: 600;}
.contact-form-1-section .flex .form-box p {font-size: 22px; line-height: 26px; text-transform: uppercase; margin: 0; font-weight: 300;}
.contact-form-1-section .flex .form-box form {padding: 40px 0;}
.contact-form-1-section .flex .form-box form .form-row {display: flex; flex-wrap: wrap; margin: 0 -15px 20px -15px;}
.contact-form-1-section .flex .form-box form .form-row .form-col {padding: 0 15px; width: 100%;}
.contact-form-1-section .flex .form-box form .form-row .form-col.w50 {width: 50%;}
.contact-form-1-section .flex .form-box form label {display: block; font-weight: 300; font-size: 16px; line-height: 20px; color: #aeaeae; margin: 0 0 5px 0; text-transform: none;}
.contact-form-1-section .flex .form-box form input[type="text"] {width: 100%; border: 1px solid #5e5e5e; border-radius: 0; box-shadow: none; outline: none; padding: 5px 10px; height: 40px; background: #2c2c2c; color: #fff; font-weight: 300;}
.contact-form-1-section .flex .form-box form .acceptance-box label {padding-left: 30px; position: relative; margin-bottom: 10px;}
.contact-form-1-section .flex .form-box form .acceptance-box label input {opacity: 0; width: 1px; height: 1px; z-index: -1; position: absolute;}
.contact-form-1-section .flex .form-box form .acceptance-box label input:checked
.contact-form-1-section .flex .form-box form .acceptance-box label .wpcf7-list-item-label:before {display: none;}
.contact-form-1-section .flex .form-box form .acceptance-box label .wpcf7-list-item-label:after {content: ' '; display: block; width: 12px; height: 12px; border: 1px solid #5e5e5e; border-radius: 0; background: #2c2c2c; position: absolute; left: 0; top: 4px; font-size: 10px; line-height: 12px; text-align: center;}
.contact-form-1-section .flex .form-box form .acceptance-box label input:checked+.wpcf7-list-item-label:after {content: '\2714';}
.contact-form-1-section .flex .form-box form .wpcf7-not-valid-tip {text-transform: none; display: block; margin: 4px 0 0 0; font-size: 12px; line-height: 14px;}
.contact-form-1-section .flex .form-box form .submit-box {text-align: right;}
.contact-form-1-section .flex .form-box form .submit-box p {display: inline-block; position: relative;}
.contact-form-1-section .flex .form-box form .submit-box input[type="submit"] {background: #fff; color: #000; text-transform: uppercase; font-weight: 600; height: 40px; padding: 5px 30px; border: 1px solid #fff; border-radius: 0; box-shadow: none; outline: none; cursor: pointer;}
.contact-form-1-section .flex .form-box form .submit-box input[type="submit"]:disabled {cursor: not-allowed;}
.contact-form-1-section .flex .form-box form .submit-box .wpcf7-spinner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.map-section iframe {width: 100%; height: 800px; border: none; margin: 0; padding: 0; display: block;}

.footer-section {background: #191919; padding: 80px 0 0 0; color: #fff; font-weight: 300;}
.footer-section p.h {font-weight: 600; text-transform: uppercase; margin: 0 0 10px 0;}
.footer-section .logo-box {width: 20%; padding: 15px;}
.footer-section .logo-box svg {display: block; fill: #fff; max-width: 100%; width: 200px;}
.footer-section .contact-box {width: 30%; padding: 15px;}
.footer-section .contact-box .address {text-transform: uppercase;}
.footer-section .contact-box .phone {margin: 0;}
.footer-section .contact-box .phone a {color: #fff; transition: all .4s;}
.footer-section .contact-box .phone a:hover {opacity: .8;}
.footer-section .contact-box .phone span {display: inline-block; vertical-align: middle;}
.footer-section .contact-box .phone svg {height: 20px; display: inline-block; margin: 0 5px 0 0; vertical-align: middle;}
.footer-section .contact-box .email {margin: 0;}
.footer-section .contact-box .email a {color: #fff; transition: all .4s;}
.footer-section .contact-box .email a:hover {opacity: .8;}
.footer-section .contact-box .email span {display: inline-block; vertical-align: middle;}
.footer-section .contact-box .email svg {height: 20px; fill: #fff; display: inline-block; margin: 0 5px 0 0; vertical-align: middle;}
.footer-section .team-box {width: 15%; padding: 15px;}
.footer-section .team-box .team-item {margin: 0 0 20px 0;}
.footer-section .team-box .team-item .name {margin: 0; text-transform: uppercase; font-weight: 300;}
.footer-section .team-box .team-item .phone {margin: 0; font-weight: 500;}
.footer-section .team-box .team-item .phone a {color: #fff; transition: all .4s;}
.footer-section .team-box .team-item .phone a:hover {opacity: .8;}
.footer-section .investments-box {width: 20%; padding: 15px;}
.footer-section .menu-box {width: 15%; padding: 15px;}
.footer-section .menu {margin: 0; padding: 0; list-style: none;}
.footer-section .menu a {color: #fff; text-transform: uppercase; transition: all .4s;}
.footer-section .menu a:hover {opacity: .6;}
.footer-section .social-menu {margin: 20px 0 0 0;}
.footer-section .social-menu .menu {display: flex; flex-wrap: wrap;}
.footer-section .social-menu .menu .menu-item {margin: 0 10px 0 0;}
.footer-section .social-menu .menu .menu-item a {display: block; padding: 2px 10px; text-transform: uppercase; font-size: 14px; border: 1px solid #fff; transition: all .4s;}
.footer-section .social-menu .menu .menu-item a:hover {color: #272727; background: #fff; opacity: 1;}
.footer-section .bottom-menu {border-top: 2px solid #3b3b3b; padding: 10px 0; margin: 40px 0 0 0;}
.footer-section .bottom-menu .menu {display: flex; flex-wrap: wrap; justify-content: flex-end;}
.footer-section .bottom-menu .menu .menu-item {margin: 0 0 0 10px;}

.settlement-map-wrapper {position: relative;}
.settlement-map-wrapper img {display: block; width: 100%;}
.settlement-map-wrapper .tooltips .map-tooltip {padding: 20px; background-color: #fff; position: absolute; z-index: 98; display: none; color: #000; font-size: 16px; display: none; font-weight: 700; box-shadow: 0px 0px 24px -7px rgba(66, 68, 90, 1);}
.settlement-map-wrapper .tooltips .map-tooltip.active {display: block;}
.settlement-map-wrapper .tooltips .map-tooltip .title {color: #0577bd; text-align: center; font-size: 18px; line-height: 22px; font-weight: 600; padding-bottom: 10px;}
.settlement-map-wrapper .tooltips .map-tooltip .title b {display: block;}
.settlement-map-wrapper .tooltips .map-tooltip .title span {display: block; color: #adadad;}
.settlement-map-wrapper .tooltips .map-tooltip .stats {color: #000; font-weight: 600;}
.settlement-map-wrapper .tooltips .map-tooltip .stats+.stats {margin-top: 5px;}
.settlement-map-wrapper .tooltips .map-tooltip .stats b {display: inline-block; padding: 2px; text-align: center; background: #f2f2f2; color: #fff; font-weight: 700; width: 20px; height: 20px; line-height: 18px; font-size: 13px;}
.settlement-map-wrapper .tooltips .map-tooltip .stats.available b {background: #44bc44;}
.settlement-map-wrapper .tooltips .map-tooltip .stats.reserved b {background: #eca241;}
.settlement-map-wrapper .tooltips .map-tooltip .stats.sold b {background: #d14835;}
.settlement-map-wrapper .captions .building {position: absolute; left: 0; bottom: 0; color: #fff; font-size: 20px; line-height: 22px; text-align: center; padding: 0; background: #0577bd; font-weight: 600; display: flex;}
.settlement-map-wrapper .captions .building p {margin: 0;}
.settlement-map-wrapper .captions .building .label {min-width: 50px; padding: 10px 5px; text-align: center; border-right: 1px solid #69add7; text-transform: uppercase;}
.settlement-map-wrapper .captions .building .caption {min-width: 150px; padding: 10px 20px; text-align: center; text-transform: uppercase;}
.settlement-map-wrapper .captions .building:after {content: ' '; display: block; position: absolute; left: 50%; top: 100%; border-top: 16px solid #0577bd; border-right: 10px solid transparent; border-left: 10px solid transparent; margin-left: -10px;}

.building-wrapper, .floor-wrapper, .map-wrapper {left: 0; top: 0; width: 100%; height: 100%; background-color: white; display: flex; justify-content: center; align-items: center; position: relative;}
.floor-wrapper {width: auto; max-width: 100%; flex-wrap: wrap; position: relative;}
.floor-wrapper.loading {min-height: 200px;}
.floor-wrapper.loading>* {opacity: .1;}
.floor-wrapper.loading:after {content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.floor-wrapper .legend {background: #f2f2f2; padding: 15px 0; width: 100%;}
.floor-wrapper .legend .container {width: 900px;}
.floor-wrapper .legend .flex {justify-content: space-around;}
.floor-wrapper .legend p {margin: 0; padding: 0 15px 0 45px; position: relative; text-transform: uppercase; font-size: 20px; line-height: 22px; font-weight: 600;}
.floor-wrapper .legend p:before {content: ' '; display: block; width: 16px; height: 16px; position: absolute; left: 15px; top: 50%; transform: translate(0, -50%); background: #272727;}
.floor-wrapper .legend .available p:before {background: #44bc44;}
.floor-wrapper .legend .reserved p:before {background: #eca241;}
.floor-wrapper .legend .sold p:before {background: #d14835;}
.floor-wrapper img {width: auto; max-width: 100%;}
.floor-wrapper .building-map {padding: 30px 15px; max-width: 100%;}
.floor-wrapper .nav {margin: 30px auto 0 auto; width: 440px; max-width: 100%; text-align: center; padding: 0 40px 0 40px; position: relative;}
.floor-wrapper .nav h3 {color: #272727; margin: 0 0 30px 0; font-size: 32px; line-height: 38px; text-align: center; text-transform: uppercase; font-weight: 600;}
.floor-wrapper .nav h3 span {color: #0e1e2e; display: block; font-size: 22px; line-height: 28px;}
.floor-wrapper .nav .controls {display: flex; justify-content: center;}
.floor-wrapper .nav .control {width: 40px; display: block; transition: all 400ms; padding: 0 5px;}
.floor-wrapper .nav .control svg {display: block; width: 100%; fill: #272727; transition: all .4s;}
.floor-wrapper .nav .control.prev {left: 0;}
.floor-wrapper .nav .control.next {right: 0;}
.floor-wrapper .nav .control:hover svg {fill: #5c5c5c;}
.floor-wrapper .nav .control.disabled {opacity: 0.2;}
.floor-wrapper .tooltips .map-tooltip {font-weight: 300; font-size: 16px; line-height: 20px;}
.floor-wrapper .tooltips .map-tooltip .building {margin: 0 0 10px 0; text-transform: uppercase; font-weight: 600;}
.floor-wrapper .tooltips .map-tooltip .status {margin: 10px 0 0 0; text-transform: uppercase; font-weight: 600;}
.floor-wrapper .tooltips .map-tooltip .status.available {color: #44bc44;}
.floor-wrapper .tooltips .map-tooltip .status.reserved {color: #eca241;}
.floor-wrapper .tooltips .map-tooltip .status.sold {color: #d14835;}

.single-apartment-section {background: #f2f2f2; padding: 80px 0 40px 0;}
.single-apartment-section h1 {font-size: 32px; line-height: 36px; text-transform: uppercase; font-weight: 600; margin: 0 0 30px 0;}
.single-apartment-section h1 span {display: inline-block; vertical-align: middle;}
.single-apartment-section h1 strong {background: #0577bd; color: #fff; font-size: 20px; line-height: 24px; font-weight: 400; padding: 5px 20px; margin: 0 10px 0 0; vertical-align: middle; display: inline-block;}
.single-apartment-section .apartment-details {width: 65%;}
.single-apartment-section .apartment-details .apartment-plan-image {background: #fff;}
.single-apartment-section .apartment-details .apartment-plan-image img {display: block; margin: 0 auto; max-width: 100%;}
.single-apartment-section .apartment-details .info {margin: 20px -10px 0 -10px;}
.single-apartment-section .apartment-details .info .flex {display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin: 0;}
.single-apartment-section .apartment-details .info p {margin: 0; padding: 5px 10px; text-transform: uppercase; font-size: 20px; line-height: 24px; text-align: center;}
.single-apartment-section .apartment-details .info p a {font-weight: 600; display: block; padding: 10px 15px; transition: all .4s;}
.single-apartment-section .apartment-details .info p.pdf {margin: 0 0 0 auto;}
.single-apartment-section .apartment-details .info p.pdf a {border: 1px solid #272727; color: #272727;}
.single-apartment-section .apartment-details .info p.pdf a:hover {color: #fff; background: #272727;}
.single-apartment-section .apartment-details .info p.back {margin: 0 0 0 auto;}
.single-apartment-section .apartment-details .info p.back a {border: 1px solid #272727; background: #272727; color: #fff;}
.single-apartment-section .apartment-details .info p.back a:hover {color: #272727; background: transparent;}
.single-apartment-section .apartment-details .info p.pdf+p.back {margin: 0;}

.single-apartment-section .apartment-info {width: 35%;}
.single-apartment-section .apartment-info h3 {margin: 0 0 30px 0; font-size: 20px; line-height: 24px; text-transform: uppercase; font-weight: 600;}
.single-apartment-section .apartment-info table {width: 100%; display: block; font-weight: 300;}
.single-apartment-section .apartment-info table tbody {width: 100%; display: block;}
.single-apartment-section .apartment-info table tr {margin: 0 -5px; display: flex;}
.single-apartment-section .apartment-info table tr td:nth-of-type(1) {width: 20px; padding: 5px 5px;}
.single-apartment-section .apartment-info table tr td:nth-of-type(2) {width: 100%; padding: 5px 5px;}
.single-apartment-section .apartment-info table tr td:nth-of-type(3) {width: 100%; text-align: right; padding: 5px 5px; font-weight: 400;}

.single-apartment-section .floor-map {width: 100%; padding: 0 15px; margin: 60px 0 0 0;}
.single-apartment-section .floor-map h4 {font-size: 20px; line-height: 24px; text-transform: uppercase; margin: 0 0 10px 0; font-weight: 600; text-align: center;}
.single-apartment-section .floor-map .floor-map-box {background: #fff;}
.single-apartment-section .floor-map .floor-map-box>div {margin: 0 auto;}
.single-apartment-section .floor-map img {width: auto; max-width: 100%; display: block; margin: 0 auto;}

.contact-section {padding: 50px 0 80px 0; background: url(/wp-content/themes/ng2025/img/hover-ng-vector.png) no-repeat left 30% bottom -10px;}
.contact-section .contact-details {width: 33.3333%; color: #272727; position: relative;}
.contact-section .contact-details h1 {margin: 0 0 30px 0; font-size: 36px; line-height: 42px; font-weight: 600; text-transform: uppercase;}
.contact-section .contact-details h3 {margin: 0 0 20px 0; font-size: 20px; line-height: 24px; font-weight: 600; text-transform: uppercase;}
.contact-section .contact-details .text-bottom {position: absolute; left: 15px; right: 15px; bottom: 40px;}
.contact-section .contact-details .address {text-transform: uppercase;}
.contact-section .contact-details .phone {margin: 0;}
.contact-section .contact-details .phone a {color: #272727; transition: all .4s;}
.contact-section .contact-details .phone a:hover {opacity: .8;}
.contact-section .contact-details .phone span {display: inline-block; vertical-align: middle;}
.contact-section .contact-details .phone svg {height: 20px; display: inline-block; margin: 0 5px 0 0; vertical-align: middle;}
.contact-section .contact-details .email {margin: 0;}
.contact-section .contact-details .email a {color: #272727; transition: all .4s;}
.contact-section .contact-details .email a:hover {opacity: .8;}
.contact-section .contact-details .email span {display: inline-block; vertical-align: middle;}
.contact-section .contact-details .email svg {height: 20px; fill: #272727; display: inline-block; margin: 0 5px 0 0; vertical-align: middle;}
.contact-section .social-menu {margin: 20px 0 0 0;}
.contact-section .social-menu .menu {display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none;}
.contact-section .social-menu .menu .menu-item {margin: 0 10px 0 0;}
.contact-section .social-menu .menu .menu-item a {color: #272727; text-transform: uppercase; transition: all .4s; display: block; padding: 2px 10px; text-transform: uppercase; font-size: 14px; border: 1px solid #272727; transition: all .4s;}
.contact-section .social-menu .menu .menu-item a:hover {color: #fff; background: #272727;}
.contact-section .contact-gallery {width: 66.6666%;}
.contact-gallery-slider {position: relative; padding-bottom: 34px;}
.contact-gallery-slider .slick-arrow {position: absolute; bottom: 0; border: none; background: none; outline: none; box-shadow: none; display: block; width: 30px; height: 30px; padding: 0; cursor: pointer;}
.contact-gallery-slider .slick-arrow.slick-prev {left: 0;}
.contact-gallery-slider .slick-arrow.slick-next {left: 40px;}
.contact-gallery-slider .slick-arrow svg {display: block; max-width: 100%; max-height: 100%; margin: 0 auto; fill: #8c8c8c; transition: all .4s;}
.contact-gallery-slider .slick-arrow:hover svg {fill: #000;}

.apartments-search-section {background: #f2f2f2; padding: 50px 0; color: #272727;}
.apartments-search-section h1, .apartments-search-engine-section h2 {text-align: center; font-size: 44px; line-height: 50px; text-transform: uppercase; font-weight: 600; margin: 0 0 50px 0;}
.apartments-search-section .filters-box {width: 20%;}
.apartments-search-section .filters, .apartments-search-engine-section .filters {background: #fff; padding: 15px 10px;}
.apartments-search-section .filters .filter, .apartments-search-engine-section .filters .filter {margin: 0 0 30px 0;}
.apartments-search-section .filters .checkboxes .option, .apartments-search-engine-section .filters .checkboxes .option {position: relative;}
.apartments-search-section .filters .checkboxes .option input, .apartments-search-engine-section .filters .checkboxes .option input {position: absolute; z-index: -1; width: 1px; height: 1px; opacity: 0;}
.apartments-search-section .filters .checkboxes .option label, .apartments-search-engine-section .filters .checkboxes .option label {display: inline-block; padding: 0 0 0 24px; position: relative; font-weight: 300; text-transform: none; margin: 0 0 4px 0; cursor: pointer;}
.apartments-search-section .filters .checkboxes .option label:before, .apartments-search-engine-section .filters .checkboxes .option label:before {content: ' '; display: block; width: 16px; height: 16px; border: 1px solid #626262; border-radius: 0; background: #fff; position: absolute; left: 0; top: 3px; font-size: 16px; line-height: 18px; text-align: center; color: #272727;}
.apartments-search-section .filters .checkboxes .option input:checked+label:before, .apartments-search-engine-section .filters .checkboxes .option input:checked+label:before {content: '\2714';}
.apartments-search-section .filter label, .apartments-search-engine-section .filter label {display: block; margin: 0 0 15px 0; text-transform: uppercase; font-weight: 600;}
.apartments-search-section .filters .filters-buttons {margin: 50px 0 0 0;}
.apartments-search-section .filters .filters-buttons .btn, .apartments-search-engine-section .filters .filters-buttons .btn {border: 1px solid #272727; border-radius: 0; text-align: center; cursor: pointer; padding: 10px 10px; color: #272727; text-transform: uppercase; font-weight: 600; transition: all .4s;}
.apartments-search-section .filters .filters-buttons .btn:hover, .apartments-search-engine-section .filters .filters-buttons .btn:hover {background: #272727; color: #fff;}
.apartments-search-section .list-target {position: relative;}
.apartments-search-section .list-target.loading {min-height: 200px;}
.apartments-search-section .list-target.loading>* {opacity: .1;}
.apartments-search-section .list-box {width: 80%; position: relative;}
.apartments-search-section .list-box .views-switch {position: absolute; right: 15px; top: 0; display: flex;}
.apartments-search-section .list-box .views-switch .view {width: 34px; height: 34px; padding: 4px; cursor: pointer; transition: .4s; border: 2px solid #272727; margin: 0 0 0 5px;}
.apartments-search-section .list-box .views-switch .view:hover {opacity: .6;}
.apartments-search-section .list-box .views-switch .view svg {display: block; width: 100%; fill: #272727;}
.apartments-search-section .list-box .views-switch .view.active, .apartments-search-section .list-box .views-switch .view.active:hover {background: #272727; opacity: 1;}
.apartments-search-section .list-box .views-switch .view.active svg {fill: #fff;}
.apartments-search-section .list-box .results-count {margin: 0 0 30px 0; padding: 0 0 0 20px; text-transform: uppercase;}
.apartments-search-section .list-box .results-count strong {font-weight: 600;}
.apartments-search-section .list-box .no-results-info {text-align: center; margin: 60px 0; font-weight: 300; color: #272727; width: 100%;}
.apartments-search-section .list-box .list-1 table {width: 100%; border-collapse: collapse;}
.apartments-search-section .list-box .list-1 table th {background: #272727; color: #fff; text-align: center; text-transform: uppercase; padding: 14px 10px; font-weight: 300;}
.apartments-search-section .list-box .list-1 table td {color: #272727; text-align: center; padding: 14px 10px; font-weight: 300;}
.apartments-search-section .list-box .list-1 table td a {text-transform: uppercase; color: #272727; font-weight: 600; transition: all .4s;}
.apartments-search-section .list-box .list-1 table td a:hover {color: #0577bd;}
.apartments-search-section .list-box .list-1 table tr:nth-of-type(2n+1) td {background: #fff;}
.apartments-search-section .list-box .list-1 .pagination-box {width: 100%; padding: 20px 0 0 0;}
.apartments-search-section .list-box .list-2 {margin: 0 -15px; display: flex; flex-wrap: wrap;}
.apartments-search-section .list-box .list-2 .list-item {padding: 15px; width: 33.3333%; color: #272727;}
.apartments-search-section .list-box .list-2 .list-item .apartment {padding: 10px 15px; background: #fff;}
.apartments-search-section .list-box .list-2 .list-item .settlement {margin: 0 0 20px 0;}
.apartments-search-section .list-box .list-2 .list-item .settlement p {margin: 0; display: inline-block; background: #0577bd; color: #fff; text-transform: uppercase; padding: 4px 10px 2px 10px; font-size: 14px; line-height: 18px;}
.apartments-search-section .list-box .list-2 .list-item .name {margin: 0 0 20px 0;}
.apartments-search-section .list-box .list-2 .list-item .name h3 {margin: 0; text-transform: uppercase; font-size: 22px; line-height: 26px; font-weight: 600;}
.apartments-search-section .list-box .list-2 .list-item .name h3 a {color: #272727; transition: all .4s;}
.apartments-search-section .list-box .list-2 .list-item .name h3 a:hover {color: #0577bd;}
.apartments-search-section .list-box .list-2 .list-item .name h3 span {display: block;}
.apartments-search-section .list-box .list-2 .list-item .plan img {display: block; max-width: 100%; margin: 0 auto 20px auto; transition: all .4s;}
.apartments-search-section .list-box .list-2 .list-item .plan a:hover img {opacity: .6;}
.apartments-search-section .list-box .list-2 .list-item .parameters {margin: 0 0 20px 0;}
.apartments-search-section .list-box .list-2 .list-item .parameter {padding: 5px 0;}
.apartments-search-section .list-box .list-2 .list-item .parameter+.parameter {border-top: 1px solid #f2f2f2;}
.apartments-search-section .list-box .list-2 .list-item .parameter p {display: flex; justify-content: space-between; margin: 0;}
.apartments-search-section .list-box .list-2 .list-item .parameter span {display: block;}
.apartments-search-section .list-box .list-2 .list-item .parameter strong {display: block; font-weight: 600;}
.apartments-search-section .list-box .list-2 .list-item .button-box a {display: block; border: 1px solid #272727; background: #272727; color: #fff; text-transform: uppercase; text-align: center; font-weight: 300; padding: 6px 10px; transition: all .4s;}
.apartments-search-section .list-box .list-2 .list-item .button-box a:hover {background: #fff; color: #272727;}
.apartments-search-section .list-box .list-2 .pagination-box {width: 100%; padding: 5px 15px 0 15px;}
.apartments-search-engine-section {padding: 40px 0 40px 0;}
.apartments-search-engine-section form {display: flex; flex-wrap: wrap; align-items: flex-end; margin: 0 -15px;}
.apartments-search-engine-section .filters .filter {padding: 0 15px;}
.apartments-search-engine-section .filters .filter.slider {width: 33.3333%;}
.apartments-search-engine-section .filters .filter.amenities, .apartments-search-engine-section .filters .filters-buttons {width: 100%;}
.apartments-search-engine-section .filters .filter.amenities .checkboxes {display: flex; flex-wrap: wrap; margin: 0 -15px;}
.apartments-search-engine-section .filters .filter.amenities .checkboxes .option {width: 25%; padding: 0 15px;}
.apartments-search-engine-section .filters .filters-buttons {margin: 20px 0 0 0;}
.apartments-search-engine-section .filters .filters-buttons .btn {width: 500px; margin: 0 auto; max-width: 100%;}

.slider-range-box {padding: 22px 60px; position: relative;}
.slider-range-box input {width: 48px; height: 48px; border: 1px solid #626262; text-align: center; font-size: 16px; position: absolute; top: 50%; transform: translate(0, -50%); padding: 0;}
.slider-range-box input.from {left: 0;}
.slider-range-box input.to {right: 0;}
.slider-range-box .slider-range {position: relative; background: #d4d4d4; width: 100%; height: 6px;}
.slider-range-box .slider-range .ui-slider-range {background: #9d9d9d;}
.slider-range-box .slider-range .ui-slider-handle {background: #626262; width: 16px; height: 16px; top: -5px; margin-left: -8px; outline: none; box-shadow: none;}

.pagination {display: flex; justify-content: center; flex-wrap: wrap;}
.pagination .item {padding: 2px;}
.pagination .item a {display: block; min-width: 32px; height: 32px; font-size: 14px; line-height: 20px; padding: 5px 2px; text-align: center; color: #272727; border: 1px solid transparent; border-radius: 0; transition: all .4s;}
.pagination .item a svg {display: block; height: 100%; margin: 0 auto; fill: #272727;}
.pagination .item.active a {border-color: #272727;}
.pagination .item a:hover {opacity: .6;}

.phone-fixed-button {position: fixed; right: 20px; bottom: 20px; width: 60px; height: 60px; border-radius: 50%; background: #0577bd; display: block; cursor: pointer; padding: 10px; box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 1);}
.phone-fixed-button svg {display: block; width: 100%; height: auto; stroke: #fff;}

.loader {width: 60px; height: 60px; border-radius: 50%; display: block; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; border: 3px solid; border-color: #9d9d9d #9d9d9d transparent; box-sizing: border-box; animation: rotation 1s linear infinite; opacity: 1 !important; z-index: 10;}
.loader::after {content: ' ';  box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 3px solid; border-color: transparent #0577bd #0577bd; width: 36px; height: 36px; border-radius: 50%; animation: rotationBack 0.5s linear infinite; transform-origin: center center;}
@keyframes rotation {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}   
@keyframes rotationBack {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(-360deg);}
}


@media screen and (max-width: 1600px) {
    .investments-section .investment .picture .caption {font-size: 60px; line-height: 44px;}
    .apartments-search-section .filters-box {width: 25%;}
    .apartments-search-section .list-box {width: 75%;}
    .apartments-search-section .list-box .list-1 {overflow: hidden;}
}

@media screen and (max-width: 1200px) {
    .about-section .about-photos {width: 40%;}
    .about-section .about-text {width: 60%;}
    .about-section .about-text .advantage {width: 100%;}
    .settlement-map-wrapper .captions .building {font-size: 18px; line-height: 20px;}
    .settlement-map-wrapper .captions .building .label {padding: 5px; min-width: 40px;}
    .settlement-map-wrapper .captions .building .caption {padding: 5px 10px; min-width: 130px;}
    .contact-form-1-section .flex .photo-box .photo {background-position: top -60px center;}
    .team-section .team-item {width: 33.3333%;}
    .investments-section .investment .picture .caption {font-size: 44px; line-height: 30px;}
    .apartments-search-section .filters-box {width: 30%;}
    .apartments-search-section .list-box {width: 70%;}
    .apartments-search-section .list-box .list-2 .list-item {width: 50%;}
    .apartments-search-section .list-box .list-1 {overflow-x: scroll;}
}

@media screen and (max-width: 992px) {
    .footer-section .logo-box {width: 40%;}
    .footer-section .contact-box {width: 60%;}
    .footer-section .team-box, .footer-section .investments-box, .footer-section .menu-box {width: 33.3333%;}
    .description-3-section h3 {width: 100%;}
    .description-2-section .description-photos, .description-2-section .description-text {width: 100%;}
    .team-section .flex {justify-content: center;}
    .team-section .team-item {width: 50%; margin: 0 0 40px 0;}
    .description-1-section .description-text, .description-1-section .description-photos {width: 100%;}
    .about-section .about-photos, .about-section .about-text {width: 100%;}
    .about-section .about-photos .photo img {margin: 0 auto;}
    .about-section .about-text .advantage {width: 50%;}
    .contact-section .contact-details, .contact-section .contact-gallery {width: 100%; }
    .contact-section .contact-details {margin: 0 0 30px 0;}
    .contact-section .contact-details .text-bottom {position: relative; bottom: initial; left: initial; right: initial;}
    .apartments-search-section .filters-box {width: 100%; margin: 0 0 30px 0;}
    .apartments-search-section .filters form {display: flex; flex-wrap: wrap; align-items: flex-end; margin: 0 -10px;}
    .apartments-search-section .filters .filter {padding: 0 10px;}
    .apartments-search-section .filters .filter.slider {width: 33.3333%;}
    .apartments-search-section .filters .filter.amenities {width: 100%;}
    .apartments-search-section .list-box {width: 100%;}
    .apartments-search-section .filters .filters-buttons {width: 100%; padding: 0 10px; margin-top: 20px;}
    .apartments-search-section .filters .checkboxes {display: flex; flex-wrap: wrap; margin: 0 -10px;}
    .apartments-search-section .filters .checkboxes .option {width: 33.3333%; padding: 0 10px;}
    .apartments-search-engine-section .filters .filter.amenities .checkboxes .option {width: 33.3333%;}
    .single-apartment-section .apartment-details {width: 100%;}
    .single-apartment-section .apartment-info {width: 100%; margin: 40px 0 0 0;}
    .single-apartment-section .apartment-details .info p {width: 33.3333%; margin: 0 0 10px 0;}
    .single-apartment-section .apartment-details .info p.pdf {width: 40%;}
    .single-apartment-section .apartment-details .info p.back {width: 60%;}
}

@media screen and (max-width: 782px) {
    .admin-bar .head {top: 46px;}
}

@media screen and (max-width: 767px) {
    .contact-form-1-section .flex .photo-box {width: 100%; height: 500px;}
    .contact-form-1-section .flex .form-box {width: 100%;}
    .description-2-section .description-photos h2 {font-size: 26px; line-height: 32px;}
    .footer-section .logo-box {width: 100%;}
    .footer-section .logo-box svg {margin: 0 auto;}
    .footer-section .contact-box {width: 100%; text-align: center;}
    .footer-section .social-menu .menu {justify-content: center;}
    .footer-section .team-box, .footer-section .investments-box, .footer-section .menu-box {width: 100%; text-align: center;}
    .description-3-section h2 {font-size: 28px; line-height: 34px;}
    .description-3-section h3 {font-size: 24px; line-height: 30px;}
    .description-3-section .advantage {width: 100%;}
    .description-3-section .counter {width: 50%; margin-top: 50px;}
    .team-section .team-item {width: 500px;}
    .settlement-map-wrapper .captions .building {font-size: 14px; line-height: 18px;}
    .settlement-map-wrapper .captions .building .label {padding: 2px; min-width: 30px;}
    .settlement-map-wrapper .captions .building .caption {padding: 2px 5px; min-width: 100px;}
    .floor-wrapper .legend p {font-size: 18px; line-height: 22px; padding: 0 0 0 20px;}
    .floor-wrapper .legend p:before {left: 0;}
    .floor-wrapper .nav h3 {font-size: 24px; line-height: 30px;}
    .floor-wrapper .nav h3 span {font-size: 18px; line-height: 22px;}
    .about-section .about-text h2 {font-size: 26px; line-height: 30px;}
    .about-section .about-text .advantage {width: 100%;}
    .apartments-search-section .filters .filter.slider {width: 100%;}
    .apartments-search-section .filters .checkboxes .option {width: 50%;}
    .apartments-search-section .list-box .list-2 .list-item {width: 100%;}
    .apartments-search-engine-section .filters .filter.slider {width: 100%;}
    .apartments-search-engine-section h2 {font-size: 32px; line-height: 44px; margin-bottom: 30px;}
    .apartments-search-engine-section .filters .filter.amenities .checkboxes .option {width: 50%;}
    .single-apartment-section .apartment-details .info p, .single-apartment-section .apartment-details .info p.pdf, .single-apartment-section .apartment-details .info p.back {width: 100%;}   
}

@media screen and (max-width: 500px) {
    .investments-section .investment .picture .caption {font-size: 32px; line-height: 26px;}
    .contact-form-1-section .flex .form-box form .form-row .form-col.w50 {width: 100%;}
    .contact-form-1-section .flex .form-box form .form-row .form-col.w50+.form-col.w50 {margin-top: 20px;}
    .contact-form-1-section .flex .photo-box {height: 400px;}
    .floor-wrapper .legend .flex .flex-item {width: 100%;}
    .floor-wrapper .legend .flex .flex-item+.flex-item {margin-top: 10px;}
    .floor-wrapper .legend p {width: 220px; margin: 0 auto;}
    .settlement-map-wrapper .captions .building .label {border: none;}
    .settlement-map-wrapper .captions .building .caption {display: none;}
    .apartments-search-section .filters .checkboxes .option {width: 100%;}
    .apartments-search-engine-section .filters .filter.amenities .checkboxes .option {width: 100%;}
    .head .menu {align-items: center;}
    .head .menu .menu-item a {font-size: 14px; padding: 10px 5px; text-align: center; line-height: 16px;}
}

@media screen and (max-width: 400px) {
    .description-3-section .counter {width: 100%; margin-top: 40px;}
    .team-section .team-item .buttons a {width: 100%;}
    .team-section.team-1 .team-item .buttons a.phone {margin: 0 0 10px 0;}
}