/* stylesheet for demo and examples */




@font-face {
  font-family: 'ProximaNova-Regular';
  src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), 
  	   url('../fonts/ProximaNova-Regular.otf')  format('opentype'),
	   url('../fonts/ProximaNova-Regular.woff') format('woff'), 
	   url('../fonts/ProximaNova-Regular.ttf')  format('truetype'),
	   url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'CentraleSansBook';font-family: 'CentraleSansBook';
  src: url('../fonts/CentraleSansBook.eot?#iefix') format('embedded-opentype'),
       url('../fonts/CentraleSansBook.otf')  format('opentype'),
	   url('../fonts/CentraleSansBook.woff') format('woff'), 
	   url('../fonts/CentraleSansBook.ttf')  format('truetype'),
	   url('../fonts/CentraleSansBook.svg#CentraleSansBook') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CentraleSansBold';
  src: url('../fonts/CentraleSansBold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/CentraleSansBold.otf')  format('opentype'),
	   url('../fonts/CentraleSansBold.woff') format('woff'),
	   url('../fonts/CentraleSansBold.ttf')  format('truetype'),
	   url('../fonts/CentraleSansBold.svg#CentraleSansBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*@import url(http://fonts.googleapis.com/css?family=Lobster+Two:700italic,700);*/

body{
	margin: 0; float:left; width:100%;
	padding: 0; background:#0d243d;
	border: 0;
	color: #0d243d;
	font-family: 'CentraleSansBook';
	font-size: 14px;
}
.ban_img { width:100%;}

a{
	color: inherit;
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;
}

hr{
	display: block; 
	height: 0; 
	border: 0; 
	border-top: 1px solid rgba(0,0,0,0.2); 
	border-bottom: 1px solid rgba(255,255,255,0.2); 
	margin: 1em 0; 
	padding:0;
}



header, #navigation-menu, #content, footer{
	position: relative;
}

header, footer{
	padding: 1em 3em;
	text-shadow: none;
}

header h1{
	color: #e6842c;
	font-size: 1.4em;
	font-style: italic;
}

nav ul, nav ol, nav li{
	list-style: none; 
	margin: 0; 
	padding: 0;
}

#navigation-menu{ background:rgba(0,0,0,0.6);
	/*position: fixed;  height:100px;*/
	top: 0;
	left: 0px;
	right: auto;
	bottom: 0;
	z-index: 9; width:100%;
	text-shadow: none; 
	
/*	-webkit-box-shadow: 8px 0px 8px -9px rgba(29,27,27,1);
-moz-box-shadow: 8px 0px 8px -9px rgba(29,27,27,1);
box-shadow: 8px 0px 8px -9px rgba(29,27,27,1);*/
	
	
	-webkit-box-shadow: 6px 0px 12px -6px rgba(29,27,27,0.6);
-moz-box-shadow: 6px 0px 12px -6px rgba(29,27,27,0.6);
box-shadow: 6px 0px 12px -6px rgba(29,27,27,0.6);
	
	}
	
#content{ width:100%; float:left;}
.toggle { display:none; float:right; cursor:pointer; position:absolute; top:10px; right:0; cursor:pointer;}
.toggle button{cursor:pointer;background:url(../images/toggle_btn.png) no-repeat top center; border:0; box-shadow:none; width:25px; height:19px; font-size:0; margin:4px 15px 0 0;}

.tel_icon{ width:100%; float:left; background:#ae8b2e;}
.tel_icon_inner{ float:right;font-family: 'ProximaNova-Regular';font-size:14px; color:#fff; margin:5px 15px 5px 0;}
.tel_icon img{ vertical-align:middle;}

.nav_right{ float:right; width:85%;}
.nav{ width:100%; float:left;}

#navigation-menu ul{ float:right; margin:20px 0 10px 0;}



.develby a:hover::before { background:none !important;}

#navigation-menu .logoanch:hover::before { background:none !important;}
#navigation-menu li{ float:left;position:relative; margin:0 10px;}
	

#navigation-menu .logo_mob a:hover, #navigation-menu .logo_mob a.mPS2id-highlight{ box-shadow:none;}


#navigation-menu ul li a{display: block;font-family: 'ProximaNova-Regular';font-size:14px; line-height:26px; color:#fff; text-transform:uppercase;
	padding: 4px 4px 2px 4px;; outline:none;transition: left 0s ease; float:left; border-bottom:4px solid transparent;}

.logo a{ line-height:0 !important;}
#navigation-menu li a.mPS2id-highlight{color: #fff;  border-bottom:4px solid #fff;}

.is-active #navigation-menu{ top:0;}
.is-active #navigation-menu ul{ float:right; margin:20px 0 10px 0;}
.is-active .logo img{ width:37%}
.sticky-anchor {height:auto !important;}
.is-active .tel_icon{ display:none;}


#navigation-menu li a:hover{color: #fff; border-bottom:4px solid #fff;}


.top_part {padding:0; margin:0; width:100% !important; position:absolute; z-index:10; top:0;
 background:rgba(000,000,000,0.7);}

#content .desk{ background:url(../images/about_bg.jpg) no-repeat; background-size:cover; position:relative;}



#content #section-1{ background:#fff; position:relative; width:100%; float:left;margin-top:30px;}
#content #section-2{ background:url(../images/design_1.jpg) repeat; background-size:contain;  position:relative;width:100%; float:left;}
#content #section-3{ background:#fff;position:relative;width:100%; float:left;}
#content #section-4{ background:url(../images/design_1.jpg) repeat;background-size:contain; position:relative;width:100%; float:left;}
#content #section-5{ background:#fff;position:relative;width:100%; float:left;}
#content #section-6{ background:#fff0e1;float:left;position:relative;width:100%; }

/*#content section{min-height: 662px;}*/

/*#content section{
	min-height: 662px;

	background: #362f2d;
	background: rgb(107,95,89); 
	background: -moz-radial-gradient(center, ellipse cover,  rgba(107,95,89,1) 0%, rgba(54,47,45,1) 100%); 
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(107,95,89,1)), color-stop(100%,rgba(54,47,45,1))); 
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(107,95,89,1) 0%,rgba(54,47,45,1) 100%); 
	background: -o-radial-gradient(center, ellipse cover,  rgba(107,95,89,1) 0%,rgba(54,47,45,1) 100%); 
	background: -ms-radial-gradient(center, ellipse cover,  rgba(107,95,89,1) 0%,rgba(54,47,45,1) 100%); 
	background: radial-gradient(ellipse at center,  rgba(107,95,89,1) 0%,rgba(54,47,45,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b5f59', endColorstr='#362f2d',GradientType=1 ); 
	color: #d9d6d5;
}

#content section:nth-child(3n+2){
		background: #c6b6a4;
	background: rgb(239,231,220); 
	background: -moz-radial-gradient(center, ellipse cover,  rgba(239,231,220,1) 0%, rgba(198,182,164,1) 100%); 
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(239,231,220,1)), color-stop(100%,rgba(198,182,164,1))); 
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(239,231,220,1) 0%,rgba(198,182,164,1) 100%); 
	background: -o-radial-gradient(center, ellipse cover,  rgba(239,231,220,1) 0%,rgba(198,182,164,1) 100%); 
	background: -ms-radial-gradient(center, ellipse cover,  rgba(239,231,220,1) 0%,rgba(198,182,164,1) 100%); 
	background: radial-gradient(ellipse at center,  rgba(239,231,220,1) 0%,rgba(198,182,164,1) 100%); 

}

#content section:nth-child(3n+3){
		background: #94cbce;
	background: rgb(214,251,252); 
	background: -moz-radial-gradient(center, ellipse cover,  rgba(214,251,252,1) 0%, rgba(148,203,206,1) 100%); 
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(214,251,252,1)), color-stop(100%,rgba(148,203,206,1))); 
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(214,251,252,1) 0%,rgba(148,203,206,1) 100%); 
	background: -o-radial-gradient(center, ellipse cover,  rgba(214,251,252,1) 0%,rgba(148,203,206,1) 100%); 
	background: -ms-radial-gradient(center, ellipse cover,  rgba(214,251,252,1) 0%,rgba(148,203,206,1) 100%); 
	background: radial-gradient(ellipse at center,  rgba(214,251,252,1) 0%,rgba(148,203,206,1) 100%); 
	
}
*/
.content{
	
}

.content hr + a, .content hr + a + a{
	margin-right: 2em;
}

/*.mPS2id-target .content h2:first-child:after{
	display: inline-block;
	position: relative;
	vertical-align: middle;
	content: "Current target class: mPS2id-target";
	margin-left: 1em;
	font-size: 0.25em;
	line-height: 1.4em;
	font-style: italic;
	opacity: 0.7;
	width: 180px;
	font-family: arial,sans-serif;
	font-weight: normal;
}*/

.ie8 .mPS2id-target .content h2:first-child:after{
	font-size: 0.95em;
}

header, .content, footer{
	
}

.horizontal-layout{
	width: 700%;
}

.horizontal-layout header h1{
	display: none;
}

.horizontal-layout #navigation-menu{
	right: auto;
	left: 3em;
	top: 4em;
}

.horizontal-layout #content{
	overflow: hidden;
}

.horizontal-layout #content section{
	width: 14.285%;
	float: left;
	min-height: 480px;
	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.3),-1px 0 0 rgba(0,0,0,0.6); 
	box-shadow: 0 -1px 0 rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.3),-1px 0 0 rgba(0,0,0,0.6);
}

.horizontal-layout #content section:nth-child(3n+2),.horizontal-layout #content section:nth-child(3n+3){
	-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.3),-1px 0 0 rgba(0,0,0,0.2),inset 1px 0 0 rgba(255,255,255,0.5); 
	box-shadow: 0 -1px 0 rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.3),-1px 0 0 rgba(0,0,0,0.2),inset 1px 0 0 rgba(255,255,255,0.5);
}

.horizontal-layout .content h2{
	position: relative;
	padding-bottom: 50px;
}

.horizontal-layout .content h2 + p{
	margin-top: -50px;
}

.horizontal-layout .mPS2id-target .content h2:first-child:after{
	display: block;
	position: absolute;
	width: 100%;
	height: 50px;
	margin-left: 0;
}

.horizontal-layout header > *, .horizontal-layout footer > *{
	width: 10%;
}

.horizontal-layout header, .horizontal-layout .content, .horizontal-layout footer{
	padding-left: 150px;
	padding-right: 3em;
}

.auto-layout{
	width: 6200px;
	height: 6200px;
}

.auto-layout header h1{
	margin-left: 150px;
}

.auto-layout #navigation-menu{
	right: auto;
	left: 2em;
}

.auto-layout #content{
	height: 100%;
}

.auto-layout #content section{
	position: absolute;
	min-height: 600px;
	width: 600px;
	top: 0;
	left: 0;
	margin-left: 3em;
	-webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.2); 
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.2);
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
}

.auto-layout #content section#section-2{
	top: 0;
	left: 1800px;
}

.auto-layout #content section#section-3{
	top: 1200px;
	left: 900px;
}

.auto-layout #content section#section-4{
	top: 1200px;
	left: 2700px;
}

.auto-layout #content section#section-5{
	top: 2400px;
	left: 1800px;
}

.auto-layout #content section#section-6{
	top: 2400px;
	left: 3600px;
}

.auto-layout #content section#section-7{
	top: 3600px;
	left: 2700px;
}

.auto-layout .content{
	padding-left: 150px;
	padding-right: 3em;
}

/*CSS*/


.right_contact_box{float:right;position:fixed; top:110px;z-index: 1000; right:-244px;height:150px;}
.callBtn{
background-image: url(../images/enquiry_button.jpg);background-repeat: no-repeat;float: left;height: 141px;width: 43px; cursor:pointer;}
.prelunchoffer_wrap{height:215px;float:left; width:230px; padding:10px 0px 10px 10px; background:#fff; border:2px solid #ffe06a; }



.logo{ margin:6px auto; width:15%; float:left; position:absolute;}
.logo a{ padding:0 !important;}
.logo a:hover{ background:none !important;}

.logo_mob{ margin:0; width:285px;}
.logo_mob a{ padding:0 !important;}
.logo_mob a:hover{ background:none !important;}

.logo_mob a:hover{ box-shadow:none;}

#navigation-menu .content{ width:96%; margin:0 auto; max-width:1166px; position:relative;}

.social_wrap{width:100%; float:left; background:#0d243d; padding:20px 0px; }
.social_wrap_inner{ text-align:center; margin:0 auto; width:130px;}
.social_wrap_inner a{ float:left; padding:0 !important;}
.social_wrap h2{font-family: 'LondonMM'; color:#0d243d;font-size:15px; text-align:center; font-weight:normal; margin:0 0 10px 0; text-transform:uppercase; }

.facebbok{ background:url(../images/facebook.png) no-repeat; width:31px; height:31px; float:left; margin:0 6px; cursor:pointer;}
.tiwwter{ background:url(../images/tiwwter.png) no-repeat; width:31px; height:31px; float:left;margin:0 6px;cursor:pointer;}
.youtube{ background:url(../images/youtube.png) no-repeat; width:31px; height:31px; float:left;margin:0 6px;cursor:pointer;}
.googleplus{ background:url(../images/google_plus.png) no-repeat; width:31px; height:31px; float:left;margin:0 6px;cursor:pointer;}

.facebbok:hover{background:url(../images/facebook_hover.png) no-repeat;}
.tiwwter:hover{background:url(../images/tiwwter_hover.png) no-repeat;}
.youtube:hover{background:url(../images/youtube_hover.png) no-repeat;}
.googleplus:hover{background:url(../images/google_plus_hover.png) no-repeat;}

.nav_foot{ width:96%; max-width:1166px;margin:0 auto;}
.nav_foot p{ font-family: 'ProximaNova-Regular';font-size:14px; line-height:19px; color:#a1a0a0; float:left; width:33.33%; margin:7px 0 ;}
.social_wrappp{ width:33.33%; float:left; }


.develby_outer{width:33.33%; float:right;}
.develby{display: flex;float:right; margin:0 auto; font-family: 'ProximaNova-Regular'; font-size:14px; line-height:19px; color:#a1a0a0; padding:7px 0 0 0 ;}

.develby a{ padding:0 !important;}
.develby a:hover{ background:none !important;}
.QMlogo{cursor:pointer; background-image:url(../images/QMicon_hover.png);
background-repeat: no-repeat;border: medium none;float:right;height: 17px;width: 17px;margin-left:4px;}
.QMlogo:hover{background-image:url(../images/QMicon.png);}

.leaf_abtright{ background:url(../images/leaf_abtleft.png) no-repeat; position:absolute; right:0px; bottom:-150px; width:118px; height:302px;z-index:9;}
.leaf_abtleft{ background:url(../images/leaf_abtright1.png) no-repeat; position:absolute; left:0px; top:-170px; width:117px; height:300px; z-index:9;}

.leaf_abtleft1{ background:url(../images/leaf_abtright.png) no-repeat; position:absolute; left:0px; top:-170px; width:81px; height:198px; z-index:9;}

.leaf_specleft{ background:url(../images/leaf_specleft.png) no-repeat; position:absolute; left:0px; top:0px; width:137px; height:374px;}


.sec_bg{ background:url(../images/sec_bg.jpg) no-repeat; position:absolute; right:30px; bottom:0px; width:24px; height:79px;}
.sec_bgsp{ background:url(../images/sec_bg.jpg) no-repeat; position:absolute; left:30px; bottom:0px; width:24px; height:79px;}

.leaf_reraleft{ background:url(../images/leaf_reraleft.png) no-repeat; position:absolute; left:0px; bottom:-150px; width:137px; height:374px;z-index:9;}

.sec_bgspright{ background:url(../images/spec_bg.jpg) no-repeat; position:absolute; right:0px; bottom:0px; top:0; width:64px; background-size:cover;}

#section-1 .content{ width:100%; margin:0 auto; max-width:1366px;}
#section-1 .wrapper{ max-width:1010px; margin:0 auto; width:100%; float:right;}

.about_wrap{  float:left; width:100%; }
.about_wrap h2{font-family: 'LondonMM'; font-size:22px; line-height:22px;  color:#231f20; margin:15px 0 0 0; text-transform:uppercase;}

.about_wrap_mob{ max-width:355px; float:right; padding:0 50px 0 0;}
.about_wrap_mob h2{ font-family: 'Dense-Regular'; font-size:50px; line-height:35px;  color:#fff; margin:15px 0 0 0; font-weight:normal;}


.about_txt{ margin:30px 0 0 0; width:100%; float:left;}

.about_txt_right{ width:40%; float: left; margin:0 4% 0 0;}
.about_txt_left{ width:56%; float:left; margin-top:20px; }


.about_txt_left img{ width:100%;}


.about_txt_right h3{font-family: 'CentraleSansBold';font-size:26px; text-transform:uppercase;color:#a47f17; 
margin:40px 0 0 0;}
.about_txt_right p{ font-family: 'CentraleSansBook';font-size:14px; line-height:26px; color:#000
; margin:15px 0 0 0;}

.about_txt_right ul{margin:10px 0 0 0; padding:0 0 0 10px;}
.about_txt_right ul li{	font-family: 'ProximaNova-Regular'; color:#999999;font-size:14px; line-height:22px;}


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:450px; 
  height:auto;
  padding:10px;
  background-color:#ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}
.maintext{
	text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}

#lorem{
	font-family: "Segoe UI", sans-serif;
	font-size: 12pt;
  text-align: left;
}
#popupfoot{
	font-family: "Segoe UI", sans-serif;
	font-size: 16pt;
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none;
}

.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}
#popupfoot .close{top:7px ; right:10px; position:absolute;}
 @media(min-width:320px) and (max-width: 480px) {
	#dialog{ left:15px !important;} 
	#boxes #dialog{ width:290px;}
	.grouplogo{margin-top:15px;}
	.slide-out-div{width:290px !important;}
 }



.down_arrow{ position:absolute; left:0; right:0; bottom:20px; width:31px; height:31px; margin:0 auto; text-align:center; cursor:pointer;}

.tel_icon .content{ width:96%; margin:0 auto; max-width:1166px;}

#section-2 .content{ width:96%; margin:0 auto; max-width:1100px;}
#section-2 .wrapper{ float:left; width:100%; margin:40px 0 80px 0;}
#section-3 .content{  width:96%; margin:0 auto; max-width:1100px;}
#section-3 .wrapper{float:left; width:100%; margin:60px 0 20px 0;}
#section-4 .content{width:96%; margin:0 auto; max-width:1100px;}
#section-4 .wrapper{float:left; width:100%;margin:60px 0 30px 0;}
#section-5 .content{ width:96%; margin:0 auto; max-width:1100px;}
#section-5 .wrapper{float:left; width:100%;margin:60px 0 60px 0;}
#section-6 .content{width:96%; margin:0 auto; max-width:1100px;}
#section-6 .wrapper{float:left; width:100%;margin:60px 0 60px 0;}
#section-7 .content{ width:96%; margin:0 auto; max-width:1100px;}
#section-7 .wrapper{ float:left; width:100%;margin:60px 0 70px 0;}


.shree_logo{ margin:10px 0 0 0px;}


.aminities_wrap{ width:100%; float:left;}
.aminities_wrap h4{font-family: 'CentraleSansBold';font-size:44px;   text-align:center; color:#a47f17; margin:20px 0 20px 0; text-transform:uppercase;}



.amin_main{ width:100%; float: left; margin:10px 0 ;}
.amin_main_inner{ max-width:1166px; width:96%; margin:0 auto;}


.ami_left{width:32%; margin:0 4%; float:left;}
.ami_right{width:52%; margin:0 4%; float:left; position:relative;}

.ami_left h2{
	font-family: 'CentraleSansBold';
	color: #a47f17;
	font-size: 26px;
	line-height: 48px;
	margin: 5px 0;
}
.ami_left ul{ margin:0; padding:0;}
.ami_left ul li{font-family: 'CentraleSansBook'; font-size:16px; line-height:28px; color:#414042;}

.ami_right h2{font-family: 'CentraleSansBold'; color:#a47f17; font-size:26px; line-height:48px;margin:5px 0;}
.ami_right ul{ margin:0; padding:0;}
.ami_right ul li{font-family: 'CentraleSansBook'; font-size:16px; line-height:28px; color:#414042;}


.ami_txt{width:100%; float: left;}
.ami_txt_inner{width:100%; float: left; margin:20px 0;}
.ami_one{ float:left; width:14%; margin:1.3%;}



.specification_right{ width:100%; float:left;}

.specification_right h4{ font-family: 'ProximaNova-Bold';font-size:40px;  color:#057641; margin:0 0 20px 0; text-transform:uppercase;}

.spec_wrap{ width:100%; float:left;}
.spec_one{ width:24%; float:left;margin:0.34305317324185247%; border:1px dashed #999; min-height:200px;}
.spec_one h5{font-family: 'ProximaNova-Regular';font-size:24px;   color:#057641; text-align:center; margin:10px 0;}
.spec_one ul{}
.spec_one ul li{ font-family: 'ProximaNova-Regular';font-size:13px; line-height:22px;  color:#999999;}







.spec1{width:22%; margin:0; float:left;font-family: 'LondonMM'; font-size:15px; line-height:20px; color:#231f20; font-weight:normal;}
.spec2{width:78%;margin:0; float:left;font-family: 'LondonMM'; font-size:15px; line-height:20px; color:#231f20; font-weight:normal;}

.specification_right ul li span{ max-width:700px; float:left; margin:0 0 0 20px;}


.floor_txt{ position:absolute; top:35%; margin:0 auto; text-align:center; left:0; right:0; bottom:0;
font-family: 'LondonMM'; font-size:18px; line-height:23px; color:#000;}

.floor_plan_wrapper{ width:100%; float:left;}
.floor_plan_wrapper #wrapper h2{font-family: 'LondonMM'; font-size:22px; line-height:22px;  color:#231f20; margin:0 0 20px 0; text-transform:uppercase;}
/** page structure **/
#wrapper {display: block;max-width: 1100px;margin: 0 auto;}

#portfolio, #portfolio1 ,#portfolio2, #portfolio3 { display: block;}
#portfolio1 ,#portfolio2, #portfolio3{ }

#portfolio1 { padding:10px 35px 10px 35px;}
#portfolio li {
  display: block;
  float: left;
 /* width: 30%;*/
  max-width: 334px;
  margin-right: 20px;
  margin-bottom: 20px; position:relative;
}

#portfolio1 li,#portfolio2 li, #portfolio3 li {
  display: block;
  float: left;
  /*width: 18%;*/
  max-width: 334px;
  margin-right: 6px;
  margin-bottom: 4px; position:relative;
}

#portfolio li a, #portfolio1 li a, #portfolio2 li a, #portfolio3 li a { display: block;}

.mfp-title {font-size: 1.2em;color: #ddd !important;font-weight: 700;}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }




@media screen and (max-width: 550px) {
  #portfolio, #portfolio1, #portfolio2 , #portfolio3   { text-align: center;}
  
  #portfolio li, #portfolio1 li, #portfolio2 li, #portfolio3 li  {float: none;display: inline-block;width: 80%; margin-bottom: 30px;}
}

#portfolio1 img{ width:100%;}

.gallery_wrap{ width:100%; float:left; }
.gallery_wrap h4{ font-family: 'CentraleSansBold';font-size:44px; text-align:center;  color:#a47f17; margin:20px 0 20px 0; text-transform:uppercase;}

.walkt_wrap{ width:100%; float:left; }
.walkt_wrap h4{font-family: 'CentraleSansBold';font-size:44px; text-align:center;  color:#a47f17; margin:20px 0 20px 0; text-transform:uppercase;}

.rera_wrap{ width:100%; float:left; }
.rera_wrap h4{font-family: 'CentraleSansBold';font-size:44px; text-align:center;  color:#a47f17; margin:0 0 30px 0; text-transform:uppercase;}

.contact_wrap{ width:100%; float:left; }
.contact_wrap h4{font-family: 'CentraleSansBold';font-size:44px; text-align:center;  color:#a47f17; margin:20px 0 30px 0; text-transform:uppercase;}

.rera_inner{width:100%; max-width:1000px; margin:0 auto; }
.rera_left{ width:30%; float:left;}
.rera_right{ width:70%; float:left;}

.rera_right p{  font-family: 'ProximaNova-Regular'; font-size:16px; line-height:24px; color:#4a4a4a;}
.rera_btn{ background:#057641; width:200px;font-family: 'ProximaNova-Bold'; font-size:20px; color:#fff; text-align:center; padding:20px 0; }
.rera_btn:hover{ background:#05502d;}


.view p { font-family: 'ProximaNova-Regular'; font-size:16px; color:#fff;
	padding: 10px 20px 10px;
    position: relative;
    text-align: center; top:40%;
 }
.view .mask {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translate(20px, 20px);
    transition: all 0.2s ease-in-out 0.1s;
    width: 100%;
}
.view:hover .mask {
    opacity: 1;
    transform: translate(0px, 0px);
    transition-delay: 0s;
}

















.walkt_wrap img{ width:100%;}

.location_map{ width:100%; float:left; position:relative;}
.location_map h2{font-family: 'LondonMM'; font-size:22px; line-height:22px;  color:#231f20; margin:20px 0 0 0; text-transform:uppercase;}
.location_map_img{ float:right; width:75%;}
.location_map_img img{ width:100%;}
.keydist_wrap{ float:left; width:25%; position:absolute; bottom:0;}
.keydist_wrap h3{font-family: 'LondonMM'; font-size:18px; line-height:23px;  color:#ed1c24; margin:10px 0 5px 0 ;}
.keydist_wrap p{font-family: 'LondonMM'; font-size:16px; line-height:23px;  color:#231f20; margin:0;}


#section-8 .content{ width:96%; margin:0 auto; max-width:1166px;}
#section-8 .wrapper{float:left; width:100%;}

.cont_left{ width:35%; margin-right:5%; float:left;}
.cont_right{width:60%; float:left;}

.cont_right img{ width:100%;}
/*#section-8 .wrapper h2{font-family: 'Dense-Regular'; font-size:70px;color:#000; font-weight:normal; margin:10px 0 15px 0;}*/
.contact_wrap{ width:100%; float:left;}
.Address_wrap{}
.add1{ margin:25px 0 25px 0;}
.add2{ margin:10px 0 0 0;}
.add1 h3{ font-family: 'CentraleSansBold';font-size:16px;  text-transform:uppercase; color:#4d4d4f; margin:0 0 5px 0;}
.add1 p{  font-family: 'CentraleSansBook'; font-size:16px;  color:#4d4d4f; margin:5px 0; line-height:24px;}


.add2 h3{ font-family: 'CentraleSansBold';font-size:15px;  text-transform:uppercase; color:#6d6d6d; margin:0 0 5px 0;}
.add2 p{   font-family: 'CentraleSansBold';font-size:18px;  color:#6d6d6d; margin:5px 0; }
.add2 img{ vertical-align:middle; margin:0 10px 0 0;}

.add3{ width:100%; float:left; margin:25px 0 0 0;}
.add3 p{    font-family: 'CentraleSansBold';font-size:16px;  color:#6d6d6d; margin:5px 0; }
.download_btn{ background:#ffe06a;font-family: 'CentraleSansBook';font-size:16px; color:#6d6d6d; font-weight:bold; text-transform:uppercase; width:150px; text-align:center; padding:15px 0; }
.download_btn:hover{ background:#f5d14a;}


.cont_left h2{font-family: 'LondonMM'; font-size:22px; text-transform:uppercase;color:#231f20;  margin:10px 0 40px 0;}
.cont_right h2{font-family: 'LondonMM'; font-size:22px; text-transform:uppercase; color:#231f20; margin:10px 0 40px 0;}


.cont_right .feild_1{ margin:12px 0px;}
.textfeild{ width:100%; border:1px solid #231f20; background:none;font-family: 'LondonMM'; font-size:14px; color:#575757; height:35px;}
.mobcomment{ width:100%; border:1px solid #231f20; background:none;font-family: 'LondonMM'; font-size:14px; color:#575757; resize:none;}
.submitbutton{ cursor:pointer; color:#000; background:#ffcb08; padding:10px 20px; border:none;text-transform:uppercase;font-family: 'LondonMM';font-weight:bold;}

.backtotop{ position:absolute; right:30px; bottom:30px;}
.backtotop a{ color:#000;font-family: 'LondonMM';}
	
.colin{position: sticky;} /* necessary to give position: relative to parent. */
.label_txt{font-family: 'LondonMM';font-size:14px; line-height:30px;color:#000000; font-weight:normal;}

.effect-16{border: 0; padding: 2px 0; border-bottom: 1px solid #231f20; background-color: transparent;}

.effect-16 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s;}
.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border{width: 100%; transition: 0.4s;}

.effect-16 ~ label{position: absolute; left: 0; width: 100%; top: 6px; transition: 0.3s; z-index: -1; }
.effect-16:focus ~ label, .has-content.effect-16 ~ label{top: -16px; font-size: 14px; color: #ED1C24; transition: 0.3s;}


input:required, textarea:required {box-shadow: none; background:none; }
input:required:focus, textarea:required:focus {outline: none;}
input:required:hover {opacity: 1;}	
	
.form-group {margin-bottom: 15px;}


.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
   
    color: #000;
    display: block;
   font-family: 'CentraleSansBook';
    font-size: 14px;
    height: 16px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 86%; resize:none;
}	

#submit-button{ background:#0d243d; font-family: 'CentraleSansBook'; font-size:18px; color:#fff; border:none; cursor:pointer;padding:5px 10px;}	
#submit-button:hover{	background:#ffe06a; color:#000;}
	
#mask {
  position:fixed;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 0px;
  text-align: center;
}
#boxes #dialog {
  width:450px;  border:3px solid #057641;
  height:auto;
  padding:10px;
  background-color:#ffffff;
     font-family: 'LondonMM';
  font-size: 15pt;
}
#boxes #dialog  h3{ color:#057641;font-family: 'ProximaNova-Regular';}

.maintext{text-align: center; font-family: 'LondonMM';text-decoration: none;}

#lorem{font-family: 'LondonMM';font-size: 12pt;}
#popupfoot{font-family: 'LondonMM';font-size: 16pt;padding: 10px 20px;}
#popupfoot a{text-decoration: none;}

.popupoption:hover{background-color:#D1D1D1;color: green;}
.popupoption2:hover{color: red;}
#popupfoot .close{top:7px ; right:10px; position:absolute;}
 @media(min-width:320px) and (max-width: 480px) {
	#dialog{ left:15px !important;} 
	#boxes #dialog{ width:290px;}
	.grouplogo{margin-top:15px;}
	.slide-out-div{width:290px !important;}
	.nav_foot p{font-size:12px;}
	.develby{font-size:12px;}
 }	
	
@media only screen and (min-width: 1140px){

	.horizontal-layout header h1{
		display: block;
	}
	
	.auto-layout header h1{
		margin-left: 0;
	}
	

	.horizontal-layout #navigation-menu, .auto-layout #navigation-menu{
		right: 3em;
		left: auto;
		top: 1.55em;
	}
	
}


/**********************************Media Quriesssssssss*************************************/

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

}

@media(min-width:768px) and (max-width: 1200px) {
	

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{ right:0 !important; top:0 !important;}
#section-8 .content{ width:90%;}
.cont_right{ width:55%;}

.logo_mob img{ width:70%;}
.logo_mob{ margin:1px 0 0 0;}


.contact_wrap{ padding-top:40px; padding-bottom:40px;}

.ami_one img{ width:100%;}
}
@media only screen and (max-width: 1200px){
	.sec_bgspright{ display:none;}
.social_wrap{ margin:0; padding:2px 0px;}	
	
.logo{ margin:2px 0 1px 10px; position:relative;}
.logo img{ width:75px;}
#content{ width:100%; margin:0 auto;}
#navigation-menu li{ width:96%;}
#navigation-menu ul{ width:100%;}
.nav_right{ width:100%;}
.develby { padding-bottom:2px; margin:auto; text-align:center; width:185px; float:none;}

#navigation-menu ul{ display:none;  padding:0px 0 0 0 ; margin:0;}
.tel_icon{ display:none;}
.about_txt_left{ width:100%;}	
.about_txt_right{ width:100%; margin:0;}
	
.specification_left{ width:100%;}	
.specification_right{ width:100%;}
#portfolio1,#portfolio2,#portfolio3{ padding:0;}
#portfolio{ padding:0;}

.toggle { display:block;}
#navigation-menu{ /*position:fixed; width:100%; left:0; height:70px;*/}
#content{ top:74px;}

#content #section-1{ float:left;width:100%;}
#content #section-2{ float:left;width:100%;}
#content #section-3{ float:left;width:100%;}	
#content #section-4{ float:left;width:100%;}
#content #section-5{ float:left;width:100%;}
#content #section-6{ float:left;width:100%;}
#content #section-7{ float:left;width:100%;}
#content #section-8{ float:left;width:100%;}
#content #section-9{ float:left;width:100%;}
		
}

@media(min-width:768px) and (max-width: 1120px) {
.ami_wrap{ width:50%;}	
}
@media(min-width:600px) and (max-width: 767px) {
.ami_wrap{ width:50%;}	
.ami_right_txt{ top:5%;}
.ami_right_txt h2{ font-size:14px;}
.ami_right_txt p{ font-size:12px;}
}
@media(min-width:481px) and (max-width: 599px) {
.ami_wrap{ width:100%;}	
.ami_right_txt{ top:15%;}
.ami_right_txt h2{ font-size:16px;}
.ami_right_txt p{ font-size:14px;}
}
@media only screen and (max-width: 480px){
.ami_wrap{ width:100%;}	
.ami_right_txt{ top:5%;}
.ami_right_txt h2{ font-size:14px;}
.ami_right_txt p{ font-size:12px;}
.ami_one{ width:98%; margin:1%; text-align:center;}
.view .mask{ height:125px;}
}
@media(min-width:481px) and (max-width: 767px) {
.ami_one{ width: auto;}
	
}

@media only screen and (max-width: 767px){
	
.ami_left{ width:100%; float:left;}
.ami_right{ width:100%;}	

.about_txt_right{ margin:0;}	
.nav_foot p{  width:100%; text-align:center; }
.social_wrappp{ width:100%;}
.develby_outer{ width:100%;}


.is-active .toggle{ top:0;}	

.nav_right{ width:100%;}	
.leaf_abtleft, .leaf_abtright, .leaf_reraleft{ display:none;}	
.logo{ width:25%;}
	
.rera_left{ width:100%;}
.rera_right{ width:100%;}	
	
.sec_bgsp{left:10px;}	
.social_wrap h2{ margin:0 0 2px;}	
.about_txt{ margin:25px 0 0 0;}	
.spec1{ width:100%;}
.spec2{ width:100%;}
	
.location_map_img img{ width:80%; display:block; margin:0 auto; text-align:center;}
.keydist_wrap{ position:relative; width:100%; text-align:center;}
.location_map_img{ width:100%;}
.specification_right ul{ width:85%;}
.mfp-arrow-left{ left:0 !important;}	
.mfp-arrow-right{ right:0 !important;}	
	
.mfp-arrow{top:46% !important;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{ right:0 !important; top:0 !important;}	
	
/*.about_wrap h2{ padding-top:70px;}	
.aminities_wrap{ padding-top:96px; padding-bottom:20px;}	
.specification_right{ padding-top:85px; padding-bottom:30px}
.floor_plan_wrapper{ padding-top:80px;}
.gallery_wrap{ padding-top:80px;}
.location_map{ padding-top:60px}
.contact_wrap{ padding-top:70px;}*/


.floor_plan_wrapper #wrapper h2{ margin:0;}
	
	
.aminities{ margin:0;}	
#content .desk{display:none;}
#content .mob{ display:block}
#content .mob{ background:url(../images/shital_sqaure_banner_mobile_1.jpg) no-repeat; background-size:cover; position:relative;}
	
#section-6 .content{ width:92%;}
#portfolio li{ margin-right:10px;}	
#portfolio1 li, #portfolio2 li, #portfolio3 li{ margin-right:10px;}	
	


.about_wrap_mob{ width:100%; display:block; float:left; background:#000; max-width:unset; padding:10px 0 20px 0;}	
.abutr_in{ margin:0 auto; width:90%; padding:10px 0px;}	
.logo_mob img{ width:60%;}	
.logo_mob{ margin:5px 0 0 10px;}
#boxes #dialog{ width:270px;}


.cont_left{ width:100%; margin-bottom:20px;}
.cont_right{ width:100%; }	
	
#section-8 .content{ width:90%;}
	
.backtotop{ position:fixed; right:15px; bottom:38px;}	
.aminities_txt{ width:100%;}	
#section-2 .content{ width:90%;}
#section-3 .content{ width:90%;}
#section-4 .content{ width:90%;}
#section-5 .content{ width:90%;}
#section-6 .content{ width:90%;}
#section-7 .content{ width:90%;}
#section-8 .content{ width:90%;}
#section-9 .content{ width:90%;}
	
.down_arrow{ display:none;}
#content #section-2{ float:left;}	
#content #section-22{ float:left;}
#content #section-33{ float:left;}	
.specification_left{ display:none;}
	
}

@media(min-width:1201px) and (max-width: 1335px) {
/*#section-2 .wrapper{ max-width:870px;}
#section-4 .wrapper{ max-width:870px;}
#section-5 .wrapper{ max-width:870px;}	
#section-6 .wrapper{ max-width:870px;}
#section-8 .wrapper{ max-width:870px;}
#portfolio, #portfolio1,  #portfolio2, , #portfolio3{ padding:0;}
#portfolio li{ margin-right: 10px;}
#portfolio1 li, #portfolio2 li, #portfolio3 li{ margin-right: 10px;}	
*/
}

@media (max-width: 1200px) {
    #content #section-1{
        margin-top:0px;
    }
}
@media(min-width:1070px) and (max-width: 1200px) {
    .wrapper .gallery_wrap .demo #portfolio1{
        width:1023px;
        margin: 0 auto;
    }
}
@media(min-width:764px) and (max-width: 1062px) {
    .wrapper .gallery_wrap .demo #portfolio1{
        width:680px;
        margin: 0 auto;
    }
}
@media(min-width:550px) and (max-width: 767px) {
    .wrapper .gallery_wrap .demo #portfolio1{
        width:50%;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 480px){ 
    .wrapper .about_wrap .about_txt .about_txt_right .shree_logo{
        width:100%;
    }
}