
.single-offices .page-hero .content h1 {margin-bottom:10px;}
.single-offices .page-hero .content p.description {margin-bottom:20px;}
.single-offices .page-hero .content a.btn {background:#fff; color:var(--color-headline);}

.single-offices .conversion-zone {padding:100px 0; text-align:center;}

.single-offices .google-map {height:440px; background:#1D2737;}

.single-offices .brokers-wrapper {margin:80px 0 0;}
.single-offices .brokers-wrapper .brokers {display:flex; flex-wrap:wrap; margin:0 -22px;}
.single-offices .brokers-wrapper .brokers .broker {flex:0 0 calc(33.33% - 44px); margin:0 22px 40px;}
.single-offices .brokers-wrapper .brokers .broker .headshot {position:relative; aspect-ratio:1/1; display:block; margin-bottom:12px;}
.single-offices .brokers-wrapper .brokers .broker .headshot img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.single-offices .brokers-wrapper .brokers .broker h3 {font-size:30px; font-weight:bold; letter-spacing:-0.01em; text-align:center; text-transform:uppercase; margin-bottom:5px;}
.single-offices .brokers-wrapper .brokers .broker h4 {font-size:18px; text-align:center; margin-bottom:12px;}
.single-offices .brokers-wrapper .brokers .broker .buttons {text-align:center;}
.single-offices .brokers-wrapper .brokers .broker .buttons .btn {
	min-width:150px;padding:5px; font-size:14px; font-weight:normal; margin:0 5px; overflow:hidden; text-overflow:ellipsis;
}
@media (max-width:810px) {
	.single-offices .brokers-wrapper .brokers .broker {flex-basis:calc(50% - 40px);}
}
@media (max-width:700px) {
	.single-offices .brokers-wrapper .brokers {display:block;}
}


.single-offices .main-description {padding:100px 0; text-align:center;}
.single-offices .main-description .wysiwyg {max-width:945px; margin:0 auto;}


.single-offices .additional-description {background:#fafafa; padding:200px 0;}
.single-offices .additional-description .pic-content {display:flex;}
.single-offices .additional-description .pic-content .pic {flex:0 0 45%; position:relative;}
.single-offices .additional-description .pic-content .pic img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.single-offices .additional-description .pic-content .content {flex:0 0 55%; padding-left:50px;}
.single-offices .additional-description .pic-content .content .wysiwyg {margin-bottom:20px;}
@media (max-width:810px) {
	.single-offices .additional-description .pic-content {display:block;}
	.single-offices .additional-description .pic-content .pic img {position:relative; height:auto;}
	.single-offices .additional-description .pic-content .content {padding:30px 0 0;}
}