@charset "UTF-8";
/* CSS Document */

body{ margin:0; padding: 0; background :url(images/bg.png) repeat;  font-size: 14px; font-family: 'Roboto', sans-serif; color: #444;}
*,*:after ,*:before { box-sizing:border-box; }
p { line-height: 24px; margin: 0 0 10px;} 
a{color: #337ab7;

	text-decoration: none; }

h2 {

    font-size: 38px;
    color: #222;
    font-family: 'Raleway',sans-serif;
    font-weight: normal;
    margin: 0 0 25px 0;
    text-align: center;

}
h3 {

    font-family: 'Raleway',sans-serif;
    font-weight: 600;
    color: #222;
    font-size: 18px !important;
    margin: 0 0 10px;
}

.icclogo {
    display: none;
    position: fixed;
    top: 11%;
	 left: 4.5%;
    width: 85px;
    height: 85px;
    z-index: 99999;
}

.topshow{ top: 800px}
.icclogo-banner {
  
    position:absolute;
    top: 21%;
	 left: 12%;
    width: 125px;
    height: 125px;
    z-index: 9;
}
.header-contact-mob{ display: none}
    .header-contact-mob a {
        color: black;
        font-weight: bold;
    }

.call-back{ background-color: #031523; width:220px; padding:5px 10px; right:5%; bottom:0px; position:fixed; z-index:99;}
.call-text{  font-size:14px; color:#fff; padding:5px 0 0 0; background:url(images/call.png) no-repeat left 2px; background-size:auto 100%;  cursor:pointer; height:30px; text-align:left; padding-left:35px; }
.call-text img{ width: auto 30px;}
.call-ans{ color:#6f91a6; display:none;}
.call-ans input, .call-ans select{ width:100%; background: rgba(112, 144, 164, 0.2); padding:5px 10px; border-radius:10px;  margin:10px auto; border:0; display:block;  color:#6f91a6; font-size:12px; outline:0;}
.btn-bottom{ background:#748c9d !important; font-size:14px !important;  color:#fff !important; width:120px !important; -webkit-appearance: none;
-moz-appearance: none;
appearance: none;  }
.closepop1{ float:right; width:auto; position:absolute; right:4px; text-align:right; cursor:pointer; font-size:16px; color: #fff; display:none; top:4px; background:#031523; padding:5px}

.call-back input{ -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none; }
header{ position: fixed; height: auto; width: 100%; background: #fff; z-index: 99; padding: 5px 20px; display: inline-block; text-align: center; height: 80px}
.link {  display: inline-block; width: 70%; text-align: center; margin:0 10px; vertical-align: bottom;}
.headerContact{display: block; width: 205px; overflow: hidden; display: inline-block; display: inline-block; vertical-align:super; }
.contactListButton { border-radius: 4px; cursor: pointer; font-size: 14px; margin: 2px auto 0; padding: 5px; text-align: left;  transition: all 0.3s ease 0s;overflow: hidden; font-weight: 600; }
.contactListButton {background-color: #000000; color: #ffffff; }
.fa { display: inline-block;  line-height: 1;  text-rendering: auto;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


.contactListButton i:first-child {  border-right: 1px solid; float: left;line-height: 20px;margin: -5px 5px -5px -5px; padding: 5px;text-align: center;width: 30px;
}
.contactListButton i:first-child {  border-right: 1px solid #4e4e4e; box-shadow: 1px 0 0 #000000; }
.contactListButton  a{ color:#fff;}
.logo{  display: inline-block; height: auto; width: 150px; height: auto; vertical-align: bottom;}
.logo img{ width: 50%; height: auto;}
.banner-holder{ position: relative; width:100%; max-height: 700px; height: 100%; overflow: hidden; margin: 0 auto; text-align: center; padding-top: 80px; } 
.banner-holder img{ width: 100%; /*height:auto*/}
.section-wrap { width: 100%;  padding: 10px 0px;}
/*.priceHead{background:#000;font-family: 'Raleway',sans-serif; font-size: 38px; color: #fff;text-align: center;padding: 30px 26px; position: relative;top: -10px;}*/
.contain {
    margin: 0 auto;
    max-width: 1044px;
    width: 100%;
    padding: 0 20px;
    display: table;
}

.price-banner .flex-wrp {
    align-items: baseline !important;
}


.price-banner .wrapper {
    width: 100%;
    margin: 0 auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.price-banner p {
    /*padding: inherit;*/
    /* padding-right: 30px; */
    font-size: 14px;
    display: inline-block;
    padding: 0px 20px;
    margin-bottom: 0;
    border-right:1px solid #f9f9f9;
}

.price-banner p:last-child{border-right:none;}
.aspi-projects.enquireBox .price-banner p strong {
    display: block;
}


 /* .priceHead {
    background: rgba(255,255,255,0.8);
   font-size: 38px; 
    color: #000;
    /*text-align: center;
     padding: 10px 10px; 
    position: relative;
    top: -10px;
}
*/

.priceHead {
    background: rgba(255,255,255,0.8);
    /* font-size: 38px; */
    color: #000;
    /* text-align: center; */
    padding: 10px 10px;
    position: absolute;
    bottom: 15%;
    z-index: 8;
    display: inline-flex;
    width: auto;
    margin: 0px auto;
}


.section1 {background-color: rgba(255,255,255,0.9); margin: 90px auto 0 auto; padding: 30px 26px; width: 90%; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.33); position: relative; overflow: hidden; }


.section1 h2{ font-size: 38px; color: #222; font-family: 'Raleway',sans-serif; font-weight: normal; margin: 0 0 25px 0; text-align: center; }
.section1-L{ width: 55%; padding: 10px; float: left;}
.section1-L h3{ font-weight: 600;color: #222; font-size: 18px; margin: 0 0 10px; font-family: 'Raleway', sans-serif; }
.section1-R{ width: 40%; float: right; }
.section1-R img{ width: 100%; height: auto; border-radius: 3px;box-shadow: 0 1px 3px rgba(0,0,0,0.9); }

.section1-L3{ width: 45%; padding: 10px; float: left;}
.section1-L3 h3{ font-weight: 600;color: #222; font-size: 18px; margin: 0 0 10px; font-family: 'Raleway', sans-serif; }
.section1-R3{ width: 55%; float: right; }
.section1-R3 img{ width: 100%; height: auto; border-radius: 3px;box-shadow: 0 1px 3px rgba(0,0,0,0.9); }

.font-bold{
    font-weight:bolder;
}
.custom-h3 h3{
    font-size: 30px !important;
    line-height: 33px;
    font-weight: 300;
    margin: 0;
}
/*.custom-h3 h3:nth-child(2){font-weight:900;}*/
.section1-R2{ width: 30%; float: right; }
.section1-R2 img{ width: 100%; height: auto; border-radius: 3px;box-shadow: 0 1px 3px rgba(0,0,0,0.9); }

.banner-form{ position: absolute; background: rgba(18, 27, 31, 0.9); padding: 20px; width: 300px; z-index: 3; top:260px;  left:80px; border-radius: 10px; border: 1px solid #fff; overflow: hidden; }
.banner-form h2{ font-size: 18px; font-weight: 600; color: #fff; margin: 5px 0; }
.banner-form input{ width: 100%; background: #fff; padding: 5px 10px; border-radius: 10px; border: 0; margin: 10px 0 }
.banner-form .btn{ width: 80%; background: #fff; padding: 10px; border-radius: 10px; font-size: 18px; font-weight: 600;}

ul, ol { margin-top: 0;
	margin-bottom: 10px;}
ul.aboutUsp li {list-style-type: disc;
	margin: 4px 0 8px;}

.section1-L1{ width: 50%; padding: 10px; float: left;}
.section1-R1{ width: 40%; height: 100%; float: right; max-width: 500px; max-height: 375px; overflow: hidden; box-shadow: 0 8px 6px -6px #636363; border: 1px solid #DDD  }
.section1-R1 img{ width: 100%; height: auto; border-radius: 3px;box-shadow: 0 1px 3px rgba(0,0,0,0.9);}

.overview-wrap { width: 100%; background:url(images/pattern.png) repeat; padding: 20px 0px; margin-top: 90px;}
.section2 { background-color: rgba(255,255,255,0.6); margin: 90px auto 90px auto; padding: 30px 26px; width: 70%; border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.33); position: relative; overflow: hidden; }
.section2 h2{ font-size: 38px; color: #222; font-family: 'Raleway',sans-serif; font-weight: normal; margin: 0 0 25px 0; text-align: center; }

.con-outer{ background:#000;  display: table; width: 100%; padding: 10px 10px; color: #fff; text-align: left;  table-layout: fixed;  }
.con-outer1{ background:#fff;  display: table; width: 100%; padding: 10px 10px; color: #000; text-align: left;  table-layout: fixed;}

.bg{ background:none !important}
.con-middle{ display: table-row;}
.con-inner{ display: table-cell;   }
.con-inner:nth-child(3){ width: 200px !important;   }
.con-inner a{ color: #000 !important; text-decoration: none}.con-inner a:hover{ color: #000; text-decoration: underline}


.amenitiest-wrap { width: 100%; background:rgba(240,240,240,0.8); padding: 100px 0px 0 0;}
.ame-inner{ width: 100%; height: auto; display: inline-block;}


.plans-wrap { padding: 60px 0px 20px 0; overflow: hidden; padding: 100px 0px 0 0;}
.gallery-wrap { padding: 10px 0px; overflow: hidden;}


#tabs { overflow:hidden; text-align: center; display: inline-block; }
#tabs p{ display: inline-block; margin: 10px;  text-align: center; max-width: 340px; width: 40%;  }
#tabs p img{ width:auto; height: 260px; display: block;}


#tabs2 { overflow:hidden; text-align: center; display: inline-block; }
#tabs2 p{ display: inline-block; margin: 0px;  text-align: center;  width: 25%; vertical-align: top; }
#tabs2 p img{ width:100%; height: 260px; display: block;}

.active{ background: none !important}

.over-ca{ width: 100%;  display:inline-block; position: relative;}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgb(51, 122, 183, 0.9);
	z-index: 9;
}


.over-ca:hover .overlay {
	 
  opacity: 1;
	
}

.text {
  color: white;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.rera { font-size:15px; background: #000;color: #fff; text-align: center; width: 100%; padding: 15px 0; margin-bottom: 10px; margin-top: 50px; border-top: 2px solid #fff;}
.rera  p{ line-height: 10px}
.rera a{color:white; }

.dis { background: #000; color: #fff; text-align: center; width: 100%; padding: 5px 0; }
.dis  p{ padding: 0px 0; margin: 0; }
.dis  p:last-child{ font-size: 11px;}

.footer_wrapper{background-color: #000000;  padding: 85px 40px; overflow: hidden; }
.footer_wrapper h2{color: #fff !important;}
.form{ width: 100%; height: auto; display: inline-block; text-align: center; vertical-align: top;}

.contactL{ width: 40%; padding: 10px; display: inline-block; vertical-align: top; }
.contactR{ width: 100%; height: 100%; padding: 10px; display: inline-block;  overflow: hidden;  vertical-align: top;  }
iframe{ max-width: 900px; height: 450px; width: 100%;}
.input-text{  padding: 6px 16px; border: 1px solid #ccc;width: 100%;height: 35px;display: block; border-radius: 4px; font-size: 15px; color: #000;
 background: #fff; margin-top: 12px; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out }

.price-form{ width: 100%; height: auto; display: inline-block; text-align: center; vertical-align: top;}
.price-form h2{ color: #fff; background: #000; height: auto; font-size: 16px; text-align: left; padding: 5px;}
.price-form h3{ color: #000; height: auto; font-size: 13px !important; text-align: center; padding: 5px;}


.price-form input{ width: 100%; background: #fff; padding: 5px 10px; border-radius: 10px;  border: 1px solid #989898; margin: 10px 0 }
.price-form .price-btn{ width: 100%; background: #000; color: #fff; padding: 10px; border-radius: 10px; font-size: 16px; font-weight: 600;}

.dis-light{ width: 100%; height: auto; display: inline-block; text-align: center; vertical-align: top;}
.dis-light h2{ font-size: 23px !important; color: #000 !important;}
.dis-light p{ font-size: 14px;}
.dis-bottom{ width: 100%; height: auto; display: inline-block; text-align: center; vertical-align: top;}
.text-area { height: 230px;  resize: none; margin-top: 12px; overflow: auto; width: 100%; border: 1px solid #989898;}
.input-btn {background-color: #000000; color: #ffffff; width: 100%; padding: 10px; margin: 10px 0; border: 1px solid #989898; border-radius: 5px; font-size: 20px; text-align: center;}
.input-btn:hover {background: #fff; color: #222;}


.service_wrapper{ display: inline-block; text-align: center}
.amenities-gall { position: relative; display: inline-block; margin: 20px; max-width: 185px; width: 100%; color: #3158b5; font-size: 16px; box-shadow: none !important; -webkit-transform: translateZ(0); transform: translateZ(0); text-align: center; } 

.amenities-inner{ display: inline-block; text-align: center}
.amenities-gall *, .amenities-gall:before, .amenities-gall:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; } 
.amenities-gall:before, .amenities-gall:after { -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; content: ''; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: -1; border: 2px solid #3158b5; border-color: transparent #3158b5; } 
.amenities-gall img { max-width: 100%; backface-visibility: hidden; vertical-align: top; border-radius: 50%; padding: 10px; } 
.amenities-gall figcaption { position: absolute; top: 5px; bottom: 5px; left: 5px; right: 5px; opacity: 0; background-color: rgba(0, 0, 0, 0.9); border-radius: 50%; } 
.amenities-gall figcaption p{position:relative;top:45%;width:80%;margin:0 auto;font-size:16px;line-height: 16px;text-align: center;}
.amenities-gall p.mainPar{position:relative;width:100%;margin:-15px auto 0; font-size:15px;line-height: 16px;text-align: center;}
.amenities-gall i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 4em; z-index: 1; } 
.amenities-gall a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } 
.amenities-gall:hover figcaption, 
.amenities-gall.hover figcaption { opacity:0.8; -webkit-transform: translateX(0); transform: translateX(0); } 
.amenities-gall:hover:before, .amenities-gall.hover:before, .amenities-gall:hover:after, .amenities-gall.hover:after { border-width: 10px; } 
.amenities-gall:hover:before, .amenities-gall.hover:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
.amenities-gall:hover:after, .amenities-gall.hover:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.service_wrapper_row{margin:15px 0;}




.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	margin: 0 auto;
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    width: 80% !important;
	Color:#000;
	overflow:auto;
	max-height: 500px;
	
	
}

/* The Close Button */
.closeDis {
	background: #ff8000;
	
    float: right;
    font-size: 14px;
    font-weight: bold;
	padding: 10px;
	color: #fff;
	display:inline-block;
	width: 80px;
	margin: 10px auto;
	border-radius:10px;
	
}

.closeDis:hover,
.closeDis:focus {
    background: #286090;
    text-decoration: none;
    cursor: pointer;
}


.Ctop {
	background: #000;
	position: absolute !important;
	right: 0;
	top: 0;
    float: right;
    font-size: 14px;
    font-weight: bold;
	padding: 10px;
	color: #fff;
	display:inline-block;
	width: 40px;
	margin: 10px auto;
	border-radius:50%;
	height: 40px;
	
}

.Ctop:hover,
.Ctop:focus {
    background: #000 !important;
    text-decoration: none;
    cursor: pointer;
}


#myBtn{ cursor: pointer;}
#myBtn:hover { text-decoration: underline}

strong{display: block}