@import url('https://fonts.googleapis.com/css?family=Open+Sans');

.visible-xs{display:none !important;}
html, body{
  padding: 0;
  margin: 0;
	font-size: 16px;
 font-family: 'Open Sans', sans-serif;

  color: #818181;
  background-image: url('/imperium_rise/images/BG-Pattern.png');
  background-repeat: repeat;
}
a, img, button, input[type=submit]{
    text-decoration: none;
    outline: none;
    border: 0;
}
a, a:hover, a:focus, a:active {
  text-decoration: none;
  color: inherit;
}
img[alt=na] {
  display:block; 
  height:0px; 
  width:0px;
}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;margin: 0;
}
.container{
    max-width: 1200px;
    margin: 0px auto;
    padding: 0 0px;
}
.container-fluid{
    width: 90%;
    margin: 0px auto;    
}
.clearfix{
    clear: both;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-uppercase{
	text-transform: uppercase;
}
.text-justify{
  text-align: justify;
}
.col-1{
    width: 8.333333333333333%;
}
.col-2{
    width: 16.66666666666667%;
}
.col-3{
    width: 25%;
}
.col-4{
    width: 33.33333333333333%;
}
.col-5{
    width: 41.66666666666667%;
}
.col-6{
    width: 50%;
}
.col-7{
    width: 58.33333333333333%;
}
.col-8{
    width: 66.66666666666667%;
}
.col-9{
    width: 75%;
}
.col-10{
    width: 83.33333333333333%;
}
.col-11{
    width: 91.66666666666667%;
}
.col-12{
    width: 100%;
}
.w29{
  width: 28.5%;
}
.w13{
  width: 14.5%;
}
.w42{
  width: 42.5%;  
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .w29, .w13, .w42{
  float: left;
}
.margin-left{
  margin-left: 16.66666666666667%;
}
.margin-left-32{
  margin-left: 33.33333333333333%;
}
h1{font-size: 26px;}
h1, h3{
  color: #000;
  font-weight: normal;
  margin-bottom: 8px;
  margin-top: 30px;
 }
.relative{position: relative;}
.menu-panel{background-color: #1F4D7E; height: 100%;position: fixed;left: 0; top: 0;z-index: 99;}
.waterslogo{position: absolute;top: 5%; width: 100%; text-align: center;background:#fff;}
.waterslogo img{width: 100%; margin: auto; height: 65px;}


.vertical-menu{position: absolute;top: 20%; width: 100%; }
.vertical-menu li{display: block;padding: 10px 0 10px 40px;}
.vertical-menu li a{color: #fff; transition-duration: 1s;}
.vertical-menu li a:hover{letter-spacing: 1px; }
.active{letter-spacing: 1px !important;font-weight: bold; }
.vertical-menu li a img{padding-bottom: 5px;width: 30px;vertical-align: absmiddle;}
.slider001{background-image: url('../images/diwali2.png'); background-size: cover;background-repeat: no-repeat;background-position: center center;background-position-y:0px;}
.slider00{background-image: url('../images/watersedge-web-banner00.png'); background-size: cover;background-repeat: no-repeat;background-position: center center;background-position-y:-50px;}
.slider0{background-image: url('../images/wateredge.jpg'); background-size: cover;background-repeat: no-repeat;background-position: center center;background-position-y:-110px;}
.slider1{background-image: url('../images/VB_1366_76.jpg'); background-size: cover;background-repeat: no-repeat;background-position: center center;}
.slider2{background-image: url('../images/2.jpg'); background-size: cover;background-repeat: no-repeat;background-position: center center;}
.slider3{background-image: url('../images/3.jpg'); background-size: cover;background-repeat: no-repeat;background-position: center center;}
.slider4{background-image: url('../images/4.jpg'); background-size: cover;background-repeat: no-repeat;background-position: center center;}
.slider5{background-image: url('../images/5.jpg'); background-size: cover;background-repeat: no-repeat;background-position: center center;}
.slider6{background-image: url('../images/6.jpg'); background-size: cover;background-repeat: no-repeat;background-position: center center;}
.slider7{background-image: url('../images/7.jpg'); background-size: cover;background-repeat: no-repeat;background-position: center center;}
.tagline{position: absolute;right: 5%; bottom: 100px;z-index: 99;color: #fff;font-size: 35px;line-height: 40px; font-weight: bold;text-align: right;}
.tagline p{color: #fff;font-size: 25px; font-weight: bold;line-height: 35px;}

footer{position: fixed;bottom: 25px; font-size: 14px; right: 2.5%;z-index: 99;}
.white{color: #fff;}
.f15{font-size: 15px;line-height: 40px;}
.posrel{position: relative;}
.discover{text-decoration: none; position: absolute;left: 16.66666666666667%; top: 0px;z-index: 99;cursor: pointer;display: none;background-color: #000; padding: 8px;}
.menu_section{position: fixed;width: 100%;height: 100%;z-index: 1000;left: 0;  background-image:url('../images/menu-bg.jpg');background-size: cover;background-repeat: repeat;top: 0;display: none; z-index: 999999;}
.close{color: #fff;font-size: 35px;font-weight: 300;position: absolute;top: 10px;right: 0px;z-index: 9;cursor: pointer;}
.call-action{position: fixed;right: 5%; top: 20px;z-index: 99;color: #fff; font-size: 18px; line-height: 25px; font-weight: bold;}
.call-action li{display: inline-block;list-style: none; padding: 0 20px;}
.highlighlights-section{background-color: rgba(0, 0, 0, 0.76);height: 100%;position: relative; color: #fff;margin-left: 16.66666666666667%;padding:0 20px;}
.highlighlights-section ul{padding-left: 20px; list-style: none;}
.highlighlights-section ul li{padding: 5px 0;}
.highlighlights-absolute-section{position: absolute;bottom: 40px;width: 90%;}
.specifications-absolute-section{position: absolute;bottom: 40px;width: 90%;left: 10%;}
.heading{font-size: 25px; color: #F7CA8B; font-weight: bold;line-height: 34px;position: relative;}
.shape{position: absolute;right: 10px; top: 50px;z-index: 99;}
.content{font-size: 16px; line-height: 25px; text-align: justify;}
.mapsection{position: fixed;left: 0;top: 0; width: 100%; height: 100%;z-index: 9;}
.caption{position: absolute;bottom: 0;left: 0;display: block;padding: 5px; background-color: #000; color: #F7CA8B; font-size: 15px; font-weight: bold;}

.tabscroll{height: 600px;}
.enqnow{display: block;background-color: #1F4D7E; color: #fff; cursor: pointer;padding: 5px 10px;}
.enquire_toggle{position: absolute; top: 63px; right: 30%; text-align: center; background:rgba(0, 0, 0, 0.69);  z-index:99; color:#000; padding:20px; border:solid 5px #1F4D7E;padding-top:0;display: none;}
.h100{height: 100%;}
.f_rel1 {  font-size: 14px; padding-bottom: 15px; position: relative; text-align:left;}
.f_rel1 input {  width:90% !important; margin-left:5%; padding:6px; display: block; background-color: #183A5F;
   color:#fff; border:0; border:1px solid #ddd;}
.f_rel1 textarea {  width:90% !important; display: block; margin-left:5%; padding:6px; background-color: #183A5F;
   color:#fff; border:0; border:1px solid #ddd;}
.f_rel1 label.error {    color: #f1e8e8;
    font-size: 12px;
    left: 5%;
    letter-spacing: 1px;
    /* position: absolute; */
    top: 25px;
    margin-left: 10px}
.bluebg{background-color: rgba(31, 77, 126, 0.56);}
.content ul{padding-left: 25px;}
.sattva-logo{background-color: rgba(255, 255, 255, 0.70); padding: 5px;}
.submitbtn{border:1px solid #fff;cursor: pointer;}
.phonebg{background-color: #1F4D7E;padding: 5px; display: block;}
.highlights-tild{display: block;  padding-left: 150px;}
.location-tild{display: block;  padding-left: 50px;}
.amenities-tild{display: block;  padding-left: 50px;}
.specifications-tild{display: block;  padding-left: 90px;}
.floor-tild{display: block;  padding-left: 70px;}

@media all and (max-width: 800px){
  .visible-xs{display:block !important;}
  .hidden-xs{display:none !important;}
  .mobileheader{position: fixed;top: 0; left: 0; width: 100%;background-color: #1F4D7E;height: 70px;z-index: 99;}
  .wateredgelogo{padding: 20px 10px 0 10px;}
  .wateredgelogo img{width: 130px;}
  .sattvalogo{padding: 00px;}
  .sattvalogo img{width: 80px;}
  .menutab{padding: 23px 20px 0 0;}
  .mobile-menu-section{background-color: #000; position: absolute;display: none;width: 100%; top: 70px; left: 0;z-index: 99;text-align: center;}
  .mobile-menu-section ul li{display: block;padding: 10px;}
  .mobile-menu-section ul li a{color: #fff; font-size: 14px; text-decoration: none;}
  .footer-number{position: fixed;width: 50%; float: left;display: block;text-align: center;padding: 5px 0;color: #fff; background-color: #1F4D7E;z-index: 99;left: 0;bottom: 0;}
  .footer-form{position: fixed;width: 50%; float: right;display: block;text-align: center;padding: 5px 0;color: #fff; background-color: #000;z-index: 99;right: 0;bottom: 0;}
  .tagline{bottom: 40px; font-size: 18px;}
  .tagline p{font-size: 15px;}
  .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{display: none;}
  .col-3{width: 100%;display: block;}
  .col-7{width: 100%;display: block;}
  .highlighlights-section{margin-left: 0;}
  .highlighlights-absolute-section{top: 80px;}
  .heading{font-size: 20px;}
  .discover{left: 0;top: 70px;}
  .tabscroll{height: 400px !important;}
}

@media only screen and (max-width: 1280px) and (max-height: 1024px){}

@media only screen and (max-width: 1366px) and (max-height: 768px){
  .tabscroll{height: 550px;}
}

@media only screen and (max-width: 1024px) and (max-height: 768px){}
@media only screen and (max-width: 1366px){
.waterslogo img {
    height: auto;max-width:225px;
}
}
@media only screen and (max-width: 991px){
.waterslogo img {
    height: auto;
}
}


.btnSendUs
{
  border-radius: 4px;
  background-color: #183A5F;
    color: #fff;
    padding: 6px 12px;
     margin-bottom: 6px;
	 border: 1px;
	     margin-left: 12px;
}
#otp_send_msg
{
color: #7D9246;	
}
#otp_send_msg1
{
color: #9fcb2d;	

}