@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');


/*
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
*/


button::-moz-focus-inner {  border: 0;}
a:focus {     outline: none; }
button:focus {     outline: none; }
::-moz-focus-inner {border:0;}
:focus, :active {    outline: 0;    border: 0;}



select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background-image: url(../images/small-down-arrow.png);
   background-repeat: no-repeat;
   background-position: 95% center;
   color:#777;
   font-weight:400;
   font-size:14px;
}


@font-face {
font-family: 'Canela Text Trial Regular No 2';
font-style: normal;
font-weight: normal;
src: local('Canela Text Trial Regular No 2'), url('CanelaText-RegularNo2-Trial.woff') format('woff');
}

@font-face {
font-family: 'CanelaDeck-LightItalic-Trial';
font-style: normal;
font-weight: normal;
src: local('CanelaDeck-LightItalic-Trial'), url('CanelaDeck-LightItalic-Trial.woff') format('woff');
}



body {color: #000; margin: 0px; font-family: poppins; font-size: 15px; font-weight: 300; line-height: 26px; margin: 0px 0px 0px 0px; }

html {  scroll-behavior: smooth;}

html, body {min-height:100%;}

a{transition: all 0.5s ease-in 0s; text-decoration:none!important; outline:none; color: #000;}

a:focus, a:active,  a, focus, select {border:0px; outline:none;}

.clear{clear:both;}

p{margin-top:0px; text-align: left;}

img {border:0px;}

form{margin:0px;}

input {outline:none;}

* {box-sizing:border-box; }

strong {font-weight:600;}

.fullisize {display:block; width:100%;}


h1, h2, h3, h4, h5, h6 {font-family: 'Canela Text Trial Regular No 2'; font-weight:normal; line-height:120%;}


h2 {font-size:42px; color:#125634; margin:0px 0px 30px 0px; line-height:120%;}


#more {display: none;}

#myBtn {  display: block;  margin: auto; font-family:poppins; font-size:15px;    margin-top: auto;  background-color: #b4762c;  padding: 10px 20px;  color: #fff;  font-weight: 500;  width: 150px;  border-radius: 1000px;  margin-top: 30px; border:0px;}

.location-holder {position:relative;}

.location-lens {float:right; z-index:10; top:80%; right:13%; position:absolute;}

.type-button {display:inline-block; border:2px solid #b4762c; background-color:#b4762c; color:#fff; padding:3px 20px; border-radius:200px; margin:0px 1px;}

.type-button:hover { border:2px solid #fff; background-color:transparent;}

.anchor-name {display:block; margin-top:-70px; height:70px;}


.btn.active { font-weight:600; border-bottom:2px solid #b4762c; background-color:transparent;}

.btn.active:after {display:none;}



.header-gap {width:100%; height:104px;}


header {position:fixed; left:0px; top:0px; width:100%; background-color:#125634; border-bottom:4px solid #b4762c; width:100%; z-index:100;}

.logo {display:inline-block; float:left; margin:15px 0px; transition: all 0.5s ease-in 0s;}

.logo img {width:150px; display:block; transition: all 0.5s ease-in 0s;}

.phone {display:inline-block; float:right; margin:26px 0px; background-color:#b4762c; border-radius:1000px; padding:5px; color:#fff; font-size:18px; line-height:36px; padding-right:20px;}

.phone img {float:left; margin-right:10px; transition: all 0.5s ease-in 0s;}

.top-navigation { display:inline-block; float:right; margin-top:35px;  letter-spacing:0px; margin-right:10px; transition: all 0.5s ease-in 0s;}

.top-navigation a {color:#fff; margin-right:25px;}

.top-navigation .current-page {font-weight:600; border-bottom:2px solid #b4762c;}

header.darker .logo  { margin-bottom:5px; transition: all 0.5s ease-in 0s;}

header.darker .logo img {width:100px; display:block; transition: all 0.5s ease-in 0s;}

header.darker .top-navigation {transition: all 0.5s ease-in 0s; margin-top:15px; }

header.darker .phone {margin:10px 0px;}

.top-navigation-mobile {display:none;}




.home-banner { position:absolute; width:100%; height:900px; left:0px; top:0px; background-color:rgb(0,0,0,0.5); color:#fff; padding-top:12%;  }

.home-banner h1 {font-size:60px; margin:0px 0px 0px 0px; display:inline-block; }

.home-banner span {display:block; margin:20px 0px; font-weight:500;}

.home-banner span img {float:left; margin-right:10px;}

.rera-approved-icon {float:right; margin-left:20px; margin-top:30px;}

.text-button {border:2px solid #fff!important; color:#fff; padding:10px 10px; display:inline-block; width:220px; text-align:center; font-weight:600; margin-right:5px; }

.text-button:hover {background-color:#fff; color:#125634;}

.banner-icon-box {display:inline-block; width:250px; font-weight:500; line-height:120%;  border:1px solid #666; float:left; padding:20px; margin-bottom:0px; margin-right:10px; transition: all 0.5s ease-in 0s;}

.banner-icon-box:hover {background-color:rgb(0,0,0,0.5);}

.banner-icon-box img {display:block; margin:20px 0px;}


.section1 {width:100%; height:900px; overflow:hidden; display:block;}

.section1 div {width:100%; height:100%;}

.section1 video {width:100%;  height:auto;}



.overview {display:table; width:100%; padding:60px 0px;}

.float-right {float:right; margin-left:20px;}

.float-left {float:left; margin-right:40px;}

.key-features strong {color:#125634; display:inline-block; width:150px; font-size:14px;}

.key-features span {display:block; border-top:1px solid #ddd; padding:5px 0px; width:65%; font-size:14px;}






.brand { display:table; width:100%; background-color:#125634; padding:60px 0px; color:#fff;}

.brand h2 {color:#fff;}

.key-features-listing {margin:0px 0px 0px 20px; padding:0px;}
 
.key-features-listing  li {padding-left:10px; list-style-image:url(../images/tick.png); margin:15px 0px;}

.brand  img {display:inline-table; width:100%;}

.float-right {float:right!important; margin:0px;}








.amenities { display:table; width:100%;  padding:60px 0px; }

.amenities h2 {text-align:center;}

.icon-box {border:1px solid #ddd; float:none; width:100%; margin:0%;}

.icon-box img {display:block; margin:auto; padding:10px; transition: all 0.5s ease-in 0s; width:120px;}

.icon-box span {display:block; font-size:13px; line-height:120%; height:60px; color: #125634; text-align:center; padding:10px 25px; font-weight:500;}

.icon-box:hover {background-color:#f9f9f9; }

.icon-box:hover img {padding:0px; transition: all 0.5s ease-in 0s;}








.siteplan { display:table; width:100%;  padding:60px 0px 60px 0px; background-color:#ffead6; }

.siteplan h2 {text-align:center;}







.unitplan { display:table; width:100%;  padding:60px 0px 100px 0px;  }

.unitplan h2 {text-align:center;}

.unitplan-box {display:table; width:100%; border:1px solid #ddd; background-image:url(../images/lens.png); background-repeat:no-repeat; background-position:95% 95%;}

.unitplan-box  span { display:block; color:#fff; background-color:#125634; text-align:center; padding:20px; border-bottom:4px solid #b4762c; min-height: 210px;}

.unitplan-box  .button-holder {padding:10px 0px 0px 0px; margin:0px; border:0px; min-height:auto;}

.unitplan-box  span h3 {font-size:36px; margin:0px 0px 20px 0px;}

.unitplan-box  span p {font-size:16px; margin:0px; text-align:center; font-weight:600;}

.unitplan-box  img {display:block; margin:auto; padding:50px; width:100%; transition: all 0.5s ease-in 0s; }

.unitplan-box:hover  img {padding:28px 20px;}

.pdf-button {display:table; padding:20px; background-color:#b4762c; margin-top:30px; width:100%; font-size:20px; color:#fff; font-weight:400; line-height:70px; background-image:url(../images/button-arrow.png); background-repeat:no-repeat; background-position:125% 47%;}

.pdf-button img {float:left; margin-right:20px;}

.pdf-button:hover {background-position:95% 47%;}







.download  { display:table; width:100%;  padding:100px 0px 100px 0px; background-image:url(../images/bg.jpg); background-attachment:fixed; 	text-align:center; color:#fff;    }

.download p {text-align:center; max-width:800px; text-align:center; margin:auto;}

.download h2 {color:#fff;}

.download-button {display:block; margin:auto; background-color:#b4762c; padding:10px 20px; color:#fff; font-weight:500; width:150px; border-radius:1000px; margin-top:30px; cursor:pointer;}

.download-button img {float:left; margin-right:10px; width:20px; margin-top:3px;}

#download-form, #download-form2  {margin-top:20px; display:none;}

#download-form .textbox, #download-form2 .textbox { border:0px; width:250px;}







.photo-gallery { display:table; width:100%;  padding:60px 0px 0px 0px; background-color:#ffead6; }

.photo-gallery h2 {text-align:center;}

.showcase {width:33.33%; float:left; border:1px solid #fff;}

.showcase img {display:block; width:100%;}

.only-for-mobile {display:none;}





.two-column  { display:table; width:100%;  padding:60px 0px 60px 0px;  }

.two-column h2 {text-align:center;}

.advantages-listing {margin:0px; padding:0px;}

.advantages-listing li {display:block; padding:14px; list-style:none; border:1px solid #ddd; margin-bottom:5px; border-left:4px solid #b4762c;}







.video-gallery { display:table; width:100%;  padding:60px 0px 90px 0px; border-bottom:1px solid #ddd;  }

.video-gallery h2 {text-align:center;}

.video-box img {display:block; width:100%; position:relative;}

.video-box a {display:block; position:absolute; left:0px; top:0px; z-index:2; width:100%;}

.video-box a img {width:80px; margin:auto; display:block; margin-top:20%;}










.news { display:table; width:100%;  padding:60px 0px 90px 0px;  }

.news h2 {text-align:center;}

.news-box span {display:block; color:#fff; background-color:#125634; padding:15px; text-align:center; margin-top:20px; transition: all 0.5s ease-in 0s;}

.news-box:hover span { background-color:#b4762c; transition: all 0.5s ease-in 0s; color:#fff;}

.news-box a {color:#fff!important; display:block;}

.news-box a img {display:block; width:100%;}





.testimonials {display:table; width:100%; padding:60px 0px; background-color:#f3f6f5; color:#125634;}

.testimonials h2 {text-align:center;}


.testimonial-box {background-color:#fff; border:1px solid #ccdcd7; padding:30px;}

.testimonial-box p {font-family: 'CanelaDeck-LightItalic-Trial';  font-size:18px; color:#125634; height:200px;}

.person-name {display:block; font-size:16px; font-family: 'Canela Text Trial Regular No 2'; color:#125634; }

.talk-point { display:block; margin:-1px 0px 0px 20px;}














footer {display:table; width:100%; background-color:#125634; padding:60px 0px 0px 0px; color:#fff; font-size:13px;}

footer p {width:80%;}

.copyright {background-color:#0f4a2c; padding:20px 0px; text-align:center; color:#fff; text-transform:uppercase; font-size:12px; letter-spacing:2px; margin-top:30px;}

.copyright a {border-bottom:1px solid #fff; color:#fff; margin:0px 10px;}

footer h5 {font-size:24px;  margin:0px;}

footer h5:after {content:''; display:block; width:30px; height:2px; background-color:#b4762c; margin-top:20px; margin-bottom:40px;}

.qr-code {float:right; margin-top:5px; width:100px; margin-right:20px;}

.footer-logo {width:200px; display:block; margin-bottom:10px;}





.enqiry-button-1 {display:block; width:50px; position:fixed; right:0px; top:110px; z-index:100;}

.enqiry-button-2 {display:block; width:50px; position:fixed; right:0px; top:340px; z-index:100;}

.popup {background-color:rgb(0,0,0,0.8); width:100%; height:100%; position:fixed;  z-index:1115!important; left:0px; top:0px; display:none;}

.popup h2 {font-size:36px;}

.popup-content {width:400px; margin:auto; background-color:#fff; padding:30px; margin-top:12%; text-align:center;}  

.popup-content .textbox,  .popup-content .submit-button {width:100%; margin:5px 0px;}

.close {display:block; width:30px; position:fixed; right:20px; top:20px;}

.close img {display:block; width:100%; }


.textbox {  width: 26%;  padding: 10px;  border: 1px solid #ccc;  background-color: #f9f9f9;  font-size: 14px;  font-family: poppins;  margin: 5px;  display: inline-block;}

.submit-button {  display: inline-block;  padding: 10px;  border: 0;  background-color: #c37128;  font-size: 14px;  font-family: poppins;  color: #fff;  font-weight: 500;  width: 160px;}

.submit-button:hover {  background-color: #125634;}


input::placeholder {  color: #000;  opacity: 0.5;}










#banner-form .textbox, #banner-form .submit-button {width:100%; margin:2px;}

#banner-form h2 {color:#fff; font-size:30px; margin-bottom:20px;}





.running-content {padding:40px 0px;}

.running-content h2 {text-align:center;}

.running-content h3 {text-align:left; font-size:24px; margin:0px 0px 10px 0px;}

.running-content h4 {text-align:left; font-size:18px; margin:0px 0px 10px 0px;}

.running-content h5 {text-align:left; font-size:16px; margin:0px 0px 10px 0px;}

.running-content p {text-align:justify;}

.running-content  ul {margin:0px 0px 0px 20px; padding:0px;}

.running-content  li {list-style-image:url(../images/bullet.png); padding-left:10px; margin-bottom:5px;}





























/* Grid */


.grid-1280 {display:table; width:1280px; margin:auto;  }

.row {width: 100%; display: table; }

.col-1-of-12 {width: 8.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-11 {width: 9.09%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-10 {width: 10%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-9 {width: 11.11%; float: left; padding-left: 15px; padding-right: 15px; }

.col-8-of-9 {width: 88.89%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-9 {width: 77.78%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-9 {width: 66.67%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-9 {width: 55.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-9 {width: 44.45%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-9 {width: 33.34%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-9 {width: 22.23%; float: left; padding-left: 15px; padding-right: 15px; }


.col-1-of-8 {width: 12.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-7-of-8 {width: 87.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-8 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-8 {width: 62.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-8 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-8 {width: 37.50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-8 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-7 {width: 14.28%; float: left; padding-left: 15px; padding-right: 15px; }

.col-6-of-7 {width: 85.68%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-7 {width: 71.4%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-7 {width: 57.12%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-7 {width: 42.84%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-7 {width: 28.56%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-6 {width: 16.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-5-of-6 {width: 83.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-6 {width: 66.64%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-6 {width: 49.98%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-6 {width: 33.32%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-5 {width: 20%; float: left; padding-left: 15px; padding-right: 15px; }

.col-4-of-5 {width: 80%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-5 {width: 60%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-5 {width: 40%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-4 {width: 25%; float: left; padding-left: 15px; padding-right: 15px; }

.col-3-of-4 {width: 75%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-3 {width: 33.33%; float: left; padding-left: 15px; padding-right: 15px; }

.col-2-of-3 {width: 66.66%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-2 {width: 50%; float: left; padding-left: 15px; padding-right: 15px; }

.col-1-of-1 {width: 100%;  padding-left: 15px; padding-right: 15px; }


.content {display: block; padding: 10px 0px; background-color: #eee; text-align: center; font-size: 10px; color: #000; border: 1px solid #ccc;}


/* Grid */




















/* Scroll Top */

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0px;
	right:0px;	
	z-index:99;
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	padding:0;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; 
	background-color: #b4762c;
}

.scroll a {padding:25px 0px 0px 0px; display:block; color:#fff; height:50px; width:50px;}

.scroll a span {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  display: block;
  margin:auto;
  animation: buttonarrow 0.6s infinite alternate ease-in-out;
}


@keyframes buttonarrow {
	0% {
		transform: translateY(0);
		opacity: 1.0
	}
	100% {
		transform: translateY(-0.5em);
		opacity: 1.0
	}
}

/* Scroll Top */









/* responsive menu */

.responsive-menu-icon { display:none;}


.responsive-menu-icon {
    display: block;
    cursor: pointer;
    background-color: #b4762c;
    width: 65px;
    height: 65px;
    position: fixed;
    right: 0;
    top: 0px;
    padding: 22px;
    box-sizing: border-box;
    z-index: 10000;
    display: none;
    z-index: 1000;
}

.bar1, .bar2, .bar3 {
    width: 23px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-4px, 4px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-4px, -5px);
}


/* responsive menu */






.faq {display:table; width:100%; padding:60px 0px;}

.faq h2 {text-align:center;}

.answer {display:table; width:100%; padding:20px; border:2px solid #125634; border-top:0px;}

.answer p {margin:0px;}

.accordion {
  background-color: #fff;
  color: #125634;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border:2px solid #125634;
  font-family:poppins;
  margin-top:10px;
  font-weight:500;
}

.active, .accordion:hover {
  background-color: #f7f7f7;
}

.accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding:0;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}