@charset "utf-8";

@font-face{font-family:'Involve';src:url('https://static.tildacdn.com/tild3138-3238-4737-b233-646135613664/ethna_thin.woff') format('woff');font-weight:300;font-style:normal}
@font-face{font-family:'Involve';src:url('https://static.tildacdn.com/tild6636-6363-4437-b938-373530626634/Involve-Regular.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'Involve';src:url('https://static.tildacdn.com/tild3966-6336-4335-b130-626463336139/Involve-Bold.woff') format('woff');font-weight:700;font-style:normal}

html {scroll-behavior: smooth;}

body {display: block}

a:hover {color: #ff7176;}

.btn {box-shadow: none !important;}
h3 .btn-xl, .h3 .btn-xl {font-size: 1.75rem; line-height: 1.2;}

.global-wrapper::after, #navbarTop > .container-fluid::before {transition: all 0.6s cubic-bezier(0, .14, .36, 1); background: #000; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0}
.custom-expanded .global-wrapper::after, .custom-expanded #navbarTop > .container-fluid::before {visibility: visible; opacity: 0.5;}
.custom-expanded .global-wrapper::after { z-index: 80;}
#navbarTop {z-index: 90}
#navbarTop > .container-fluid {position: relative;}
 .custom-expanded #navbarTop > .container-fluid::before {z-index: 95;}
#infoNavToggler {z-index: 105}
.btn-link.text-dark:hover {color: #ff7176 !important;}

.footer-bottom .nav-link {color: #fff}
.footer-bottom .nav-link:hover, .footer-bottom .nav-link:hover .text-secondary {color: #f4afb2 !important;}
.footer-info img {width: 200px}

@media (min-width:1200px) and (max-width:1379.98px) {
#navbarTop .btn-lg {padding: .25rem .5rem; font-size: .875rem; line-height: 1.5;}
#navbarTop .btn-link, #infoNav .nav-item {font-size: .875rem;}
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl, .navbar-expand-xl > .container-xxl {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media (min-width:1440px) {
#navbarTop > .container-fluid {padding-right: 3rem !important; padding-left: 3rem !important;}
}
@media (min-width:1800px) {
.navbar-phones {margin-right: 1rem !important; margin-left: 1rem !important;}
#navbarTop .nav-item, #navbarTop .btn-link, #navbarTop .btn {font-size: 1.15rem;}
#navbarTop .navbar-brand {margin-right: 2rem !important;}
#infoNav .nav-item {margin-right: 1rem;}
/*.navbar-brand img {width: 140px;}*/
}

.btn-clip {clip-path: polygon(11% 0, 100% 0, 89% 100%, 0 100%);}
.bg-blue {background: #3857a3}
.card-header .btn {font-weight: bold}
a.text-hover-white:hover, .btn.text-hover-white:hover {color: #fff!important}

.wow {visibility: hidden;}
.always-visible {visibility: visible!important}
.mobile-delay-off {}
@media (max-width:991.98px) {
.navbar-phones + .btn-light {/*display: none*/}
#navbarTop .navbar-toggler {position: fixed; top: 15px; right: 15px; left: auto;}

.mobile-wow-off {visibility: visible!important; animation: none!important;}
.col-odd {padding-right: 7.5px!important}
.col-even {padding-left: 7.5px!important}
.card-body {padding: 1rem}
.btn-mobile-clip {clip-path: polygon(11% 0, 100% 0, 89% 100%, 0 100%); padding: .375rem 1.2rem .5rem 1.2rem}
.btn-mobile-small {font-size: 0.7rem; padding: .175rem 0.8rem .25rem 0.8rem!important;}
.card-header .btn {padding-left: 0; padding-right: 0}
.card-header .btn .txt-responsive {font-size: 100%}
}



.global-wrapper {max-width: 1900px; margin: 0 auto; position: relative; overflow: hidden; /*background-image: url("../i/bg-top.png"); background-position: top center; background-size: contain; background-repeat: no-repeat;*/ background-color: #fff;}
@media (max-width:991.98px) {
/*.global-wrapper {background-position: center 150px;}*/
}
@media (max-width:767.98px) {
/*.global-wrapper {background-size: 220% auto;}*/
}

.btn-custom {position: relative; padding-left: 0px; padding-right: 0px; text-transform: uppercase; white-space: nowrap; opacity: 1; transition: opacity 0.15s ease-in-out}
.btn-custom::after {content: ''; display: block; height: 1px; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: #d02824 1px dashed;}

.btn.btn-wide {/*border-radius: 1rem;*/ padding: .375rem 1.2rem .5rem 1.2rem;}
.btn-lg.btn-wide {/*border-radius: 1.5rem;*/ padding: .5rem 1.75rem .75rem 1.75rem;}
.btn-sm.btn-wide {/*border-radius: .5rem;*/ padding: .25rem .75rem;}

.btn.btn-gradient {position: relative}
.btn.btn-gradient::before, .btn.btn-gradient::after {content: ''; display: block; position: absolute; transition: opacity 0.15s ease-in-out; opacity: 1;}
.btn.btn-gradient::before {top: -1px; left: -1px; right: -1px; bottom: -1px; z-index: 4}
.btn.btn-gradient::after {top: 0; left: 0; right: 0; bottom: 0; z-index: 8}
.btn .btn-gradient-text {position: relative; z-index: 12}
.btn.btn-gradient:hover::before, .btn.btn-gradient:active::before, .btn.btn-gradient:hover::after, .btn.btn-gradient:active::after {opacity: 0}

.btn-primary.btn-gradient::before {background-image: linear-gradient(#dcaa0c, #bf8218);}
.btn-outline-secondary.btn-gradient::before {background-image: linear-gradient(54deg, #dbaa0c, #fff370);}
.btn-outline-secondary.btn-gradient::after {background-color: #101010;}

.pre-header {background-color: #b2e2f7; display: inline-block; padding: .35rem 1rem;}
.pre-header .txt-responsive2 {display: flex}

@media (min-width:1200px) {
.btn.btn-wide {padding: .4rem 2rem .5rem 2rem;}
.btn-lg.btn-wide {padding: .5rem 3.5rem .75rem 3.5rem;}
.btn-sm.btn-wide {padding: .25rem 1.5rem;}
}

/*#navbarTop {font-family: 'Open Sans Condensed'}*/
#navbarTop {/*z-index: 30;*/ transition: top 0.35s ease-in-out}
#navbarTop ul.navbar-text {padding-left: 0; list-style-type: none}
/*@media (min-height:1300px) and (min-width:1200px) {*/
#navbarTop.fixed-now {position: fixed; /*right: 0; left: 0;*/ background: none; box-shadow: none; z-index: 100; width: 100%; max-width: 1900px; box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15)}
#navbarTop.fixed-now .top-contacts {display: none}
#navbarTop.fixed-to-top {top: 0!important}
#navbarTop.standart-now {top: auto!important}
#navbarTop.fixed-now .navbar-brand {/*height: 80px;*/ text-align: center}
#navbarTop.fixed-now .navbar-brand img {/*width: auto; max-height: 100%;*/}
#navbarTop.fixed-now + .next-to-navbarTop {margin-top: 82.6667px}
#navbarTop .logo-fixed {display: none!important}
#navbarTop.fixed-now .logo-def {display: none!important} #navbarTop.fixed-now .logo-fixed {display: inline-block!important}
#navbarTop.fixed-now #infoNavWrapper {margin-bottom: 0; line-height: 1}
#navbarTop.fixed-now .navbar-text .nt-icon {font-size: 1.1rem;}
#navbarTop.fixed-now .navbar-text .nt-icon.nt-icon-envelope {font-size: 1rem;}
#navbarTop.fixed-now #navbarText, #navbarTop.fixed-now #navbarText2 {margin: 0px!important; flex-direction: row !important;}
#navbarTop.fixed-now .bg-light, #navbarTop.fixed-now .nt-text .text-muted {display: none}
#navbarTop.fixed-now #navbarText {justify-content: end;}
#navbarTop.fixed-now #navbarText .flex-lg-fit-content {flex-direction: row !important;}
#navbarTop.fixed-now #navbarText2 {justify-content: start;}
#navbarTop.fixed-now #navbarText .mb-custom-1, #navbarTop.fixed-now #navbarText .mb-custom-2 {margin-bottom: 0}
#navbarTop.fixed-now #navbarText .navbar-btn {margin-right: 2rem !important}
#navbarTop.fixed-now #navbarText2 .navbar-text + .navbar-text {margin-left: 2rem !important}
#navbarTop.fixed-now .navbar-brand img {/*width: 60%*/}
#navbarTop.fixed-now #navbarText .navbar-btn .btn {width: 200px}
#navbarTop.fixed-now .navbar-brand {/*padding: 0 !important*/}
#navbarTop.fixed-now #infoNav .nav-item {/*font-size: 1rem*/}
/*}*/

#navbarTop .navbar-brand, #navbarTop .navbar-brand img {/*transition: width 0.15s ease-in-out, height 0.15s ease-in-out*/}
.top-about-video {display: flex; flex-direction: column; align-items: flex-end; text-align: right}
.top-about hr {border-top: 1px solid rgba(255,255,255,0.5); margin: 0; width: 100%}

#navbarTop .navbar-toggler {/*position: fixed; top: 15px; right: 15px; left: auto;*/ /*background-color: #d02824!important;*/ transition: background-color 1s ease-in-out}
#navbarTop .navbar-toggler .navbar-toggler-icon {/*filter: invert(1);*/ transition: filter 1s ease-in-out}
.custom-expanded #navbarTop .navbar-toggler {background-color: #a9e7e8!important}
.custom-expanded #navbarTop .navbar-toggler .navbar-toggler-icon {/*filter: invert(0);*/ filter: grayscale(100%) brightness(10%)}

.custom-title, .icon-cards .card-title {display: flex; flex-direction: row; align-items: center; color: #a38d5e}
.custom-title::after {content: ''; display: inline-block; width: 100%; height: 1px; margin-left: 13px; background: #a38d5e}
.icon-cards .card-title::after {content: ''; display: inline-block; width: 37px; height: 3px; margin-left: 13px; background: #a38d5e}

.custom-pills .nav-link.active {font-weight: bold}
.custom-list li::before {content: ''; display: inline-block; height: 13px; width: 16px; background-image: url("i/ulli.png"); background-repeat: no-repeat; background-size: cover; margin-right: 10px;}

.nt-icon {display: flex; align-items: center;}
.nt-icon .fa-phone {font-size: 80%}
.nt-icon .fa-location-dot {font-size: 80%}

.top-about-text {display: flex; flex-direction: column; justify-content: center;}
@media (max-width:991.98px) {
.navbar-light .navbar-nav > .nav-item > .nav-link {/*color: #fff !important*/}
.row-ico {justify-content: center}
}
/*#infoNavWrapper {background: #273f83}*/
#infoNav .nav-item {/*text-transform: uppercase;*/ /*font-weight: bold;*/}
.text-condensed {/*font-family: "Open Sans condensed", "Open Sans", 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/}
.navbar-text .nt-text .small, .navbar-btn .nt-text .small {font-size: 0.7rem}
.overSliderBlock-col {background: #eff3ff;}
.img-overblock {margin-top: -20px}
.card-img-col {padding-bottom: 62.5%}
.card-img-col.card-img_portrait-col {padding-bottom: 145%}
.img-absolute-wrapper {position: absolute; top: 0; left: 0; right: 0; bottom: 0}
.img-cover {width: 100%;}
.img-absolute-wrapper .img-cover {width: 100%; height: 100%; object-fit: cover; object-position: top center;}
.navbar-brand img {max-width: 100%}
.col-header-logo {display: flex; justify-content: space-between; align-items: center;}
.col-header-logo img {max-width: 22%;}
@media (min-width:992px) {
.navbar-text-group {flex: 0 0 43.5%; max-width: 43.5%;}
.navbar-brand img {width: 140px}
#infoNavWrapper {position: relative}
#infoNavWrapper::before {content: ""; position: absolute; /*clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 1% 100%);*/ left: 0; right: 0; top: 0; background: #00a0e3; background-image: linear-gradient(#bf8218, #dcaa0c); width: 100%; height: 100%; z-index: -1;}
.navbar-text .nt-icon {font-size: 1.4rem}
.navbar-text .nt-icon.nt-icon-envelope {font-size: 1.3rem;}
.headline-col {display: flex; justify-content: space-between}
#infoNav .nav-link.active {position: relative}
h2.custom-title::after, h6.custom-title::after {/*width: 57px; height: 3px;*/ margin-left: 18px;}
.custom-pills .nav-link {color: #999999; font-size: 18px; text-transform: uppercase}
.custom-pills .nav-link.active {background: none; color: #273f83}
.img-cover {width: 100%; height: 100%; object-fit: cover; object-position: top center;}
.mb-custom-1 {margin-bottom: 12px}
.mb-custom-2 {margin-bottom: 9px}
}
@media (min-width:992px) and (max-width:1199.98px) {
#infoNav .nav-item {font-size: 0.87rem}
.navbar-brand img {/*width: 160px*/}
#navbarTop .btn {font-size: .8rem}
}
@media (max-width:1199.98px) {
.icon-cards .icon {max-width: 50px}
.icon-cards .card-title::after {width: 27px; height: 2px; margin-left: 7px; background: #d02824}
.pre-header {padding: .15rem .5rem;}
.pre-header .txt-responsive2 {font-size: 80%}
}
@media (min-width:1200px) {
.navbar-text .nt-icon {font-size: 1.5rem}
.navbar-text .nt-icon.nt-icon-envelope {font-size: 1.25rem;}
.navbar-text .nt-text a, .navbar-btn .nt-text a {font-size: 1.1rem}
h2.custom-title::after, h6.custom-title::after {/*width: 57px; height: 3px;*/ margin-left: 18px;}
.custom-pills .nav-link {font-size: 24px}
}

@media (min-width:1580px) {
#infoNav .nav-link.active::after {left: -.6rem; right: -.6rem;}
}

@media (max-width:991.98px) {
#navbarTop {padding-bottom: 0}
#navbarTop .navbar-brand {display: flex; justify-content: center; width: 100%;}
#navbarTop .navbar-brand a {display: inline-block; padding: 2rem 0 0.5rem 0;}
#navbarTop .navbar-brand img {width: 160px}
#navbarTop .container-fluid {background: #d02824}
#navbarText, #navbarText2 {flex-wrap: wrap;}
#navbarText1 .nt-text .small, #navbarText2 .nt-text .small {/*display: none*/}
.icon-cards {width: 100% !important; flex-basis: 100% !important; flex-grow: 1 !important;}
.icon-cards .card-title .txt-responsive {font-size: 100%}
.footer-contacts .nav {justify-content: center!important}
.text-copyright {text-align: center}
.headline-col {text-align: center; justify-content: center!important}
.header-with-button-link .btn-link {padding: 0}
}
@media (max-width:799.98pxpx) {
#navbarTop .navbar-brand a {/*width: 40%*/}
}
@media (max-width:767.98pxpx) {
#navbarText, #navbarText2, #navbarText .flex-lg-fit-content, #navbarText2 .flex-lg-fit-content {width: 100%;}

}
@media (max-width:479.98pxpx) {
#navbarTop .navbar-brand a {/*width: 100%*/}
}

@media (max-height:389px) {
.custom-collapse.navbar-collapse {align-items: start;}
}

@media (max-width:991.98px) {
.footer-info .justify-content-start, .footer-info .justify-content-end {justify-content: center!important} .footer-info {text-align: center}
}

.footer-info .nav-link {padding: .25rem 0rem;} .footer-bottom .nav-link {padding: 0;}
.footer-info svg {height: .7em;}
@media (max-width:991.98px) {
.footer-bottom .col {justify-content: center!important} .footer-bottom .col > div {width:100%; display: flex; justify-content: center} .footer-bottom .col > div+div {margin-top:1rem}
}


.tooltip.bs-tooltip-left > .arrow {top: 50% !important; transform: translateX(-10%) translateY(-45%);}
.tooltip.bs-tooltip-right > .arrow {top: 50% !important; transform: translateY(-50%);}

.row-view-houses-front {z-index: 20;}
.row-view-houses-back {z-index: 10;}
.col-view-houses-front {z-index: 10;}
.col-view-houses-back {z-index: 5;}

.preloader-picker {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; display: flex; flex-direction: column; justify-content: center; align-items: center; visibility: visible; opacity: 1; color: var(--primary); transition: opacity linear 0.3s;}
/*.preloader-picker.loading {visibility: visible; opacity: 1;}*/
.preloader-picker.preloaded {visibility: hidden !important; opacity: 0 !important;}
.preloader-picker.preloaded .animate__animated, .preloader-picker.preloaded .spinner, .preloader-picker.preloaded .spinner div {animation: none;}
.preloader-picker + .card-house-interactive {visibility: hidden; opacity: 0;}
.preloader-picker.preloaded + .card-house-interactive {visibility: visible; opacity: 1;}

.house-interactive {position: relative; overflow: hidden; scale: 1.1; z-index: 1; transform: translateY(4.7%) translateX(0.8%);}
.house-interactive img {object-fit: contain; width: 100%;}
.house-interactive svg {/*mix-blend-mode: multiply;*/ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.house-interactive polygon, .house-interactive path {outline: none; fill: transparent; fill-opacity: 0; cursor: pointer; transition: fill .25s, fill-opacity .25s;}
.house-interactive a {cursor: default}
.house-interactive a:hover polygon, .house-interactive a:hover path,
.floor-active polygon, .floor-active path {fill: var(--red); fill-opacity: 0.5}
.house-interactive .img-houses {position: absolute; left: 0; top: 0}

#house1-fader path, #house2-fader path {outline: none; fill: transparent; fill-opacity: 0; cursor: default; transition: fill .5s, fill-opacity .5s; pointer-events: none}
#house1-fader.faded path, #house2-fader.faded path {fill: #fff; fill-opacity: 0.75}
#house1-full-tower polygon, #house2-full-tower polygon {outline: none; fill: transparent; fill-opacity: 0;}
@media (min-width:1200px) {
#house1-full-tower, #house2-full-tower {display: none}
}

.hi-btns {z-index: 30; position: absolute; left: 15px; right: 15px; bottom: -10%;}
.hi-btns .btn:not(:hover) {background-color: rgba(255,255,255,0.8);}



.card.card-house-interactive .btn-outline-primary {color: var(--primary);}
.card.card-house-interactive .btn-outline-primary:hover,
.card.card-house-interactive .btn-outline-danger:hover {color: #fff;}

@media (min-width:1200px) {
.house1-floors, .house2-floors {pointer-events: none;}
.house1-floors.events-show, .house2-floors.events-show {pointer-events: auto;}
}

@media (max-width:1199.98px) {
.house-interactive {scale: 1.2; margin: 2rem 0;}
.house1-floors, .house2-floors {pointer-events: none;}
.col.col-house-interactive {padding: 0;}
.card.card-house-interactive {border: none;}
.custom-accordion .btn, .custom-accordion .card {border-radius: 0}
}

@media (max-device-width:1920px) and (min-width:1360px) {
.row-view-houses {justify-content: center;}
.col-view-houses.col-main {flex: 0 0 52%; max-width: 52%;}
.col-view-houses.col-side {flex: 0 0 18%; max-width: 18%;}
}

.nav-tabs .nav-link:focus {border-color: transparent}
.nav-tabs .nav-link.active {border-color: #2e2e2e #2e2e2e #eaeaea;}

.custom-accordion {transition: opacity linear 0.5s;}
.accordion.custom-accordion > .card:not(:first-of-type) {border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.custom-accordion .btn-link {padding: .75rem 1rem!important; display: flex; justify-content: space-between; align-items: center}
.custom-accordion .btn-link:hover, .custom-accordion .btn-link[aria-expanded="true"] {background-color: var(--red); color: #fff !important;}



.custom-accordion .card-header {padding: 0 !important;}
.custom-accordion .card-body {color: #fff}
.custom-accordion .badge {/*font-size: 85%;*/ min-width: 64.2px /*73px*/}

.custom-accordion .badge {background: linear-gradient(90deg, var(--red), var(--red)) 0 15%; background-repeat: no-repeat; background-size: 0 0}
.custom-accordion .btn-link:hover .badge, .custom-accordion .btn-link[aria-expanded="true"] .badge {background: linear-gradient(90deg, #f5dbe8, #f5dbe8) 0 15%; background-repeat: no-repeat;}
.custom-accordion .badge.kv-12, .custom-accordion .btn-link:hover .badge.kv-12, .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-12 {background-size: 100% 100%}
.custom-accordion .badge.kv-11, .custom-accordion .btn-link:hover .badge.kv-11, .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-11 {background-size: 91.66% 100%}
.custom-accordion .badge.kv-10, .custom-accordion .btn-link:hover .badge.kv-10, .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-10 {background-size: 83.33% 100%}
.custom-accordion .badge.kv-9, .custom-accordion .btn-link:hover .badge.kv-9, .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-9 {background-size: 75% 100%}
.custom-accordion .badge.kv-8, .custom-accordion .btn-link:hover .badge.kv-8, .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-8 {background-size: 66.66% 100%}
.custom-accordion .badge.kv-7, .custom-accordion .btn-link:hover .badge.kv-7, .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-7 {background-size: 58.33% 100%}
.custom-accordion .badge.kv-6, .custom-accordion .btn-link:hover .badge.kv-6, .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-6 {background-size: 50% 100%}
.custom-accordion .badge.kv-5, .custom-accordion .btn-link:hover .badge.kv-5, .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-5 {background-size: 41.66% 100%}
.custom-accordion .badge.kv-4, .custom-accordion .btn-link:hover .badge.kv-4, .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-4 {background-size: 33.33% 100%}
.custom-accordion .badge.kv-3, .custom-accordion .btn-link:hover .badge.kv-3, .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-3 {background-size: 25% 100%}
.custom-accordion .badge.kv-2, .custom-accordion .btn-link:hover .badge.kv-2, .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-2 {background-size: 16.66% 100%}
.custom-accordion .badge.kv-1, .custom-accordion .btn-link:hover .badge.kv-1, .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-1 {background-size: 8.33% 100%}

.custom-accordion .badge {background-color: rgba(163,141,94,0.6) !important}
.custom-accordion .btn-link:hover .badge, .custom-accordion .btn-link[aria-expanded="true"] .badge {background-color: #fff !important; color: var(--red) !important}

.custom-accordion .btn-link.floor-hover-delay:hover {pointer-events: none}
.custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge {background: linear-gradient(90deg, var(--red), var(--red)) 0 15%; background-repeat: no-repeat; background-size: 0 0}

.custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-12 {background-size: 100% 100%}
.custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-11 {background-size: 91.66% 100%}
.custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-10 {background-size: 83.33% 100%}
.custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-9 {background-size: 75% 100%}
.custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-8 {background-size: 66.66% 100%}
.custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-7 {background-size: 58.33% 100%}
.custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-6 {background-size: 50% 100%}
.custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-5 {background-size: 41.66% 100%}
.custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-4 {background-size: 33.33% 100%}
.custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-3 {background-size: 25% 100%}
.custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-2 {background-size: 16.66% 100%}
.custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-1 {background-size: 8.33% 100%}


.accordion-faded {opacity: 0.5}
.accordion-faded:hover {opacity: 1}
#resetHouses {opacity: 0; visibility: hidden; transition: all linear 0.5s;}
#resetHouses.reset-show {opacity: 1; visibility: visible;}

/*start custom collapse animations*/
/* //height, max-height transitions: currently <= 0.5, change paired with js delay of cca-show (currently 510) */
div[id^="collapse-house1-floor-"], div[id^="collapse-house1-xl-floor-"]/*.collapsing*/,
div[id^="collapse-house2-floor-"], div[id^="collapse-house2-xl-floor-"]/*.collapsing*/ {transition: none !important; max-height: 0;}
.custom-collapse-animation {transition: height linear 0.3s; height: 0;}
.custom-collapse-animation:not(.cca-show) {height: 0 !important}
div[id^="collapse-house1-floor-"].collapse:not(.show), div[id^="collapse-house1-xl-floor-"].collapse:not(.show),
div[id^="collapse-house2-floor-"].collapse:not(.show), div[id^="collapse-house2-xl-floor-"].collapse:not(.show) {display: block;}
div[id^="collapse-house1-floor-"].collapse.show, div[id^="collapse-house1-xl-floor-"].collapse.show,
div[id^="collapse-house2-floor-"].collapse.show, div[id^="collapse-house2-xl-floor-"].collapse.show {visibility: visible; max-height: 300px; transition: max-height linear 0.3s;}
div[id^="collapse-house1-floor-"] .card-body, div[id^="collapse-house1-xl-floor-"] .card-body,
div[id^="collapse-house2-floor-"] .card-body, div[id^="collapse-house2-xl-floor-"] .card-body {min-height: 0px; max-height: 0; opacity: 0; padding-top: 0; padding-bottom: 0; transition: all linear 0.3s; /*transition-delay: 0s*/}
div[id^="collapse-house1-floor-"].show .card-body, div[id^="collapse-house1-xl-floor-"].show .card-body,
div[id^="collapse-house2-floor-"].show .card-body, div[id^="collapse-house2-xl-floor-"].show .card-body {/* do queries for max-height ! */max-height: 300px; opacity: 1;}
div[id^="collapse-house1-floor-"] .card-body p:last-child, div[id^="collapse-house1-xl-floor-"] .card-body p:last-child,
div[id^="collapse-house2-floor-"] .card-body p:last-child, div[id^="collapse-house2-xl-floor-"] .card-body p:last-child {margin-bottom: 0; padding-bottom: 0rem; transition: padding linear 0.3s;}
div[id^="collapse-house1-floor-"] .card-body p:first-child, div[id^="collapse-house1-xl-floor-"] .card-body p:first-child,
div[id^="collapse-house2-floor-"] .card-body p:first-child, div[id^="collapse-house2-xl-floor-"] .card-body p:first-child {margin-top: 0; padding-top: 0rem; transition: padding linear 0.3s;}
div[id^="collapse-house1-floor-"].collapse.show p:first-child, div[id^="collapse-house1-xl-floor-"].collapse.show .card-body p:first-child,
div[id^="collapse-house2-floor-"].collapse.show p:first-child, div[id^="collapse-house2-xl-floor-"].collapse.show .card-body p:first-child {padding-top: 1rem;}
div[id^="collapse-house1-floor-"].collapse.show .card-body p:last-child, div[id^="collapse-house1-xl-floor-"].collapse.show .card-body p:last-child,
div[id^="collapse-house2-floor-"].collapse.show .card-body p:last-child, div[id^="collapse-house2-xl-floor-"].collapse.show .card-body p:last-child {padding-bottom: 1.5rem;}
/*end custom collapse animations*/

.custom-nav-tabs {justify-content: space-around;}
.custom-nav-tabs.nav-tabs, .custom-nav-tabs.nav-tabs .nav-link.active, .custom-nav-tabs.nav-tabs .nav-link:hover, .custom-nav-tabs.nav-tabs .nav-link:focus {border-color: var(--primary);} .custom-nav-tabs.nav-tabs .nav-link.active, .custom-nav-tabs.nav-tabs .nav-link:hover, .custom-nav-tabs.nav-tabs .nav-link:focus {border-bottom-color: transparent;}
.custom-nav-tabs.nav-tabs .nav-link:hover, .custom-nav-tabs.nav-tabs .nav-link:focus {background-color: var(--secondary);}

/*.custom-nav-tabs.nav-tabs .nav-link {font-size: 80%; padding: .5rem .65rem; margin-bottom: -0.5px;*/
.custom-nav-tabs.nav-tabs .nav-link.active {background-color: var(--secondary); color: #1c1c1c}
/*.custom-nav-tabs-content {font-size: 110%;}*/


.brand-color-red {color: #ff7176 !important}
.brand-color-pink {color: #f5dbe8 !important}
.brand-color-blue {color: #a9e7e8 !important} /*afe6e6*/

.btn-brand-red {
  color: #fff !important;
  background-color: #ff7176 !important;
  border-color: #ff7176 !important;
}
.btn-brand-red:hover, .btn-brand-red:not(:disabled):not(.disabled):active, .btn-brand-red:not(:disabled):not(.disabled).active, .show > .btn-brand-red.dropdown-toggle {
  color: #1c1c1c !important;
  background-color: #a9e7e8 !important;
  border-color: #a9e7e8 !important;
}


.tezt {
/*background: linear-gradient(90deg, #ff7176 0%, #ff7176 15%, #a38d5e 28%, #a9e7e8 50%, #a38d5e 75%, #ff7176 83%, #ff7176 100%);*/
background: linear-gradient(90deg, transparent 0%, transparent 15%, #a38d5e 25%, #a9e7e8 50%, #a38d5e 75%, transparent 85%, transparent 100%);
background-color: #292a2b; /*#1c1c1c*/
    /*background-color: rgba(0, 0, 0, 0);
  background-color: #a38d5e;
  transition: 2s ease-in-out;*/
  background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

background-size: 1500px 1px;
background-position: 0 0;
transition: 2s linear;
/*transition: background-color 0.3s linear;*/

font-weight: bold;
  }
  
.tezt:hover {
  background-color: #ff7176;
  background-position: 100% 0;
}

.footer-info .tezt {background-color: #ff7176; background-position: 15% 0;}
.footer-info .tezt:hover {background-position: 100% 0;}

.dropdown-item:hover, .dropdown-item:focus {
  color: #1c1c1c; background-color: #a9e7e8;
}
.btn-light:hover, .btn-light:focus, .btn-light.active {
  color: #1c1c1c;
  background-color: #a9e7e8;
  border-color: #a9e7e8;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  /*color: #a9e7e8;*/
}

@media (max-width:991.98px) {
.navbar-phones {width: 100%}
}

@media (max-width:991.98px) {
.tezt {background-color: #ff7176; background-position: 15% 0;}
.house-interactive {transform: translateY(2.0%) translateX(0.8%);}
h3, .h3 {font-size: 1.65rem;}
h4, .h4 {font-size: 1.4rem;}
.footer-info img {width: 200px;}
.copyrights {text-align: center}
.navbar-phones .btn-link {padding: .375rem .5rem;}
}

@media (min-width:992px) and (max-width:1199.98px) {
#infoNavToggler {margin-left: 3rem}
}

.btn-gradient-text {
/*-webkit-background-clip: text; background-clip: text;
background-image: linear-gradient(90deg,#ff7176 67%,#a38d5e);
color: #0000; display: inline;*/

/*color: #ff7176;
background: -webkit-linear-gradient(left, #ff7176, #a38d5e);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/

}



.large {font-size: 1.125em;}

.col-house-interactive .table th, .col-house-interactive .table td {padding-top: .5rem; padding-bottom: .5rem;}
.table th[scope="row"] {padding-left: .6rem;}
.table thead th, .table thead td {/*border-color: var(--primary); background-color: #fff;*/}
.table thead th {/*color: var(--primary);*/}
.table th.font-weight-light {font-size: 1.125em; line-height: 1.175em;}
.table-striped tbody tr:nth-of-type(2n+1) {background-color: #f5dbe8;}
.table-striped tbody tr:nth-of-type(2n+2) {background-color: #a9e7e8;}
.table td {/*font-weight: bold; color: var(--primary)*/}
.table td .small {font-weight: normal}
/*.table tr td + td {text-align: center}
.table tr td + td + td {text-align: left}*/



.lds-ring,
.lds-ring div {
  box-sizing: border-box;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 38px;
  height: 38px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  margin: 4px;
  border: 4px solid var(--primary);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--primary) transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.modal.fade.show {opacity: 1}

.btn:not(.font-ignore) {/*line-height: inherit; font-size: inherit*/}


/*.tooltip.show {opacity: 1}
.tooltip-inner {background: #e6eae9; color: #1c1c1c}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {border-top-color: #e6eae9}*/
.tooltip-inner > div {display: flex; width: 100%; align-items: center; justify-content: center; gap: 5px; margin: 0.25rem 0}
.tooltip-inner > .btn {margin: 0.5rem 0 0.25rem 0}
.tooltip-inner .badge {font-size: 100%; font-weight: bold}

/*.nav-pills .nav-link {color: #686767}
.nav-pills .nav-link:hover {color: #1c1c1c;}*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #1c1c1c; background-color: #efefef;}

.card {border-color: rgba(0,0,0,0.25);}
.card-header {background-color: #efefef; border-bottom-color: rgba(0,0,0,0.25);}
.card-header .btn {font-weight: normal}
.accordion > .card > .card-header {padding: 0}
.accordion > .card > .card-header .btn {padding: .75rem 1.25rem;}
.accordion > .card > .card-header .btn[aria-expanded="true"] {background-color: #afe6e6; color: #1c1c1c}

.badge-info {background-color: #afe6e6; color: #1c1c1c}
.btn-info, .btn-info:focus {background-color: #afe6e6; border-color: #afe6e6; color: #1c1c1c}
.btn-info:hover, .btn-info:active/*, .btn-info:focus*/ {background-color: #ff7176 !important; border-color: #ff7176 !important; color: #fff}

.table-hover tbody tr:hover {background-color: #f7f8f8;}

.jumbotron {margin-bottom: 0; background-color: #fff; border-radius: .6rem; padding: 1rem 1.5rem; border: 2px solid #f6d7e5;}
.table th {font-weight: normal}


.plan-interactive-wrapper {position: relative}
.img-mobile-height, .img-digits-mobile {display: none}
.img-digits {position: absolute; top: 0; left: 0; z-index: 30; pointer-events: none;}

.plan-interactive svg {position: absolute; left: 0; top: 0; /*width: 100%;*/ height: 100%;}
.plan-interactive polygon, .plan-interactive path {outline: none; fill: transparent; fill-opacity: 0; cursor: pointer; transition: fill .25s, fill-opacity .25s;}
.plan-interactive a {cursor: default}
.plan-interactive a:hover polygon, .plan-interactive a:hover path/*,
.plan-interactive polygon, .plan-interactive path*/ {fill: #afe6e6; fill-opacity: 0.5}
.plan-interactive .is-sold polygon, .plan-interactive .is-sold path, .plan-interactive .is-sold:hover polygon, .plan-interactive .is-sold:hover path {fill: #a38d5e; fill-opacity: 0.17; fill: #000; fill-opacity: 0.1;}

.plan-rooms:hover {pointer-events: visible !important}
.plan-map-vertical {display: none}

.main-subtitle .badge {font-size: 90%}
.btn-opacity {opacity: .6}
.btn .fa-building {margin-right: 3px}
.btn .fa-sliders {margin-right: 2px}
.main-buttons .btn {width: 100%; max-width: 260.3px}

/*.flat-gal {width: 70%; margin: 0 auto}*/
.flat-logo {display: block; max-width: 270px !important; margin: 0 auto}


.main-buttons-desktop {display: none}

@media (max-width:1199.98px) {
.main-buttons .text-center {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 15px;}
.main-buttons-mobile {width: 100%}
.img-flat {max-width: 70%; display: block; margin: 0 auto}
.flat-logo {display: none}
.plan-floor-num-b .img-fluid {transform: translateX(-15%);}
}


@media (max-width:991.98px) {
.plan-map-mobile, .plan-floor-num {text-align: center; width: 100%}
.plan-map-mobile .img-fluid {max-width: 320px}
.plan-floor-num .img-fluid {max-width: 320px}
}

@media (max-width:767.98px) {
.plan-map-mobile {text-align: right;}
.plan-map-mobile .img-fluid {max-width: 100%}
.plan-floor-num .img-fluid {max-width: 100%}
.jumbotron-replan {font-size: 90%; max-width: 300px}
.jumbotron {padding: .5rem 1rem;}
.plan-a-width {width: 100%}
.img-flat {max-width: 80%;}
}

@media (max-width:767.98px) and (orientation: portrait) {
.plan-interactive {/*writing-mode: horizontal-tb;*/ transform: rotate(90deg); position: absolute; left: 0; top: 0; right: 0;}
.plan-interactive.counter-clockwise {transform: rotate(-90deg); position: absolute; top: auto; bottom: 0;}
.plan-interactive .img-fluid {height: calc(100vw - 30px); width: auto; max-width: none;}
.img-mobile-height {display: block; width: 100%}
.img-digits-mobile {display: block}
.img-digits-desktop {display: none}

}

@media (max-width:767.98px) and (orientation: landscape) {
.plan-floor-num .img-fluid, .plan-map .img-fluid {max-width: 50%}
.plan-map {text-align: center}
.plan-map-vertical {display: block;}
.plan-map-horisontal {display: none;}
/*.col-plan-sidebar {order: 2}
.col-plan-content {order: 1}*/
}

@media (max-width:479.98px) {
.plan-map img {margin-top: -11%;}
.img-flat {max-width: 90%;}
}



@media (min-width:768px) {
.plan-a-width {width: 88.8%}
.plan-map-vertical {display: block}
.plan-map-horisontal {display: none}
.tooltip-inner a {display: none}
.jumbotron-replan {max-width: 380px}
/*.col-schemes {order: 2}
.col-plans {order: 1}*/
}

@media (min-width:1200px) {
.main-buttons-desktop {display: block}
.main-buttons-mobile, .jumbotron-mobile {display: none}
}


.font-weight-bold .small {font-weight: bold}



/* gray/blue color theme */
.col-house-interactive .bg-secondary {/*background-color: #efefef !important;*/}
.col-house-interactive .bg-primary {background-color: #fff !important;}
.col-house-interactive .btn-link {color: #1c1c1c}
.col-house-interactive .btn-brand-red {
  color: #1c1c1c !important;
  background-color: #afe6e6 !important;
  border-color: #afe6e6 !important;
}
.col-house-interactive .btn-brand-red:hover, .col-house-interactive .btn-brand-red:not(:disabled):not(.disabled):active, .col-house-interactive .btn-brand-red:not(:disabled):not(.disabled).active, .col-house-interactive .show > .btn-brand-red.dropdown-toggle {
  color: #fff !important;
  background-color: #ff7176 !important;
  border-color: #ff7176 !important;

}

.col-house-interactive .brand-color-pink, .col-house-interactive .brand-color-blue {color: #1c1c1c !important;}

.col-house-interactive .house-interactive svg {/*mix-blend-mode: multiply;*/}
.col-house-interactive .house-interactive a:hover polygon, .col-house-interactive .house-interactive a:hover path, .col-house-interactive .floor-active polygon, .col-house-interactive .floor-active path {/*fill: #fff; fill-opacity: .7;*/ fill: #7ecece; fill-opacity: .5;}

.col-house-interactive .custom-nav-tabs.nav-tabs .nav-link.active, .col-house-interactive .custom-nav-tabs.nav-tabs .nav-link:hover, .col-house-interactive .custom-nav-tabs.nav-tabs .nav-link:focus {
  /*background-color: #efefef;
  color: #1c1c1c;*/
}

.col-house-interactive .table-striped tbody tr:nth-of-type(2n+1) {background-color: #fff;}
.col-house-interactive .table-striped tbody tr:nth-of-type(2n+2) {background-color: #f7f8f8;}
.col-house-interactive th.brand-color-red {color: #1c1c1c !important}


.col-house-interactive .custom-accordion .badge {background: linear-gradient(90deg, var(--white), var(--white)) 0 15%; background-repeat: no-repeat; background-size: 0 0}
.col-house-interactive .custom-accordion .btn-link:hover .badge, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge {background: linear-gradient(90deg, var(--white), var(--white)) 0 15%; background-repeat: no-repeat;}
.col-house-interactive .custom-accordion .badge.kv-12, .col-house-interactive .custom-accordion .btn-link:hover .badge.kv-12, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-12 {background-size: 100% 100%}
.col-house-interactive .custom-accordion .badge.kv-11, .col-house-interactive .custom-accordion .btn-link:hover .badge.kv-11, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-11 {background-size: 91.66% 100%}
.col-house-interactive .custom-accordion .badge.kv-10, .col-house-interactive .custom-accordion .btn-link:hover .badge.kv-10, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-10 {background-size: 83.33% 100%}
.col-house-interactive .custom-accordion .badge.kv-9, .col-house-interactive .custom-accordion .btn-link:hover .badge.kv-9, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-9 {background-size: 75% 100%}
.col-house-interactive .custom-accordion .badge.kv-8, .col-house-interactive .custom-accordion .btn-link:hover .badge.kv-8, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-8 {background-size: 66.66% 100%}
.col-house-interactive .custom-accordion .badge.kv-7, .col-house-interactive .custom-accordion .btn-link:hover .badge.kv-7, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-7 {background-size: 58.33% 100%}
.col-house-interactive .custom-accordion .badge.kv-6, .col-house-interactive .custom-accordion .btn-link:hover .badge.kv-6, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-6 {background-size: 50% 100%}
.col-house-interactive .custom-accordion .badge.kv-5, .col-house-interactive .custom-accordion .btn-link:hover .badge.kv-5, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-5 {background-size: 41.66% 100%}
.col-house-interactive .custom-accordion .badge.kv-4, .col-house-interactive .custom-accordion .btn-link:hover .badge.kv-4, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-4 {background-size: 33.33% 100%}
.col-house-interactive .custom-accordion .badge.kv-3, .col-house-interactive .custom-accordion .btn-link:hover .badge.kv-3, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-3 {background-size: 25% 100%}
.col-house-interactive .custom-accordion .badge.kv-2, .col-house-interactive .custom-accordion .btn-link:hover .badge.kv-2, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-2 {background-size: 16.66% 100%}
.col-house-interactive .custom-accordion .badge.kv-1, .col-house-interactive .custom-accordion .btn-link:hover .badge.kv-1, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge.kv-1 {background-size: 8.33% 100%}

.col-house-interactive .custom-accordion .badge {background-color: #d7d5d5 !important; color: #1c1c1c !important;}
.col-house-interactive .custom-accordion .badge.kv-is-sold {background-size: 0 !important}
.col-house-interactive .custom-accordion .btn-link:hover .badge, .col-house-interactive .custom-accordion .btn-link[aria-expanded="true"] .badge {background-color: #d7d5d5 !important; color: #1c1c1c !important}

.col-house-interactive .custom-accordion .btn-link.floor-hover-delay:hover {pointer-events: none}
.col-house-interactive .custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge {background: linear-gradient(90deg, var(--white), var(--white)) 0 15%; background-repeat: no-repeat; background-size: 0 0}

.col-house-interactive .custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-12 {background-size: 100% 100%}
.col-house-interactive .custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-11 {background-size: 91.66% 100%}
.col-house-interactive .custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-10 {background-size: 83.33% 100%}
.col-house-interactive .custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-9 {background-size: 75% 100%}
.col-house-interactive .custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-8 {background-size: 66.66% 100%}
.col-house-interactive .custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-7 {background-size: 58.33% 100%}
.col-house-interactive .custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-6 {background-size: 50% 100%}
.col-house-interactive .custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-5 {background-size: 41.66% 100%}
.col-house-interactive .custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-4 {background-size: 33.33% 100%}
.col-house-interactive .custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-3 {background-size: 25% 100%}
.col-house-interactive .custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-2 {background-size: 16.66% 100%}
.col-house-interactive .custom-accordion .btn-link.floor-hover-delay[aria-expanded="false"] .badge.kv-1 {background-size: 8.33% 100%}



.col-house-interactive .custom-accordion .btn-link:hover, .custom-accordion .btn-link[aria-expanded="true"] {background-color: #afe6e6; color: #1c1c1c !important;}

.col-house-interactive {}

.disabled:not(.link-item) {opacity: 1;}

/*.filter-panel-wrapper {display: none}*/

.top-content-block .section-block, .filter-panel.sort_header .filter-panel__sort, .filter-panel.sort_header .filter-panel__view {display: none !important}
.filter-panel.sort_header .filter-panel__sort.filter-compact {display: block !important}

@media screen and (max-width: 767px), projection and (max-width: 767px), tv and (max-width: 767px), handheld and (max-width: 767px) {
  /*.bx_filter.bx_filter_vertical {display: block !important; position: relative !important;}*/
  .bx_filter_vertical input[type="checkbox"] + label.disabled {opacity: 0.4}
}


.wraps > .wrapper_inner {padding: 0; max-width: none}


@media (min-width: 768px) {
.filter-panel.sort_header.view_block.show-compact {display: none}
}
.top-content-block {display: none}
.top-block-wrapper {display: none}
.viewed_product_block {display: none}
.middle > .container {width: 100% !important; padding: 0px !important; position: relative; max-width: none;}

.not-filter-section .filter-panel-wrapper {display: none}

body:not(.not-filter-section) .list-schedule :not(.nav) a {color: #1c1c1c}
body:not(.not-filter-section) .list-schedule :not(.nav) a:hover {color: #ff7176}
body:not(.not-filter-section) .list-schedule :not(.nav) li {width: 14.286%; padding: 0.35rem; border-bottom: 1px solid #e2e2e2}
body:not(.not-filter-section) .list-schedule :not(.nav) li:first-child {width: 6%}
body:not(.not-filter-section) .list-schedule :not(.nav) li:nth-child(3) {width: 8%}
body:not(.not-filter-section) .list-schedule :not(.nav) li:nth-child(4) {width: 11%}
body:not(.not-filter-section) .list-schedule :not(.nav) li:nth-child(6), body:not(.not-filter-section) .list-schedule :not(.nav) li:nth-child(7) {width: 15%}
body:not(.not-filter-section) .list-schedule :not(.nav) li:nth-child(2) {width: 16%}
body:not(.not-filter-section) .list-schedule :not(.nav) li:nth-child(5) {width: 29%}
body:not(.not-filter-section) .list-schedule ul:not(.nav):hover {background-color: #efefef;}
body:not(.not-filter-section) .list-schedule.list-schedule-title ul:not(.nav):hover {background-color: #fff;}
@media (max-width:1199.98px) {
body:not(.not-filter-section) .list-schedule :not(.nav) li {font-size: 0.8rem}
}
@media (max-width:719.98px) {
body:not(.not-filter-section) .list-schedule :not(.nav) li {font-size: 0.7rem}
}
@media (max-width:479.98px) {
body:not(.not-filter-section) .list-schedule :not(.nav) li {font-size: 0.6rem}
body:not(.not-filter-section) .list-schedule.list-schedule-title :not(.nav) li {font-size: 0.5rem}
.catalog_flats_template .nav-pills .nav-item {font-size: 0.9rem}
}

.right_block:not(.catalog_page_detail_with_left) .product-view--side-left {float: none; width: 100%}
.bx_filter.compact .bx_filter_parameters_box.set .bx_filter_parameters_box_title.title {color: #1c1c1c;}
.bx_filter.compact .bx_filter_parameters_box.set {background: #afe6e6 !important}
/*.bx_filter .bx_filter_parameters_box:not(.title):hover {background: #afe6e6}*/
.bx_filter.compact .bx_filter_parameters_box.set .bx_filter_parameters_box_title svg path {fill: #292a2b;}
svg .cls-1, svg .cls-2, svg .sscls-1, svg .sscls-2, svg .nspcls-1, svg .cccls-1 {fill: #292a2b;}
.bx_filter.compact .bx_filter_parameters_box_title {font-size: 1rem;}

.bx_filter_parameters_box[data-property_id="ASPRO_FILTER_SORT"] {display: none !important}

/*.bx_filter .bx_filter_parameters_box_container .bx_filter_input_container input {background: #efefef;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], select, textarea {color: #292a2b;}
.bx_filter .bx_filter_parameters_box_title, .bx_filter.compact .bx_filter_parameters_box.set .bx_filter_parameters_box_title.title {color: #292a2b;}
.bx_filter_vertical input[type="checkbox"] + label::after, .filter input[type="checkbox"] + label::after, .bg_block::after {box-shadow: 0px 0px 0px 1px #bfbfbf inset; background: #efefef;}*/
@media (min-width: 768px) {
  /*.bx_filter.compact .bx_filter_parameters_box_title:hover .bx_filter_param_text, .bx_filter.compact .bx_filter_parameters_box_title:hover {color: #1c1c1c;}
  .bx_filter.compact .bx_filter_parameters_box .bx_filter_parameters_box_title:not(.filter_title):not(:hover) {border-color: #bfbfbf;}.bx_filter_vertical.compact .bx_filter_block label:not(.selected), .bx_filter_vertical .bx_filter_block label:not(.selected) span {color: #292a2b;}
  .bx_filter.compact .bx_filter_button_box {border-color: #bfbfbf; background: #efefef;}*/
  .bx_filter.compact .bx_filter_button_box .bx_filter_container_modef {margin: 12px 5px 0px 18px; padding-bottom: 14px; /*color: #686767*/}
}

.th-mobile {display: none !important}



/* landing */
.preloader-picker + #landing-houses001 {visibility: hidden; opacity: 0;}
.preloader-picker.preloaded + #landing-houses001 {visibility: visible; opacity: 1;}
#landing-slogan001 {margin-bottom: -9.75%; z-index: 10;}
#landing-houses001 {z-index: 5; padding-top: 4%;}
#landing-slogan001-text {width: 77.61%;}
#landing-houses001-images {width: 44.35%}
#landing-houses001-images-bird {position: absolute; right: -28%; top: -8%; width: 48%; /*visibility: hidden*/}
#landing-houses001-left {width: 30.9%}
#landing-houses001-right {width: 24.75%}
@media (max-width:991.98px) {
#landing-title001 {font-size: 1rem;}
#landing-slogan001 {margin-bottom: 0.5rem; margin-top: 1rem;}
#landing-slogan001-text {width: 90%;}
#landing-houses001 {z-index: 15; padding-top: 0;}
#landing-houses001-images {width: 84%;}
#landing-houses001-images-bird {right: -10%; top: -8%; width: 30%;}
#landing-houses001-left, #landing-houses001-right {width: 100%}
#landing-houses001-left .btn, #landing-houses001-right .btn {width: 321.05px; white-space: nowrap}
#landing-houses001 .btn {font-size: 1rem; padding: .375rem .75rem;}
}
@media (min-width:992px) {
#landing-houses001-left, #landing-houses001-right {height: 25%}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
#landing-houses001 .btn {font-size: .7rem; padding: .375rem .75rem;}
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
#landing-houses001 .btn {font-size: 1rem; padding: .375rem .75rem;}
}
@media (min-width:1200px) {
#landing-slogan001 {margin-bottom: -7%;}
#landing-slogan001-text {width: 50%;}
#landing-houses001-images {width: 31.35%;}
#landing-houses001-left {width: 36.5%;}
#landing-houses001-right {width: 32.15%;}
}

.diagonal-to-top-right {animation-name: diagonal-to-top-right;}
@keyframes diagonal-to-top-right {
  from {
    transform: translateX(-250%) translateY(150%);
	opacity: 0; scale: 0.25;
  }
  to {
    transform: translateX(0px) translateY(0);
	opacity: 1; scale: 1;
  }
}


.img-slogan, .img-absoulte {top: 0; right: 0; left: 0; bottom: 0}
.img-slogan img {width: 85%}
#landing-slogan003-bg img, #landing-slogan005-bg img, #landing-slogan009-bg img, #landing-slogan010-bg img, #landing-slogan012-bg img, #landing-slogan015-bg img {width: 74%; border-radius: 1.25rem;}
#landing-slogan006-bg {left: 35%}
#landing-slogan006-bg img, #landing-slogan006-bg-mobile img {height: 100%; width: auto}
#landing-slogan006-bg-mobile img {margin-right: -7%;}
#landing-slogan014-bg img {max-width: 1000px; width: 65%;}
#landing-slogan007-bg img {height: 82%; width: auto;}
#landing-010-image img, #landing-011-image img {border-radius: 1.25rem 0 0 1.25rem;}

.custom-card {border-radius: 1.25rem 5rem 1.25rem 1.25rem; border-color: #ede8df; border-width: 4px}

@media (min-width: 992px) and (max-width: 1199.98px) {
.landing-row h6.custom-title, .landing-inner-text p, .landing-inner-text ul {font-size: .8rem;}
.landing-inner-subtext {padding-left: 3.125%}
.landing-inner-text h3, .landing-inner-text .h3, .landing-inner-text .h3 .btn-xl {font-size: 1.6rem}
.landing-inner-text h4, .landing-inner-text .h4, .landing-inner-text .h4 .btn-xl {font-size: 1.3rem;}
}
@media (min-width:1200px) {
.landing-inner-text {padding-left: 3.125%; padding-right: 3.125%;}
.landing-inner-text h2 {font-size: 2.25rem}
.custom-card h2 {font-size: 2.25rem}
.custom-card h2 {font-size: 3rem; line-height: 3rem;}
.landing-inner-text h3, .landing-inner-text .h3, .landing-inner-text .h3 .btn-xl {font-size: 2rem}
.landing-inner-text h4, .landing-inner-text .h4, .landing-inner-text .h4 .btn-xl {font-size: 1.5rem;}
}
@media (min-width:1600px) {
.landing-inner-text {padding-left: 5%; padding-right: 5%;}
.landing-inner-text h2 {font-size: 2.5rem}
.custom-card h2 {font-size: 3.5rem; line-height: 3.5rem;}
.landing-inner-text h3, .landing-inner-text .h3, .landing-inner-text .h3 .btn-xl {font-size: 2.3rem}
.landing-inner-text h4, .landing-inner-text .h4, .landing-inner-text .h4 .btn-xl {font-size: 1.65rem;}
}
@media (min-width:1750px) {
.landing-inner-text {padding-left: 7%; padding-right: 7%;}
.landing-inner-text h3, .landing-inner-text .h3, .landing-inner-text .h3 .btn-xl {font-size: 2.4rem}
.landing-inner-text h4, .landing-inner-text .h4, .landing-inner-text .h4 .btn-xl {font-size: 1.70rem;}
}
@media (min-width:1900px) {
.landing-inner-text {padding-left: 9%; padding-right: 9%;}
.landing-inner-text h2 {font-size: 3rem}
.landing-inner-text h3, .landing-inner-text .h3, .landing-inner-text .h3 .btn-xl {font-size: 2.5rem}
.landing-inner-text h4, .landing-inner-text .h4, .landing-inner-text .h4 .btn-xl {font-size: 1.75rem;}
.custom-card h2 {font-size: 4rem; line-height: 4rem;}
}

@media (max-width:991.98px) {
.landing-row h6.custom-title,
.landing-inner-text p, .landing-inner-text ul {font-size: .8rem;}
.landing-inner-text h2, .landing-inner-text h3, .landing-inner-text .h3, .landing-inner-text .h3 .btn-xl {font-size: 1.8rem}
.custom-card h2 {font-size: 2rem; line-height: 2rem;}
#landing-slogan014-bg img {width: 85%;}
}
@media (max-width:413.98px) {
.landing-inner-text h2, .landing-inner-text h3, .landing-inner-text .h3, .landing-inner-text .h3 .btn-xl {font-size: 1.45rem}
}


.bg-special-001 {background-image: linear-gradient(to left, white , #f5dbe8); position: relative}
.bg-special-001-inner {background-image: url('i/landing-bg-special001.png'); background-repeat: no-repeat; background-position: center; background-size: 50%;}
.bg-special-002 {background-image: linear-gradient(to right, white , #f5dbe8); position: relative}
#landing-004-bg {position: absolute; top: 0; right: 0; left: 0; bottom: 0}
#landing-004-images-1 img, #landing-004-images-3 {border-radius: 1rem;}
#landing-slogan007-text img {margin-bottom: 4.5%}
#landing-parallax-001 {background: url('i/landing-bg5-fixed.jpg'); background-attachment: fixed; padding-bottom: 30%; background-repeat: no-repeat; background-position: center bottom; background-size: cover;}
#landing-parallax-002 {background: url('i/landing-bg13-fixed.jpg'); background-attachment: fixed; padding-bottom: 30%; background-repeat: no-repeat; background-position: bottom; background-size: cover; position: relative}
#landing-parallax-002::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.2)}
@media (min-width: 992px) {
#landing-004-images {top: 0; /*left: -35%; right: 13%;*/ left: -28%; right: 16%; bottom: 0; position: absolute}
#landing-004-text .landing-inner-text {padding-right: 40%}
#landing-004-images-3 {border-radius: 0 0 1rem  1rem;}
#landing-006-inner-text, #landing-007-inner-text, #landing-013-inner-text {text-align: center; padding-left: 27%; padding-right: 27%}
#landing-010-image, #landing-011-image {margin-right: -1.5rem;}
}
@media (max-width:1679.98px) {
#landing-parallax-001 {background-position: 35% bottom;}
}
@media (max-width:1679.98px) {
#landing-parallax-001 {background-position: 33% bottom;}
#landing-slogan006-bg {left: 37%;}
}
@media (max-width:1359.98px) {
#landing-parallax-001 {background-position: 31% bottom;}
#landing-slogan006-bg {left: 40%;}
}
@media (max-width:1199.98px) {
#landing-parallax-001 {background-position: 27% bottom;}
#landing-slogan006-bg {left: 50%;}
}
@media (max-width:991.98px) {
.bg-special-001, .bg-special-002 {background-image: linear-gradient(to bottom, white , #f5dbe8);}
#landing-004-bg {display: flex; align-items: end;}
#landing-004-bg img {object-fit: cover; object-position: center; height: 50%;}
#landing-004-images {left: 0; right: 0; position: relative; padding-left: 12.5%; padding-right: 12.5%}
#landing-004-images-inv, #landing-004-images-0, #landing-004-images-2 {display: none !important}
#landing-004-images-1, #landing-slogan007-bg {position: relative !important}
#landing-slogan007-bg {justify-content: center !important; padding-top: 2.5rem;}
#landing-slogan007-bg img {height: auto; width: 90%;}
#landing-008-image {padding-left: 12.5%; padding-right: 12.5%; margin: 0 auto;}
#landing-008-image img {max-width: 300px; width: 100%}
#landing-parallax-001 {padding-bottom: 90%; background-position: 23% bottom;}
#landing-parallax-002 {padding-bottom: 90%;}
#landing-slogan006-bg {display: none !important}

#landing-houses001-left, #landing-houses001-right {/*margin-left: -15px; margin-right: -15px; background-color: #f4eceb*/}
}
@media (max-width:799.98px) {
#landing-parallax-001 {background-position: 20% bottom;}
}
@media (max-width:639.98px) {
#landing-parallax-001 {background-position: 16.4% bottom;}
}
@media (max-width:574.98px) {
#landing-parallax-001 {background-position: 18.2% bottom;}
}
@media (max-width:479.98px) {
#landing-parallax-001 {background-position: 20% bottom;}
}
@media (min-width: 992px) and (max-width: 1599.98px) {
#landing-004-bg {left: 15%; display: flex; align-items: flex-end}
#landing-004-bg img {height: 75%;}
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
#landing-004-images-3 {margin-bottom: 3rem !important;}
}
@media (min-width: 1200px) {
#landing-010-image, #landing-011-image {margin-right: -3rem;}
}
@media (min-width:1600px) {
#landing-004-bg {left: 5%}
#landing-004-bg img {object-fit: contain; object-position: left bottom; width: 110%}
}
@media (min-width:1900px) {
#landing-004-bg {left: 12%}
#landing-004-bg img {width: 100%}
#landing-004-images-3 {margin-bottom: 3rem !important;}
#landing-004-inner-text-last {padding-bottom: 5rem !important;}
}
/* //landing */



.container_inner {display: block !important}
/* plans update */
@media (max-width:1199.98px) {
.col-plan-content {display: flex; flex-direction: column;}
.col-plan-content > .plan-interactive-wrapper {order: 2}
.col-plan-content > .main-buttons-mobile {order: 1}
.col-plan-content > .jumbotron-mobile {order: 3}
.col-plan-content > .row-planresol-title {order: 4}
.col-plan-content > .row-planresol-content {order: 5}
}

.nav-tabs {margin: 0}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {background-color: #fff}


@media (min-width: 992px) {
.flats-landing-row > .col-lg-6 {flex: 0 0 53.5%; max-width: 53.5%;}
.flats-landing-row > .col-lg-6 + .col-lg-6 {flex: 0 0 46.5%; max-width: 46.5%;}
}

.footer-goto-flats .btn {min-width: 260.6px}



.max-logo {width: 28px; height: auto;}

@media (min-width: 992px) and (max-width: 1599.98px) {
.max-logo {width: 19px;}
}

@media (min-width: 992px) and (max-width: 1239.98px) {
#navbarTop .btn {font-size: 0.7rem;}
#navbarTop .btn-link, #infoNav .nav-item {font-size: .8rem;}
}
