@charset "UTF-8";
/* CSS Document */
body, html{ margin:0; padding:0;  font-family:Arial, sans-serif; height:100%; font-weight:normal; line-height:1.3; box-sizing:border-box; overflow:hidden; background:rgba(0, 37, 57, 1);  height:100%; overflow-x: none; overflow-y: none;  }
html { position: fixed; width: 100%; height: 100%}

*,*:before, *:after { box-sizing:border-box;}
h1, h2,h3, p, a{ font-size: 12px;}

header{ margin:0 auto; height:150px;  padding:10px; display:inline-block; width:100%;   text-align:center; position:fixed; z-index:9;/*
background: rgba(1,22,34,1);
background: -moz-linear-gradient(top, rgba(1,22,34,1) 0%, rgba(1,22,34,0.56) 44%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,22,34,1)), color-stop(44%, rgba(1,22,34,0.56)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(1,22,34,1) 0%, rgba(1,22,34,0.56) 44%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(1,22,34,1) 0%, rgba(1,22,34,0.56) 44%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(1,22,34,1) 0%, rgba(1,22,34,0.56) 44%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(1,22,34,1) 0%, rgba(1,22,34,0.56) 44%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#011622', endColorstr='#ffffff', GradientType=0 )*/;


}
.team-left{ display: none; position: absolute; top:40%; left: 2%;}
.team-left img{ width: 30px; height: auto;}

.team-right{ display: none; }


/* images-bg-slider*/


.priv-bg1{ background: url(images/private-aminities1.jpg) no-repeat; background-size: cover;}
.priv-bg2{ background: url(images/private-aminities2.jpg) no-repeat; background-size: cover;}
.priv-bg3{ background: url(images/private-aminities3.jpg) no-repeat; background-size: cover;}
.priv-bg4{ background: url(images/private-aminities4.jpg) no-repeat; background-size: cover;}
.priv-bg5{ background: url(images/private-aminities5.jpg) no-repeat; background-size: cover;}
.priv-bg6{ background: url(images/private-aminities6.jpg) no-repeat; background-size: cover;}


.inter-bg1{ background: url(images/interiors1.jpg) no-repeat; background-size: cover;}
.inter-bg2{ background: url(images/interiors2.jpg) no-repeat; background-size: cover;}
.inter-bg3{ background: url(images/interiors3.jpg) no-repeat; background-size: cover;}
.inter-bg4{ background: url(images/interiors4.jpg) no-repeat; background-size: cover;}
.inter-bg5{ background: url(images/interiors5.jpg) no-repeat; background-size: cover;}
.inter-bg6{ background: url(images/interiors6.jpg) no-repeat; background-size: cover;}


.location-bg1{ background: url(images/location-bg.jpg) no-repeat; background-size: cover;}
.location-bg2{ background: url(images/location-bg2.jpg) no-repeat; background-size: cover;}

.life-bg1{ background: url(images/lifestyle-bg.jpg) no-repeat; background-size: cover;}
.life-bg2{ background:url(images/lifestyle-bg1.jpg) no-repeat; background-size: cover;}
.life-bg3{ background:url(images/lifestyle-bg2.jpg) no-repeat; background-size: cover;}

.other-cons{ background:url(images/other.jpg) no-repeat; background-size: cover;}





/* end-images-bg-slider*/

.agree{ background:#7aa5c4 !important; font-size:14px !important; padding: 5px; border-radius:10px;   color:#11263b !important; width:90px !important; border: 0; outline: 0; cursor: pointer;}


.header-holder{ height:0;  position:fixed; z-index:8; top:0; width:100%; background: #002539;   }
.logo{  width:14%; margin-left:0%; margin-top: 0; float:left;}
.logo img{ width:100%; height:auto;}

footer{ background-color: rgba(0, 0, 0, 0.7); padding:10px; margin:0 auto; width:70%; height:40px; position:fixed; bottom:0px; left:5%;  }
.closepop{ float:right; width:20%; text-align:right; cursor:pointer; font-size:18px; position:absolute; right:10px;}
.revert-bg{display:none; width:100%; height:100vh; /*background-color: rgba(0, 37, 57, 0.7);*/ background: url('images/fancybox_overlay.png'); position:absolute; overflow:hidden; z-index: 99999; }
.revert{ width:auto; background-color: #11263b; position:absolute; z-index:9999;  top:50%;
    left:50%; transform: translate(-50%, -50%);
    padding:15px; border-radius:10px; color: #b9b9b9; z-index:9999; font-size: 12px;}

.revert-bg1{display:none; width:100%; height:100%; /*background-color: rgba(0, 37, 57, 0.7);*/ background: url('images/fancybox_overlay.png'); position:absolute; overflow:hidden; z-index: 99998; }

.hori-view{display:table; width:100%; height:100%; background:rgba(0, 37, 57, 0.8); position:absolute; overflow:hidden; z-index: 99999; text-align: center; color: #000; vertical-align: middle; padding: 10px; visibility: hidden  }
.hori-view-inn{ display: table-cell; vertical-align: middle; color: #fff; font-size: 12px; width: 100% }

.revert1{ width:auto; background-color: #11263b; position:absolute; z-index:9999; top:20%; left:5%; right:5%; padding:15px; border-radius:10px; color: #b9b9b9; z-index:9999; font-size: 12px;}
.revert1 a{color: #b9b9b9; text-decoration: underline;}
.revert-bg1 h3 { font-size: 12px;}
.revert1 p { font-size: 12px;}

.formclose{ float:right; position:absolute; top:-18px; right:10px; font-size:20px; cursor:pointer}

.closepop1{ float:right; width:auto; position:absolute; right:4px; text-align:right; cursor:pointer; font-size:16px; color: #7aa5c4; display:none; top:4px; background:#000; padding:5px}
.footer-inner{ background-color: rgba(0, 0, 0, 0.7); padding:10px; margin:0 auto; width:70%; height:40px; position:absolute; bottom:0px; left:5%; }
.follow{ float:left; color: #7aa5c4; font-size:15px}
/*Style Social Media Button*/

.fa { text-align: center;  text-decoration: none; padding:0;}

.fa:hover { opacity: 0.7; }
.fa-linkedin { color: #7aa5c4; }
.fa-instagram {color: #7aa5c4;}
.fa-pinterest { color: #7aa5c4;}


.body-holder{ width:100%; height:100%;  margin:0 auto;  overflow:hidden;  }
.body-scroll{ width:100%; height:100vh;  margin:0 auto;  overflow:hidden; }
.body-scrollC{ width:100%; height:100%;  margin:0 auto;  overflow:hidden; }
.scr-w{ width: 95%;}
.page1{  padding:2%; height:100%;}
.home-page{background:url(images/home-bg.jpg) no-repeat center; background-size:cover; display: inline-block; text-align: center; width: 100%}
.main-site{ width:100%; height:100%; vertical-align:middle; overflow:hidden; margin: 0 auto;}
/*.main-site:before{ content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;}*/

.home-inn{ display:block; text-align: center; vertical-align:middle; width:15%; height:auto; overflow:hidden; 
	margin:120px auto 0 auto;  }
.home-inn img{ width:100%; height:auto; text-align:center; }
.home-logo-inn{}
.home-logo{ width:15%; text-align: center; display:inline-block; height:auto; vertical-align:middle; overflow:hidden; }
.home-logo img{ width:100%; height:auto;}
.heirloom{background:url(images/heirloom-bg.jpg) no-repeat; background-size:cover;}

.p-inn1{ padding:15px 20px 5px 20px !important; text-align: center; width: auto !important}
.page1-inn{ background:rgba(0, 37, 57, 0.8) no-repeat; width:550px; background-size:100% 100%; float:right; margin-top:150px; padding:20px 20px;}
.page1-inn h1{ font-size:22px; color:#62869e; font-weight:lighter; font-style: normal; margin:0 0 10px 0; padding:0; border-bottom:1px solid #62869e  }
.page1-inn p{ font-size:12px; color:#b9b9b9; font-weight:300; margin:0; padding:0;}
.page1-inn2{ width:550px; margin-top:10px; padding:10px 10px; font-size:13px; color:#b9b9b9; float:right; clear:both; font-style:italic;}
.page1-inn3{ width:100%; margin-bottom:5px; padding:5px 10px; font-size:13px; color:#62869e; float:right; clear:both;}
.call-back{ background-color: rgba(0, 0, 0, 0.7); width:20%; padding:5px 10px; right:5%; bottom:0px; position:absolute; z-index:99;}

.call-text{  font-size:1.4vw; color:#6f91a6; padding:5px 0 0 0; background:url(images/call.png) no-repeat; background-size:auto 100%;  cursor:pointer; height:30px; text-align:left; padding-left:60px}
.call-text img{ width: auto 30px;}
.call-ans{ color:#6f91a6; display:none;}
.call-ans input{ width:100%; background: rgba(112, 144, 164, 0.2); padding:10px; border-radius:10px;  margin:10px auto; border:0; display:block;  color:#6f91a6; font-size:12px; outline:0;}
.btn{ background:#748c9d !important; font-size:18px !important;  color:#fff !important; width:150px !important; -webkit-appearance: none;
-moz-appearance: none;
appearance: none;  }

input{ -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none; }
.download-pdf{  display:inline-block; }
.download-pdf p{ display:block; margin:5px auto; padding:0;}
.download-pdf a{ font-size:15px; color:#fff !important; text-decoration:underline;  display:inline-block; }

.download-pdf p img{ width:60px; height:auto;  }

.disC{ font-size:13px; color:#6f91a6; cursor:pointer; width: 100%; text-decoration: underline; }
.fo-fi{ position: absolute;}
.dis-ans{ background-color: rgba(0, 0, 0, 0.7); padding: 10px 10px 0 10px; color:#62869e; display:none; width: 128.5%;  position: absolute; bottom: 40px; left:0px; max-height:150px; height:54px;}
.inn-dis{ max-height:90px; width:95%; overflow:hidden; padding-bottom: 40px; }
.inn-dis a { text-decoration: underline; font-size: 9px; font-weight: normal; color:#62869e;}
.disb{height: 80px;}
.disr{height: 100px;}
.dis-ans h3{ font-size: 14px;  margin: 0; padding: 0; }
.dis-ans p{ font-size: 9px; margin: 0; padding: 0; width: 98%;}


.gallery-page{ padding:0; height:100%; position:relative;  }


#mySidenav, .sidenav, .sidenav1, .side{ height: auto; 
	position:absolute;
	right:7%;
 
	padding-top:0px;
	overflow:hidden;
	float:right;
	margin-top:150px;
	background: rgba(0, 37, 57, 0.9);
	
	}


.life{ }
.life h1{  color:#6f91a6 !important; font-size: 18px !important;; border: 0!important; font-weight:normal;}
.life p{ font-size: 14px !important; margin-left: 0px !important; display: block; margin: 0; padding: 0}

.sidenav, .sidenav1 a{ text-decoration:none; color:#7aa5c4;}
	
.sidenav { width: 420px; -webkit-transition: width .60s ease-in-out; /* Safari 3.1 to 6.0 */
    transition: width .60s ease-in-out;  -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s; }

.sidenav1 { width: 0px; -webkit-transition: width .60s ease-in-out; /* Safari 3.1 to 6.0 */
    transition: width .60s ease-in-out; 
	-webkit-transition-delay: 1ms;
    -moz-transition-delay: 1ms;
    -o-transition-delay: 1ms;
    transition-delay: 1ms;}


.right-btn{right:24px !important; top:50% !important; position:absolute; -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
 width: 55px;
  height: 55px;
  margin-top: -24px;
  z-index: 1;
  border-radius: 50%;
  background:none;
  opacity: .8;
  cursor: pointer;
  line-height: 48px;
  text-align: center; }
  .right-btn img{ width:100%; height:auto;}
  
.right-btn1{right:24px !important; top:50% !important; position:absolute;  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
   width: 55px;
  height: 55px;
  z-index: 1;
  opacity: .8;
	  margin-top: -24px;
  cursor: pointer;
  }
   .right-btn1 img{ width:100%; height:auto;}
   .right-btn:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  
}
  
 .right-btn1:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  
}


.closebtn { margin-top:0px; border-radius:10%;  padding:0 10px; float:right;  z-index:9;  font-size: 25px; right:0px; text-align:center; }

 a{ text-decoration:none; color:#7aa5c4;}

#info_mySidenav, .info, .info1{  
background:rgba(0, 37, 57, 0.8); 
	
	position:inherit;
	color:#6f91a6;
	font-size:18px;
	text-align:center;
	overflow-x: hidden;
	padding:5px 0;
	margin-top:150px;
	margin-right:7%;
	
	float:right;
	height:auto;
	cursor: pointer;

	
	}
	
.info{  width:0; padding:10px 0; -webkit-transition: width .80s ease-in-out; /* Safari 3.1 to 6.0 */
    transition: width .80s ease-in-out; 
	 -webkit-transition-delay: 1ms;
    -moz-transition-delay: 1ms;
    -o-transition-delay: 1ms;
    transition-delay: 1ms; }

.info1{ width:60px; padding:10px 0; -webkit-transition: width 980s ease-in-out; /* Safari 3.1 to 6.0 */
    transition: width .80s ease-in-out;  -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;  }

.content-holder{ width:100%;  padding:5% 5% 3% 5%; margin:10px auto 0 auto;  height:auto;   font-size:12px; color:#b9b9b9; line-height: 1.3 }
.content-holder h1{ font-size:22px; color:#6f91a6; font-weight:300; margin:0 0 10px 0; padding:0; border-bottom:1px solid #6f91a6  }
.content-holder p{ font-size:12px; color:#b9b9b9; font-weight:300; margin:0; padding:0;  height:auto; overflow-y:auto; text-align: left; max-height: 178px;     }

content-holder p spna{ margin-right: 15px;}

.content-holder .sco{ font-size:12px; color:#b9b9b9; font-weight:300; margin:0; padding:0;  height:auto; overflow-y:hidden; text-align: left; max-height: 178px;     }
.cont{ max-height: 180px;  }


.content-holder ul{ font-size:12px; color:#b9b9b9; font-weight:300; margin:0; padding:0;  height:auto; overflow-y:auto; text-align: left;  }

.content-holder li{ list-style-type:square; margin-left: 12px;}

.highlights{ font-size: 15px !important; color: #6f91a6; width: 100% !important; border-bottom: 0px dashed #6f91a6; margin:10px 0 !important;}

.morecontent span { display: none;      }





.morelink {display: block; border:1px dashed #7aa5c4; font-size:13px; margin:10px 0; width:60px; padding:2px; overflow:hidden;  clear:both;  
}
.morelesslink{display: block; border:0px dashed #7aa5c4; font-size:13px; margin:10px 0; width:60px; padding:2px; overflow:hidden; cursor: pointer;clear:both;}
.lesslink{display: block; border:0px dashed #7aa5c4; font-size:13px; margin:10px 0; width:60px; padding:2px; overflow:hidden;  clear:both; cursor: pointer;}


.scroll{ overflow-x: scroll; height: 100px;}

.content{
	position: relative;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	max-height: 220px;
	height: auto;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	
}

.serviceSC{
	position: relative;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	height:100%;
	

	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	
}


.content-pro{
	position: relative;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	
	height: auto;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	
}
.team-content{
	position: relative;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	height:auto;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	
}


.limitededition{ background:url(images/limited-edition.jpg) no-repeat center center; background-size:cover; padding:0 2% 0 0; overflow:hidden;}
.limitededition-inn{ background:url(images/page1h-bg.png) no-repeat; width:550px; background-size:100% 100%;  margin:150px auto 0 auto; padding:20px 20px;}

.limitededition h1{ font-size:22px;  }
.limitededition-inn2{ display:inline-block; text-align:center; left:35%; padding:10px 10px; font-size:15px; color:#000; position:absolute; bottom:8%;  clear:both; font-style:italic;}

.bottom-text{ display:none; margin:0 auto 0 5%; background:rgba( 111, 145, 166, 0);   text-align:center;   padding:10px 10px; font-size:14px; color:#fff; bottom: 45px;  clear:both; position: fixed; text-shadow: 0 0 3px #000, 0 0 5px #002539; }

.tem-dis{ display:block;}
.tem-mob{ display:none;}
.team1{ background:url(images/developers-bg.jpg) no-repeat left bottom #000; background-size:100% auto;}
.team2{ background:url(images/architect-bg.jpg) no-repeat; background-size:cover;}
.team3{ background:url(images/interior-designer-bg.jpg) no-repeat; background-size:cover;}
.team4{ background:url(images/structural-bg.jpg) no-repeat bottom; background-size:cover;}
.team5{ background:url(images/landscape-bg.jpg) no-repeat; background-size:cover;}
.portfolio{ background:url(images/portfolio.jpg) no-repeat; background-size:cover; padding: 0 2% 0 0 }
.portfolio-inn{ width: 380px !important; background-size: 100% 100%;
float: right;
margin-top: 150px;
padding: 20px 20px; }
.portfolio-inn span{ padding-right: 5%;}

.team-inn{ background: rgba(0, 37, 57, 0.8); width:450px; background-size:100% 100%; float:right; margin-top:150px; padding:20px 20px; color: #fff;}
.team-inn h1{ font-size:2.5vw; color:#62869e; font-weight:300; margin:0 0 10px 0; padding:0; border-bottom:1px solid #62869e  }
.team-inn p{ font-size:14px;  }
.team6 { width: 70%;  overflow: hidden; text-align: left; margin: 150px auto 0 auto; color: #FFF; }
.team6-inn{ background:rgba( 0, 37, 57, 0.8); width:500px; background-size:100% 100%;  margin:220px 8% 0 auto; padding:20px 20px; float: right;  }
.team6-inn p{ padding-bottom: 0px !important;}
.team6 h1{ font-size:22px;  font-weight:300; margin:0 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #6f91a6; color: #6f91a6;  }
.team6 p{ font-size:12px;  padding:0 0 20px 0; font-weight:300; color: #b9b9b9;    }
.other{ padding: 0;}
.views {margin:180px 7% 10px 0;}
.views h1{ font-size:22px; border-bottom:0px;  }
marquee{ margin:3px auto}

.contact-bg{  padding:135px 5% 0 5%;  color:#6f91a6; overflow: auto;  text-align: center; height: auto; }
.contact-holder{background:url(images/bg-image.jpg) center; background-size:cover; height: 100% !important;}
.contact-disC{ font-size:12px; color:#b9b9b9; margin:0px auto 0 auto; text-align:left; padding-top:10px; width:85%; border-top:0px solid #6f91a6 }

.contact-inner{ overflow: hidden; height:auto }

/*.contact-inner:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}*/

.contact-bg h1{ font-size:3vw; border-bottom:0px; margin: 0; padding: 0; font-weight:normal;   }
.contact-txt{ font-size:14px; border-bottom:0px; display: inline-block; text-align: left; vertical-align:top;}
.contact-field { width:30%; display: inline-block; text-align: left; margin: 0 50px;}
.contact-field p{ margin:0% 0%; padding:0; width:100%; display:inline-block; text-align:center; font-size:11px; text-align:left; color:#b9b9b9;  }
.contact-field p input{ width:100%; padding:2px 0; border-bottom: 1px solid rgba(111, 145, 166, 0.4); background: transparent;  color:#b9b9b9; box-sizing: border-box; outline:0; border-top:0; border-top: 0; border-left:0; border-right:0; font-weight:normal; font-size:12px; margin-bottom:10px; }
.contact-field p:nth-of-type(8) input:nth-of-type(1){ width:18%; float:left;}
.contact-field p:nth-of-type(8) input:nth-of-type(2){ width:80%; margin-left:2%; }
.contact-field p:nth-of-type(6){ display:block; text-align:left}

.contact-field p textarea {width:100%; padding:10px; border-bottom: 1px solid rgba(111, 145, 166, 0.4); background:transparent; font-family:calibri; color:#b9b9b9; height:60px;  border-top:0; border-top: 0; border-left:0; border-right:0; outline:0;}
.contact-btn{ width:150px !important; padding:10px;  background:rgba(0, 57, 37, 0) !important; border: 1px solid rgba(111, 145, 166, 0.1) !important; outline:0; color:#fff; font-size:20px !important; text-align:left; cursor: pointer}



.press-bg{ background:url(images/bg-image.jpg); background-size:cover; padding:150px 5% 0 5%; color:#fff; overflow:hidden; height: 100vh; }
.press-holder { height: auto; overflow: hidden;}
.press-bg h1{ font-size:3vw; border-bottom:0px; font-weight:normal; color:#7aa5c4 }
.press-inn{   margin-right: 10px; display: inline-block; width: 22%; float: left; }

.press-bg p { font-size:9px; margin: 10px 0; padding: 0;  }
.press-inn a{ color: #fff;}

ul.tabs{
			margin: 0px;
			padding: 0px;
			list-style: none;
	display: inline-block;
	color: #fff;
width: 100%;
}

		ul.tabs li{
			width: 100%;
			background: none;
			color: #fff;
			display:block;
			padding: 10px 15px;
			margin: 10px 0;
			cursor: pointer;
			border: 1px solid #fff;
			
			
			
		}

		ul.tabs li.current{
			background: none;
			color: #fff; 
		}

		.tab-content{
			display: none;
			background: none;
			padding: 0px 15px;
			color: #fff;
			
		}

		.tab-content.current{
			display: inherit;
		}

.service-page{ background:#11263b; background-size:cover; padding:0 5% 0 5%; color:#fff; height:100vh;  text-align: center; }
.service-page:before {
	display:inline-block;  vertical-align:middle; content: ""; height: 100%;	
}
.service-inn{ width: 90%; display:inline-block;  vertical-align:middle; }



.container {
  position: relative;
  width: 20%;
	display: inline-block;
	
}




.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(11,37,64,0.7 );
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: 1.5s ease;
}
.s-img1{ background:url(images/slide5-1.jpg); background-size:100%;}
.s-img2{ background:url(images/slide5-2.jpg); background-size:100%;}
.s-img3{ background:url(images/slide5-3.jpg); background-size:100%;}
.s-img4{ background:url(images/slide5-4.jpg); background-size:100%;}
.s-img5{ background:url(images/slide5-5.jpg); background-size:100%;}
.s-img6{ background:url(images/slide5-6.jpg); background-size:100%;}
.s-img7{ background:url(images/slide5-7.jpg); background-size:100%;}
.s-img8{ background:url(images/slide5-8.jpg); background-size:100%;}
.s-img9{ background:url(images/slide5-9.jpg); background-size:100%;}
.s-img10{ background:url(images/slide5-10.jpg); background-size:100%;}
.s-img11{ background:url(images/slide5-11.jpg); background-size:100%;}
.s-img12{ background:url(images/slide5-12.jpg); background-size:100%;}
	



.container:hover .overlay {
  height: 0%;
}

.text {
  
  color: white;
  font-size: 11px;
  position: absolute;
  overflow: hidden;
	bottom: 5px;
 /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);*/
	width: 96%;
	margin: 0 2%;
	
	
}

.container-gall {
  position: relative;
  width: 24%;
	display: inline-block;
	height: 130px;
	overflow: hidden;
	
}
.overlay-gall {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(11,37,64,0.9);
  overflow: hidden;
  width: 100%;
  height: 100%;
  transition: 1.5s ease;
}

.container-gall:hover .overlay-gall {
  height: 0%;
}

.text-gall {
  
  color: white;
  font-size: 13px;
  position: absolute;
  overflow: hidden;
	bottom: 5px;
 /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);*/
	width: 96%;
	margin: 0 2%;
	
	
}

.g-img1{ background:linear-gradient(rgba(11,37,64,0.7),rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/simplex/FSR_LivingRoom_Detail1_16728-s-o.jpeg); background-size:100%;}
.g-img2{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)), url(http://www.mumbairesidences.com/images/simplex/FSR_LivingRoom_Detail2_1237-s-o.jpeg); background-size:100%;}
.g-img3{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/simplex/FSR_LivingRoom_Detail3_1273-s-o.jpeg); background-size:100%;}
.g-img4{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/simplex/FSR_LivingRoom1_6560-s-o.jpeg); background-size:100%;}
.g-img5{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/simplex/FSR_LivingRoom3_Eve_6778-s-o.jpeg); background-size:100%;}
.g-img6{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/simplex/FSR_LivingRoom2_3194-s-o.jpeg); background-size:100%; }
.g-img7{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/simplex/FSR_LivingRoom3_6703-s-o.jpeg); background-size:100%;}

.g-img8{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/simplex/FSR_DiningTable_Grab1_3111-s-o.jpeg); background-size:100%;}
.g-img9{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(images/the-residence/FSR_Kitchen_Butler_1607-s-o.jpeg); background-size:100%;}
.g-img10{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/simplex/FSR_Bathroom_4579-s-o.jpg); background-size:100%;}
.g-img11{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/simplex/Master Bedroom at the Show Flat-s-o.jpg); background-size:100%;}
.g-img12{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/simplex/FSR_Kitchen1_6622-s-o.jpg); background-size:100%;}
.g-img13{ background:linear-gradient(rgba(11,37,64,0.7),rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/penthouse/E_PHX3605_FS-s-o.jpg); background-size:100%;}
.g-img14{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)), url(http://www.mumbairesidences.com/images/penthouse/E_PHX3736_FS-s-o.jpg); background-size:100%;}
.g-img15{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/penthouse/E_PHX3700_FS-s-o.jpg); background-size:100%;}
.g-img16{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/penthouse/E_PHX3548_FS-s-o.jpg); background-size:100%;}
.g-img17{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/penthouse/E_PHX3428_FS-s-o.jpg); background-size:100%;}
.g-img18{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/penthouse/E_PHX3446_FS-s-o.jpg); background-size:100%; }
.g-img19{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/penthouse/E_PHX3459_FS-s-o.jpg); background-size:100%;}

.g-img20{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/penthouse/E_PHX3731_FS-s-o.jpg); background-size:100%;}
.g-img21{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(images/the-residence/images/penthouse/E_PHX3488_FS-s-o.jpg); background-size:100%;}
.g-img22{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/penthouse/E_PHX3362_FS-s-o.jpg); background-size:100%;}
.g-img23{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/penthouse/E_PHX3670_FS-s-o.jpg); background-size:100%;}
.g-img24{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/penthouse/E_PHX3690_FS-s-o.jpg); background-size:100%;}
.g-img25{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/simplex/FSR_LivingRoom1_6560-s-o.jpeg); background-size:100%;}
.g-img26{ background:linear-gradient(rgba(11,37,64,0.7), rgba(11,37,64,0.7)),url(http://www.mumbairesidences.com/images/penthouse/E_PHX3488_FS-s-o.jpg); background-size:100%;}

.image-gall {
  display: block;
  width: 100%;
  height:auto

}



.container1{ float:left; width:33.33%;  }

figure {

	height:auto;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	
}
figure:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.service-txt{ font-size:20px;  color: #7aa5c4; text-align: center; display: block; margin-bottom: 10px; font-style:italic; padding: 0 5% 0 0;  }
.service-box{ width: 45%; margin-right: 6%; float: left; overflow: hidden; color: #fff; }
.service-box h1{ font-size: 18px; color: #7aa5c4; display: block; margin:0 0 5px 0; padding:0; font-weight:normal; font-style:italic; }
.service-box h2{ font-size: 15px; color: #7aa5c4; display: block; margin:15px 0 5px 0; padding:0; font-weight:normal; }
.service-box p{ font-size: 12px; color: #fff; display: block;  margin:0 0 5px 0; padding:0;  line-height: 1.5  }

.residence-page{ background:url(images/bg-image.jpg); background-size:cover; padding:0 5% 0 5%; color:#fff; height:100vh; text-align: center; }
.residence-page:before {
	display:inline-block;  vertical-align:middle; content: ""; height: 100%;	
}
.service-box ul{ width:85%; margin:0 0 0 10px; padding:0 0 0 15px; font-size:12px}

.service-box ul li{ margin:8px 0; }


.residence-inn{ width: 80%; display:inline-block;  vertical-align:middle; }

.residence-inn h1{ width: 100%; font-size:30px; color:#62869e; font-weight:lighter; font-style: normal;  margin:0 auto 20px auto; padding:0 0 10px 0; border-bottom:1px solid #62869e; text-align: left;  }

.residence-img {
  position: relative;
  width: 100px;
  float:left;
	overflow: hidden;
	height: 70px;
	margin: 0.5% 0.5%;
	border: 0px solid rgba(255,255,255,0.6);
	 text-align:left;
	
}

.residence-img img{ width: 100%; height:70px; vertical-align: middle;}

.location{ width:35%; height: auto; margin: 190px auto 0 auto;  text-align: center; }
.location img{ width:100%; height: auto;}


.video-page{ background:url(images/bg-image.jpg); background-size:cover; padding:0 5% 0 5%; color:#fff; height:100vh;   z-index: -200;}
.synopsis-page{ background:url(images/bg-image.jpg); background-size:cover;  color:#fff; height:100vh;   z-index: -200;}
.residence-page:before {
	display:inline-block;  vertical-align:middle; content: ""; height: 100%;	
}


video::-internal-media-controls-download-button {
    display:none;
}
.flex-container {
  padding-top: 12%;
  padding-left: 8%;
  display: flex;
  flex-direction: row;
  
}

.flex-item video{
  padding: 5px;
  flex: 30%;
 text-align: center;
}
.flex-item p{
  padding-top: 3px;
  text-align: center;
  color: #fff;
 width: 300px;
}
.flex-item {
  padding: 5px;
  flex: 20%;
  
}
.vdo-animatic{
	width: 300px;
	height: 50%;
	border: 1px solid #fff;
}
.video-page{background:url(images/bg-image.jpg); background-size:cover;  color:#fff; height:100vh; z-index: -200;  }
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
	padding-bottom: 40px;
  }
  .body-scroll{
	  overflow: auto;
	  
  }
}

.stopfade { 
   opacity: .5;
}
.opMenu { margin:0 auto; padding: 0; width: 90%;}
.opMenu li { list-style-type: none; border: 1px solid #7aa5c4; margin: 10px 0; padding: 10px; color: #7aa5c4; cursor: pointer}
.opMenu li a{ color: #7aa5c4; font-size: 15px}
.opMenu li ul{display:none;; list-style-type: none; margin: 2px 0; padding: 0;}
.opMenu li ul li{ border:0; padding: 5px 0; margin: 1px 0; color: #fff; font-size: 13px}

.opMenu li ul li a{ color: #fff; font-size: 13px}


/*@media (orientation: landscape) {
  body {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}*/

.read-more-state {
  display: none;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: 0.2s ease;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
	
}

.read-more-state ~ .read-more-trigger:before {
  content: 'Show more';
	
}

.read-more-state:checked ~ .read-more-trigger:before {
  content: 'Show less';

}

.read-more-trigger {
display: block; border:1px dashed #7aa5c4; font-size:13px; margin:10px 0; width:80px; padding:2px; overflow:hidden;  clear:both;
}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}

}