#inner-page-wrapper {

    margin-bottom: 0 !important;

}



#inner-page-wrapper .container {

    width: 100%;

    padding: 0;

}



#breadcrumbs,

.ip-banner{

	display: none;

}



.banner-section{

	position: relative;

	width: 100%;

}



.banner-section .ipBanner canvas{

    width: 100%;

    height: auto;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

}



.banner-section .ipBanner iframe{

	width: 100%;

	height: 100vh;

}



.banner-content {

	position: absolute;

	left: 0;

	top: 0;

	/*width: 100%;

	height: 100%;*/

	display: flex;

	justify-content: center;

	align-items: center;

	z-index: 10;

	text-align: center;

	top: 50%;

	left: 50%;

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

}



.banner-content h1 {

	color: #fff;

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

	font-size: max(6.25vw, 100px);

	text-transform: uppercase;

	text-align: center;

	padding-bottom: 20px;

}



.banner-content h1 span {

	display: block;

	text-transform: uppercase;

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

	line-height: 1;

	letter-spacing: 1.3em;

	font-size: max(1.25vw, 20px);

	padding-bottom: 1vw;

}



.cta-section{

	/*padding: 50px;*/

	padding: 100px 50px 100px 50px;

	/*padding-top: 99px;*/

	text-align: center;

	margin: auto;

}



.cta-section .cta-container{

	display: flex;

	/*justify-content: space-between;*/

	justify-content: center;

	gap: 10px;

	flex-wrap: wrap;

}



.cta-section .cta-container .cta-item{

	box-sizing: border-box;

	text-align: center;

	width: 24%;

}



.cta-section .cta-container .cta-item a{

	text-decoration: none;

	color: inherit;

	display: block;

}



.cta-section .cta-container .cta-item img {

	width: 100%;

	height: auto;

	object-fit: cover;

}



.cta-section .cta-container .cta-item .image-wrapper{

	position: relative;

	width: 100%;

	overflow: hidden;

	transition: transform 0.3s ease;

}



.cta-section .cta-container .cta-item .image-wrapper::before {

	content: '';

	position: absolute;

	top: 0; 

	left: 0;

	width: 100%; 

	height: 99.5%;

	background: rgba(0, 0, 0, 0.6);

	z-index: 1;

}



.cta-section .cta-container .cta-item .image-wrapper::after {

	content: '';

	position: absolute;

	top: 3%;

	left: 4%;

	width: 92%;

	height: 93%;

	/* background: rgb(0 243 255 / 60%); */

	opacity: 0;

	transition: var(--transition);

	z-index: 1;

	background: var(--primary);

}



.cta-section .cta-container .cta-item .image-wrapper:hover::after {

 	 opacity: 0.8; 

	/*display: block;*/

}



.cta-section .cta-container .cta-item h2.overlay-title {

	position: absolute;

	top: 50%;

	left: 50%;

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

	margin: 0;

	color: white;

	font-size: 35px;

	padding: 5px 10px;

	text-align: center;

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

	text-transform: uppercase;

	padding-bottom: 20px;

	z-index: 5;

	width: 81%;

	line-height: 120%;

}



.cta-section .cta-container .cta-item h2.overlay-title span{

	font-size: 18px;

	display: block;

	margin-top: 15px;

	letter-spacing: 4px;

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

}



.content-items-section{

	position: relative;

}



.content-items-section .content-items-container{

}



.content-items-section .content-item{

    display: flex;

    /* flex-wrap: wrap; */

    align-items: center;

    justify-content: center;

    /* gap: 10px; */

    flex-wrap: wrap;

    padding: 100px 55px;

    position: relative;

}



.content-items-section .content-items-container .content-item:nth-child(odd){

    flex-direction: row-reverse;

    background-color: #f5f5f5;

}



.content-items-section .content-item .content-image{

	width: 48%;

	/* justify-content: center; */

	 display: flex; 

	 justify-content: flex-start;

	 position: relative;

	 transition: var(--transition);

}



.content-items-section .content-item .content-image a{

	transition: var(--transition);

	width: 100%;

}



.content-items-section .content-item .content-image:hover .play-btn img{

	transform: scale(1.05);

	transition: var(--transition);

}



/*.content-items-section .content-item .content-image:before{

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 99.5%;

	background: rgba(0, 0, 0, 0.6);

	z-index: 1;

}*/



.content-items-section .content-item .content-image .play-btn{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	width: 80px;

	height: 80px;

	z-index: 5;

	opacity: 1;

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

} 



.content-items-section .content-item .content-image img{

	width: 100%;

	height: auto;

	object-fit: cover;

}



.content-items-section .content-item .content-details{

	width: 48%;

	text-align: right;

}



.content-items-section .content-item .content-details .siteBttn a{

	align-items: center;

	padding: max(1.175vw, 17px) 1vw;

	display: none;

}



.content-items-section .content-item .content-details .siteBttn a.vip-popup-btn{

	padding: max(.7vw, 11px) 1vw;

}



.content-items-section .content-item .content-details .siteBttn a .vid-btn{

	display: inline-block;

	width: 30px;

	height: 30px;

	background-size: cover;

	background-repeat: no-repeat;

	margin-right: 20px;

}



.content-items-section .content-item .content-details .content-c-text{

	text-align: right;

	padding: 60px 0 34px 50px;

	line-height: 1.6;

    letter-spacing: 0.025em;

    color: #3f3f3f;

    font-size: max(0.938vw, 15px);

}



.content-items-section .content-item .content-details .defaultTitle{

	display: block;

}



.content-items-section .content-item .content-details .defaultTitle__dark h2{

	text-align: right;

	font-size: 60px;

}



.content-items-section .content-item .content-details .defaultTitle__dark h2 span{

	font-size: 30px;

}



.content-items-section .content-item .content-details .defaultTitle__dark h2 span::before{

	content: none;

}



.content-items-section .content-items-container .content-item:nth-child(odd) .content-details .defaultTitle__dark h2,

.content-items-section .content-items-container .content-item:nth-child(odd) .content-details .content-c-text,

.content-items-section .content-items-container .content-item:nth-child(odd) .content-details{

    text-align: left;

}



.content-items-section .content-item:nth-child(odd) .content-image{

	justify-content: flex-end;

}

.content-items-section .content-items-container .content-item:nth-child(odd) .content-details .defaultTitle__dark h2 span{

	justify-content: flex-start;

}



.content-items-section .content-items-container .content-item:nth-child(odd) .content-details .content-c-text{

	padding: 60px 50px 34px 0;

}



.latest-news-section{

	padding: 100px 24px;

}



.latest-news-section .section-title{

	color: #000;

    text-align: center;

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

    font-size: max(5vw, 70px);

    padding-bottom: 4.438vw;

    text-transform: uppercase;

}



.latest-news-section .latest-news-container{

	display: flex;

	gap: 3rem;

	justify-content: center;

	flex-wrap: wrap;

}



.latest-news-section .latest-news-container .blog-post {

	max-width: 28%;

	display: flex;

	flex-direction: column;

}



.latest-news-section .latest-news-container .blog-post a{

	text-decoration:none;

	color:unset;

	transition: var(--transition);

}



.latest-news-section .latest-news-container .blog-post a:hover{

	opacity: 0.7;

}



.latest-news-section .latest-news-container .blog-post img {

	width: 100%;

	height: auto;

	object-fit: cover;

}



.latest-news-section .latest-news-container .blog-post .details{

	padding: 12px 18px;

}



.latest-news-section .latest-news-container .blog-post h2 {

	font-size: 35px;

	margin: 1rem 0 0.5rem;

	text-transform: uppercase;

	font-weight: 500;

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

}



.latest-news-section .latest-news-container .date {

	text-transform: uppercase;

	font-size: 14px;

	margin: 20px 0;

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

	color: var(--primary);

}



.latest-news-section .latest-news-container .description {

	font-size: 15px;

	line-height: 1.6;

    letter-spacing: 0.025em;

    color: #3f3f3f;

} 



.aiosp-wrap .aiosp-container .defaultTitle h2 span::before{

	flex: 1;

	margin-right: 20px;

}



/*popup1 start*/

.page-template-commercial .aiosp-wrap .aiosp-container .aios-popup-body{

	padding: 80px 98px;

	text-align: center;

	position: relative;

	margin: 80px 0;

}



.page-template-commercial .aiosp-wrap .aiosp-container .aios-popup-body.amenities:before{

	content: "";

	display: block;

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	/*background-image: url('https://www.luxurious-estates.com/wp-content/themes/bbarnhart_pending.com/assets/images/commercial/popup-bg-img.jpg');*/

	background-image: url('../../images/commercial/popup-bg-img.jpg');

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	z-index: 1;

	opacity: .1;

}



.page-template-commercial .aiosp-wrap .aiosp-container .amenities-popup-form{

	position: relative;

	z-index: 10;

}



.page-template-commercial .aiosp-wrap .aiosp-container .defaultTitle h2 span{

	padding: 0 5px;

}



.page-template-commercial .aiosp-wrap .aiosp-container .amenities-container {

	display: flex;

	flex-wrap: wrap;

	gap: 40px;

	margin: 0 auto;

	padding: 40px 20px;

}



.page-template-commercial .aiosp-wrap .aiosp-container .feature {

	flex: 1 1 calc(33.333% - 40px);

	min-width: 250px;

	text-align: left;

}



.page-template-commercial .aiosp-wrap .aiosp-container .feature h3 {

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

	font-size: 20px;

	margin-bottom: 10px;

}



.page-template-commercial .aiosp-wrap .aiosp-container .aios-popup-body{

	width: 93%;

}



.page-template-commercial .aiosp-wrap .aiosp-container .feature p {

	font-size: 15px;

	line-height: 1.6;

    letter-spacing: 0.025em;

    color: #3f3f3f;

}

/*popup1 end*/



/*popup2 start*/

.page-template-commercial .aiosp-wrap .aiosp-container .aios-popup-body{

	padding: 80px 98px;

	text-align: center;

	position: relative;

	margin: 80px 0;

}



.page-template-commercial .aiosp-wrap .aiosp-container .modern-furniture-popup-form{

	position: relative;

	z-index: 10;

}



.page-template-commercial .aiosp-wrap .aiosp-container .image-slide-container{

	margin-top: 40px;

}



.page-template-commercial .aiosp-wrap .aiosp-container .defaultTitle h2 span{

	padding: 0 5px;

}



.page-template-commercial .aiosp-wrap .aiosp-container .img-canvas{

    position: relative;

    overflow: hidden;

}



.page-template-commercial .aiosp-wrap .aiosp-container .img-canvas a{

	transition: var(--transition);

}



.page-template-commercial .aiosp-wrap .aiosp-container .img-canvas a:hover .play-btn img{

	transform: scale(1.05);

}



.page-template-commercial .aiosp-wrap .aiosp-container .img-canvas iframe{

	width: 100%;

}



.page-template-commercial .aiosp-wrap .aiosp-container .img-canvas canvas{

    display: block;

    width: 100%;

    height: auto;

}



.page-template-commercial .aiosp-wrap .aiosp-container .img-canvas .img-item{

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    object-fit: cover;

    transition: 0.3s;

}



.page-template-commercial .aiosp-wrap .aiosp-container .arrows-container {

	display: flex;

	justify-content: center;

	align-items: center;

	gap: 2rem; 

	padding: 1rem 0;

}



.page-template-commercial .aiosp-wrap .aiosp-container .slide-navi {

	background: none;

	border: none;

}



.page-template-commercial .aiosp-wrap .aiosp-container .slide-navi:hover {

	opacity: 0.7;

}



.page-template-commercial .aiosp-wrap .aiosp-container .slide-navi span{

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

	text-transform: uppercase;

	font-size: 14px;

	letter-spacing: 2px;

}



.page-template-commercial .aiosp-wrap .aiosp-container .slide-navi span.ai-font-arrow-h-p{

	margin-right: 18px;

}



.page-template-commercial .aiosp-wrap .aiosp-container .slide-navi span.ai-font-arrow-h-n{

	margin-left: 18px;

}

/*popup2 end*/



/*popup3 start*/

.page-template-commercial .aiosp-wrap .aiosp-container .aios-popup-body{

	padding: 80px 98px;

	text-align: center;

	position: relative;

	margin: 80px 0;

}



.page-template-commercial .aiosp-wrap .aiosp-container .video-popup-form{

	position: relative;

	z-index: 10;

}



.page-template-commercial .aiosp-wrap .aiosp-container .video-container{

	margin-top: 40px;

}



.page-template-commercial .aiosp-wrap .aiosp-container .defaultTitle h2 span{

	padding: 0 5px;

}



.page-template-commercial .aiosp-wrap .aiosp-container .img-canvas .placeholder-img{

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	object-fit: cover;

	transition: 0.3s;

}



.page-template-commercial .aiosp-wrap .aiosp-container .img-canvas .play-btn{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	width: 80px;

	height: 80px;

	z-index: 5;

	opacity: 1;

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

} 



.page-template-commercial .aiosp-wrap .aiosp-container .img-canvas .play-btn img{

	width: 100%;

	height: auto;

	object-fit: cover;

}



.page-template-commercial .aiosp-wrap  .aiosp-close:before,

.page-template-commercial .aiosp-wrap  .aiosp-close:before,

.page-template-commercial .aiosp-wrap  .aiosp-close:before{

	font-family: agentimage !important;

    content: "򰉁";

    font-size: 24px;

    position: absolute;

    left: 50%;

    top: 50%;

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

    color: #000;

    transition: var(--transitions, all .4s ease-in-out);

}



.page-template-commercial .aiosp-wrap  .aiosp-close,

.page-template-commercial .aiosp-wrap  .aiosp-close,

.page-template-commercial .aiosp-wrap  .aiosp-close{

	width: 24px;

	height: 24px;

	font-size: 0;

	right: 36px;

	top: 30px;

	transition: var(--transitions, all .4s ease-in-out);

}



/*popup3 end*/

.siteForm__bg{

	background-image: url(https://www.luxurious-estates.com/wp-content/uploads/2025/07/ip-commercial-git-bg.jpg) !important;

	/* filter: grayscale(1); */

}

.contactDetails .siteForm__bg{

	filter: grayscale(1);

}



.contactDetails > div::after{

	position: absolute;

	content: '';

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: #ffffff;

	z-index: 2;

	opacity: 80%;

}

@media only screen and (min-width: 2101px) and (max-width: 2560px) {

  	.cta-section .cta-container .cta-item h2.overlay-title{

  		font-size: 60px;

  	}

  	.cta-section .cta-container .cta-item h2.overlay-title span{

  		font-size: 30px;

  	}

  	.latest-news-section .latest-news-container .blog-post h2{

  		font-size: 50px;

  	}

  	.latest-news-section .latest-news-container .date{

  		font-size: 24px;

  	}

  	.latest-news-section .latest-news-container .description{

  		font-size: 25px;

  	}

  	.page-template-commercial .aiosp-wrap .aiosp-container .feature h3{

  		font-size: 40px;

  	}

  	.page-template-commercial .aiosp-wrap .aiosp-container .feature p{

  		font-size: 22px;

  	}

  	.page-template-commercial .aiosp-wrap .aiosp-container .slide-navi span{

  		font-size: 26px;

  	}

  	.content-items-section .content-item .content-details .defaultTitle__dark h2 span{

  		font-size: 40px;

  	}

  	.content-items-section .content-item .content-details .defaultTitle__dark h2{

  		font-size: 80px;

  	}

}



@media only screen and (min-width: 1921) and (max-width: 2100px) {

	.cta-section .cta-container .cta-item h2.overlay-title{

		font-size: 50px;

	}

	.cta-section .cta-container .cta-item h2.overlay-title span{

		font-size: 20px;

	}

	.latest-news-section .latest-news-container .blog-post h2{

		font-size: 40px;

	}

	.latest-news-section .latest-news-container .date{

		font-size: 20px;

	}

	.latest-news-section .latest-news-container .description{

		font-size: 21px;

	}

}



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

	.cta-section .cta-container .cta-item h2.overlay-title{

		font-size: 30px;

	}

	.cta-section .cta-container .cta-item h2.overlay-title span{

		font-size: 15px;

	}

}



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

	.cta-section .cta-container .cta-item h2.overlay-title{

		font-size: 25px;

	}

	.cta-section .cta-container .cta-item h2.overlay-title span{

		font-size: 13px;

	}

	.latest-news-section .latest-news-container .blog-post h2{

		font-size: 28px;

	}

	.latest-news-section .latest-news-container .date{

		font-size: 12px;

	}

	.latest-news-section .latest-news-container .description{

		font-size: 13px;

	}

	.content-items-section .content-item .content-details .defaultTitle__dark h2 span{

		font-size: 23px;

	}

	.content-items-section .content-item .content-details .defaultTitle__dark h2{

		font-size: 45px;

	}

	.content-items-section .content-item .content-details .content-c-text{

		font-size: max(0.938vw, 14px);

	}

	.content-items-section .content-items-container .content-item:nth-child(odd) .content-details .content-c-text{

		padding: 28px 45px 30px 0;

	}

	.content-items-section .content-item .content-details .content-c-text{

		padding: 28px 0 30px 45px;

	}

}



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

  

}



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

  

}



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

  

}



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

  	.cta-section .cta-container .cta-item{

  		flex: 0 0 48%;

  	}

}



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

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

	.banner-section .ipBanner iframe,

	.banner-section .ipBanner canvas{

		height: 700px;

	}

 	.banner-content h1 {

 	    font-size: 70px;

 	}

 	.banner-content h1 span {

 	    display: block;

 	    font-size: 20px;

 	    letter-spacing: 1em;

 	}



 	.cta-section{

 		padding: 50px 35px;

 	}

 	.cta-section .cta-container .cta-item{

 		flex: 0 0 48%;

 	}



 	.content-items-section .content-item{

 		padding: 50px 35px;

 		display: block;

 	}



 	.content-items-section .content-item .content-details,

 	.content-items-section .content-item .content-image{

 		width: 100%;

 		text-align: center !important;

 	}



 	.content-items-section .content-item .content-details .content-c-text,

 	.content-items-section .content-items-container .content-item:nth-child(odd) .content-details .defaultTitle__dark h2,

 	.content-items-section .content-items-container .content-item:nth-child(odd) .content-details .content-c-text,

 	.content-items-section .content-items-container .content-item:nth-child(odd) .content-details,

 	.content-items-section .content-item .content-details .defaultTitle__dark h2{

 		text-align: center;

 		margin-top: 25px;

 	}



 	.content-items-section .content-item .content-details .defaultTitle__dark h2 span,

 	.content-items-section .content-items-container .content-item:nth-child(odd) .content-details .defaultTitle__dark h2 span{

 		justify-content: center;

 	}



 	.content-items-section .content-item .content-details .content-c-text{

 		padding: 20px!important;

 	}



 	.latest-news-section{

 		padding: 50px 35px;

 	}





 	.page-template-commercial .aiosp-wrap .aiosp-container .aios-popup-body,

 	.page-template-commercial .aiosp-wrap .aiosp-container .aios-popup-body,

 	.page-template-commercial .aiosp-wrap .aiosp-container .aios-popup-body{

 		padding: 80px 20px;

 		padding-bottom: 0;

 	}



 	.defaultTitle h2{

 		font-size: max(5vw, 40px);

 	}

 	.defaultTitle h2 span{

 		font-size: max(1.875vw, 18px);

 	}



 	.cta-section .cta-container .cta-item h2.overlay-title{

 		font-size: 28px;

 	}



 	.latest-news-section .latest-news-container .blog-post{

 		max-width: 45%;

 	}



}



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

  	.latest-news-section .latest-news-container .blog-post{

  		max-width: 100%;

  	}

  	.cta-section .cta-container .cta-item{

  		flex: 0 0 100%;

  	}

}



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

  	.cta-section .cta-container .cta-item{

  		flex: 0 0 100%;

  	}

  	.content-items-section .content-item{

  		padding: 50px 15px;

  	}



  	.page-template-commercial .aiosp-wrap .aiosp-container .img-canvas iframe{

  		height: auto;

  	}



  	.latest-news-section .latest-news-container .blog-post .details{

  		text-align: center;

  	}

}



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

  	.banner-content h1{

  		font-size: 55px;

  	}

  	.banner-content h1 span{

  		font-size: 14px;

  	}

}



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

  	.page-template-commercial .aiosp-wrap .aiosp-container .aios-popup-body,

  	.page-template-commercial .aiosp-wrap .aiosp-container .aios-popup-body,

  	.page-template-commercial .aiosp-wrap .aiosp-container .aios-popup-body{

  		padding: 80px 5px;

  		padding-bottom: 0;

  	}

}