/*
 Sparkle Realty 
 */
.height639{height:639px;}
body{font-family: 'Poppins', sans-serif; font-size:14px; font-weight:200   } h1, h2, h3, h4, h5, h6{text-transform:capitalize; letter-spacing: 0px; line-height:normal; font-weight:500;} p, li, a, div{font-weight:400;} p{ padding-bottom:15px;}
/* menu header */
#fullscreen .gra-menu header{ background:#451529 linear-gradient(to top, #191d3a 0%, #2f1931 50%, #45162a 100%); } 
/* content style */
.amenities-2nd-row{ background:url(../../img/amenities.right-dot.jpg) center right no-repeat; }  #at-a-glance, #floor-plan{ background:url(../../img/amenities.right-dot.jpg) 110% center no-repeat; }
.amenities-view{ /*background:url(../../img/amenities-view.jpg) no-repeat center;*/ background-size:cover; position:relative;}
#amenities h1{ text-transform:capitalize; font-size:24px; color:#313131; font-weight:900;  margin-bottom:30px; }	 .yellow-border{ background:#e57c0a; height:4px; width:50px; float:left;}  #amenities h4{ font-size:16px; padding-top: 15px; font-weight:700;}
.amenities-3rd-row{ background:url(../../img/sustainability-bg.jpg) no-repeat left center; background-size:cover; color:#fff; } .amenities-3rd-row .tab-content{ margin-bottom:100px!important;  float:left} .amenities-3rd-row .nav-tabs a{color:#fff; text-align:center; padding:15px 20px!important; margin:10px 20px 0px 20px;  } .amenities-3rd-row h2{ font-size:48px; font-weight:500; } .amenities-3rd-row h3{ font-size:36px; font-weight:300; line-height:35px; } 
.nav-tabs>li{padding: 10px 0;}

.v-b-gradient, #home-content .v-b-gradient {
background: rgba(69,22,42,1);
background: -moz-linear-gradient(top, rgba(69,22,42,.8) 0%, rgba(47,25,49,.8) 51%, rgba(25,29,58,.8) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(69,22,42,.8)), color-stop(51%, rgba(47,25,49,.8)), color-stop(100%, rgba(25,29,58,.8)));
background: -webkit-linear-gradient(top, rgba(69,22,42,.8) 0%, rgba(47,25,49,.8) 51%, rgba(25,29,58,.8) 100%);
background: -o-linear-gradient(top, rgba(69,22,42,.8) 0%, rgba(47,25,49,.8) 51%, rgba(25,29,58,.8) 100%);
background: -ms-linear-gradient(top, rgba(69,22,42,.8) 0%, rgba(47,25,49,.8) 51%, rgba(25,29,58,.8) 100%);
background: linear-gradient(to bottom, rgba(69,22,42,.8) 0%, rgba(47,25,49,.8) 51%, rgba(25,29,58,.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45162a', endColorstr='#191d3a', GradientType=0 );
	 
padding:20px 30px;} .v-b-gradient h3{ text-transform:uppercase; font-size:30px;     font-size: 25px; font-weight: 500;}	
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{ background:none; border:none; border-bottom:2px solid #e57c0a;  margin-bottom:-2px; color:#fff;}/*.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{color:#fff;}*/ 
/* #gallery .nav-tabs>li, #gallery .nav-tabs>li{margin-bottom: 1px; border-bottom:2px solid #7a808c;} #gallery .nav-tabs>li.active, #gallery .nav-tabs>li.active{border-bottom:2px solid #e06d1c;} */
	@media (max-width: 768px) {
	  .desktop{ display:none!important;}	 .mobile{ display:block!important;}
	 .pa-t-100{ padding-top:40px} .pa-b-100{ padding-bottom:40px} .ma-t-100{ margin-top:40px} .ma-b-100{ margin-bottom:40px} .mt-5{margin-top: 5px !important} .mt-15{margin-top: 15px !important}
	 .pa-t-80{ padding-top:30px} .pa-b-80{ padding-bottom:30px} .ma-t-80{ margin-top:30px} .ma-b-80{ margin-bottom:30px}   
	 .nav-tabs > li > a	{ border:none;}  #safety-features .arrow{ display:none!important;}
      #safety-features .tabs-left > .nav-tabs { margin-bottom: 30px; } #safety-features .tab-content > .active{  min-height:400px;} .am-no{ margin-bottom: -30px;}  .number {  background: #4b162d; margin-bottom: 5px; padding-top:10px; padding-left:10px;} .am-no-content p, .am-no-content h5, .am-no-content ul{ padding-left:15px; padding-bottom:0px; margin-bottom:0px;} .am-no{ background:none!important} 
	 /* .number{padding:35px 15px 15px 15px; background:#e27b0a; margin-top:15px;} */  /*.am-no-content h5{ margin-left:15px;}*/  
	 /*home*/
	.home-content h2{ border: 1px solid #fff; padding:20px;}.home-content{ text-align:center;} .gradient-c p{ padding-top:20px;} #home-content .nav-tabs>li>a{ text-align:center;} .download-b{margin:20px 0px 20px 0px;}
	 #floor-plan .nav-tabs>li, #plan .nav-tabs>li { clear: both;     text-align: center;  display: inline-block;}
	 #project .tp-caption { left:20%!important; } .tp-caption p { font-size: 12px;  letter-spacing: 0px;} 
	 
	}
	@media (min-width: 769px) {
	  .desktop{ display:block!important;}	 .mobile{ display:none!important;}
	  .pa-t-100{ padding-top:100px} .pa-b-100{ padding-bottom:100px} .ma-t-100{ margin-top:100px} .ma-b-100{ margin-bottom:100px} .mt-5{margin-top: 5px !important} .mt-15{margin-top: 15px !important}
	  .pa-t-80{ padding-top:80px} .pa-b-80{ padding-bottom:80px} .ma-t-80{ margin-top:80px} .ma-b-80{ margin-bottom:80px} 	
	  #safety-features .tabs-left > .nav-tabs { float: left; margin-right: 30px; }
	  #safety-features .tab-content{ width:60%; float:left; margin:0px;  }  #safety-features .tab-content > .active{  min-height:300px;}	
	 .number{ position:absolute; padding:15px; } .number:hover .am-no-content{ display:block}	.am-no-content{ display:none; width: 250px!important;}   .am-no-content{ background:rgba(0, 0, 0, .8);}
	 
	 /*home*/
	 .homepage{ height:110vh; } .home-content h2{ font-size:46px;  line-height:55px; word-wrap: break-word; } .gradient-c-f{ float:left; clear:both;}
	 #at-a-glance .at-a-glance-img-a, #at-a-glance .at-a-glance-img-c{ padding-right:0px; }
     #at-a-glance .at-a-glance-img-b, #at-a-glance .at-a-glance-img-d{ padding-left:0px; }
     .project-no-lpa{ padding-left:0px;} .download-b{margin:20px 0px 20px 5px;}
	 .owl-nav{ margin-left:0%;} .tp-caption h2{ font-size:40px; line-height:40px; }	 .tp-caption p{ font-size:18px;}
	 #project .tp-caption { left:40%!important; }
	}
		
	
	@media (min-width: 1024px) {
	.amenities-3rd-row .nav-tabs a{padding:15px 29px!important; margin:10px 20px 0px 20px;} .v-b-gradient{ margin-top:50px; height: 300px;	}
	 .sustain{ position:absolute; z-index:9; padding-top:50px;} #safety-features .tab-content > .active{  min-height:300px;} #home-content .nav-tabs>li>a{ padding: 10px 41px; margin: 0px 35px}  .tp-caption p{  letter-spacing: 5px;}
	}
	
	@media (max-width: 1024px) {   
	 #at-a-glance, #floor-plan{ background:none }
	}
	
	
	@media (min-width: 1366px) {
	.owl-nav{ margin-left:74%;}	
	.nav-tabs>li>a{ padding:5px 20px; margin: 0px 45px}
	.tp-caption h2{ font-size:72px; line-height:72px; }	 .tp-caption p{ font-size:18px;} #project .tp-caption { left:52%!important; }
		
	}
	
	@media (min-width: 1440px) {
		#home-content .home-adjust{    padding-top: 20%;}
		
		
		}
		
		@media (min-width: 1920px) {
		#home-content .home-adjust{    padding-top: 15%;}
		
		
		}
		@media (min-width: 2880px) {
		#home-content .home-adjust{    padding-top: 20%;}
		
		
		}
	
	
	
 
#safety-features .tabs-left > .nav-tabs { border-bottom: 0; }
#safety-features .tab-content > .tab-pane, #safety-features .pill-content > .pill-pane {  display: none; }

#safety-features .tab-content > .active,
#safety-features .pill-content > .active {
  display: block;
}

#safety-features .tabs-left > .nav-tabs > li {
  float: none;
}
#safety-features .tab-content > .active{ background:#efefef;  padding:20px; height:auto; font-weight:500}
#safety-features .tabs-left > .nav-tabs > li > a {min-width: 74px;  margin-right: 0; margin-bottom: 3px; text-transform:capitalize!important; color:#272727; font-weight:400   }
  #safety-features .tabs-left > .nav-tabs .active { border:2px solid #e57c0a; font-weight:600;}
  .arrow{ width:25px; height:25px; background:url(../../img/right-arrow.png) no-repeat center; position: absolute; right: -25px; top: 10px; display:none; } #safety-features .tabs-left > .nav-tabs > li > a:hover .arrow,   #safety-features .tabs-left > .nav-tabs .active  .arrow{ display:block;}
  #safety-features .nav-tabs>li.active>a,  #safety-features .nav-tabs>li.active>a:focus, #safety-features .nav-tabs>li.active>a:hover{ border:none;}
  .tab-content-inner img{ width:110px; height:110px;   } .am-no-content ul li{ list-style:none;}
  #safety-features  .nav-tabs>li a:hover, #safety-features  .nav-tabs>li a{ border: none;}
 .number{ color:#fff; font-weight:400; } .am-no{     background: #e57c0a;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 11px;
    padding: 2px;
    cursor: pointer;
    font-size: 10px; z-index:-1; }  .am-no:hover{ background:#d13c40;} .am-no-content{ padding:15px;   font-weight:400; line-height:14px; font-size:11px; z-index:99999!important; position:inherit     } .am-no-content h5{ font-weight:500;}
 .am-no-1{ top:61%; left:68%;}  .am-no-2{ top:67%; left:68%;}
 .am-no-3{ top:69%; left:64.5%;}
 .am-no-4{ top:60%; left:63%;}
 .am-no-5{ top:54%; left:58.5%;}
 .am-no-6{ top:64.5%; left:48.5%;}
 .am-no-7{ top:67%; left:43%;}
 .am-no-8{ top:67%; left:33.5%;}
 .am-no-9{ top:62%; left:26.5%;}
 .am-no-10{ top:67%; left:23.5%;}
 .am-no-11{ top:55%; left:9.5%;}
 .am-no-12{ top:45%; left:9.5%;}
 .am-no-13{ top:27%; left:9%;}  .am-no-14{ top:25%; left:18%;} 
 .am-no-15{ top:25%; left:33%;}   .am-no-16{ top:27%; left:34.5%;}
 .am-no-17{ top:26%; left:36.5%;}  .am-no-18{ top:24%; left:38.3%;}
 .am-no-8-a{ top:31%; left:37.3%;} .am-no-7-a{ top:31%; left:26%;}
  .am-no-19{ top:29%; left:49.3%;} .am-no-20{ top:29%; left:51.3%;}
 .am-no-21{ top:29%; left:53.3%;}  .am-no-22{ top:35%; left:56.3%;}  .am-no-23{ top:42%; left:53%;} .am-no-24{ top:54%; left:54%;}   

 
 
 
 
/* block plan css start */

.block-number{ color:#fff; font-weight:400; } .block-am-no{     background: #ffffff;
    border-radius: 50%;
	color:black;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 11px;
    padding: 7px;
    cursor: pointer;
	font-weight: bold;
    font-size: 14px; z-index:-1; }  .block-am-no:hover{ background:#d13c40;} .am-no-content{     border-radius: 20px;padding:15px; border-radius: 10%;    font-weight:400; line-height:14px; font-size:11px; z-index:99999!important; position:inherit     } .block-am-no-content h5{ font-weight:500;}
.block-am-no-1 {
    top: 36%;
    left: 16%;
}  .block-am-no-2 {
    top: 36%;
    left: 24%;
}
 .block-am-no-3 {
    top: 36%;
    left: 32.5%;
}
.block-am-no-4 {
    top: 36%;
    left: 42%;
}
.block-am-no-5 {
    top: 36%;
    left: 50.5%;
}
.block-am-no-6 {
    top: 36%;
    left: 57.5%;
}
 .block-am-no-7 {
    top: 57%;
    left: 16%;
}
.block-am-no-8 {
    top: 57%;
    left: 24%;
}
 .block-am-no-9 {
    top: 57%;
    left: 32.5%;
}
.block-am-no-10 {
    top: 57%;
    left: 42%;
}
 .block-am-no-11 {
    top: 57%;
    left: 50.5%;
}
 .block-am-no-12 {
    top: 57%;
    left: 60.5%;
}
 .class-hover
 {
	 text-align: center;
	 font-size: 16px;
	 padding-top: 15px;
	 border-radius:15%;
 }



/* block plan css end */
 
 
 
 
 
 
 
/* home page */
.homepage{ background:url(../../img/sparkle-realty.jpg) no-repeat left center; background-size:cover; color:#fff;  } .home-content h2{ font-weight:400;} #home-content .v-b-gradient{ height:auto; margin-bottom: 50px; margin-top:0px }  #home-content .v-b-gradient h2{ font-size:30px; text-transform:uppercase; font-weight:400;} #home-content .v-b-gradient h2 span{ font-size:48px; font-weight:500;} .gradient-c-f{ margin-bottom:20px;} .gradient-c-icon{ float:left; margin-right:20px;} .gradient-c-icon img{ border-radius:50%; border:1px solid #fff; padding:10px;}  #home-content .nav-tabs{ clear:both;}  #home-content .nav-tabs>li>a{ color:#fff; letter-spacing:2px; font-weight:400;}  #home-content .nav-tabs>li{margin-bottom: -4px;} #home-content  .sustain,  #home-content .tab-content{padding-top: 0px;} #home-content .tab-content{margin-top: 0px;}
.nav-tabs>li a{border-bottom: 2px solid #7a808c; margin-bottom: 3px;}  .nav-tabs>li a:hover{ border-bottom: 2px solid #e57c0a; margin-bottom: -2px;}

/*project*/
.tp-caption.title{ color:#fff;}
#rightside-nav .navbar-nav{ position: fixed; left:0; top:38%;  /*background:#fbfafa;*/ z-index:9; margin-left:0px;} #rightside-nav .navbar-nav li{ float:none;   padding:5px; list-style:none;} #rightside-nav .navbar-nav>li>a{ color:#e57c09;} .menu-stock{ width:10px; background:#bbbbbb; height:3px; float:left; margin-top: 10px; margin-right: 10px; margin-left:10px;  } #rightside-nav .navbar-nav li:hover  a{ color:#e57c0a!important; font-weight:500; text-decoration:none; } #rightside-nav .navbar-nav li:hover .menu-stock{ background:#e57c0a;  margin-left:0px ; width:20px;} 
.at-a-glance-img-c{ background:url(../../img/the-marquise-project-c.jpg); }
.at-a-glance-img-a{ background:url(../../img/the-marquise-project-a.jpg); }
.at-a-glance-img-b{ background:url(../../img/the-marquise-project-b.jpg); }
.at-a-glance-img-d{ background:url(../../img/the-marquise-project-d.jpg); }
.at-a-glance-img{min-height:300px; background-size:cover; background-repeat:no-repeat;}
.at-a-glance-img-cont{ color:#fff; padding:20px;} .at-a-glance-img-cont h3{ font-size:48px; font-weight:500; line-height:45px;} .at-a-glance-img-cont h3 .bhk{ font-size:32px; color:#dadada; } .at-a-glance-img-cont h3:nth-child(3){font-size:30px; line-height:30px; }
.at-a-glance-img-cont h5{ text-transform:uppercase; letter-spacing:4px; font-size:12px; font-weight:400;}
.at-a-glance-img-cont h4{font-size:30px; font-weight:500; }
.download-b{ background:#e57c0a; padding:0;  clear:both;  } .download-b a{color:#fff; text-decoration:none;padding: 10px 15px;display: block;}

#amenities-n{ background:url(../../img/amenities-bg.jpg) no-repeat left center; background-size:cover; color:#fff;} #amenities-n .v-b-gradient, #brands .v-b-gradient{ height:auto}
#brands{ background:url(../../img/brand-bg.jpg) no-repeat left center; background-size:cover; color:#fff;}
/*#gallery{ background:url(../../img/project-banner.jpg) no-repeat left center; background-size:cover; color:#fff;}*/
.ams-n-c{ position:relative; margin-bottom:30px;}  .ams-n-c h5{ background:rgba(0,0,0,.8); padding:10px 15px; margin-top:-55px; position:absolute; width:100%; bottom: -8px; font-weight:500}

#plan .nav-tabs, #floor-plan .nav-tabs, #gallery .nav-tabs { border-bottom:0px;}
#plan .nav-tabs>li>a, #floor-plan .nav-tabs>li>a, #gallery .nav-tabs>li>a{ padding: 10px 10px; margin: 0px 10px; color:#272727; font-weight:500; border:none;}
#plan .nav-tabs>li>a:first-child, #floor-plan .nav-tabs>li>a:first-child, #gallery .nav-tabs>li>a:first-child{ padding-left:0px; margin-left:0px; }
#plan .nav-tabs>li, #floor-plan .nav-tabs>li, #gallery .nav-tabs>li{margin-bottom: -5px; border-bottom:5px solid #7a808c;} 
#plan .nav-tabs>li.active, #floor-plan .nav-tabs>li.active, #gallery .nav-tabs>li.active{border-bottom:5px solid #e06d1c;}
.floor-plan-detail li span { margin-left:20px; text-align:left;}
/*.floor-plan-detail ul li{width: 45%;text-align: center;margin: 15px}
.master-plan-detail ul li{width: 45%;text-align: center;margin: 15px}*/
.floor-plan-detail ul li a{width: 100%}
#floor-plan .nav-tabs>li>a{ float:left}	
#gallery-slider .owl-prev{ background:url(../../img/prev.jpg) center bottom no-repeat; height: 35px}

#gallery-slider .item:hover .ga-slider-hover{ display:block;} 
.ga-slider-hover{ height:100%; background: rgba(101,101,101,.6) url(../../img/hover-zoom.png) center no-repeat; display:none; } 
.location .ga-slider-hover{ width:100%; height:100%; background: rgba(101,101,101,.6) url(../../img/hover-zoom.png) center no-repeat; display:block; } 
.ga-slider-hover i{ font-size:50px; color:#fff; padding:50%;  }
#gallery-slider .owl-next{ background:url(../../img/nextt.jpg) center bottom no-repeat;height: 35px }
#gallery-slider .owl-prev, #gallery-slider .owl-next{ font-weight:600; text-transform:uppercase; float:left; margin:20px 30px; padding-bottom:10px;} #gallery-slider .item{ height:400px; background-position:15% center; background-size:cover; } 
.ga-slider-a{ background:url(../../img/gallery/gallery1.jpg);}
.ga-slider-b{ background:url(../../img/gallery/gallery2.jpg);}
.ga-slider-c{ background:url(../../img/gallery/gallery3.jpg);}
.ga-slider-d{ background:url(../../img/gallery/gallery4.jpg);}
.ga-slider-e{ background:url(../../img/gallery/gallery5.jpg);}
.ga-slider-f{ background:url(../../img/gallery/gallery6.jpg);}
.ga-slider-g{ background:url(../../img/gallery/gallery7.jpg);}
.ga-slider-h{ background:url(../../img/gallery/gallery8.jpg);}
.ga-slider-i{ background:url(../../img/gallery/gallery9.html);}
.ga-slider-j{ background:url(../../img/gallery/projectstatus/new/1.jpeg);}
.ga-slider-k{ background:url(../../img/gallery/projectstatus/new/2.jpeg);}
.ga-slider-l{ background:url(../../img/gallery/projectstatus/new/3.jpeg);}
.ga-slider-m{ background:url(../../img/gallery/projectstatus/new/4.jpeg);}
.ga-slider-n{ background:url(../../img/gallery/projectstatus/new/5.jpeg);}
.ga-slider-o{ background:url(../../img/gallery/projectstatus/new/6.jpeg);}
.ga-slider-p{ background:url(../../img/gallery/projectstatus/new/7.jpeg);}


#project .tp-leftarrow.default,  #project .tp-rightarrow.default{ display:none}  .tp-caption h2{  text-transform:uppercase;  text-shadow: 2px 2px 2px #000000; } .tp-caption p{  text-transform:uppercase;  text-shadow: 2px 2px 2px #000000;    }
#project .tp-caption.title:after{ display:none!important}
#project .banner-fullscreen{ background:#4161a4;} 
.day-night{ position:absolute; right:0; top:50%;  z-index:9999999;  height:200px; margin-right:10px; }

.homepage {
    background: url(../../img/sparkle-realty.jpg) no-repeat left center;
    background-size: cover;
    color: #fff;
}
.fancybox-nav span {
    visibility: visible;
}
<!--#project .full-screen{ background:url(../../img/project-banner.jpg) no-repeat center top; background-size:cover;  }-->
#project .full-screen .caption{  position:absolute; color:#fff;} .marb{ position:relative; z-index: 99} .marb .caption{ position:absolute; z-index:999;}

@media screen and (max-width:480px){
    .gradient-c p {  padding-top: 5px;}
    .gradient-c-icon{margin-left: -12px;}
    #home-content .v-b-gradient h2 span{font-size: 40px;}
    #at-a-glance .padding-top-60 {  padding-top: 20px;}
    .download-b{margin: 10px 20px;}
    .amenities-3rd-row h2{font-size: 40px}
    .amenities-3rd-row h3{    font-size: 30px;}
}

@media screen and (max-width:360px){
    .download-b{margin: 10px;}
    .download-b a{    font-size: 12px;}
}


@media screen and (min-width: 991px){
.hidden-dt{display: none !important}
}
@media screen and (max-width:990px){
    .hidden-mb{display: none !important}
}

.gallery-fancy
{
    display: inline-block;
    margin-top: 20px;
}
.gallery-fancy .thumbnail{border: none !important}
.fancybox-next, .fancybox-prev{display: none !important}

@media screen and (min-width:1200px){ }

/*card flip*/
.info-card {
  margin: 0 auto;
 display: inline-block;
  -webkit-perspective: 600px;
    text-align: center;
    /*padding: 20px;*/
   
}
@media screen and (max-width:768px){.info-card {display: flex;margin:10px auto 50px;justify-content: center} }

.front, .back {
  background: #FFF;
  transition: -webkit-transform 1s;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}

.front {
  overflow: hidden;
  padding: 30px 0;    
  min-width:80%;
  min-height:292px;
  max-height:292px;
  position: absolute;
  z-index: 1;
}

.back {
  padding: 20px 10px;
  min-width:220px;
  max-width:220px;
  min-height: 280px;
  max-height: 280px;
  -webkit-transform: rotateY(-180deg);
  overflow: hidden;
font-size: 14px;
    color: #000

}

/*.info-card:hover .back {
  -webkit-transform: rotateY(0);
}

.info-card:hover .front {
  -webkit-transform: rotateY(180deg);
}*/

.card-image {
width: 100%;
height: 100%;
}
.amenities-4th-row h2, .amenities-4th-row h4{color: #FFF}
.info-card h2{color:#313131;font-size: 18px;padding:5px 0}
.amenities-4th-row{background: linear-gradient(to bottom, rgba(69,22,42,1) 0%, rgba(47,25,49,1) 51%, rgba(25,29,58,1) 100%);}