/* Sound toggle button */
.sound-toggle {
	background: transparent;
	position: absolute;
	bottom: 20px;
	right: 20px;
	border: 1px solid #fff !important;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10001;
}

.sound-toggle img {
	pointer-events: none;
}

.home-hero-section .prop-search-bar {
	top: 95%;
	transform: translateY(-95%);
}

.property-options {
	top: 70px;
}

.jumbotron {
	padding: 50px 0;

}

.prop-search-bar .form-container {
	padding: 8px;
	border-radius: 25px;
	max-width: 960px;
	margin: 0 auto;

}

.prop-search-bar .select-sec.community-selection:before {
	display: none;
}

#priceModal label span.search-label,
.homesearch_mobile_filter label span.search-label {
	font-size: 10px;
}

.prop-search-bar label span.search-val {
	display: none;

}

.prop-search-bar label.active {
	background-color: transparent;

}

.select-sec label {
	padding: 6px 30px;
	display: flex;
	flex-direction: row;
}

.prop-search-bar input[type='submit'] {
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 10px !important;
	white-space: nowrap;
	border-radius: 25px;
	background-color: #000;

}

.digital-exp {
	padding-top: 2%;
	padding-bottom: 2%;
	overflow: visible;

}

.promotions-block p {
	margin: 0;
}

footer#colophon {
	padding-top: 40px;

}

#footer-widget .nav-accordion p.widget-title {
	cursor: pointer;
}

.new-promotions-block {
	min-height: auto;
}

.new-promotions-block-content {
	min-height: auto;
	margin-bottom: 0;
}

.new-promotions-block h2 {
	margin-bottom: 5px;
	margin-top: 0;
	height: auto;
	padding: 0;
	display: inline-block;


}

.new-promotions-block .short-desc {
	padding: 0;
	text-align: left;

}

.new-promotions-block .new-promotions-block-content a {
	position: relative;
	display: block;
}

.new-promotions-block .promotion-image {
	max-height: 180px;
	object-fit: cover;
}

.new-promotions-block .icon-360 {
	position: absolute;
	top: 31px;
	right: 15px;
}

.new-promotions-block .promotion-btn {
	float: right;
	margin-top: 15px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 2px;
}

.new-promotions-block h3 {
	color: #0D0D0D;
	font-family: 'Lato', 'Open Sans', sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 2px;
	margin-bottom: 0;

}

@media (min-width: 768px) {

	.new-promotions-block .short-desc {
		padding: 0px;
	}
}

#footer-widget .nav-accordion p.widget-title:after {
	content: '\f107' !important;
	font-family: "Font Awesome 6 Pro" !important;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	margin-left: 10px;
}

#footer-widget .nav-accordion.open p.widget-title:after {
	content: '\f106' !important;
}

#footer-widget ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height 1s fadeout;
}

#footer-widget .nav-accordion.open ul {
	height: auto;
	max-height: 700px;
	transition: max-height 1s fadein !important;
}

@media only screen and (max-width: 991px) {
	#footer-widget ul {
		max-height: 0;
		overflow: hidden;
		transition: max-height 1s fadeout;
	}

	#footer-widget .nav-accordion p.widget-title:after {
		float: right;
	}

	#footer-widget .nav-accordion.open p.widget-title:after {
		font-size: 20px;
	}

	#footer-widget .nav-accordion.open ul {
		height: auto;
		max-height: 700px;
		transition: max-height 1s fadein !important;
	}
}

.digital-exp h2 {
	font-size: 32px;
	margin-bottom: 10px;
}

.digital-exp .store-section .app-logo {
	padding-left: 0px;
	padding-right: 15px;
}

.digital-exp .store-section .app-logo a img {
	max-height: 27px;
}

.jumbotron.home-digital-experience {
	padding-top: 0;
	background: #F8F8F8;
	overflow: visible;
}

.jumbotron.home-digital-experience .container>.row {
	justify-content: center;
}

.emaar-one-wrapper span {
	color: #000;
	font-size: 12px;
	font-weight: 500;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
    line-height:22px;
	width: 130px;
}

.emaar-one-wrapper img {
	max-width: 56px;
	max-height: 56px;
}

.digital-img {
	right: 0;
	top: -15px;
	overflow: visible;
	width: unset;
	left: unset;
}

.digital-img img {
	max-width: 50%;
}

.digital-exp .store-section>.row {
	align-items: center;
}

@media only screen and (max-width: 991px) {
	.digital-img {
		position: absolute !important;
		margin-bottom: 0px;
		padding: 0 !important;
		right: 20px;
		text-align: right;
	}

	.digital-img img {
		width: 100%;
	}
	.digital-exp h2 {
		font-size: 20px;
		max-width: 250px;
		line-height: 28px;
	}
	.emaar-one-wrapper img {
		max-width: 40px;
		max-height: 40px;
	}
}

@media (max-width:576px) {
	body.page-template-front-page{
		overflow-x: hidden;
	}
	.emaar-one-wrapper span {
		font-size: 10px;
		line-height: 18px;
		margin-left: 10px;
		margin-top: 10px;
		width: 400px;
	}
}

body.page-template-front-page header.headerV2+#content.site-content {
	top: 0
}

body.page-template-front-page header.headerV2 {
	background: transparent !important;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

body.page-template-front-page #masthead.headerV2 .navbar .nav-band a {
	color: #fff !important
}

body.page-template-front-page #masthead.headerV2 .navbar .nav-band a[data-target='#registerModal'] {
	background: #fff;
	color: #232323 !important;
	border: 0
}

body.page-template-front-page #masthead.headerV2 .navbar .nav-band a[data-target='#registerModal'].btn-blue:after {
	border-radius: 1px;
	border: 0
}

body.page-template-front-page #masthead.headerV2 .navbar .nav-band a[data-target='#registerModal'].btn-blue:hover:after,
body.page-template-front-page #masthead.headerV2 .navbar .nav-band a[data-target='#registerModal'].btn-blue:focus:after {
	border: 1px solid #232323 !important;
	margin: 1px 1px 1px 1px;
	width: 98%;
	height: 96%
}

body.page-template-front-page #masthead.headerV2 .navbar .nav-band .js-wpml-ls-item-toggle.wpml-ls-item-toggle {
	background: transparent !important
}

body.page-template-front-page #masthead.headerV2 .communities-menu {
	top: 72px
}

body.page-template-front-page #masthead.headerV2 .navbar-nav>li.communities-tab.active>a:after,
body.page-template-front-page #masthead.headerV2 .navbar-nav>li.current_page_item>a:after,
body.page-template-front-page #masthead.headerV2 .navbar-nav>li>a:hover:after {
	border-bottom: 1px solid #071c35
}

body.page-template-front-page #masthead.stickyHeader,
#masthead.stickyHeader {
	position: fixed;
	background: #fff !important;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	box-shadow: 0 0 3px #e0e0e0;
	width: 100%;
	z-index: 1001
}

body.page-template-front-page #masthead.site-header.stickyHeader .navbar-nav>li>a,
header#masthead.site-header.stickyHeader .navbar-nav>li>a,
body.page-template-front-page #masthead.site-header.stickyHeader .navbar .nav-band a,
header#masthead.site-header.stickyHeader .navbar .nav-band a {
	color: #000 !important
}

body.page-template-front-page #masthead.site-header.stickyHeader .navbar .nav-band a[data-target='#registerModal'],
header#masthead.site-header.stickyHeader .navbar .nav-band a[data-target='#registerModal'] {
	color: #fff !important;
	background: #232323
}

body.page-template-front-page #masthead.headerV2 .navbar .nav-band a[data-target='#registerModal'].btn-blue:hover:after,
body.page-template-front-page #masthead.headerV2 .navbar .nav-band a[data-target='#registerModal'].btn-blue:focus:after {
	border: 2px solid #fff;
	border-radius: 1px
}

body.page-template-front-page #masthead.headerV2 .navbar-nav>li>a:hover:after,
body.page-template-front-page #masthead.headerV2 .navbar-nav>li.current_page_item>a:after,
body.page-template-front-page #masthead.headerV2 .navbar-nav>li.communities-tab.active>a:after {
	border-bottom: 1px solid #fff
}

body.page-template-front-page #masthead.headerV2 .navbar .nav-band .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
	color: #232323 !important
}

@media(max-width:991px) {
	body.page-template-front-page #masthead.headerV2 a.hamburger-menu {
		background-color: transparent
	}

	body.page-template-front-page #masthead.headerV2 a.hamburger-menu span,
	body.page-template-front-page #masthead.headerV2 a.hamburger-menu:before,
	body.page-template-front-page #masthead.headerV2 a.hamburger-menu:after {
		background: #fff
	}

	body.page-template-front-page header#masthead.site-header.stickyHeader a.hamburger-menu {
		background-color: transparent
	}

	body.page-template-front-page #masthead.site-header.stickyHeader a.hamburger-menu span,
	body.page-template-front-page #masthead.site-header.stickyHeader a.hamburger-menu:before,
	body.page-template-front-page #masthead.site-header.stickyHeader a.hamburger-menu:after {
		background: #000
	}

	body.page-template-front-page .homepage-sticky-search.noBg {
		background: transparent !important;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		transition: all .5s;
		display: none
	}
}

@media(max-width:480px) {

	body.page-template-front-page #masthead.headerV2 .navbar .nav-band .phone-tab,
	body.page-template-front-page #masthead.headerV2 .navbar .nav-band .watsapp-tab {
		background: transparent !important;
		margin-right: 0
	}

	body.page-template-front-page #masthead.headerV2 .navbar .nav-band .phone-tab a.instant-video-call {
		font-size: 18px
	}

	body.page-template-front-page #masthead.site-header.stickyHeader .navbar .nav-band li.watsapp-tab .fa-whatsapp {
		color: #000
	}
}

.area-options,
.bedroom-options,
.price-options {
	width: 200%;
}

.app-icons {
    display:none;
}

@media (max-width: 768px) {
	.mb-md-5 {
		margin-bottom: 2rem !important;
	}

	.digital-exp {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#footer-widget .nav-accordion p.widget-title:after {
		float: right;
	}

}

@media only screen and (max-width: 767px) {
	.mb-md-5 {
		margin-bottom: 2rem !important;
	}
	.digital-exp {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.digital-img {
	    top:10px;
	}
	#footer-widget .nav-accordion p.widget-title:after {
		float: right;
	}
	.app-icons {
	    display:block !important;
	}
	.digital-exp .store-section .app-logo{
	    display:inline-block;
	}
	.digital-exp .store-section .app-logo a img {
	    max-height:20px;
	}
    .communities-featured-block {
		padding-right: 15px !important;
    }
}

.site-header:not(.stickyHeader) .navbar img{
	filter: brightness(0) invert(1);
}

.area-options, .bedroom-options, .community-options, .floor-options, .price-options, .property-options, .property-type-options{
	top:58px;
}

.community-options{
	top:68px;
}

.homepage-sticky-search, .sticky-prop-bar{
	position: relative !important;
	display: block !important;
}


@media (min-width: 992px) {
  .header_call,
  .header_whatsapp {
    display: inline-block;
    max-width: 20px;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    transition: max-width 0.4s ease, padding 0.3s ease;
  }

  .header_call:hover,
  .header_whatsapp:hover {
    max-width: 200px;
    padding-right: 10px;
  }

  .header_call span,
  .header_whatsapp span {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .header_call:hover span,
  .header_whatsapp:hover span {
    opacity: 1;
  }
}

.mm-menu_offcanvas:not(.mm-menu_opened){
	display: none;
}

.search-fld .dropdown-icon{
	position: relative !important;
    left: 10px !important;
    top: 17px !important;
}

/* VIDEO */
.hero-video-outer {
    aspect-ratio: 2;
    justify-content: center;
    align-items: center;
    width: 100vw;
    display: flex;
    position: relative;
    overflow: hidden;
}
.hero-video-outer._1920x1080ar {
    aspect-ratio: 16/9;
}
.vimeo-embed {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}
.control-btn.mute {
    z-index: 1;
    color: var(--base-color-brand--white);
    cursor: pointer;
    background-color: #fff3;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    display: flex;
    position: absolute;
    bottom: 5%;
    right: 5%;
}
.control-btn.mute:hover {
    background-color: #fff9;
}
.video-container {
    background-color: #000;
    background-image: url('../../../assets/images/banner.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}
.hero-video-outer-mobile .video-container {
    background-image: url('../../../assets/images/banner-mobile.webp');
}
._1080x1920ar {
	aspect-ratio: 9/16;
    justify-content: center;
    align-items: center;
    width: 100vw;
    display: flex;
    position: relative;
    overflow: hidden;
}
.communities-featured-block img{
    height: 180px;
    object-fit: cover;
}

.jumbotron.home-digital-experience .container>.row{
	overflow:visible;
}