.relative { position:relative; }


/* Banner */
.item { height:100vh; background-size:cover !important; background-attachment:fixed !important; position:relative; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; }
.item img { }

.item video { width:100%; height:100%; }

.carousel-caption { position:absolute; z-index:1;   height:150px; left:10%; right:auto; top:35%; text-align:left; background:rgb(0 0 0 / 47%); padding:20px 40px; }
.carousel-caption h3 { color:#fff; font-size:60px; margin:0 0 0px 0; }
.carousel-caption p { color:#fff; margin-bottom:5px; text-align:left; font-size:24px; }
.carousel-caption p strong { color:#897bb9; }

#homecarouselIndicators .carousel-indicators { display:block; }
#homecarouselIndicators .carousel-indicators li {  opacity:1; position:relative; width:30px; }
#homecarouselIndicators .carousel-indicators li.active { opacity:1; width:40px; }

#amenities { }
#amenities .thumbnail { border-radius:0px; }
#amenities .thumbnail p { font-size:18px; font-weight:600; color:#f9c460; }



#video  { background:url(../img/projects/rassaz_greens/bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; padding:80px 0; position:relative; }
#video:before { content:''; position:absolute; width:100%; height:100%; top:0px; background:rgb(139 195 74 / 72%); }
#video .col-lg-12 p { color:#fff; margin-bottom:0px; }
#video .col-lg-12 h2 { color:#fff; margin-top:0px; }



#video .card { padding:10px 10px 5px 10px; background:#fff;  -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); margin-bottom:10px; }
#video .card p { margin:0px; padding: 7px 0; font-size:18px; }

#video .card .w-100 { width:100%; }

#video .card .youtube { position:relative; cursor:pointer; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
#video .card .youtube:before { content:''; position:absolute; width:100%; height:100%; background:rgb(0 0 0 / 40%); left:0px; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; }
#video .card .youtube:hover:before { content:''; background:none; }
#video .card .youtube .play { height:58px; width:58px; position:absolute; top:50%; transform:translateY(-50%); left:0; right:0; margin:0 auto; background:url(../img/play.png) no-repeat; cursor:pointer; background-size:contain; z-index: 99; opacity:1; }


.yl-item {  -webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); margin-bottom:10px;}
.yl-thumbnail img { width:100%; }


.grtyoutube-popup { position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; }
.grtyoutube-popup-content { margin-top:150px; width:95%; max-width:1000px; margin-left:auto; margin-right:auto; position:relative; }
.grtyoutube-popup-close { position:absolute; top:-30px; right:0; color:#FFF; font-size:25px; width:17px; height:17px; cursor:pointer; }
.grtyoutube-iframe { width:100%; height:565px; }
@media (max-width:767px) {
.grtyoutube-iframe { width:100%; height:350px; }
}
.grtyoutube-dark-theme{ background: rgba(0,0,0, 0.85); }
.grtyoutube-dark-theme .grtyoutube-popup-content { -webkit-box-shadow: 0px 0px 8px 0px rgba(255,255,255,0.4); -moz-box-shadow: 0px 0px 8px 0px rgba(255,255,255,0.4); box-shadow: 0px 0px 8px 0px rgba(255,255,255,0.4); }
.grtyoutube-dark-theme .grtyoutube-popup-close { background: url('../img/icon-close-white.png') no-repeat; }
.grtyoutube-light-theme { background: rgba(255,255,255, 0.85); }
.grtyoutube-light-theme .grtyoutube-popup-content { -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.4); }
.grtyoutube-light-theme .grtyoutube-popup-close { background: url('icon-close-black.png') no-repeat; }
@media (max-width:1400px) {
.grtyoutube-popup-content { margin-top:50px; }
}





.floor-plans-section{ position:relative; padding:25px 10px}
.floor-plans-section .side-links{ position:relative;margin-bottom:40px}
.floor-plans-section .side-links .links-nav{ position:relative}
.floor-plans-section .side-links .links-nav>li{ color:#253d4a; font-size:18px; margin-bottom:15px; list-style:none;  }
.floor-plans-section .side-links .links-nav>li>a{ font-weight:600; color:#253d4a; font-size:16px; text-transform:capitalize}
.floor-plans-section .side-links .links-nav>li>.toggle-nav{ position:relative; padding:15px 15px 0;display:none}
.floor-plans-section .side-links .links-nav>li>.toggle-nav.collapsed{ display:block}
.floor-plans-section .side-links .links-nav>li>ul>li{ font-size:14px; color:#777; list-style:none; }
.floor-plans-section .side-links .links-nav>li>ul>li>a{ color:#777; display:block; line-height:30px}
.floor-plans-section .side-links .links-nav>li>ul>li>a.active,
.floor-plans-section .side-links .links-nav>li>ul>li>a:hover{ color:#324f25}
.floor-plans-section .floors-content{ position:relative}
.floor-plans-section .floors-content .content-box{ display:none; text-align:center}
.floor-plans-section .floors-content .content-box.collapsed{ display:block}
.floor-plans-section .floors-content .image-box img{ position:relative; display:inline-block; max-width:100%}
.floor-plans-section .property-info{ position:relative; text-align:center; padding-top:20px}
.floor-plans-section .property-info .description{ font-style:italic; font-size:14px; max-width:750px; margin:0 auto 40px}
.floor-plans-section .property-info .documents{ position:relative; margin-bottom:40px; color:#777}
.floor-plans-section .property-info .documents strong{ text-transform:uppercase; font-weight:700;color:#253d4a}
.floor-plans-section .property-info .documents .fa{ padding:0 7px; font-size:15px}
.floor-plans-section .property-info .theme-btn{ margin:0 10px 10px 0; padding:11px 30px}
.floor-plans-section .inline-list{ position:relative; margin-bottom:10px!important}
.floor-plans-section .inline-list li{ position:relative; display:inline-block; margin-right:15px!important; line-height:24px!important; text-transform:capitalize; font-size:14px;color:#253d4a}
.floor-plans-section .inline-list li .icon{ font-size:14px; padding-right:10px; display:inline-block; color:#324f25}


.image-box { border:1px solid#ddd; }





.img_lg { }
.img_xs { display:none; }

@media (max-width:993px) {

.img_lg { display:none !important; }
.img_xs { display:block !important; width:100%; }
	
}

@media (max-width:480px) {
.item { height:auto;}	
.carousel-caption { position:absolute; z-index:1; height:110px; left:4%; right:auto; top:35%; text-align:left; background:rgb(0 0 0 / 47%); padding:10px 20px 10px 10px; }
.carousel-caption h3 { font-size:40px; }
.carousel-caption p { font-size:20px; }
}