@charset "utf-8";
/* CSS Document */
*{
	  margin:0px;
	  padding:0px;
}
body {
    font-family: 'Roboto', sans-serif;
}
.page{
	width:100%;
	height:auto;
}
header{
	  background:#fff;
	  border-bottom:3px solid #ef7f1b;
	  width:100%;
	  height:95px;
}
.content{
	 width:90%;
	 margin:auto;
	 height:auto;
}
.logo{
	 width:32%;
	 height:82px;
	 float:left;
	 padding-top:9px;
	 padding-bottom: 5px;
}
.logo img{
	width:100%;
	height:100%;
}
.menu{
	 width:65%;
	 float:right;
	  line-height:51px;
}
.navigation ul li{
	 float:left;
	 list-style: none;
}
.navigation ul li a{
	  font-size:14px;
	  color:#000;
	  text-decoration: none;
	  text-transform:uppercase;
	  padding-left:15px;
	  padding-right:15px;
	  padding-bottom:15px;
	  padding-top:15px;
}
.navigation ul li a:hover{
	background:#ef7f1b;
	border-bottom:4px solid #000;
	color: #FFF !important;
}
.navigation ul li a i{
	margin-left:5px;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   padding:0px 12px;
   padding-bottom: 5px;
   line-height: 32px;
		z-index:9999;
}
.dropdown ul li a{
	padding:5px;
	border-bottom:1px dotted #000;
}
.dropdown:hover .dropdown-content {
    display: block;

}
.dropdown1 {
    position: relative;
    display: inline-block;
}
.dropdown-content1 {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 190px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   padding: 0px 12px;
     padding-bottom: 5px;
   line-height: 32px;
		z-index:9999;
		left:175px;
		top:0px;
}
.dropdown1 ul li a{
	padding:5px;
	border-bottom:1px dotted #000;
}

.dropdown1:hover .dropdown-content1 {
    display: block;

}
.margin{
	padding-left: 75px;
	height:auto;
}
.stafflogin{
	float:left;
	width:20%;
	padding-top: 10px;
}
.stafflogin a{
	color:#FFF;
	text-decoration:none;
}
.stafflogin a:hover{
	text-decoration:underline;
}
.active {
    background-color: #ef7f1b;
	border-bottom:4px solid #000!important;
	color: #FFF !important;
}
.slider{
	 width:100%;
	 height:450px;	
	 z-index:120px;
}
.upper-header{
	width:65%;
	float:right;
	background: #ef7f1b;
}
.mail{
	width:68%;
	float:left;
	height:auto;
	padding-top: 5px;
}
.mail p i {	
    color: #FFF;
    font-size: 28px;
	margin-right:10px;
	margin-left:10px;
	vertical-align: sub;
}
.mail p{
	font-size:16px;
	color:#FFF;
}
.socialicon{
	width:12%;
	height:35px;
	float:right;
	padding-top: 5px;
}
.socialicon a i {
    color: #FFF;
    font-size: 30px;
	margin-right:10px;
}
.socialicon a i:hover{
color:#000;
}
.enquiry{
	 width:100%;
	background: #000 url(../img/videoOverlaywhite.png);
	 height:auto;
	 padding-top:20px;
	 padding-bottom:20px;
	 color:#FFF;
}
.enquiry input{	
	 margin-left:20px;	
}
.enquiry textarea{
	 margin-left:20px;
	  width:220px;
	    padding-left:20px;
	  line-height:30px;
	  height:30px;	
}
.enquiry input[type="text"]{
	 width:199px;
	 height:30px;
	  float:left;
	  padding-left:20px;
	  line-height:30px;	  
}
.enquiry input[type="submit"]{
	 width:127px;
	 height:30px;
	 position:relative;
	 top:-7px;	  
}
.heading2{
font-size: 18px;
text-align: center;
text-transform: uppercase;
padding-bottom: 30px;
}
.section{
	padding-top:30px;
	overflow: auto;
}
.divider{
	 width:100%;
	 text-align:center;
	 padding-bottom:26px;	
}
.divider img{
	width: 20%;
height: 10px;
}
.divider h2{
	 font-size:22px;
	 text-transform:uppercase;
	 padding-bottom:3px;
}
.section p{
font-size: 15px;
text-align: justify;
}
.mid_divcontent {
	width:100%; 
	overflow:hidden; 
	padding:70px 0 50px 0; 
	float:left;
}
.mid_divcontent .grid {
	width:28%;
	float:left;
	overflow:hidden;
	border:1px solid #ccc; 
	border-radius:12px; 
	margin-right:15px; 
	margin-left:15px;
	padding:15px; 
	background:url(../img/grid-bg.gif) repeat-x 0 0;
	box-shadow:#ef7f1b 4px 4px 9px 0px;
}
.mid_divcontent .grid:hover {
	overflow:hidden; 
	border:1px solid #ccc; 
	padding:15px;
	background:url(../img/grid-bghover.gif) repeat-x 0 0;
}
.mid_divcontent .grid img {
	float:left;
	border:1px solid #ccc;
	width: 53%;
}
.mid_divcontent .grid .rightdiv {
	float:left; 
	overflow:hidden; 
	width:134px;
	padding:0 0 0 15px;
}
.mid_divcontent .grid .rightdiv h3 {
	padding:0 0 5px 0; 
	font-size:12px; 
}
.mid_divcontent .grid .rightdiv p {
	text-align:justify;
	font-size:12px;
	padding-bottom:10px;
}
.rightdiv a{
	font-size:12px;
	text-decoration: none;
	color:#ef7f1b;
}
footer{
	width:100%;
	height:auto;
	background: #ef7f1b url(../img/videoOverlay.png);
	overflow:auto;
	padding:15px 0 15px 0;
}
.address{
	width:35%;
	float:left;
	height:auto;
}
.socialconnectivity{
	width:35%;
	float:left;
	height:auto;
}
.quicklink{
		width:30%;
	float:right;
	height:auto;
}
.line{
	width:80%;
	border-bottom:2px solid #000;
	padding-bottom:5px;
	margin-bottom:15px;
}
.address p{
	font-size:15px;
	color: #fff;
}
.socialconnectivity a i {
    color: #FFF;
    font-size: 70px;
	margin-right:40px;
}
.socialconnectivity a i:hover{
color:#000;
}
.address strong{
	margin-right:20px;
}
.quicklink ul li a{
	text-decoration:none;
	color:#FFF;
	font-size:15px;
}
.quicklink ul li a:hover{
	color:#000;
}
.quicklink ul li{
list-style:none;
padding:5px 0 5px 0;
}
.copyright{
	height:30px;
	width:100%;
	background:#000;
}
.copyright h2{
	font-size:15px;
	line-height:30px;
	text-align:center;
	color:#FFF;
	font-size: 13px;
font-weight: 100;
}
.copyright a{
	color:#ef7f1b;
	text-decoration:none;
}
.copyright a:hover{
	color:#FFF;
	text-decoration:underline;
}
.enquiry h2{
	font-size:20px;
}
.enquiry a{
	font-size:20px;
	text-decoration:none;
	color:#FFF;
}
.leftcolumn {width:75%; float:right; overflow:hidden; padding:0 0px 0 25px; margin-left:0px; min-height:250px}
.rightcolumn {width:20%; float:left; overflow:hidden; padding:0 25px 0 0 }
.rightcolumn h3 {padding:0 0 15px 0; font-size:20px; font-weight:normal; color:#ef7f1b}
.rightcolumn h4 {padding:0 0 10px 0; font-size:12px; font-weight:bold; color:#686868}
ul.inner_menu {margin:0; padding:0 0 15px 0px; list-style:none; margin-bottom:10px; border-top:1px dashed #ccc;}
ul.inner_menu li {border-bottom:1px dashed #ccc; margin:1px 0}
ul.inner_menu li a {color:#333; text-decoration:none; font-size:12px; background:#f8c291; border-left:3px solid #ef7f1b; display:block; padding:7px 0 7px 5px;}
ul.inner_menu li a:hover {color:#ef7f1b; font-weight:normal; background:#f5f5f5; padding:7px 0 7px 5px;}
ul.inner_menu li a.active {color:#ef7f1b!important; font-weight:bold; padding:7px 0 7px 5px; background:#f5f5f5;border-bottom:0px!important;}
ul.inner_list {list-style:disc; padding:0 0 15px 15px; margin:0; float:left; width:340px; overflow:hidden}
ul.inner_list li {padding:5px 0; font-size:12px}

.projects{ 
width:30%;
float:left;
margin-right:30px;
}

.wrappercontent
{
	  background-color: #000;
height: 470px;
list-style: none;

}
.wrappercontent p
{
	 color:#FFF;
	 
}
.wrappercontent img
{
	width: 100%;
	 position:relative;
	 opacity:0.3;
}

.rel-wrapper {
    position: relative;
}
.vertical-center-align {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.vertical-center-align1 {
    position: absolute;
    top: 55%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.full-width-img {
    width: 100%;
	height:470px;
}
.hero-caption {

    width: 50%;
	margin-bottom:20px;
	padding-bottom:12px;
  padding-top: 12px;
    border-top: .2em solid #FFF;
    border-bottom: .2em solid #FFF;
   
}

.hero-caption1 {
    left: 64%;
    width: 31%;
    padding: 2em 0;
 
   
}
.contentheading,.contentheading1
{
	 font-size:30px;
	 color:#FFF;
	font-family: 'Passion One', cursive;
	font-weight:400;
	letter-spacing:1px;
	padding-bottom:11px;
}
.contentheading1
{
	 font-size:28px;
	width:52%;
	line-height: 99px;
}
.hero-caption1 img{
	opacity:1;

}
.hero-caption span
{
	 font-size:4em;
	 color:#FFF;
	font-family: 'Passion One', cursive;
	font-weight:400;
	letter-spacing:1px;
	padding-bottom:11px;
}
.hero-caption span
{
	 font-size:18px;
}

.vertical-center-align2 {
    position: absolute;
   top:100%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.paragraph
{
	  position:relative;
	  top:35px;
	  left:88px;
}

.tower
{
	 display:block;
	 float:left;
	 width:452px;
	 position:relative;
	 left:353px;
	 top:-148px;
	 text-align:left;
	 line-height:25px;
}

.list4 ul li
{
	  float:left;
	  width:33% !important;
	  text-align:center;
	  font-size:18px;
	  padding-top:10px;
	  padding-bottom:10px;
	  background:#000;
	  color:#FFF;
	  
}
.list4 ul{
	 list-style: none;
}
.list ul
{
	  margin:0px;
	  padding:0px;
	  list-style: none;
}

.list ul li
{
	  text-align:center;
	  background:#ef7f1b;
	  padding-top:10px;
	  padding-bottom:10px;
	  float:left;
	  margin-left:20px;
	  width:48%;
	  margin-bottom:20px;
	  font-size:17px;
	  font-family: Overlock;
	  color:#FFF;
	  letter-spacing:1px;
}

.list1
{
	  margin:auto;
	  width:100%;
	  display:block;
	
	  overflow:auto;
	  padding-top:20px;
padding-bottom:20px;
}

.amenitiesicons
{
	margin-bottom: 20px;
	 width: 130px;
height: 60px;
border-radius: 100%;

border-style: none;
padding: 35px 0;
float:left;
border: 6px solid #ef7f1b;
text-align:center;
margin-left:10px;


}
.amenitiesicons img
{
	 width:50px;
	 height:50px;
}
.amenitiesicons h2
{
	  color:#FFF;
	  font-size:12px;
	  
}
.amenities
{
	 background:#000;
}
.locationmap{
	width:96%;
	height:auto;
	background:#ef7f1b;
	padding:25px;
}
.locationmap img{
	width:300px;
	height:200px;
	margin:auto;
}
.locationmap p{
	color:#FFF;
}
/* EMI Calculator page css */
.calculator {width:690px; overflow:hidden; float:left;}
.calculator ul {padding:10px 0; margin:0; float:left; border:1px solid #ccc}
.calculator ul li {overflow:hidden; width:100%; padding:10px 0}
.calculator ul li label {width:100px; float:left; overflow:hidden; text-align:right; padding-right:15px; font-size:12px; font-weight:bold}
.calculator ul li div {width:295px; float:left; overflow:hidden}
.top_head {width:382px; background:#ccc; margin-bottom:0px; padding:10px 15px; overflow:hidden; float:left}
.top_head h4 {float:left; font-size:12px}
.top_head span {float:right; font-size:12px; font-weight:bold}

/* input Box */
.input1, .textarea, .select {padding:5px 5px; font:normal 11px tahoma, Arial; color:#1a1a1a; border:1px solid #ccc}
.input1 {width:60%;margin-bottom: 15px;}
.select {width:62%;margin-bottom: 15px; }
.textarea {width:60%; resize:none; height:50px;margin-bottom: 15px;}
.input1:focus, .textarea:focus, .select:focus {border:1px solid #666; background:#f5f5f5}

/* input Buttons */
.GreenBtn, .RedBtn, .OrangeBtn, .BlueBtn {color:#fff; font:bold 14px Arial, Helvetica, sans-serif; cursor:pointer; padding:1px 5px; margin-left:17px; white-space:nowrap}
.GreenBtn {background:#91ba37 url(../images/green_btn.gif) 0 0 repeat-x; border:1px solid #83a438}
.RedBtn {background:#cf4829 url(../images/red_btn.gif) 0 0 repeat-x; border:1px solid #a61d1d}
.OrangeBtn {background:#d9a305 url(../images/orange_btn.gif) 0 0 repeat-x; border:1px solid #cb9c15}
.BlueBtn {background:#578fc8 url(../images/blue_btn.gif) 0 0 repeat-x; border:1px solid #5486b8}

/* 	MISCELLANEOUS (id=MISC)
**********************************************************/
.clr {clear:both; overflow:hidden; padding:0; margin:0; height:0}
.fl {float:left}
.fr {float:right}

.FieldSetClass {border:none!important}
/* Creer page css */
.contactinfo {width:215px; float:left; overflow:hidden; font-style:normal; font-size:12px; line-height:18px}
.contactinfo span {display:block; font-weight:bold; overflow:hidden; padding:10px 0 1px 0}
.ContactForm {width:80%; margin:auto; overflow:hidden;padding-bottom: 37px;}
.ContactForm .formtable_Career {width:100%; overflow:hidden}
.ContactForm .formtable_Career tr td {padding:5px 5px}
.ContactForm .formtable_Career tr td label {width:90%; text-align:right; float:left; font-size:12px}
.ContactForm .formtable_Career tr td label sup {color:#ff0000}
.ContactForm .formtable_Career tr td p {color:#ff0000; padding:0; font-size:12px; text-indent:0}

ul.career_list {padding:10px 10px 10px 15px; margin:0; width:100%; overflow:hidden; list-style:disc}
ul.career_list li {float:left; padding:0 15px 0 0; list-style:disc; font-weight:bold; margin:0 15px 0 0; font-size:13px}
.center{
	margin:auto;
	width:40%;
	height:auto;
}
.contactaddress{
	    width:48%;
  	 height:auto;
	 float:left;
	 background:#FFF;
	 text-align:center;
	 margin-bottom:20px;
	 padding-bottom:12px;
	 border:1px solid #ef7f1b;
	 
}
.contactaddress h2{
font-size: 40px;
font-family: "Kaushan Script";
color: #ef7f1b;
}

.contactaddress strong
{
	 font-size:22px;
	 color:#ef7f1b;
}
.contactaddress1{
	    width:48%;
  	 height:auto;
	 float:left;
	 background:url(../img/contact.jpg);
	 background-size:100% 100%;
	 text-align:center;
	 margin-bottom:20px;
	 border:1px solid #ef7f1b;
	 
}
.contactaddress1 img{
	width:28%;
	height:28%;
}
.class1{
	width:30%;
}
.class2{
	width:70%;
}
.black{
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	overflow: auto;
}
.f1{	
	width:100%;
	margin:auto;
}	
.f1 input[type=text]{
	width:350px;
	margin:10px;
	height:27px;
	border:2px solid white;
	padding-left:5px;
	background:rgba(0,0,0,0.50);
	color:white;
	font-size: 12px;
    font-weight: 600;
}
.f2{
	width:100%;
	margin:auto;	
}	
.f2 textarea{
	width:350px;
	margin:10px;
	height:27px;
	border:2px solid white;
	padding-left:5px;
	background:rgba(0,0,0,0.50);
	color:white;
	font-size: 12px;
    font-weight: 600;
}
.f2 textarea:focus{
	background:rgba(0,0,0,0.50);
	color:white;
	border:2px solid white;
}
.f3{
	width:100%;
	margin:auto;
}
.f3 input[type=submit]{
	height:32px;
	width:100px;
	margin-top:20px;
	background-color:#ef7f1b;
	color:#FFF;
	font-size: 15px;
font-weight: 600;
margin-bottom:20px;
}
.f3 input[type=reset]{
	height:32px;
	width:100px;
	margin-top:20px;
	background-color:#000;
	color:#FFF;
	font-size: 15px;
font-weight: 600;
margin-bottom:20px;
}
.center p{
	margin-top:8px;
}
.Column1{
text-align: center;
	width:100%;
	height:auto;
	padding-bottom:20px;
}
.left{
	width:65%;
	height:auto;
	float:left;
}
.right{
	width:30%;
	height:auto;
	float:right;
}
.lable1{
	width:35%;
	float:left;
}
.lable2{
	width:21%;
	float:left;
	font-size: 15px;
}
.submit{
	width:100%;
	margin:auto;
	text-align: center;
}
.broucher{
	float: right;
width: 189px;
height: 48px;
background: #f8c291;
color: #2f2f2f;
text-shadow: 1px 1px #e8e8e8;
border: #fff 2px solid;
border-radius: 5px;
box-shadow: 2px 2px 1px #c0c0c0;
display: block;
font-size: 15px;
font-weight: 600;
text-align: center;
margin-bottom: 5px;
margin-right: 8px;
}
.broucher a{
	font-size:16px;
	text-decoration:none;
	color:#000;
	line-height:48px;
}
.broucher i{
color:red;
font-size:25px;
margin-right:10px;
}
.proj-logo{
	width:200px;
	height:110px;
	float:right;
}
.proj-logo img{
	width:100%;
	height:100%;
}
.g-recaptcha {
    margin-left: 85px;
}