.agent-content{

	padding-top: 55px;

	/*color: #000;*/

}



	.ip-banner canvas{

		/*height: 9vh;*/

		/*background-image: url(../../../../../../../uploads/2019/11/BannerImage_revised.jpg);*/

		max-height:79px;

		background-image: none;

	}



	.ip-banner .ip-content {

		display: none;

	}



	.agent-profile{



	}



		.agent-profile canvas{

			display: block;

			width: 100%;

			height: auto;

			background-size: auto 100%;

			background-repeat: no-repeat;

            background-position: top center;

		}



		.agent-profile.no-fp-photo canvas {

		    background-image: url(../images/hh-logo-hover.png) !important;

		    background-repeat: no-repeat;

		    background-position: center center;

		    background-size: initial;

		    opacity: 1;

		}



		.list-listings-item .ll-image canvas {

			background-size: 117%;

		}



		.agent-profile canvas.dekstop-photo{

			display: block;

		}



		.agent-profile canvas.mobile-photo{

			display: none;

		}

		.agent-profile h1,
		.agent-profile h2{

			font-family: var(--font-noe);

			color: #333;

			font-size: 30px;

			padding-top: 45px;

			line-height: 1;

		}



		.agent-profile h3{

			font-weight: 300;

			font-size:16px;

			line-height: 2;

			text-transform: uppercase;

		}



		.agent-profile p{

			font-family: var(--font-noe);

			font-size: 16px;

			padding: 35px 0;

			color: #000;

		}



			.agent-profile p span{

				font-size: 16px;

				text-transform: uppercase;

				display: block;

				line-height: 1;

				padding-bottom: 10px;

				font-family: 'Montserrat', sans-serif;

			}



			.agent-profile p a{

				color: #000;

			}

			.agent-profile p i{

				font-size: 15px;

				display: inline-block;

				margin-right: 10px;

				width: 18px;

			}

			.agent-profile p i.ai-font-credit-card {

				font-size: 11px;

			}



		.agent-profile .agents-smis{



		}



			.agent-profile .agents-smis a{

				display: inline-block;

				vertical-align: top;

				font-size: 0;

				color: #000;

				margin: 0 10px;



			}

			.agent-profile .agents-smis a:first-child{

				margin-left: 0;

			}



			.agent-profile .agents-smis a:before{

				font-size: 25px;

			}



			.agent-profile .content-button{

				margin-top: 50px;

			}



	.agent-description{



	}

		.agent-description iframe{

			width: 100%;

			height: 600px;

		}

		.agent-description h3{

			font-family: var(--font-noe);

			font-size: 48px;

			line-height: 1;

			color: #333;

			padding-left: 80px;

			padding-right: 80px;

			padding-bottom: 85px;

			position: relative;

		}



		.agent-description h3:before{

			display: inline-block;

			content: "";

			background: url(../images/apos.png) no-repeat left top;

			width: 50px;

			height: 40px;

			margin-right: 20px;

			position: absolute;

			top: 0;

			left: 0;

		}

		.agent-description h3:after{

			display: inline-block;

			content: "";

			background: url(../images/apos.png) no-repeat left bottom;

			width: 50px;

			height: 40px;

			margin-left: 20px;

			transform: rotate(181deg);

			position: relative;

			top: 10px;

		}



		.agent-description p{

			font-weight: 400;

			font-size: 14px;

			line-height: 1.9;

			text-align: left;

			padding: 20px 0;

		}



.agent-experience{

	/* background: url(../../../../../frontend/images/header-pattern.jpg); */

	background-color: #000;

    width: 100%;

    margin-top: 88px;

    padding: 92px 0;

}



	.agent-experience .ae-wrap{

		display: flex;

		justify-content: center;

		text-align: center

	}



		.agent-experience .rate-cont{

			border-left: 1px solid #fff;

			padding: 40px 8%;

		}

			.agent-experience .rate-cont:first-child{

				border-left: 0;

			}

			.agent-experience .rate-cont span{

				font-family: var(--font-noe);

				font-size: 65px;

				display: block;

				line-height: 1;

				padding-bottom: 18px;

				color:#fff;	

				text-align: center;		

			}



			.agent-experience .rate-cont p{

				font-weight: 500;

				color: #999999;

				font-size: 15px;

				text-transform: uppercase;

			}



.agent-video{

	background: #000000;

    margin: 96px 0 0;

    padding: 20px 0;

}



.solo-video canvas {width: 100%;height: auto;}



.solo-video {

    position: relative;

    margin: -20px 0;

}



.solo-video iframe {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

}



	.agent-video .container-wide{

		background: #000000;

		min-height: 500px;

	}



	.agent-video .row{

		display:flex;

	}





	.agent-video .video-container{

		width: 70%;

	}

		.video-container canvas{

			display: block;

			width: 100%;

			height: 100%;

			background-size: cover;

			background-position: center;

		}

		.video-container iframe{

			width: 100%;

			height: 100%;

			position: absolute;

			top: 50%;

			transform: translate(0,-50%);

		}



	.agent-video .video-details{

		padding: 0 30px 0;

		width: 32%;

	}

		.agent-video .video-details h2{

			font-family: var(--font-noe);

			color: #ffffff;

			font-size: 30px;	

			border-bottom: 1px solid #fff;

			padding-bottom: 24px;

			margin-bottom: 23px;

		}





		.agent-video .video-details .video-thumb{

			width: 100%;

			margin-bottom: 15px;

			cursor: pointer;

		}

			.agent-video .video-details .video-thumb span{

				font-weight: 600;

				color: #fff;

				font-size: 12px;

				display: block;

				text-transform: uppercase;

			}

			.agent-video .video-details .video-thumb p{

				font-weight: 500;

				color: #d4d4d4;

				font-size: 12px;

				padding: 5px 0;

			}



			.agent-video .video-details .video-thumb canvas{

				background-size: cover;

			}



			.agent-video .video-details .slick-arrow {

				position: absolute;

				right: -11%;

				z-index: 9;

				font-size: 0;

				background: none;

				border: none;

				font-family: agentimage!important;

			}

			.agent-video .video-details .slick-arrow:after{

				display: block;

				color: #fff;

				font-size: 20px;

				content: "";

			}

			.agent-video .video-details .slick-arrow.slick-prev{

			    bottom: 34px;

			}

			.agent-video .video-details .slick-arrow.slick-prev:after{

/*				content: "\e904";*/

				content: "\b1003";

			}

			.agent-video .video-details .slick-arrow.slick-next {

				bottom: 10px;

			}

			.agent-video .video-details .slick-arrow.slick-next:after{

/*				content: "\b0169";*/

				content: "\b1004";

			}



.agent-team{

	margin-top: 68px;

}

	.agent-team  .container > h2{

		font-family: var(--font-noe);

		font-size: 55px;

		color: #000;

		border-bottom: 1px solid #000;

		padding-bottom: 10px;

		margin-bottom: 40px;

	}

	.agent-wrap .swiper-slide {

	    width: 25%;

	}

.agent-lists{

    position: relative;

    color: #000;

    transition: all .25s ease-in-out;

    display: block;

    margin-top: 40px;

    padding: 0 4%;



}

	.agent-lists .agent-photo{

		display:block;

		position: relative;

	}



		.agent-lists .agent-photo .overlay-bg{

			background: rgb(216,216,216);

			background: linear-gradient(357deg, rgba(216,216,216,1) 0%, rgba(255,255,255,1) 87%, rgba(255,255,255,1) 100%);

			position: absolute;

			width: 100%;

			height: 100%;

			z-index: 2;

			opacity: 1;



		}



		.agent-lists .agent-photo:after {

			display: block;

			width: 100%;

			height: 100%;

			content: "";

			position: absolute;

			top: 0;

			left: 0;

			background: url(../images/hh-logo.png) no-repeat center center transparent;

			opacity: 1;

			transition: all .25s ease-in-out;

			z-index: 3;



		}

			.agent-lists:hover .agent-photo:after{

				opacity: 0;

			}



		.agent-lists .agent-photo:before {

			display: block;

			width: 100%;

			height: 100%;

			content: "";

			position: absolute;

			top: 0;

			left: 0;

			background: url(../images/hh-logo-hover.png) no-repeat center center transparent;

			opacity: 0;

			transition: all .25s ease-in-out;

			z-index: 3;



		}

			.agent-lists:hover .agent-photo:before{

				opacity: 1;

			}



		.agent-lists .agent-photo canvas{

			display: block;

			width: 100%;

			background-size: auto 100%;

			background-size: cover;

			background-repeat: no-repeat;

			background-position: center top;

			position: relative;

			z-index: 9;

			-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

			filter: grayscale(100%);

			transition: all .25s ease-in-out;



		}

		.agent-lists.no-fp-photo .agent-photo canvas {

			background-image: url(../images/hh-logo-hover.png) !important;

			background-position: center center;

			background-size: initial;

		}



			.agent-lists:hover .agent-photo canvas{

				-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */

				filter: grayscale(0);

				}

	.agent-lists .agent-details{

		padding: 4px 18px 8px;

		margin-top: 0;

		position: relative;

		top: -1px;

	}

		.agent-lists:hover .agent-details{

			background:  #000000;

			color: #fff;

			transition: all .25s ease-in-out;

		}

			.agent-lists:hover .agent-details a{

				color: #fff;

			}

			.agent-lists .agent-details i{

				color: #fff;

				position: absolute;

				right: 6%;

				font-size: 24px;

				top: 50%;

				transform: translate(-50%, -50%);

				transition: all .25s ease-in-out;

				opacity: 0;

			}

				.agent-lists:hover .agent-details i{

					opacity: 1;

				}



				.agent-profile p i.ai-font-envelope {

					font-size: 11px;

				}

				

			.agent-lists .agent-details h2{

				font-family: var(--font-noe);

				font-size: 25px;

				color: #000;

			}

				.agent-lists:hover  a{

					color: #fff;

				}

				.agent-lists:hover .agent-details h2{

					color: #fff;

				}

			.agent-lists .agent-details span{

				font-weight: 300;

				font-size: 15px;

				display: block;

			}

			.agent-lists .agent-details span a {

				display: inline-block;

				vertical-align: middle;

				margin-right: 11px;

			}

			.agent-profile .content-button.visit-web {

				margin-top: 5px;

			}



			.agent-profile .content-button.visit-web .default-button:not(.no-hover){

				background-color: var( --default-background-gray-color-hover );

				color: var( --default-background-gray-text-hover );

			}



			.agent-profile .content-button.visit-web .default-button:not(.no-hover):hover{

				background-color: var( --default-background-gray-color-hover );

				color: var( --default-background-gray-text-hover );

			}



	.agent-wrap .swiper-button-next:after,

	.agent-wrap .swiper-button-prev:after {

		color: #000!important;

	}

.loopnet-div{
    display: flex;
    align-items: center;
    margin-left: -5px;
}

.loopnet-div img{
	margin-right: 8px;
}

.loopnet-div a{
	font-weight: normal;
}

#hh-exclusive-properties{

	margin-top: 40px;



}

	#hh-exclusive-properties .default-heading{

		margin-bottom: 40px;

		opacity: 1;

	}

	#hh-exclusive-properties-cloned .default-heading {

		opacity: 1;

	}



	.list-listings-item {

		max-width: 100%;

		width: 33.33%;

		vertical-align: top;

	}

	.list-listings-item .ll-open-house{

		background: #000;

		color: #fff;

	}

	/*pagination*/

	ul.slick-dots {

    position: absolute;

    text-align: center;

    transition: .3s opacity;

    transform: translate3d(0,0,0);

    z-index: 10;

    bottom: 0px !important;



/*     bottom: 10px; */

    left: 0;

    width: 100%;

}



ul.slick-dots li {

    display: inline-block;

    /*opacity: .2;*/

    margin: 0 12px !important;

	color: #767676;

}



ul.slick-dots li button {

	background: transparent;

    border: none;

}



ul.slick-dots li.slick-active {

    /*opacity: unset;*/

	color: #4b4b4b;

}

/*end*/

	.assiociate-bttn {

		margin-top: 100px;

		/*margin-bottom: 50px;*/

	}

	#get-in-touch .container {

		border-top: 1px solid #000;

	}



.vide-frame > div {

    position: relative;

}

    .vide-frame > div:nth-child(1) ~ div {

        display: none;

    }



section#hh-exclusive-properties-cloned {

    margin-top: 30px;

}



	.list-listings-items {

	    padding: 0 0 50px!important;

	}

		.list-listings-item .ll-description {

			min-height: 70px;

		}



.vide-frame > div {

    position: relative;

}

    .vide-frame > div:nth-child(1) ~ div {

        display: none;

    }


.postid-204776  #hh-exclusive-properties,
.postid-114374  #hh-exclusive-properties{
	display: none;
}

#hh-exclusive-properties{
	display: block !important;
}

@media only screen and (max-width: 1366px) {

	.agent-profile h2{

		font-size: 40px;

	}

	.agent-video .video-details .video-thumb{

		

		margin-bottom: 26px;



	}

} 

/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 

@media only screen and (max-width: 1199px) {

	.agent-description h3{

		padding-bottom: 40px;

		font-size: 35px;

	}

	.agent-profile p {

		font-size: 14px;

	}

	.default-button{

		min-width: 100%;

	}

	.assiociate-bttn .default-button{

		min-width: 230px;

	}

	.content-button .default-button {

		font-size: 11px;

	}

	.list-listings-item .ll-title {

		font-size: 17px;

	}

} 



/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 

@media only screen and (max-width: 991px) {

	.content-button{

		/*text-align: center;*/

	}

	.default-button{

		min-width: 230px;

		

	}



	.agent-description {

		padding-top: 80px;

	}

	.agent-video .row {

		flex-direction: column;

		margin: 0;

	}



	.agent-video .video-container {

		width: 100%;

	}

	.agent-profile {

		max-width: 350px;

		margin: 0 auto;

	}



	/*.agent-profile canvas.dekstop-photo{

		display: none;

	}



	.agent-profile canvas.mobile-photo{

		display: block;

	}*/

	.agent-description iframe{

		height: 300px;

	}

	.agent-video .video-details{

		width: 100%;

		padding: 0;

	}



	.agent-profile{

		/*text-align: center;*/

	}



	.agent-video .video-details .slick-arrow.slick-prev,

	.agent-video .video-details .slick-arrow.slick-next {

		right: 0;

	}

	ul:not(.slick-initialized) .list-listings-item {

		width: 50%;

	}

	.single-aios-agents ul.slick-dots {

		position: relative;

	}

	.agent-wrap .swiper-slide {

	    width: 100%;

	}

	.agent-lists.fp-non {

		max-width: 480px;

		margin: 0 auto;

	}

} 



/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 

@media only screen and (max-width: 767px) {

	.agent-experience .ae-wrap{

		flex-direction: column;

	}

	.agent-experience .rate-cont{

		border: none;

	}

	.agent-profile .content-button {

		/*margin-top: 0;*/

		/*text-align: left;*/

	}



	.agent-description h3:after {

		position: absolute;

		top: inherit;

		bottom: 35px;

	}

}



/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 

@media only screen and (max-width: 480px) {

	.agent-description h3 {

		font-size: 35px;

		line-height: 1.2;

		padding: 0 0 40px 58px;

	}

	ul.slick-dots li {

		margin: 0 8px !important;

	}

	ul:not(.slick-initialized) .list-listings-item {

		width: 100%;

	}

	.agent-lists {

		max-width: 220px;

	}

}

