section.gt-block.building-section {
position: relative;
}
section.gt-block.building-section:before {
position: absolute;
content: "";
width: 50%;
height: 100%;
left: 0;
top: 0;
background: -webkit-gradient(linear, left top, right top, from(#EDE9E6), to(#F6F3F1));
background: linear-gradient(90deg, #EDE9E6 0%, #F6F3F1 100%);
}
@media screen and (max-width: 930px) {
section.gt-block.building-section:before {
display: none;
}
}
section.gt-block.building-section .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
@media screen and (max-width: 930px) {
section.gt-block.building-section .container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
section.gt-block.building-section .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 10rem;
padding-left: calc(var(--padding-from-left, 36rem) + 2.5rem);
}
@media screen and (max-width: 930px) {
section.gt-block.building-section .container .left-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 6rem 2.5rem;
text-align: center;
}
}
@media screen and (max-width: 600px) {
section.gt-block.building-section .container .left-col {
text-align: left;
}
}
section.gt-block.building-section .container .left-col > svg {
position: absolute;
z-index: 1;
top: 8.3rem;
left: 10rem;
}
@media screen and (max-width: 930px) {
section.gt-block.building-section .container .left-col > svg {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
max-width: calc(100% - 6rem);
}
}
section.gt-block.building-section .container .left-col .inner {
position: relative;
z-index: 2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4rem;
}
@media screen and (max-width: 930px) {
section.gt-block.building-section .container .left-col .inner {
gap: 3rem;
}
}
@media screen and (max-width: 930px) {
section.gt-block.building-section .container .left-col .inner .address, section.gt-block.building-section .container .left-col .inner .tags-items {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media screen and (max-width: 600px) {
section.gt-block.building-section .container .left-col .inner .address, section.gt-block.building-section .container .left-col .inner .tags-items {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media screen and (max-width: 930px) {
section.gt-block.building-section .container .left-col .inner .address {
gap: 1rem;
}
section.gt-block.building-section .container .left-col .inner .address__marker {
max-width: 14px;
}
}
section.gt-block.building-section .container .left-col .inner .btn {
max-width: 45rem;
}
@media screen and (max-width: 930px) {
section.gt-block.building-section .container .left-col .inner .btn {
margin: 0 auto;
}
}
section.gt-block.building-section .container .right-col {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
@media screen and (max-width: 930px) {
section.gt-block.building-section .container .right-col {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
.image-with-logo-and-two-images {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-size: 0;
}
@media screen and (max-width: 930px) {
.image-with-logo-and-two-images {
position: relative;
height: auto;
}
}
.image-with-logo-and-two-images__main-image {
height: 100%;
}
.image-with-logo-and-two-images__main-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.image-with-logo-and-two-images__others-images {
position: absolute;
z-index: 2;
left: 0;
top: 0;
font-size: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 25rem;
}
@media screen and (max-width: 1530px) {
.image-with-logo-and-two-images__others-images {
width: 20rem;
}
}
@media screen and (max-width: 930px) {
.image-with-logo-and-two-images__others-images {
position: relative;
width: 100%;
height: 21rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media screen and (max-width: 500px) {
.image-with-logo-and-two-images__others-images {
height: 15rem;
}
}
@media screen and (max-width: 359px) {
.image-with-logo-and-two-images__others-images {
height: 12rem;
}
}
.image-with-logo-and-two-images__others-images > div {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
width: 100%;
font-size: 0;
}
.image-with-logo-and-two-images__others-images .logo {
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;
padding: 4rem;
background: var(--black-primary);
}
@media screen and (max-width: 930px) {
.image-with-logo-and-two-images__others-images .logo {
padding: 1.5rem;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.image-with-logo-and-two-images__others-images .logo img, .image-with-logo-and-two-images__others-images .logo svg {
max-height: 100%;
}
.image-with-logo-and-two-images__others-images .image {
overflow: hidden;
}
@media screen and (max-width: 930px) {
.image-with-logo-and-two-images__others-images .image.image--1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.image-with-logo-and-two-images__others-images .image.image--2 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
.image-with-logo-and-two-images__others-images .image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 100%;
max-width: initial;
}
@media screen and (max-width: 930px) {
.image-with-logo-and-two-images__others-images .image img {
width: 100%;
height: auto;
}
}