/*----------------- Typography ------------------*/

.nav-overline{
	font-family: 'Suisse Intl', sans-serif;
	font-size: 12px;
	letter-spacing: 0.02em;
	line-height: 1.5;
}
.body-text{
	font-family: 'Suisse Intl', sans-serif;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.02em;
	line-height: 22px;
}
.body-text p{
	margin-bottom: 1.6em;
}
.button a:hover{
	background-color: #7C1913;
	border-color: #7C1913;
}


/*----------------- Top Section ------------------*/
.wide-split-section{
	overflow: hidden;
	position: relative;
}
.agent-featured-image {
	bottom: 0;
	filter: grayscale();
	position: absolute;
	right: 0;
    top: 0;
    width: 49.5%;
}
.agent-featured-image img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.agent-featured-text{
	border-bottom: 1px solid #666;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 75.5%;
    top: 24.5%;
    width: 47.8%;
}
.split-content-bottom {
    padding-bottom: 38px;
    width: 87%;
}
.agent-before-title{
    margin-bottom: 34px;
}
.agent-featured-text .article-subtitle{
	margin-top: -3px;
}

@media all and (max-width:1600px){
	.agent-featured-text{
	    height: 100%;
    	top: 0;
	}
	.split-content-top {
	    padding-top: 15%;
	}
}
@media all and (max-width:1366px){
	.large-intro{
	    font-size: 20px;
	}
	.split-content-top {
	    padding-top: 0;
	}
}
@media all and (max-width:1024px){
	.wide-split-section{
		margin-top: 30px;
	}
	.large-intro{
		font-size: 18px;
	}
}
@media all and (max-width:768px){
	.wide-split-section .wrap-wide{
		padding: 0 20px;
	}
    .agent-featured-text {
        height: auto;
        margin: 0;
        padding: 47px 0 0;
        width: 100%;
    }
	.wide-split-section{
		padding-bottom: 0;
	}
    .wide-split-section {
        margin-top: 0;
    }
    .agent-featured-image{
    	height: 123vw;
        margin: 0 15px;
        position: relative;
	    width: calc(100% - 30px);
    }
    .agent-featured-image img{
	    height: 100%;
	    left: 0;
	    object-fit: cover;
	    object-position: center;
	    position: absolute;
	    top: 0;
	    width: 100%;
    }
    .agent-before-title {
	    margin-bottom: 15px;
	}
	.split-content-bottom{
		font-size: 14px;
		margin-top: 35px;
	    padding-bottom: 48px;
	    padding-right: 10%;
		width: 100%;
	}
    .large-intro {
        font-size: 15px;
        line-height: 1.5;
    }
}
@media all and (max-width:768px){
	.wide-split-section .wrap-wide{
		padding: 0 15px;
	}
}
/*----------------- Content Section ------------------*/
.agent-content-section{
	margin-bottom: 120px;
}
.agent-content-section-inner{
}
.agent-content-text{
	margin-bottom: 50px;
}

/*----------------- Performace Block ------------------*/
.perfomance-section{
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
    margin-top: 119px;
	overflow: hidden;
    padding: 48px 0;
	text-align: center;
}
.perfomance-section-inner{
	display: flex;
    justify-content: space-between;
	margin: 0 auto;
	max-width: 850px;
}
.perfomance-data{
	display: inline-block;
	margin: 0 auto;
	text-align: center;
	vertical-align: top;
}
.perfomance-data-0 {
	width: 22%;
}
.perfomance-data-1{
	width: 16%;
}
.perfomance-data-2{
	width: 12%;
}
.perfomance-data-3{
	width: 15%;
}
.perfomance-data-4{
	width: 18.5%;
}
.perfomance-value{
	font-family: 'Suisse Intl', sans-serif;
	font-size: 24px;
	font-weight: 450;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin-bottom: 2px;
}
.perfomance-description{
	font-family: 'Suisse Intl', sans-serif;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: -0.02em;
	line-height: 1.2;
}
@media all and (max-width:768px){
	.perfomance-section{
	    margin-top: 22px;
	    padding-bottom: 25px;
	}
	.perfomance-section-inner{
		display: block;
	}
	.perfomance-data{
		margin-bottom: 30px;
	}
	.perfomance-data-0{
		width: 100%;
	}
	.perfomance-data-1, 
	.perfomance-data-2, 
	.perfomance-data-3, 
	.perfomance-data-4{
		width: 40%;
	}
}
@media all and (max-width:640px){
	.perfomance-section{
	    padding-bottom: 13px;
		padding-top: 38px;
	}
	.perfomance-value{
		font-size: 15px;
	    margin-bottom: 4px;
	}
	.perfomance-description {
	    font-size: 11px;
	    letter-spacing: 0.02em;
	}
	.perfomance-data{
	    margin-bottom: 23px;
	}
	.perfomance-data-3 {
	    padding: 0 7%;
	}
	.perfomance-data-4{
		padding-bottom: 0 6%;
	}
}
/*.left-small-banner {
    left: auto;
}
.right-small-banner.tlp-sticky:not(.tlp-sticky-stop) {
    left: calc(50vw + 730px - var(--width-var));
    right: 0;
}*/
/*----------------- Sliders ------------------*/
.agent-slider{
	display: inline-flex;
    flex-flow: nowrap;
}
.team-member,
.agent-slider .tile{
    display: inline-block;
    margin-bottom: 60px;
    margin-right: 20px;
    transition: all 0.3s ease;
}
/*Item Size*/
.team-member,
.listings-slider-section .slider .tile{
	width: 348px;
}
.listings-slider-section .tile-video{
	height: 422px;
}

.agent-video-slider-section .tile{
	margin-bottom: 67px;
	width: 475px;
}
.agent-video-slider-section .tile-video{
	height: 350px;
}
.agent-video-slider-section .tile.display-video, 
.listings-slider-section .tile.display-video{
    width: 625px;
}

.agent-slider .tile:first-of-type{
	margin-left: 20px;
}
/*Images*/
.listings-slider-section .tile .image-container,
.listings-slider-section .tile .image-container.portrait-image{
	padding-bottom: 121.2%;
}
.agent-video-slider-section .tile .image-container,
.agent-video-slider-section .tile .image-container.portrait-image{
	padding-bottom: 73.5%;
}
.team-member-image{
	height: 0;
	overflow: hidden;
	padding-bottom: 100%;
	position: relative;
}
.team-member-image img{
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
}
/*----------------- Listings Section ------------------*/
.listings-slider-section{
    padding-bottom: 152px;
}
.listing{
	font-family: 'Suisse Intl', sans-serif;
}
.listing .item-price{
	font-size: 12px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1;
	margin-top: 20px;
}
.listing .item-name{
	font-size: 18px;
	font-weight: 400;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin-top: 10px;
	padding-bottom: 0;
}
.listing:hover .item-name,
.listing:hover .item-price,
.listing:hover .item-specs{
	color: #666;
}
.listing:hover .spec-bedrooms:before{
    background-image: url('../images/otm_icons/beds-gray.svg');
}
.listing:hover .spec-bathrooms:before{
    background-image: url('../images/otm_icons/bathrooms-gray.svg');
}
.listing:hover .spec-cars:before{
    background-image: url('../images/otm_icons/car-spots-gray.svg');
}
.listing:hover .spec-landsize:before{
    background-image: url('../images/otm_icons/landsize-gray.svg');
}
.listing:hover .spec-offices:before{
	background-image: url('../images/otm_icons/office-gray.svg');
}
.listing .designer-name{
	font-size: 18px;
	font-weight: 300;
	letter-spacing: -0.02em;
	line-height: 1.2;
}
.item-specs{
	margin-top: 15px;
}
.spec{
	display: inline-block;
	margin-right: 8px;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: -0.02em;
	line-height: 1.3;
}
.spec:before{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 20px;
    margin-right: 3px;
    margin-top: -3px;
    position: relative;
    vertical-align: middle;
    width: 20px;
}
.spec-bedrooms:before{
	background-image: url('../images/otm_icons/beds-black.svg');
}
.spec-bathrooms:before{
	background-image: url('../images/otm_icons/bathrooms-black.svg');
}
.spec-cars:before{
	background-image: url('../images/otm_icons/car-spots-black.svg');
}
.spec-offices:before{
	background-image: url('../images/otm_icons/office-black.svg');
}
.spec-landsize{
	display: none;
}
.spec-landsize:before{
	background-image: url('../images/otm_icons/landsize-black.svg');
}
@media all and (max-width: 768px){
	.desktop-slider-only .slider{
		display: block;
		overflow: hidden;
	}

	.listings-slider-section .more-button{
		display: none;
	}
	.listings-slider-section .agents-slider-section-wrap{
		margin-top: 14px;
	}
	.listings-slider-section {
	    padding-bottom: 8px;
	}
	.listings-slider-section .slider .tile{
        margin-left: 0;
		margin-right: 0;
		width: calc(50% - 7.5px);
	}
	.listings-slider-section .slider .tile:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)):not(:nth-of-type(4)){
		display: none;
	}
	.listings-slider-section .slider .tile:nth-of-type(2n+1){
		clear: both;
		float: left;
	}
	.listings-slider-section .slider .tile:nth-of-type(2n){
		float: right;
	}
	.listings-slider-section .agents-slider-section-wrap{
		margin-top: 13px;
	    margin-left: 20px;
    	margin-right: 20px;
	}
	.agent-slider .tile{
	    margin-bottom: 60px;
	}
	.spec-landsize{
		display: inline-block;
	}
	.single-tlp_estate_agent .listing .item-price:before{
		content: 'Guide - ';
	}
	.listing .item-name,
	.listing .designer-name {
	    font-size: 16px;
	}
}
@media all and (max-width: 640px){
	.listings-slider-section .agents-slider-section-wrap{
	    margin-left: 15px;
    	margin-right: 15px;
	}
	.agent-slider .tile{
	    margin-bottom: 40px;
	}
	.listing .item-price{
		font-size: 10px;
		margin-top: 11px;
	}
	.listing .item-name {
	    font-size: 12px;
	    margin-top: 6px;
	}
	.listing .designer-name {
	    font-size: 12px;
	}
	.item-specs {
	    margin-top: 2px;
	}
	.spec:before{
	    height: 14px;
    	width: 14px
	}
	.spec{
		font-size: 9px;
	    margin-right: 3px;
	}
}
/*----------------- Team Section ------------------*/
.team-section{
	background: rgb(124 25 19 / 10%);
	padding: 120px 0 93px;
}
.team-section-cols{
	overflow: hidden;
	position: relative;
	margin-bottom: 128px;
}
.team-text-col{
	float: right;
	margin-top: 12px;
	width: 44.5%;
}
.team-section .h1-subtitle{
	float: left;
	width: 50%;
}
.team-section .large-intro{
	margin-bottom: 45px;
}
.agents-slider-section-wrap{
	margin-top: 38px;
}
.team-member-text{
	padding: 21px 0;
}
.team-member-name{
	font-weight: 400;
}
.team-member-specialization{
	font-weight: 300;
}
.team-section .agent-slider{
	padding-left: calc(50% - 732px);
}
.team-section .button a{
	font-size: 14px;
}
@media all and (max-width:768px){
	.team-text-col,
	.team-section .h1-subtitle{
		width: 100%;
	}
	.team-section {
        padding: 34px 0 0;
    }
	.team-section .large-intro{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.team-text-col{
	    margin-top: 23px;
	}
	.team-section .button a {
	    font-size: 10px;
	    width: 107px;
	}
	.team-section-cols{
	    margin-bottom: 24px;
	}
	.team-section .team-section-slider-title{
	    border-bottom: 1px solid;
	    font-size: 11px;
	    margin-bottom: 16px;
	    padding-bottom: 18px;
	}
	.team-member {
	    width: 250px;
	  	margin-bottom: 40px;
	    margin-right: 10px;
	}
	.team-member:first-of-type{
		margin-left: 20px;
	}
	.team-member-specialization,
	.team-member-name{
		font-size: 11px;
		line-height: 1.25;
	}
	.team-member-text {
	    padding: 10px 0;
	}
    .team-section .scrollbar-macosx > .scroll-element.scroll-x{
	    left: 20px;
		bottom: 20px;
	}
	.agents-slider-section-wrap {
	    margin-top: 14px;
	}
}
@media all and (max-width:640px){
	.team-section .large-intro{
		font-size: 12px;
	}
	.team-member:first-of-type{
		margin-left: 15px;
	}
	.team-member{
		width: 150px;
	}
    .team-section .scrollbar-macosx > .scroll-element.scroll-x{
	    left: 15px;
        width: calc(100% - 30px);
	}
}

/*----------------- Split Section ------------------*/
.publication-split-section {
    padding-bottom: 120px;
}
.publication-split-section .wrap {
    padding-top: 75px;
}
.publication-split-section .h1-subtitle, 
.publication-split-section .body-text {
    max-width: 85%;
}

/*----------------- Credits Section ------------------*/
.agent-credits{
	padding-bottom: 140px;
    padding-top: 116px;
}
.credits-block{
	display: inline-block;
    margin-right: 32px;
	vertical-align: top;
}
.credits-socials{
    margin-top: 12px;
    margin-left: 3px;
}
.credits-share-icon:hover{
	background-color: #7C1913;
}
.credits-team-logo img{
	opacity: 1;
    position: relative;
    top: -3px;
	width: auto;
}
.credits-name{
    font-size: 14px;
    font-weight: 450;
    letter-spacing: 0.02em;
    padding-left: 5px;
    padding-top: 1px;
}
.credits-buttons-block {
    padding-top: 26px;
    padding-left: 4px;
}
.credits-buttons-block .button a{
    margin-right: 16px;
}
section.product-credits-line:last-of-type {
    margin-bottom: 0px;
}
@media all and (max-width:768px){
	.agent-credits {
	    padding-bottom: 46px;
	    padding-top: 50px;
	}
	.product-credits-title{
		margin-bottom: 30px;
	}
	.product-credits-value {
	    letter-spacing: 0.02em;
	    padding-right: 8%;
	}
    .product-credits-line {
        margin-bottom: 0;
    }
	.mobile-contact-section{
		padding-top: 46px;
	}
    .mobile-credits-block{
    	display: inline-block;
    	vertical-align: top;
    	width: 48%;
    }
    .credits-name{
    	display: inline-block;
        margin-right: 15px;
    	padding-left: 0;
    	padding-top: 0;
    }
    .credits-team-logo{
    	display: inline-block;
    	max-width: 48%;
    	vertical-align: top;
    }
    .credits-team-logo img{
    	top:0;
    	margin-top: 3px;
    	width: 100%;
    }
    .credits-socials{
    	margin: 10px 0 0;
    }
    .credits-share-icon{
    	height: 21px;
    	width: 21px;
    }
    .credits-share-icon.icon-instagram{
        background-size: 11px;
    }
    .credits-share-icon.icon-facebook{
    	background-position: 7px 4px;
    	background-size: 7px;
    }
    .credits-buttons-block {
	    padding-top: 22px;
	    padding-left: 0;
	}
	.credits-buttons-block .button a {
	    margin-right: 5px;
	}
}

/*----------------- Video Sliders Section ------------------*/
.agent-video-slider-section{
    margin-top: 112px;
}
.agent-video-slider-section .agents-slider-section-wrap{
    margin-bottom: 110px;
    margin-top: 29px;
}
.agent-video-slider-section .agents-slider-section-wrap:last-of-type {
    margin-bottom: 34px;
}
.agent-video-slider-section .item-name,
.agent-video-slider-section .subtitle{
	font-size: 12px;
    letter-spacing: 0.02em;
	line-height: 1.5;
}
.agent-video-slider-section .item-name{
	margin-top: 23px;
}
@media all and (max-width:768px){
	.content-within-display{
		margin-bottom: 42px;
	}
	.agent-video-slider-section {
	    margin-top: 0;
	}
	.agent-video-slider-section .underlined-section-title {
	    padding-bottom: 20px;
	    margin-bottom: 25px;
	}
	.agent-video-slider-section .agents-slider-section-wrap{
        margin: 0 15px 10px;
	}
	.agent-video-slider-section .tile{
	    margin-bottom: 16px;
		width: 100%;
	}
	.agent-video-slider-section .tile:first-of-type{
	    margin-left: 0;
	}
	.agent-video-slider-section .tile:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:nth-of-type(3)){
		display: none;
	}
	.agent-video-slider-section .video-marker{
        right: 12px;
        top: 10px;
	}
	.agent-video-slider-section .tile .image-container, .agent-video-slider-section .tile .image-container.portrait-image {
	    padding-bottom: 81%;
	}
	.agent-video-slider-section .item-name, 
	.agent-video-slider-section .subtitle {
	    display: block;
	    font-size: 16px;
	    line-height: 1.2;
	}
	.agent-video-slider-section .item-name{
    	margin-bottom: 5px;
	    margin-top: 1em;
	}
}
@media all and (max-width:640px){
	.agent-video-slider-section .item-name, 
	.agent-video-slider-section .subtitle{
		font-size: 12px;
	}
	.agent-video-slider-section .item-name{
    	margin-bottom: 3px;
	    margin-top: 19px;
	}
}