.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;
}
}
section.gt-block.apartment-hero-info {
margin-bottom: 10rem;
}
@media screen and (max-width: 600px) {
section.gt-block.apartment-hero-info {
margin-bottom: 6rem;
}
}
section.gt-block.apartment-hero-info .container {
position: relative;
z-index: 2;
}
section.gt-block.apartment-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.apartment-hero-info .container .inner {
gap: 3.5rem;
padding: 3.5rem var(--hero-side-padding);
}
}
@media screen and (max-width: 880px) {
section.gt-block.apartment-hero-info .container .inner {
padding: 3rem var(--hero-side-padding);
}
}
@media screen and (max-width: 500px) {
section.gt-block.apartment-hero-info .container .inner {
gap: 2.5rem;
}
}
section.gt-block.apartment-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;
}
.apartment-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) {
.apartment-hero-info__building {
gap: 3.5rem;
}
}
@media screen and (max-width: 600px) {
.apartment-hero-info__building {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.apartment-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) {
.apartment-hero-info__building-identity {
gap: 2rem;
}
}
@media screen and (max-width: 600px) {
.apartment-hero-info__building-identity {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media screen and (max-width: 400px) {
.apartment-hero-info__building-identity {
gap: 1.6rem;
}
}
.apartment-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) {
.apartment-hero-info__building-icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 6rem;
flex: 0 0 6rem;
}
}
@media screen and (max-width: 400px) {
.apartment-hero-info__building-icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 5rem;
flex: 0 0 5rem;
}
}
.apartment-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) {
.apartment-hero-info__building-title {
--fs-small-rate: 0.65;
}
}
.apartment-hero-info .address {
color: var(--base-white);
}
@media screen and (max-width: 600px) {
.apartment-hero-info .address {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.apartment-hero-info .address__text {
text-align: right;
}
@media screen and (max-width: 600px) {
.apartment-hero-info .address__text {
text-align: left;
}
}
.apartment-hero-info .address__text p {
color: var(--base-white);
}
.apartment-hero-info__row {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 5rem 0;
}
@media screen and (max-width: 970px) {
.apartment-hero-info__row {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 750px) {
.apartment-hero-info__row {
gap: 3rem 0;
}
}
@media screen and (max-width: 700px) {
.apartment-hero-info__row {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 455px) {
.apartment-hero-info__row {
grid-template-columns: 1fr;
}
}
.apartment-hero-info__col {
padding: 0 1rem;
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;
}
@media screen and (max-width: 750px) {
.apartment-hero-info__col {
gap: 1.6rem;
}
}
.apartment-hero-info__col p.apartment-hero-info__title {
color: var(--base-white);
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;
}
.apartment-hero-info__col p.apartment-hero-info__value {
color: var(--base-white);
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-style: normal;
font-variation-settings: "slnt" 0;
font-weight: 700;
font-size: 3.7rem;
line-height: normal;
text-align: center;
}
@media screen and (max-width: 1100px) {
.apartment-hero-info__col p.apartment-hero-info__value {
font-size: 3.2rem;
}
}
@media screen and (max-width: 750px) {
.apartment-hero-info__col p.apartment-hero-info__value {
font-size: 2.7rem;
}
}
.apartment-hero-info__col p.apartment-hero-info__value strong {
color: var(--orange-primary);
}
.apartment-hero-info__title {
position: relative;
}
.apartment-hero-info__title small {
position: absolute;
top: 100%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
width: 100%;
text-transform: initial;
font-weight: normal;
}
.apartment-hero-info__form {
display: none;
}
.apartment-hero-info__form hr {
padding-bottom: 5rem;
}
.apartment-hero-info__form .form .gform_title,
.apartment-hero-info__form .form .gform_description {
display: none;
}
.apartment-hero-info__form .form.text-white #gform_fields_5 legend,
.apartment-hero-info__form .form.text-white #gform_fields_5 label,
.apartment-hero-info__form .form.text-white #gform_fields_5 .required-fields-custom-legend,
.apartment-hero-info__form .form.text-white #gform_fields_5 .gfield_required,
.apartment-hero-info__form .form.text-white #gform_fields_6 legend,
.apartment-hero-info__form .form.text-white #gform_fields_6 label,
.apartment-hero-info__form .form.text-white #gform_fields_6 .required-fields-custom-legend,
.apartment-hero-info__form .form.text-white #gform_fields_6 .gfield_required {
color: var(--base-white, #ffffff);
text-align: left;
}
.apartment-hero-info__form .form.text-white #gform_fields_5 #field_5_9 .btn,
.apartment-hero-info__form .form.text-white #gform_fields_5 #field_6_9 .btn,
.apartment-hero-info__form .form.text-white #gform_fields_6 #field_5_9 .btn,
.apartment-hero-info__form .form.text-white #gform_fields_6 #field_6_9 .btn {
border: 1px solid var(--base-white);
color: var(--base-white);
}
.apartment-hero-info__form .form.text-white #gform_fields_5 #field_5_9 .btn:hover,
.apartment-hero-info__form .form.text-white #gform_fields_5 #field_6_9 .btn:hover,
.apartment-hero-info__form .form.text-white #gform_fields_6 #field_5_9 .btn:hover,
.apartment-hero-info__form .form.text-white #gform_fields_6 #field_6_9 .btn:hover {
color: var(--black-primary);
background: var(--base-white);
}
.apartment-hero-info__form .form.text-white #gform_fields_5 #gform_submit_button_5,
.apartment-hero-info__form .form.text-white #gform_fields_5 #gform_submit_button_6,
.apartment-hero-info__form .form.text-white #gform_fields_6 #gform_submit_button_5,
.apartment-hero-info__form .form.text-white #gform_fields_6 #gform_submit_button_6 {
background: var(--orange-primary);
color: var(--black-primary);
}
.apartment-hero-info__form .form.text-white #gform_fields_5 #gform_submit_button_5 span,
.apartment-hero-info__form .form.text-white #gform_fields_5 #gform_submit_button_6 span,
.apartment-hero-info__form .form.text-white #gform_fields_6 #gform_submit_button_5 span,
.apartment-hero-info__form .form.text-white #gform_fields_6 #gform_submit_button_6 span {
z-index: 2;
}
.apartment-hero-info__form .form.text-white #gform_fields_5 #gform_submit_button_5:hover,
.apartment-hero-info__form .form.text-white #gform_fields_5 #gform_submit_button_6:hover,
.apartment-hero-info__form .form.text-white #gform_fields_6 #gform_submit_button_5:hover,
.apartment-hero-info__form .form.text-white #gform_fields_6 #gform_submit_button_6:hover {
color: var(--black-primary);
background: var(--orange-primary);
}
.apartment-hero-info__form .form.text-white #gform_fields_5 #gform_submit_button_5:hover:after,
.apartment-hero-info__form .form.text-white #gform_fields_5 #gform_submit_button_6:hover:after,
.apartment-hero-info__form .form.text-white #gform_fields_6 #gform_submit_button_5:hover:after,
.apartment-hero-info__form .form.text-white #gform_fields_6 #gform_submit_button_6:hover:after {
opacity: 1;
}
.apartment-hero-info__form .form.text-white #gform_fields_5 #gform_submit_button_5:after,
.apartment-hero-info__form .form.text-white #gform_fields_5 #gform_submit_button_6:after,
.apartment-hero-info__form .form.text-white #gform_fields_6 #gform_submit_button_5:after,
.apartment-hero-info__form .form.text-white #gform_fields_6 #gform_submit_button_6:after {
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: -webkit-gradient(linear, left top, right top, from(#FFD464), to(#FFA34E));
background: linear-gradient(90deg, #FFD464 0%, #FFA34E 100%);
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border-radius: var(--border-radius);
}
img.attachment-equipment_image {
border-radius: 2rem;
}