#hh-wide-slider{

	display: block;	

}

	.hh-slider{

		font-size: 0;

		height: 100vh;

		overflow: hidden;

	}

		.hh-slider .cycloneslider-template-video .cycloneslider-slides {

		    height: 100% !important;

		}

		.hh-slider canvas,
		.hh-slider video,
		.hh-slider .aios-slider canvas {

			display: block;

			width: 100%;

			height: 100vh;

			background-repeat: no-repeat;

			background-position: center;

			background-size: cover;

			position: relative;

			z-index: 0;

			background: #000000;

		}

		.hh-slider .cycloneslider-template-video .video-slide.paused .play-button {
			display: none;
		}

		.hh-slider video {

			height: auto;

		}

			/*body.logged-in .hh-slider canvas{height: calc(100vh - 32px)}*/

			.hh-slider .cycloneslider-template-video .cycloneslider-volume {

				display: none;

			}

		.hh-slider::before{

			content: '';

			position: absolute;

			top: 0;

			right: 0;

			bottom: 0;

			left: 0;

			z-index: 1;

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

			opacity: 0.15;

		}

		.hh-slider-details{

			position: absolute;

			z-index: 2;

			left: 0;

			right: 0;

			bottom: 110px;

			color: #fff;

		}

			.hh-slider-details .hh-slider-title{

				font-weight: 400;

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

				font-size: 48px;

				line-height: 1.1;

				letter-spacing: -0.025em;

			}

			.hh-slider-details .hh-slider-price{

				font-weight: 500;

				font-size: 24px;

				letter-spacing: 0.075em;

			}

			.hh-slider-details .hh-slider-button{

				margin-top: 25px;

			}



#hh-our-story{

	display: block;

	/*padding: 85px 0;*/
	padding: 60px 0;

}

	#hh-our-story .content{

		display: flex;

		flex-wrap: wrap;

		margin-left: -20px;

		margin-right: -20px;

	}

		#hh-our-story .content p{

			max-width: 50%;

			width: 50%;

			padding-top: 40px;

			padding-left: 20px;

			padding-right: 20px;

			text-align: justify;

		}

	.content-button{

		margin-top: 50px;

	}



#hh-exclusive-properties{

	padding-bottom: 80px;

}



#hh-showcase{

    /*background: url(../../images/gradient.jpg);*/

    background-color: #000;

    padding: 80px 0;

    background-size: cover;

    background-repeat: no-repeat;

}



#hh-market-insights{

	background: #e4e4e5;

	padding: 100px 0;

}

	#hh-market-insights .default-heading span{

		font-size: 36px;

	}

	#hh-market-insights .content p{

		/* font-size: 14px; */

	}

	#hh-market-insights .content p,

	#hh-market-insights .content .default-button{

		margin-top: 35px;

	}

	#market-insight-items{

		margin-top: 40px;

		padding-bottom: 40px;

	}

		#market-insight-items .swiper-wrapper{

			align-items: center;

		}

			.market-insight-item{

				padding: 40px 15px;

				height: 100%;

				display: flex;

				justify-content: center;

				align-items: center;

			}

				.market-insight-item img{

					display: block;

					max-width: 100%;

					width: auto;

					box-shadow: 0 8px 6px 0 rgba(0,0,0,0.1);

					transition: opacity 0.3s linear;

					/*height: auto;*/

				}

					.market-insight-item img{object-fit: cover;width: 100%;}



					.market-insight-item a:hover {

					    opacity: .8;

					}



					.market-insight-item a{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background: url('https://cdn.agentimagehosting.com/D3JLPYL9JlVcDDTv2oXEb/2023/06/media-img-placeholder.jpg') no-repeat center center/ cover #808080;font-size: 0;width: 100%;height: 100%;}

			#market-insight-items .swiper-pagination-bullet{

				background: #000 !important;

			}

			#market-insight-items .swiper-container-horizontal>.swiper-pagination-bullets, 

			#market-insight-items .swiper-pagination-custom, 

			#market-insight-items .swiper-pagination-fraction{

				bottom: 0 !important;

			}

			.market-insight-item span {
			    font-size: 15px;
			    text-align: center;
			    margin-bottom: 5px;
			    color: #000;
			    width: 100%;
			    min-height: 42px;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			}

			.market-insight-item span > a{
				color: inherit;
				-webkit-transition: 0.3s all ease-in-out;
				transition: 0.3s all ease-in-out;
				background: transparent;
				font-size: inherit;
			}

			.market-insight-item span > a:hover{
				color: #ddd;
			}


			.market-insight-item{
				flex-direction: column;
			}

#hh-instagram {
	position: relative;
	padding: 50px 0 80px;
	font-size: 0;
}
	.hh-instagram-container {
		position: relative;
		max-width: 1380px;
		padding: 0 15px;
		margin: 0 auto;
	}
		.hh-instagram-heading {
			position: relative;
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			padding-bottom: 20px;
			border-bottom: 1px solid #000000;
		}
			.hh-instagram-heading .default-heading {
				margin-bottom: -25px;
			}
			.hh-instagram-heading .default-heading span {
				font-size: 36px;
			}
			.hh-instagram-heading a {
				display: inline-flex;
				align-items: center;
				font-family: var(--font-noe);
				font-size: 32.6px;
				color: #000;
				line-height: 1;
			}
.hh-instagram-heading a:hover {
	color: #333 !important;
}
				.hh-instagram-heading a i {
					font-size: 28px;
					color: #000000;
					margin-right: 18px;
				}
		.hh-instagram-holder {
			margin-top: 70px;
			text-align: center;
		}
			.hh-instagram-list {
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				margin: 0 -10px;
			}
				.hh-instagram-item {
					width: 20%;
					padding: 10px;
				}
					.hh-instagram-item a {
						display: block;
						position: relative;
					}
					.hh-instagram-item a::after {
						content: '';
						display: block;
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						background: #000000;
						opacity: 0.1;
						transition: all 0.3s linear;
					}
					.hh-instagram-item a:hover::after {
						opacity: 0.5;
					}
					.hh-instagram-item canvas {
						display: block;
						width: 100%;
						background-color: #cccccc;						
						background-position: center center;
						background-repeat: no-repeat;
						background-size: cover;
					}
					.hh-instagram-item img {
						position: absolute;
						width: 100%;
						height: 100%;
						top: 0;
						left: 0;
						object-fit: cover;
					}
					.hh-instagram-item p {
						font-size: 13px;
					position: absolute;
					top: 50%;
					text-align: center;
					color: #fff;
						z-index: 9;
						transform: translateY(-50%);
						opacity: 0;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						-o-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
						padding: 10px;
					}
					.hh-instagram-item a:hover p {
						opacity: 1;
					}
					.hh-instagram-item i {
						position: absolute;
						left: 18px;
						bottom: 18px;
						font-size: 22px;
						color: #ffffff;
						z-index: 5;
					}
			.hh-instagram-holder a.default-button {
				/* width: 190px; */
				max-width: 100%;
				margin-top: 50px;
				/* min-width: 190px; */
			}

#hh-youtube {
	position: relative;
	background: #e4e4e5;
	padding: 80px 0 72px 0;
	font-size: 0;
}
	.hh-youtube-container {
		position: relative;
		max-width: 1470px;
		padding: 0 15px;
		margin: 0 auto;
	}
		.hh-youtube-heading {
			position: relative;
			display: flex;
			flex-wrap: wrap;
			align-items: flex-start;
			justify-content: space-between;
		}
			.hh-youtube-heading-text {
				width: 50.98%;
				padding: 75px 45px 20px;
			}
.hh-youtube-heading-text .default-button i,
.mob-view .default-button i
{
	font-size: 30px;
color: red;
background: #fff;
padding: 0;
line-height: 10px;
margin-right: 15px;
max-width: 20px;
}
.mob-view .default-button {
	margin: 15px auto 0 auto;
}

				.hh-youtube-heading .default-heading {
					margin-bottom: 26px;
					padding-top: 0;
				}
				.hh-youtube-heading .default-heading span {
					font-size: 36px;
				}
				.hh-youtube-heading-text p {
					font-size: 15px;
					color: #000000;
					line-height: 1.6;
					margin-bottom: 45px;
				}
				.hh-youtube-heading-text a {
					/* min-width: 190px; */
				}
			.hh-youtube-heading-image {
				width: 49.02%;
				position: relative;
			}
    .hh-youtube-heading-image canvas {
        display:block;
        width: 100%;
        height: auto;
    }
    
    .hh-youtube-heading-image iframe,
    .hh-youtube-heading-image video {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }
				.hh-youtube-heading-image img {
					width: 100%;
				}
			
		.hh-youtube-holder {
			margin-top: 8px;
		}
			.hh-youtube-list {
				display: flex;
				flex-wrap: wrap;
				margin: 0 -8px;
			}
				.hh-youtube-item {
					width: 25%;
					padding: 8px;
				}
					.hh-youtube-item a {
						display: block;
						position: relative;
					}
					.hh-youtube-item a::after {
						content: '';
						display: block;
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						background: #000000;
						opacity: 0.1;
						transition: all 0.3s linear;
					}
					.hh-youtube-item a:hover::after {
						opacity: 0.5;
					}
						.hh-youtube-item canvas {
							display: block;
							width: 100%;
							background-color: #cccccc;						
							background-position: center center;
							background-repeat: no-repeat;
							background-size: cover;
						}
						.hh-youtube-item img {
							position: absolute;
							width: 100%;
							height: 100%;
							top: 0;
							left: 0;
							object-fit: cover;
						}
						.hh-youtube-item i {
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%,-50%);
							display: flex;
							flex-direction: column;
							align-items: center;
							justify-content: center;
							font-size: 30px;
							color: #ffffff;
							z-index: 5;
						}
							.hh-youtube-item i::after {
								content: 'Play Video';
								display: block;
								font-family: var(--font-montserrat);
								font-size: 11.52px;
								color: #ffffff;
								line-height: 1;
								text-transform: uppercase;
								margin-top: 25px;
							}

.hh-instagram-container .default-button::before {
	content: "\b0106";
	font-family: agentimage !important;
font-style: normal;
font-weight: 700;
font-variant: normal;
text-transform: none;
line-height: 1;
	/*color: var( --default-background-text );*/
font-size: 20px;
width: auto;
height: auto;
margin-right: 10px;
/*opacity: .6;*/
	
background: #feda75;
background: -moz-linear-gradient(45deg,  #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
background: -webkit-linear-gradient(45deg,  #feda75 0%,#fa7e1e 25%,#d62976 50%,#962fbf 75%,#4f5bd5 100%);
background: linear-gradient(45deg,  #feda75 0%,#fa7e1e 25%,#d62976 50%,#962fbf 75%,#4f5bd5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feda75', endColorstr='#4f5bd5',GradientType=1 );
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

} 

.mob-view {
	display: none;
}

@media only screen and (min-width: 1270px){

	.container.container-wide {

		width: 1270px !important;

	}

}

@media only screen and (min-width: 1370px){

	#hh-our-story .container,

	#hh-exclusive-properties .container,

	#hh-market-insights .container,

	.hh-slider .container{

		width: 1370px !important;

	}

	.container.container-wide {

		width: 1370px !important;

	}

}

@media only screen and (min-width: 1470px) {

	.container.container-wide {

    	width: 1470px!important;

	}

}



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

	.hh-slider{

		height: initial;

	}



	.hh-slider .cycloneslider-template-video .cycloneslider-slides {

	    height: 100% !important;

	}

	.hh-youtube-heading-text {
		padding: 20px;
	}

}



@media only screen and (min-width: 1470px){

	#hh-exclusive-properties .container{

		width: 1470px !important;

	}

}



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



	#hh-wide-slider{

		margin-top: 79px;

	}

	.hh-slider{

		height: initial;

	}



		.hh-slider canvas,
		.hh-slider video,
		.hh-slider .aios-slider canvas {

			height: initial;

		}

		.hh-slider-details .hh-slider-title{

			font-size: 50px;

			line-height: 1;

		}



	#hh-our-story {

		padding-top: 20px;

		padding-bottom: 20px;
	}
	#hh-showcase {
		padding-top: 20px;

		padding-bottom: 40px;
		}

	#hh-our-story .content{

		margin-left: -15px;

		margin-right: -15px;

	}

		#hh-our-story .content p{

			padding-left: 15px;

			padding-right: 15px;

		}

	#hh-exclusive-properties{

		padding-bottom: 40px;

	}

	#hh-showcase{}

		.showcase-listings{

			flex-direction: column;

		}

			.showcase-image-content,

			.showcase-content{

				max-width: 100%;

				padding: 30px 0 0;

			}



	.showcase-detail-cta {

	    justify-content: center;

	    align-items: center;

	}

	.market-insight-item span {
	    font-size: 12px;
	    min-height: 35px;
	    display: block;
	}
	#hh-instagram {
		padding: 20px 0 40px;
	}
	#hh-youtube {
		padding: 40px 0 32px 0;
	}
	.hh-instagram-container {
		max-width: 630px;
	}
	.hh-instagram-heading {
		flex-direction: column;
		align-items: center;
	}
	.hh-instagram-heading a {
		margin-top: 30px;
	}
	.hh-instagram-item {
		width: 50%;
	}

	.hh-youtube-container {
		max-width: 630px;
	}
	.hh-youtube-heading {
		flex-wrap: wrap;
		/*flex-direction: column-reverse;*/
	}
	.hh-youtube-heading-text {
		width: 100%;
		padding: 0;
	}
	.hh-youtube-heading-image {
		width: 100%;
	}
	.hh-youtube-item {
		width: 100%;
	}
	
	.mob-view {
		display: flex;
	}
	.desk-view {
		display: none;
	}

}



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



	.hh-slider-details{

		bottom: 20px;

	}



	.hh-slider-details .hh-slider-title {

	    font-size: 40px;

	}
	.hh-instagram-item p {
		font-size: 11px;
		line-height: normal;
	}

}



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



	.hh-slider::before {

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

	}

	.hh-slider-details .hh-slider-title{

		font-size: 44px;

		margin-bottom: 10px;

	}

	

	#hh-our-story .content{

		margin-left: 0;

		margin-right: 0;

	}

		#hh-our-story .content p{

			max-width: 100%;

			width: 100%;

			padding-left: 0;

			padding-right: 0;

		}



	.hh-slider-details .hh-slider-title {

	    font-size: 35px;

	    color: #000;

	    line-height: 1.2;

	    margin-bottom: 0;

	}



	.hh-slider-details {

	    position: relative;

	    bottom: 0;

	    padding: 20px 10px;

	}



	.showcase-detail-cta-col {

		width: 250px;

	}

	.hh-instagram-item {
		width: 50%;
	}

}
@media only screen and (max-width: 410px) {
	.hh-instagram-item p {
		font-size: 10px;
	line-height: normal;
	}
	
}