/* DarkGreen:#0a2d27; Green:#6fbb42; beige:#9f714b */

@font-face { font-family:'GT Super Display'; src:url('../fonts/GTSuperDisplay-Bold.eot'); src:url('../fonts/GTSuperDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GTSuperDisplay-Bold.woff2') format('woff2'), url('../fonts/GTSuperDisplay-Bold.woff') format('woff'), url('../fonts/GTSuperDisplay-Bold.ttf') format('truetype'), url('../fonts/GTSuperDisplay-Bold.svg#GTSuperDisplay-Bold') format('svg'); font-weight:bold; font-style:normal; font-display:swap; }
@font-face { font-family:'GT Super Display'; src:url('../fonts/GTSuperDisplay-Medium.eot'); src:url('../fonts/GTSuperDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GTSuperDisplay-Medium.woff2') format('woff2'), url('../fonts/GTSuperDisplay-Medium.woff') format('woff'), url('../fonts/GTSuperDisplay-Medium.ttf') format('truetype'), url('../fonts/GTSuperDisplay-Medium.svg#GTSuperDisplay-Medium') format('svg'); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:'Graphik'; src:url('../fonts/Graphik-Regular.eot'); src:url('../fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Regular.woff2') format('woff2'), url('../fonts/Graphik-Regular.woff') format('woff'), url('../fonts/Graphik-Regular.ttf') format('truetype'), url('Graphik-Regular.svg#Graphik-Regular') format('svg'); font-weight:normal; font-style:normal; font-display:swap; }
@font-face { font-family:'Neue Haas Grotesk Display Pro'; src:url('../fonts/NeueHaasDisplay-Roman.eot'); src:url('../fonts/NeueHaasDisplay-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/NeueHaasDisplay-Roman.woff2') format('woff2'),  url('../fonts/NeueHaasDisplay-Roman.woff') format('woff'), url('../fonts/NeueHaasDisplay-Roman.ttf') format('truetype'), url('../fonts/NeueHaasDisplay-Roman.svg#NeueHaasDisplay-Roman') format('svg'); font-weight:500; font-style:normal; font-display:swap; }

.aTxt { font-size:98px; }

h2 { color:#fff; position:relative; display:block; font-weight:300; font-size:56px; line-height:75px; margin-bottom:20px; font-family:'GT Super Display'; }

.col-left { text-align:left !important; padding-left:20px; }
.col-right { text-align:right !important; padding-right:20px; }

.banner-home { position:relative; width:100%; padding-top:255px; background-size:cover; background-repeat:no-repeat; background-position:top center; height:100vh; }
.banner-home:before { position:absolute; content:''; width:100%; height:100%; left:0px; top:0px; _background:#000; _opacity:0.6; }
.banner-home .content-box { position:relative; display:block; }
.banner-home .content-box h1 { color:#fff; position:relative; display:block; font-weight:300; font-size:64px; line-height:75px; margin-bottom:20px; text-align:center; font-family:'GT Super Display'; text-transform:uppercase;  }
.banner-home .content-box h3 { color:#fff; position:relative; display:block; font-weight:300; font-size:20px; line-height:75px; _margin-bottom:135px; text-align:center; font-family:'Graphik'; text-transform:uppercase;  }
.banner-home .mouse-btn-down { position:absolute; left:50%; transform:translateX(-50%); bottom:30px; z-index:2; }
.banner-home .mouse-btn-down .scroll-arrow-box { font-size:40px; color:#fff; cursor:pointer; }

.avana-banner { position:absolute; top:100; left:50%; transform:translateX(-50%); z-index:2; width:100%; height:200px; bottom:0; pointer-events:none; }
.avana-banner .leaf .leaf-1 {  width:384px; height:174px; background-repeat:no-repeat; }

/*.leaf { position:absolute; bottom:0; }*/
.lines { position:absolute; right:0; margin-right:-20px; -webkit-animation:zoom-fade 6s infinite linear; animation:zoom-fade 6s infinite linear; }


a.knowmore { display:block; font-size:20px; text-transform:uppercase; color:#6fbb42 !important; font-weight:600; }
a.knowmore:hover { color:#fff !important; }
a.knowmore:after { content:""; display:block; margin-left:0px; width:60px; padding-top:5px; border-bottom:1px solid #6fbb42; }

.home-avana { padding:150px 0px 60px; }
.home-avana p { margin-bottom:10px; }
.home-avana h3, .home-avana a, .home-avana i { color:#fff; }
.home-avana a:hover { color:#6fbb42; }
.home-about { padding:60px 0px; }
.home-location { background:url("../../assets/img/home-location.jpg") no-repeat top center; width:100%; min-height:828px; margin:60px auto; }

.footer { position:relative; border-top:solid 2px #6fbb42; padding:40px 0px 60px 0px; }
.footer .outer-container { position:relative; padding:0px 70px; }
.hrera { margin-top:30px;  color:#6fbb42 !important; }
.hrera h3 { color:#6fbb42 !important; font-size:20px; }
.hrera p { color:#6fbb42 !important; font-size:14px;  }
.hrera .small { font-size:11px; line-height:15px !important; }


.banner-inner { position:relative; width:100%; padding-top:255px; background-size:cover; background-repeat:no-repeat; background-position:top center; height:700px; }
.banner-inner:before { position:absolute; content:''; width:100%; height:100%; left:0px; top:0px; _background:#000; _opacity:0.6; }
.banner-inner .content-box { position:relative; display:block; }
.banner-inner .content-box h1 { color:#fff; position:relative; display:block; font-weight:300; font-size:64px; line-height:75px; margin-bottom:20px; text-align:right; font-family:'GT Super Display'; text-transform:uppercase;  }
.banner-inner .content-box h3 { color:#fff; position:relative; display:block; font-weight:300; font-size:20px; line-height:75px; _margin-bottom:135px; text-align:right; font-family:'Graphik'; text-transform:uppercase;  }
.banner-inner .mouse-btn-down { position:absolute; left:50%; transform:translateX(-50%); bottom:30px; z-index:2; }
.banner-inner .mouse-btn-down .scroll-arrow-box { font-size:40px; color:#fff; cursor:pointer; }

.footer-form-area { margin-bottom:50px; }
.footer-form-area .form-group { margin-bottom:20px; }
.footer-form-area .form-group:last-child  { margin-bottom:0px; }
.footer-form-area .form-group input[type='text'],
.footer-form-area .form-group input[type='email'],
.footer-form-area .form-group input[type='phone'],
.footer-form-area .form-group textarea { position:relative; display:inline-block; width:100%; height:50px; font-size:16px; font-family:'Poppins', sans-serif; color:#6fbb42; border-bottom:1px solid #6fbb42; transition:all 500ms ease; }
.footer-form-area .form-group textarea { height:60px; resize:none; }
.footer-form-area .theme-btn { padding:13px 31px; background:#c39269; color:#fff !important; border:none; }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { background-color:#0a2d27 !important; }

.resiIL { padding:50px 0px; }
.resiIL h3 { color:#fff; font-size:45px; font-weight:300; text-align:center; }
.resiIL h2 { color:#c39269; font-size:90px; text-align:center; margin-bottom:100px; clear:both; }
.resiIL .blockLeaves { background:url("../../assets/img/icoLeaves.png") no-repeat left; padding-left:55px; font-size:18px; min-height:100px; margin-bottom:30px; }

.beige-bg { padding:100px 0px; background:#c39269 !important; color:#0a2d27 !important; }
.beige-bg p, .beige-bg h2 { color:#0a2d27 !important; }

.amenities-intro { padding:100px 0px; text-align:center; }
.amenities-intro h2 { color:#c39269 !important; font-size:67px; }

.amenities-block { padding-bottom:60px; }

.amenities-accordion-box .block { position:relative; display:block; margin-bottom:20px; }
.amenities-accordion-box .block .acc-btn .icon-outer { top:14px; right:30px; color:#c39269; position:absolute; font-size:10px; transition:.5s; z-index:1; }
.amenities-accordion-box .block .acc-btn.active .icon-outer { transform:rotate(180deg); }
.amenities-accordion-box .block .acc-btn { color:#c39269; cursor:pointer; position:relative; display:block; transition:.5s; padding:10px 80px 10px 30px; }
.amenities-accordion-box .block .acc-btn h4 { position:relative; display:block; color:#c39269; font-size:20px; line-height:22px; letter-spacing:1px; font-weight:300; text-transform:uppercase; }
.amenities-accordion-box .block .acc-btn.active { border-radius:5px; border-color:transparent; box-shadow:0px 15px 20px 0px rgba(0, 0, 0, 0.08); }
.amenities-accordion-box .block .acc-content { display:none; position:relative; padding:15px 40px 15px 30px; }
.amenities-accordion-box .block .acc-content.current { display:block; }
.amenities-accordion-box .block .acc-content .amenities-list li { color:#c39269; cursor:default; }
.amenities-accordion-box .block .acc-content .amenities-list li:hover { color:#6fbb42; }

#amenities-pic { width:100%; min-height:600px; }

.location-map { padding:60px 0px; }
.location-map  h2 { color:#c39269 !important; font-size:67px; margin-bottom:80px; text-align:center; }

.location-accordion-box .block { position:relative; display:block; margin-bottom:20px; }
.location-accordion-box .block .acc-btn .icon-outer { top:14px; right:30px; color:#c39269; position:absolute; font-size:10px; transition:.5s; z-index:1; }
.location-accordion-box .block .acc-btn.active .icon-outer { transform:rotate(180deg); }
.location-accordion-box .block .acc-btn { color:#c39269; cursor:pointer; position:relative; display:block; transition:.5s; padding:10px 80px 10px 30px; }
.location-accordion-box .block .acc-btn h4 { position:relative; display:block; color:#c39269; font-size:20px; line-height:22px; letter-spacing:1px; font-weight:300; text-transform:uppercase; }
.location-accordion-box .block .acc-btn.active { border-radius:5px; border-color:transparent; box-shadow:0px 15px 20px 0px rgba(0, 0, 0, 0.08); }
.location-accordion-box .block .acc-content { display:none; position:relative; padding:15px 40px 15px 30px; }
.location-accordion-box .block .acc-content.current { display:block; }
.location-accordion-box .block .acc-content .amenities-list li a { color:#c39269;  }
.location-accordion-box .block .acc-content .amenities-list li a:hover { color:#6fbb42; }

.social-infrastrure { padding:60px 0px 80px; }


.siteplan { margin:50px 0px; }
.floorplans { margin-top:120px; }
ul.plans-list { }
ul.plans-list li { display:block; text-align:left; margin-bottom:30px; cursor:pointer; color:#c39269; display:block; font-size:20px; font-family:'GT Super Display'; }
ul.plans-list li a { color:#c39269; display:block; font-size:20px; font-family:'GT Super Display';  }
ul.plans-list li:hover, ul.plans-list li.active { color:#6fbb42; }
ul.plans-list li a:hover, ul.plans-list li a.active { color:#6fbb42; }
#floor-plan { width:100%; min-height:1000px; object-fit:cover; }


.floorplans .nav-tabs.tab-btn-style-one { border:none; _padding:55px 25px; }
.floorplans .nav-tabs.tab-btn-style-one li.nav-item { margin:0; border:none; display:block; width:100%; margin-bottom:3px; }
.floorplans .nav-tabs.tab-btn-style-one li.nav-item .nav-link { border:none; display:block; padding:0; transition:.5s; margin-bottom:20px; background:none !important; }
.floorplans .nav-tabs.tab-btn-style-one li.nav-item .nav-link h4 { color:#c39269; display:block; font-size:20px; font-family:'GT Super Display';  transition:.5s; text-align:left; }
.floorplans .nav-tabs.tab-btn-style-one li.nav-item .nav-link.active h4 { background:none !important; color:#6fbb42; border-bottom:solid 1px #6fbb42; padding-bottom:15px; }
.floorplans .tab-content {  color:#fff; }
.floorplans .tab-content>.tab-pane { display:none; }
.floorplans .tab-content > .active {  display:block !important; }



.home-avana .form-inner { position:relative; margin-left:40px; margin-top:50px; }
.home-avana .form-inner form { margin:0px 5px; }
.home-avana #contact-form .form-group { margin-bottom:20px; padding-left:10px; padding-right:10px; }
.home-avana #contact-form .form-group:last-child { margin-bottom:0px; }
.home-avana #contact-form .form-group input[type='text'],
.home-avana #contact-form .form-group input[type='phone'],
.home-avana #contact-form .form-group input[type='email'],
.home-avana #contact-form .form-group textarea { position:relative; display:block; width:100%; height:50px; background:transparent; border:none; border-bottom:1px solid #fff; font-size:16px; color:#fff; padding:10px 20px;  }
.home-avana #contact-form .form-group textarea { height:120px; resize:none; }
.home-avana #contact-form .form-group input:focus,
.home-avana #contact-form .form-group textarea:focus { }







/* sidenavi wrapper */
#sideNavi, .side-navi-item, .side-navi-data, .side-navi-tab { margin:0; padding:0; }
#sideNavi { position:fixed; right:40px; top:225px; z-index:0; }
/* items */
.side-navi-item { position:absolute; left:0; /* display:inline-block; width:150px;*/ height:40px; /* transform:rotate(-90deg); transform-origin:left top 0;*/ color:#fff; /*background-color:#9e241f;*/ cursor:pointer; } 
.side-navi-item.item1 {  top:120px;  }
.side-navi-item.item2 { top:0; }
.side-navi-item.active, .side-navi-item:hover { /* background-color:#e5e5e5;*/ color:#000;  }
.side-navi-item > div {  padding-top:15px; text-align:center; }
/* data wrapper */
.side-navi-data { position:absolute; top:0; left:40px; width:230px; height:auto; background-color:#fff;  border:solid 1px #ccc; }
/* tab wrapper */
.side-navi-tab { display:none; }
.side-navi-tab.active {  display:inline-block; }
.side-navi-tab > div {  padding:0px;  }



/* RESPONSIVE MOBILE FIXES */
@media only screen and (max-width:767px), only screen and (max-device-width:767px) { 
	#sideNavi { _display:none; }
	.nav-right, .leaf, .lines { display:none; }
	.outer-container { padding:0px 30px !important; }
	.banner-home h1, .banner-inner h1 { font-size:40px !important; line-height:46px !important; text-align:center !important; }
	.banner-inner h3 { text-align:center !important; }
	.col-left, .col-right { text-align:center !important; }
	.home-avana h2, .home-about h2, .home-location h2, .footer-form-area h2 { font-size:40px; line-height:46px; }
	.home-avana p { text-align:center !important; }
	.home-about, .home-location, .footer-logos, .hrera { text-align:center !important; }
	.footer-logos .logo-avana { margin-bottom:20px; }
	.footer-form-area { padding:0px 20px; }
	.footer-form-area h2 { text-align:center !important; }
    #btnFooterSubmit, .message-btn { margin:0px auto; text-align:center !important; }

	.home-avana { padding-top:100px; }
	
	.resiIL {  }
	.resiIL h2 { font-size:50px; line-height:56px; margin-bottom:50px; }
	.resiIL .blockLeaves {  min-height:inherit;  }
	.beige-bg { text-align:center !important; }
	.img_mt30 { margin-top:30px !important; }
	
	a.knowmore:after { content:""; display:block; margin:0px auto; width:60px; padding-top:5px; border-bottom:1px solid #6fbb42; }
	.location-map h2, .amenities-intro h2 { font-size:40px; line-height:46px; padding:0px 20px; margin-bottom:20px; }
	
	.contact-info { padding:0px 30px; text-align:left !important; }
	.contact-info p { text-align:left !important; }
	
	.home-avana .form-inner { position:relative; margin:50px 30px 0px; }
	
	.mobile-menu .menu-box { padding-top:50px; }
}