html {
--hero-side-padding: 7rem;
}
@media screen and (max-width: 880px) {
html {
--hero-side-padding: 5rem;
}
}
@media screen and (max-width: 650px) {
html {
--hero-side-padding: 3rem;
}
}
@media screen and (max-width: 500px) {
html {
--hero-side-padding: 2rem;
}
}
site-header .logo {
color: white;
}
main > *:first-child {
position: absolute;
z-index: 2;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.breadcrumbs li,
.breadcrumbs li a {
color: white;
}
.breadcrumbs li:not(:last-child)::after {
background-color: #cdcdcd;
}
section.gt-block.apartments-in-building-hero {
position: relative;
padding-top: 62rem;
font-size: 0;
}
@media screen and (max-height: 995px) {
section.gt-block.apartments-in-building-hero {
padding-top: 50rem;
}
}
@media screen and (max-width: 1200px) {
section.gt-block.apartments-in-building-hero {
padding-top: 50rem;
}
}
@media screen and (max-height: 870px) {
section.gt-block.apartments-in-building-hero {
padding-top: 35rem;
}
}
@media screen and (max-width: 880px) {
section.gt-block.apartments-in-building-hero {
padding-top: 35rem;
}
}
section.gt-block.apartments-in-building-hero .background {
position: absolute;
z-index: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
section.gt-block.apartments-in-building-hero .background > img {
width: 100%;
height: 100%;
max-width: initial;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
section.gt-block.apartments-in-building-hero .container {
position: relative;
z-index: 2;
}
section.gt-block.apartments-in-building-hero .container .inner {
padding: 5rem var(--hero-side-padding);
border-radius: 3rem 3rem 0px 0px;
background: rgba(0, 0, 0, 0.5);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
@media screen and (max-width: 880px) {
section.gt-block.apartments-in-building-hero .container .inner {
padding: 3rem var(--hero-side-padding);
}
}
@media screen and (max-width: 650px) {
section.gt-block.apartments-in-building-hero .container .inner {
padding: 3rem var(--hero-side-padding);
}
}
@media screen and (max-width: 500px) {
section.gt-block.apartments-in-building-hero .container .inner {
padding: 2rem var(--hero-side-padding);
}
}
.apartments-in-building-hero__title {
color: var(--base-white);
}
@media screen and (max-height: 995px) {
.apartments-in-building-hero__title {
--fs-rate: 0.65;
}
}
@media screen and (max-width: 1200px) {
.apartments-in-building-hero__title {
--fs-rate: 0.65;
}
}
@media screen and (max-width: 880px) {
.apartments-in-building-hero__title {
--fs-rate: 0.5;
}
}
@media screen and (max-width: 650px) {
.apartments-in-building-hero__title {
--fs-rate: 0.4;
}
}
@media screen and (max-width: 500px) {
.apartments-in-building-hero__title {
--fs-rate: 0.35;
}
}
.apartments-in-building-hero__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 5rem;
gap: 2.5rem;
}
@media screen and (max-width: 1024px) {
.apartments-in-building-hero__text {
margin-top: 3rem;
}
}
.apartments-in-building-hero__text p,
.apartments-in-building-hero__text ul,
.apartments-in-building-hero__text ol {
color: #fff;
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "slnt" 0;
font-weight: 400;
font-size: calc(var(--fs-small-rate) * 2.5rem);
line-height: normal;
font-style: normal;
}
@media screen and (max-width: 500px) {
.apartments-in-building-hero__text p,
.apartments-in-building-hero__text ul,
.apartments-in-building-hero__text ol {
--fs-small-rate: 0.75;
}
}
section.gt-block.apartments-in-building-hero-info {
margin-bottom: 10rem;
}
@media screen and (max-width: 600px) {
section.gt-block.apartments-in-building-hero-info {
margin-bottom: 6rem;
}
}
section.gt-block.apartments-in-building-hero-info .container {
position: relative;
z-index: 2;
}
section.gt-block.apartments-in-building-hero-info .container .inner {
padding: 7rem var(--hero-side-padding);
border-radius: 0 0 3rem 3rem;
background: var(--black-primary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5rem;
}
@media screen and (max-width: 1200px) {
section.gt-block.apartments-in-building-hero-info .container .inner {
gap: 3.5rem;
padding: 3.5rem var(--hero-side-padding);
}
}
@media screen and (max-width: 880px) {
section.gt-block.apartments-in-building-hero-info .container .inner {
padding: 3rem var(--hero-side-padding);
}
}
@media screen and (max-width: 500px) {
section.gt-block.apartments-in-building-hero-info .container .inner {
gap: 2.5rem;
}
}
section.gt-block.apartments-in-building-hero-info .container .inner hr {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
height: 0;
border-top: 1px solid #505050;
}
.apartments-in-building-hero-info__building {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 5rem;
}
@media screen and (max-width: 1000px) {
.apartments-in-building-hero-info__building {
gap: 3.5rem;
}
}
@media screen and (max-width: 600px) {
.apartments-in-building-hero-info__building {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.apartments-in-building-hero-info__building-identity {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 3rem;
}
@media screen and (max-width: 1000px) {
.apartments-in-building-hero-info__building-identity {
gap: 2rem;
}
}
@media screen and (max-width: 600px) {
.apartments-in-building-hero-info__building-identity {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media screen and (max-width: 400px) {
.apartments-in-building-hero-info__building-identity {
gap: 1.6rem;
}
}
.apartments-in-building-hero-info__building-icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 8rem;
flex: 0 0 8rem;
aspect-ratio: 1/1;
border-radius: 0.6rem;
padding: 0.8rem;
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: var(--base-white);
}
@media screen and (max-width: 1000px) {
.apartments-in-building-hero-info__building-icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 6rem;
flex: 0 0 6rem;
}
}
@media screen and (max-width: 400px) {
.apartments-in-building-hero-info__building-icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 5rem;
flex: 0 0 5rem;
}
}
.apartments-in-building-hero-info__building-title {
color: var(--base-white);
font-size: calc(var(--fs-small-rate) * 3.5rem);
line-height: normal;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-style: normal;
}
@media screen and (max-width: 400px) {
.apartments-in-building-hero-info__building-title {
--fs-small-rate: 0.65;
}
}
.apartments-in-building-hero-info .address {
color: var(--base-white);
}
@media screen and (max-width: 600px) {
.apartments-in-building-hero-info .address {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.apartments-in-building-hero-info .address__text {
text-align: right;
}
@media screen and (max-width: 600px) {
.apartments-in-building-hero-info .address__text {
text-align: left;
}
}
.apartments-in-building-hero-info .address__text p {
color: var(--base-white);
}
.apartments-in-building-hero-info__row {
display: grid;
grid-template-columns: 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8rem;
}
@media screen and (max-width: 1200px) {
.apartments-in-building-hero-info__row {
gap: 4rem;
}
}
@media screen and (max-width: 500px) {
.apartments-in-building-hero-info__row {
gap: 2.5rem;
grid-template-columns: 1fr;
}
}
.apartments-in-building-hero-info__row .apartments-in-building-hero-info__price p,
.apartments-in-building-hero-info__row .apartments-in-building-hero-info__available-apartments p {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "slnt" 0;
font-weight: 700; font-size: calc(var(--fs-small-rate) * 4rem);
line-height: normal;
color: var(--base-white);
}
.apartments-in-building-hero-info__row .apartments-in-building-hero-info__price p strong,
.apartments-in-building-hero-info__row .apartments-in-building-hero-info__available-apartments p strong {
color: var(--orange-primary);
}
.apartments-in-building-hero-info__row .apartments-in-building-hero-info__available-apartments p strong {
display: block;
}
@media screen and (max-width: 500px) {
.apartments-in-building-hero-info__row .apartments-in-building-hero-info__available-apartments p strong {
display: inline;
}
}
.apartments-in-building-hero-info__row .apartments-in-building-hero-info__price {
text-align: right;
}
@media screen and (max-width: 500px) {
.apartments-in-building-hero-info__row .apartments-in-building-hero-info__price {
text-align: left;
}
}
.apartments-in-building-hero-info__row .apartments-in-building-hero-info__price p strong {
display: block;
}
@media screen and (max-width: 500px) {
.apartments-in-building-hero-info__row .apartments-in-building-hero-info__price p strong {
display: inline;
}
}
.apartments-table-and-grid {
padding: 5rem 0;
border-bottom: 1px solid #cdcdcd;
}
.apartments-table-and-grid:nth-last-of-type() {
border-bottom: 0;
}
@media screen and (max-width: 1000px) {
.apartments-table-and-grid {
padding: 3rem 0;
}
}
.apartments-table-and-grid .inner-sections {
display: none;
}
.filters-and-view-switcher-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 830px) {
.filters-and-view-switcher-buttons {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.5rem;
}
}
.filters-and-view-switcher-buttons .filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.5rem;
}
.filters-and-view-switcher-buttons .filter .reset-filters-button {
margin-left: 0;
}
.filters-and-view-switcher-buttons .reset-filters-button {
display: none;
width: auto;
color: var(--black-primary);
text-align: center;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-size: 14px;
font-style: normal;
line-height: normal;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border: 1px solid #cdcdcd;
border-radius: 3rem;
height: 5rem;
line-height: 5rem;
padding: 0 3rem;
text-transform: uppercase;
margin-left: 1.5rem;
white-space: nowrap;
}
.filters-and-view-switcher-buttons .reset-filters-button:hover {
color: var(--orange-primary);
cursor: pointer;
}
.filters-and-view-switcher-buttons .reset-filters-button.active {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media screen and (max-width: 670px) {
.filters-and-view-switcher-buttons .reset-filters-button {
margin-left: 0;
}
}
.show-filters-button {
width: 5rem;
height: auto;
aspect-ratio: 1/1;
border: 1px solid #cdcdcd;
border-radius: 2.5rem;
color: var(--black-primary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-size: 0;
}
.show-filters-button:hover {
cursor: pointer;
border-color: var(--black-primary);
}
.switch-view-button {
width: 10rem;
height: 5rem;
border: 1px solid #cdcdcd;
border-radius: 2.5rem;
color: var(--black-primary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-size: 0;
}
@media screen and (max-width: 1000px) {
.switch-view-button {
display: none;
}
}
@media screen and (max-width: 830px) {
.switch-view-button {
margin-left: auto;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.switch-view-button__icon {
width: 4rem;
height: auto;
aspect-ratio: 1/1;
font-size: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--base-black);
border-radius: 100%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.switch-view-button__icon:hover {
cursor: pointer;
background: var(--base-black);
color: var(--orange-primary);
}
.switch-view-button__icon--active {
cursor: pointer;
background: var(--orange-secondary);
color: var(--base-black);
}
.apartments-filters-wrap {
display: none;
}
.apartments-filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 3rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding: 5rem 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 1200px) {
.apartments-filters {
gap: 1.5rem;
padding: 2.5rem 0;
}
}
.apartments-filters__separator {
width: 2px;
background: #cdcdcd;
}
@media screen and (max-width: 1090px) {
.apartments-filters__separator:nth-of-type(4) {
display: none;
}
}
@media screen and (max-width: 670px) {
.apartments-filters__separator {
display: none;
}
}
.apartments-filters__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc((100% - 12rem - 4px) / 3);
flex: 0 0 calc((100% - 12rem - 4px) / 3);
width: calc((100% - 12rem - 4px) / 3);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 3rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 0.6rem;
}
@media screen and (max-width: 1200px) {
.apartments-filters__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc((100% - 6rem - 4px) / 3);
flex: 0 0 calc((100% - 6rem - 4px) / 3);
width: calc((100% - 6rem - 4px) / 3);
}
}
@media screen and (max-width: 1090px) {
.apartments-filters__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc((100% - 6rem - 2px) / 2);
flex: 0 0 calc((100% - 6rem - 2px) / 2);
width: calc((100% - 6rem - 2px) / 2);
}
}
@media screen and (max-width: 670px) {
.apartments-filters__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
.apartments-filters__title {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-size: 12px;
font-style: normal;
line-height: 2.16;
text-transform: uppercase;
margin-bottom: 1rem;
}
.apartments-filters__checkboxes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.5rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.apartments-filters__checkboxes > div {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc((100% - 3rem) / 3);
flex: 0 0 calc((100% - 3rem) / 3);
width: calc((100% - 3rem) / 3);
}
@media screen and (max-width: 1200px) {
.apartments-filters__checkboxes > div {
min-width: 11.2rem;
}
}
.apartments-filters__selects {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
}
.apartments-filters__footer {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
}
.checkboxes-as-tags {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 3rem 1rem;
}
@media screen and (max-width: 1090px) {
.checkboxes-as-tags {
gap: 1.5rem 1rem;
grid-template-columns: repeat(2, 1fr);
}
}
.checkboxes-as-tags .checkbox-as-tag input[type=checkbox] {
display: none;
}
.checkboxes-as-tags .checkbox-as-tag input[type=checkbox]:checked + label {
background: var(--orange-primary);
border-color: var(--orange-primary);
}
.checkboxes-as-tags .checkbox-as-tag label {
display: block;
width: 100%;
color: var(--black-primary);
text-align: center;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-size: 14px;
font-style: normal;
line-height: normal;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border: 1px solid #cdcdcd;
border-radius: 2rem;
height: 4rem;
line-height: 4rem;
}
.checkboxes-as-tags .checkbox-as-tag label:hover {
border-color: var(--orange-primary);
}
img.attachment-equipment_image {
border-radius: 2rem;
}
.range-filter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
.range-filter__value {
-webkit-box-flex: 0;
-ms-flex: 0 0 9rem;
flex: 0 0 9rem;
width: 9rem;
color: var(--black-primary);
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-size: 1.6rem;
font-style: normal;
line-height: normal;
}
.range-filter__value--second {
text-align: right;
}
.range-filter .range-slider-wrap {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0.6em;
}
.range-filter .ui-widget.ui-widget-content {
border: none;
height: 0.4rem;
border-radius: 0.25rem;
background: #cdcdcd;
}
.range-filter .ui-slider .ui-slider-range {
background: var(--orange-primary);
}
.range-filter .ui-state-default,
.range-filter .ui-widget-content .ui-state-default {
border: none;
width: 2.4rem;
height: 0.8rem;
border-radius: 0.8rem;
background: var(--black-primary);
top: -0.2rem;
}
.range-filter .ui-state-default.ui-state-hover,
.range-filter .ui-widget-content .ui-state-default.ui-state-hover {
background: var(--black-primary);
}
.checkbox-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.5rem;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.checkbox-wrap label {
color: var(--black-primary);
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-size: 12px;
font-style: normal;
line-height: normal;
}
.checkbox-wrap .icheckbox {
--width: 4rem;
width: var(--width);
height: var(--width);
-webkit-box-flex: 0;
-ms-flex: 0 0 var(--width);
flex: 0 0 var(--width);
}
@media screen and (max-width: 1200px) {
.checkbox-wrap .icheckbox {
--width: 3rem;
}
}
.checkbox-wrap .icheckbox.hover {
border-color: var(--orange-primary);
}
.checkbox-wrap .icheckbox.checked {
background: var(--orange-primary);
border-color: var(--orange-primary);
}
form .select-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
form .select-wrap label {
-webkit-box-flex: 0;
-ms-flex: 0 0 3.5rem;
flex: 0 0 3.5rem;
width: 3.5rem;
color: var(--black-primary);
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-size: 1.6rem;
font-style: normal;
line-height: normal;
}
form .select-wrap select {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
form .select-wrap .selectboxit-container {
height: 4rem;
}
form .select-wrap .selectboxit-container * {
font-size: 1.6rem;
}
form .select-wrap .selectboxit-container .selectboxit {
padding-right: 1rem;
}
.section--apartments-table {
padding: 5rem 0 0 0;
display: none;
--gap: 2rem;
}
.section--apartments-table.show {
display: block;
}
@media screen and (max-width: 1000px) {
.section--apartments-table {
padding: 3rem 0 0 0;
}
.section--apartments-table.show {
display: none;
}
}
.apartments-type-table-header {
--gap: 2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
gap: var(--gap);
}
@media screen and (max-width: 750px) {
.apartments-type-table-header {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
--gap: 1rem;
}
}
.apartments-type-table-header__arrow {
font-size: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 5rem;
flex: 0 0 5rem;
width: 5rem;
}
.apartments-type-table-header__arrow.active .icon {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.apartments-type-table-header__arrow .icon {
width: 100%;
height: auto;
aspect-ratio: 1/1;
border: 1px solid #cdcdcd;
border-radius: 2.5rem;
color: var(--black-primary);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.apartments-type-table-header__arrow .icon:hover {
cursor: pointer;
border-color: var(--black-primary);
}
.apartments-type-table-header__title {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.apartments-type-table-header__title .heading-h2 {
text-transform: initial;
}
.apartments-count-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gap);
}
@media screen and (max-width: 750px) {
.apartments-count-items {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
@media screen and (max-width: 440px) {
.apartments-count-items {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.apartments-count-items svg {
display: none;
}
}
.apartments-count-item {
--color: var(--black-primary);
text-align: center;
width: 11.5rem;
}
.apartments-count-item.apartments-count-item--green {
--color: var(--green-primary);
}
.apartments-count-item.apartments-count-item--orange {
--color: var(--orange-primary);
}
@media screen and (max-width: 440px) {
.apartments-count-item {
width: 100%;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
}
.apartments-count-item p.small-text {
color: var(--color);
text-align: center;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-size: 12px;
font-style: normal;
line-height: normal;
text-transform: uppercase;
margin-bottom: 0.5rem;
white-space: nowrap;
}
@media screen and (max-width: 440px) {
.apartments-count-item p.small-text {
margin-bottom: 0;
}
}
.apartments-count-item p.number {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "slnt" 0;
font-weight: 700; font-size: calc(var(--fs-small-rate) * 4rem);
line-height: normal;
color: var(--color);
}
@media screen and (max-width: 440px) {
.apartments-count-item p.number {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-size: 12px;
font-style: normal;
line-height: normal;
text-transform: uppercase;
}
}
.apartments-table.apartments-table--mobile {
display: none;
}
@media screen and (max-width: 700px) {
.apartments-table {
display: none;
}
.apartments-table.apartments-table--mobile {
display: block;
}
}
.apartments-table__row {
font-size: 0;
--bg: #fff;
background: var(--bg);
}
.apartments-table__row:nth-of-type(2n + 1) {
--bg: #f5f2f0;
}
.apartments-table__row--header, .apartments-table__row--footer {
--bg: #fff !important;
}
.apartments-table__row--header .apartments-table__col, .apartments-table__row--footer .apartments-table__col {
padding: 2rem 0;
}
.apartments-table__row--header .apartments-table__col .btn, .apartments-table__row--footer .apartments-table__col .btn {
height: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
padding-top: 0;
padding-bottom: 0;
border-top: 0;
border-bottom: 0;
}
.apartments-table__row--header .apartments-table__col p, .apartments-table__row--footer .apartments-table__col p {
text-transform: uppercase;
}
.apartments-table__row--header {
border-bottom: 1px solid #cdcdcd;
position: sticky;
top: 0;
z-index: 50;
}
.apartments-table__row--footer .apartments-table__col {
padding: 0;
}
.apartments-table__row--footer .apartments-table__col p {
height: 0;
opacity: 0;
visibility: hidden;
}
.apartments-table__row--footer .master-scrollbar {
border: 0 !important;
height: 3px;
padding: 0;
background: rgba(255, 184, 0, 0.4);
border-radius: 3px;
}
.apartments-table__row--footer .master-scrollbar .simplebar-wrapper {
height: 3px;
}
.apartments-table__row--footer .master-scrollbar .simplebar-track.simplebar-vertical {
display: none;
}
.apartments-table__row--footer .master-scrollbar .simplebar-track.simplebar-horizontal {
height: 3px;
}
.apartments-table__row--footer .master-scrollbar .simplebar-scrollbar:before {
opacity: 1;
z-index: 5;
height: 8px;
top: 0;
bottom: 0;
background: var(--black-primary);
border-radius: 7px;
}
.apartments-table__row--footer .master-scrollbar > div:nth-child(4) > div:before {
opacity: 0 !important;
}
.apartments-table__row .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
gap: 1.5rem;
}
.apartments-table__col {
-webkit-box-flex: 0;
-ms-flex: 0 0 10rem;
flex: 0 0 10rem;
width: 10rem;
text-align: center;
padding: 2.5rem 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.apartments-table__col--sticky {
-webkit-box-flex: 0;
-ms-flex: 0 0 5rem;
flex: 0 0 5rem;
width: 5rem;
}
.apartments-table__col--btn {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding: 2rem 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.apartments-table__col--parking p {
text-transform: lowercase;
}
.apartments-table__col p {
text-align: center;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-size: 12px;
font-style: normal;
line-height: normal;
}
.apartments-table__col .btn {
padding: 1.6rem;
white-space: nowrap;
}
.apartments-table__scrollable,
.apartments-table .master-scrollbar {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-x: auto;
padding: 0 1.5rem;
border: 1px solid #cdcdcd;
border-top: 0;
border-bottom: 0;
}
@media screen and (max-width: 700px) {
.apartments-table__scrollable,
.apartments-table .master-scrollbar {
border-right: 0;
}
}
.apartments-table__scrollable {
position: relative;
}
.apartments-table__scrollable:before {
position: absolute;
content: "";
width: 1.3rem;
height: 100%;
left: 0;
top: 0;
background: var(--bg);
}
.apartments-table__scrollable:after {
position: absolute;
content: "";
width: 1.3rem;
height: 100%;
right: 0;
top: 0;
background: var(--bg);
}
@media screen and (max-width: 700px) {
.apartments-table__scrollable:after {
display: none;
}
}
.apartments-table__scrollable .simplebar-track.simplebar-vertical,
.apartments-table__scrollable .simplebar-track.simplebar-horizontal {
display: none;
min-height: 0;
height: 0;
}
.apartments-table__scrollable .simplebar-track.simplebar-horizontal.hovered {
height: 8px;
min-height: 8px;
background: transparent;
}
.apartments-table__scrollable .simplebar-track.simplebar-horizontal.hovered:after {
position: absolute;
content: "";
left: 0;
top: 50%;
width: 100%;
height: 4px;
background: rgba(255, 184, 0, 0.4);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}
.apartments-table__scrollable .simplebar-track.simplebar-horizontal.hovered .simplebar-scrollbar {
background: black;
border-radius: 7px;
height: calc(100% + 4px);
top: -2px;
}
.apartments-table__scrollable .simplebar-scrollbar {
min-height: 0;
height: 0;
}
.apartments-table__scrollable .simplebar-offset {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.apartments-table__scrollable-cols {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
section.section--apartments-grid {
display: none;
}
section.section--apartments-grid.show {
display: block;
}
@media screen and (max-width: 1000px) {
section.section--apartments-grid {
display: block;
}
}
section.section--apartments-grid .container {
max-width: 100%;
}
.apartment-grid-item-wrapper {
--bg: #fff;
background: var(--bg);
}
.apartment-grid-item-wrapper:nth-of-type(even) {
--bg: #f5f2f0;
}
.apartment-grid-item {
--gap: 3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: var(--gap);
padding: 5rem 0;
}
@media screen and (max-width: 1000px) {
.apartment-grid-item {
padding: 3rem 0;
}
}
@media screen and (max-width: 670px) {
.apartment-grid-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.apartment-grid-item:nth-last-of-type() {
padding-bottom: 0;
}
.apartment-grid-item .left-col {
margin-left: calc(var(--padding-from-left, 36rem) + 2.5rem);
-webkit-box-flex: 0;
-ms-flex: 0 0 40rem;
flex: 0 0 40rem;
width: 40rem;
}
@media screen and (max-width: 670px) {
.apartment-grid-item .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
margin-left: 0;
padding: 0 2.5rem;
}
}
.apartment-grid-item .left-col .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 450px) {
.apartment-grid-item .left-col .inner p.heading-h3 {
--fs-rate: 0.85;
}
}
.apartment-grid-item__logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.apartment-grid-item__logo .image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 8rem;
-webkit-box-flex: 0;
-ms-flex: 0 0 8rem;
flex: 0 0 8rem;
padding: 0.8rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-o-object-fit: contain;
object-fit: contain;
aspect-ratio: 1/1;
font-size: 0;
border: 1px solid #dedbd9;
border-radius: 0.6rem;
}
.apartment-grid-item__logo p {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-size: calc(var(--fs-small-rate) * 2.5rem);
line-height: 1;
}
.apartment-grid-item__address {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.apartment-grid-item__address p {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "slnt" 0;
font-weight: 700;
font-size: calc(var(--fs-small-rate) * 1.2rem);
line-height: 1;
text-transform: uppercase;
}
.apartment-grid-item__area-and-available {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.apartment-grid-item__area-and-available p {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "slnt" 0;
font-weight: 700;
font-size: calc(var(--fs-small-rate) * 1.8rem);
line-height: 1.4444444444;
font-style: normal;
}
.apartment-grid-item__info {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media screen and (max-width: 350px) {
.apartment-grid-item__info {
grid-template-columns: 1fr;
}
}
.apartment-grid-item__info p {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "slnt" 0;
font-weight: 700;
font-size: 14px;
font-style: normal;
line-height: 2.14;
}
.apartment-grid-item__info span {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "slnt" 0;
font-weight: 400;
font-size: 14px;
font-style: normal;
line-height: normal;
}
.apartment-grid-item__prices {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media screen and (max-width: 350px) {
.apartment-grid-item__prices {
grid-template-columns: 1fr;
}
}
.apartment-grid-item__prices p.value {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "slnt" 0;
font-weight: 700;
font-size: calc(var(--fs-small-rate) * 1.8rem);
line-height: 1.4444444444;
}
.apartment-grid-item__buttons {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 1rem;
}
.apartment-grid-item .title {
color: #1a1a2c;
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-size: 12px;
font-style: normal;
line-height: 2.16;
text-transform: uppercase;
}
.apartment-grid-item .right-col {
overflow: hidden;
padding-right: 2.5rem;
width: 100%;
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 69px;
}
@media screen and (max-width: 1500px) {
.apartment-grid-item .right-col {
margin-top: 65px;
}
}
@media screen and (max-width: 1240px) {
.apartment-grid-item .right-col {
margin-top: 60px;
}
}
@media screen and (max-width: 1024px) {
.apartment-grid-item .right-col {
margin-top: 54px;
}
}
@media screen and (max-width: 670px) {
.apartment-grid-item .right-col {
width: 100%;
padding: 0 2.5rem;
margin-top: 14px;
}
}
.apartment-grid-item .right-col img {
border-radius: 3rem;
width: 100%;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
height: 392px;
width: 392px;
}
.apartment-grid-item .right-col .swiper-slide {
width: -webkit-max-content !important;
width: -moz-max-content !important;
width: max-content !important;
}
.apartment-grid-item .right-col .swiper-slide__square {
position: relative;
width: 411px;
height: 411px;
overflow: hidden;
}
@media screen and (max-width: 1500px) {
.apartment-grid-item .right-col .swiper-slide__square {
height: 392px;
width: 392px;
}
}
@media screen and (max-width: 1240px) {
.apartment-grid-item .right-col .swiper-slide__square {
height: 383px;
width: 383px;
}
}
@media screen and (max-width: 1024px) {
.apartment-grid-item .right-col .swiper-slide__square {
height: 383px;
width: 383px;
}
}
.apartment-grid-item .right-col .swiper-slide__square img {
border-radius: 3rem;
aspect-ratio: 1/1;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.apartments-table__row:hover {
cursor: -webkit-grab;
cursor: grab;
}
.apartments-table__scrollable .simplebar-track.simplebar-horizontal {
display: block;
height: 11px;
min-height: 11px;
height: 100%;
background: transparent;
}
.apartments-table__scrollable .simplebar-track.simplebar-horizontal:hover {
cursor: -webkit-grab;
cursor: grab;
}
.apartments-table__scrollable .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
width: 100% !important;
height: 100%;
}
.apartments-table__scrollable .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
width: 100%;
height: 100%;
background: transparent;
} .nearest-neighborhood {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
min-height: var(--map-min-height);
gap: var(--basic-padding);
}
@media screen and (max-width: 700px) {
.nearest-neighborhood {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 2.5rem;
}
}
.nearest-neighborhood .gmap-nearest {
height: max(100%, var(--map-min-height));
border-radius: 0 3rem 3rem 0;
}
@media screen and (min-width: 1930px) {
.nearest-neighborhood .gmap-nearest {
border-radius: 3rem;
}
}
@media screen and (max-width: 700px) {
.nearest-neighborhood .gmap-nearest {
border-radius: 1.5rem;
}
}
.nearest-neighborhood__groups {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
gap: 5rem 2rem;
container-type: inline-size;
}
.neighborhood-group {
width: calc(50% - 1rem);
}
@container (max-width: 40rem) {
.neighborhood-group {
width: 100%;
}
}
.neighborhood-group__title {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
display: block;
margin-bottom: 2rem;
font-size: 12px;
line-height: normal;
text-transform: uppercase;
color: var(--blak-primary);
}
.neighborhood-group__items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2rem;
list-style: none;
}
.neighborhood-group__items li {
padding-left: 2.4rem;
background-image: url(//urbaneo.cz/wp-content/themes/unifer-urbaneo/assets/svg/pin-circle_dark.svg);
background-repeat: no-repeat;
background-size: 1.4rem 2rem;
background-position: left center;
}
.apartments-table__row--detail {
width: 100%;
padding: 5rem 0 10rem 0;
background: #e5dfdb;
display: none;
}
.apartments-table__row--detail.apartment-single {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.apartments-table__row--detail.apartment-single .close-button {
display: none;
}
.apartments-table__row--detail-content {
width: 100%;
max-width: 120rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 5rem;
-ms-flex-item-align: stretch;
align-self: stretch;
margin: 0 auto;
}
.apartments-table__row--detail-content-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.apartments-table__row--detail-content-header .close-button {
cursor: pointer;
}
.apartments-table__row--detail-content-header .close-button svg {
width: 100%;
max-width: 5rem;
height: 5rem;
}
.apartments-table__row--detail-content-header .close-button svg path,
.apartments-table__row--detail-content-header .close-button svg circle {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.apartments-table__row--detail-content-header .close-button svg:hover path,
.apartments-table__row--detail-content-header .close-button svg:hover circle {
stroke: #ffb800;
}
.apartments-table__row--detail-content-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 6rem;
padding: 0rem 0.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 27rem;
border: 1px solid #bdb1a9;
}
@media screen and (max-width: 700px) {
.apartments-table__row--detail-content-menu {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border: none;
height: auto;
}
}
.apartments-table__row--detail-content-menu .btn--small {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 5rem;
min-height: 4rem;
padding: 1rem 2rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.apartments-table__row--detail-content-menu .btn {
background: transparent;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.apartments-table__row--detail-content-menu .btn:hover {
border-radius: 5rem;
background: #ffb800;
}
.apartments-table__row--detail-content-menu .btn.active {
background: #ffb800;
}
@media screen and (max-width: 700px) {
.apartments-table__row--detail-content-menu .btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 6rem;
padding: 0rem 0.5rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 27rem;
border: 1px solid #bdb1a9;
}
}
.apartments-table__row--detail-content .floor-plan-detail {
display: none;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
@media screen and (max-width: 700px) {
.apartments-table__row--detail-content .floor-plan-detail {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.apartments-table__row--detail-content .floor-plan-detail.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.apartments-table__row--detail-content .floor-plan-detail__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 3rem;
background: #fff;
}
.apartments-table__row--detail-content .floor-plan-detail__image img {
aspect-ratio: 559/762;
}
.apartments-table__row--detail-content .floor-plan-detail__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 5rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.apartments-table__row--detail-content .floor-plan-detail__info .detail-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.apartments-table__row--detail-content .floor-plan-detail__info .detail-info__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.apartments-table__row--detail-content .floor-plan-detail__info .detail-info__row-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.5rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.apartments-table__row--detail-content .floor-plan-detail__info .detail-info__row-text .small {
color: #1a1a2c;
font-family: "Montserrat", sans-serif;
font-size: 1.2rem;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.apartments-table__row--detail-content .floor-plan-detail .border {
border: 1px solid #bdb1a9;
width: 100%;
}
.apartments-table__row--detail-content .apartment-arrangement {
display: none;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
@media screen and (max-width: 700px) {
.apartments-table__row--detail-content .apartment-arrangement {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.apartments-table__row--detail-content .apartment-arrangement.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.apartments-table__row--detail-content .apartment-arrangement__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3rem 0rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 3rem;
background: #fff;
}
.apartments-table__row--detail-content .apartment-arrangement__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 5rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.apartments-table__row--detail-content .apartment-arrangement__description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.apartments-table__row--detail .location {
width: 100%;
display: none;
}
.apartments-table__row--detail .location.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.apartments-table__row--detail .location .nearest-neighborhood {
--map-min-height: 500px;
--basic-padding: 6rem;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 700px) {
.apartments-table__row--detail .location .nearest-neighborhood {
padding: 0 0.5rem;
}
}
@media screen and (max-width: 800px) {
.apartments-table__row--detail .location .nearest-neighborhood {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.apartments-table__row--detail .location .nearest-neighborhood > div {
width: calc(50% - 0.5 * var(--basic-padding));
}
@media screen and (max-width: 800px) {
.apartments-table__row--detail .location .nearest-neighborhood > div {
width: 100%;
}
}
.apartments-table__row--detail .location .nearest-neighborhood .left-col {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media screen and (max-width: 800px) {
.apartments-table__row--detail .location .nearest-neighborhood .left-col {
height: var(--map-min-height);
}
}
.apartments-table__row--detail .location .nearest-neighborhood .right-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.apartments-table__row--detail .location .nearest-neighborhood .gmap-nearest {
border-radius: 3rem;
}
.apartments-table__row--detail .equipment {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 5rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.apartments-table__row--detail .equipment.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.apartments-table__row--detail .equipment__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 6rem;
-ms-flex-item-align: stretch;
align-self: stretch; }
.apartments-table__row--detail .equipment__content-description {
display: grid;
grid-template-columns: repeat(3, 1fr);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 5rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.apartments-table__row--detail .equipment__content-description .floor__header img, .apartments-table__row--detail .equipment__content-description .floor__header svg {
max-width: 38px;
}
@media screen and (max-width: 800px) {
.apartments-table__row--detail .equipment__content-description {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 600px) {
.apartments-table__row--detail .equipment__content-description {
grid-template-columns: repeat(1, 1fr);
}
}
.apartments-table__row--detail .equipment__content-description > * {
opacity: 0;
-webkit-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
.apartments-table__row--detail .equipment__content-description > *.active {
opacity: 1;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(1) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(3) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(4) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(5) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(6) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(7) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(8) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(9) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(10) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(11) {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(12) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(13) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(14) {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.apartments-table__row--detail .equipment__content-description > *.active:nth-child(15) {
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.apartments-table__row--detail .equipment__content-description .floor,
.apartments-table__row--detail .equipment__content-description .kitchen,
.apartments-table__row--detail .equipment__content-description .appliance,
.apartments-table__row--detail .equipment__content-description .multimedia,
.apartments-table__row--detail .equipment__content-description .sanitation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.apartments-table__row--detail .equipment__content-description .floor .small,
.apartments-table__row--detail .equipment__content-description .kitchen .small,
.apartments-table__row--detail .equipment__content-description .appliance .small,
.apartments-table__row--detail .equipment__content-description .multimedia .small,
.apartments-table__row--detail .equipment__content-description .sanitation .small {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-weight: 700;
font-size: 12px;
font-style: normal;
line-height: normal;
}
.apartments-table__row--detail .equipment__content-description .floor__header,
.apartments-table__row--detail .equipment__content-description .kitchen__header,
.apartments-table__row--detail .equipment__content-description .appliance__header,
.apartments-table__row--detail .equipment__content-description .multimedia__header,
.apartments-table__row--detail .equipment__content-description .sanitation__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.apartments-table__row--detail .equipment__content-description .floor__icon,
.apartments-table__row--detail .equipment__content-description .kitchen__icon,
.apartments-table__row--detail .equipment__content-description .appliance__icon,
.apartments-table__row--detail .equipment__content-description .multimedia__icon,
.apartments-table__row--detail .equipment__content-description .sanitation__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 20rem;
padding-top: 3rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
}
.apartments-table__row--detail .equipment__content-description img {
aspect-ratio: 367/393;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
@media screen and (max-width: 800px) {
.apartments-table__row--detail .equipment__content-description .empty-cell {
display: none;
}
}
@media (max-width: 600px) {
.floor__icon.floor__icon__hide-mobile {
display: none !important;
}
}
@media (max-width: 768px) {
.equipment__content-description > *:nth-child(1) {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
.equipment__content-description > *:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.equipment__content-description > *:nth-child(3) {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.equipment__content-description > *:nth-child(4) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
.equipment__content-description > *:nth-child(5) {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.equipment__content-description > *:nth-child(6) {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
}
.equipment__content-description > *:nth-child(7) {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
}
.equipment__content-description > *:nth-child(8) {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8;
}
.equipment__content-description > *:nth-child(9) {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
}
.load-more-apartments-button-wrap {
margin-top: 2rem;
text-align: center;
}
.load-more-apartments-button-wrap .btn.loading {
pointer-events: none;
}
.load-more-apartments-button-wrap .btn.loading .btn__loader {
opacity: 1;
}
.load-more-apartments-button-wrap .btn__loader {
position: absolute;
z-index: 5 !important;
pointer-events: none;
width: 100%;
height: 100%;
border-radius: 11rem;
background: rgba(var(--black-primary-rgb), 0.5);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
-webkit-transition: 0.3s;
transition: 0.3s;
opacity: 0;
}
.load-more-apartments-button-wrap .btn__loader:before {
position: absolute;
content: "";
left: 50%;
top: 50%;
width: 20px;
padding: 4px;
aspect-ratio: 1;
border-radius: 50%;
background: var(--orange-primary);
--_m:
conic-gradient(#0000 10%,#000),
linear-gradient(#000 0 0) content-box;
-webkit-mask: var(--_m);
mask: var(--_m);
-webkit-mask-composite: source-out;
mask-composite: subtract;
-webkit-animation: l3 1s infinite linear;
animation: l3 1s infinite linear;
}
@-webkit-keyframes l3 {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0);
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
@keyframes l3 {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0);
transform: translate(-50%, -50%) rotate(0);
}
100% {
-webkit-transform: translate(-50%, -50%) rotate(360deg);
transform: translate(-50%, -50%) rotate(360deg);
}
}
.section--apartments-table.section--apartments-table--new .apartments-table__col--btn.mobile {
display: none;
}
@media screen and (max-width: 700px) {
.section--apartments-table.section--apartments-table--new .apartments-table__col--btn.mobile {
display: block;
}
}
.section--apartments-table.section--apartments-table--new .apartments-table__col--btn.desktop {
display: block;
min-width: 12rem;
}
@media screen and (max-width: 700px) {
.section--apartments-table.section--apartments-table--new .apartments-table__col--btn.desktop {
display: none;
}
}
.section--apartments-table.section--apartments-table--new .apartments-table {
display: block;
}
.section--apartments-table.section--apartments-table--new .apartments-table.apartments-table--mobile {
display: none;
}