@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);

@font-face {
font-family:'bauerbodni_blk_btblack';
src:url('../fonts/baubodk_2-webfont.woff2') format('woff2'),
	url('../fonts/baubodk_2-webfont.woff') format('woff')}

@font-face {
font-family:'bebas_neuebold';
src:url('../fonts/bebasneue_bold-webfont.woff2') format('woff2'),
	url('../fonts/bebasneue_bold-webfont.woff') format('woff')}

@font-face {
font-family:'bebas_neuebook';
src:url('../fonts/bebasneue_book-webfont.woff2') format('woff2'),
	url('../fonts/bebasneue_book-webfont.woff') format('woff')}

@font-face {
font-family:'bebas_neue_regularregular';
src:url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),
	url('../fonts/bebasneue_regular-webfont.woff') format('woff')}

html, body, ul, li, p, a, h1, h2, h3, h4, h5, h6, div, span, input, label, input[type="radio"]  {margin:0; padding:0; outline:none}
* {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
input[type='number'] {-moz-appearance:textfield}
::-webkit-input-placeholder {opacity:1}
:-moz-placeholder {opacity:1}
::-moz-placeholder {opacity:1}
:-ms-input-placeholder {opacity:1}
select, input[type='submit'] {-webkit-appearance:none; -moz-appearance:none; appearance:none; font-family:'Raleway', sans-serif}

html, body {height:100%}
body, input, textarea {font-family:'Raleway', sans-serif}
.main-container {width:1100px; margin:0 auto; position:relative}
.clear {clear:both}
a {text-decoration:none}
ul, li {list-style:none}

.g-recaptcha {transform:scale(0.76); -webkit-transform:scale(0.76); -moz-transform:scale(0.76); -o-transform:scale(0.76); -ms-transform:scale(0.76); transform-origin:0 0; -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -o-transform-origin:0 0; -ms-transform-origin:0 0}

.enquiry {position:fixed; top:150px; right:-274px; z-index:99999999999; transition:right 0.3s ease-out}
.enquiry.active {right:0}
.enquiry a {position:absolute; margin-left:-46px; text-decoration:none}
.enquiry form {width:274px; padding:25px 22px 15px; background:rgba(0,0,0,0.9)}
.enquiry input[type="text"], .enquiry input[type="email"], .enquiry input[type="number"], .enquiry select {width:100%; height:30px; line-height:30px; border:1px solid #727272; margin-bottom:15px; background:none; color:#fff; padding:0 15px; font-size:15px}
.enquiry input[type="submit"] {background:#3c3430; width:93px; height:34px; border:0; color:#fff; text-transform:uppercase; font-size:15px; font-weight:500}
.enquiry textarea {width:100%; height:70px; border:1px solid #727272; font-size:15px; padding:5px 15px; color:#fff; background:none; resize:none; margin-bottom:10px}
.enquiry p {color:#fff; font-size:14px; line-height:18px; margin-bottom:12px; font-weight:300}
.enquiry .heading {font-size:20px; border-top:1px solid #727272; font-weight:400; margin-top:15px; padding-top:12px; text-transform:uppercase}
.enquiry p a {position:relative; margin:0; display:block; color:#fff; font-size:18px; font-weight:400; line-height:24px}
.enquiry .close {margin:-20px 0 0 230px; font-family:"Arial"; color:#fff}
.enquiry select {width:100%; color:#999; background: url(../images/arrow-s.png) center right 10px no-repeat; padding-left:10px}

.nav {position:absolute; width:100%; z-index:9999}
.nav a:first-child img {width:25px; margin-right:20px}
.nav .main-container > a img {float:left; display:block; margin-top:28px}
.logo {margin-top:100px; position:absolute; z-index:99999999}
.nav .right a:nth-child(1) {font-size:24px; color:#fff; font-family:'bebas_neuebold'; background:url(../images/aashiana/phone.png) top 2px left no-repeat; padding-left:20px; margin:28px 12px 0 0; display:block; float:left; line-height:20px}
.nav .right img {display:block; float:left; margin:25px 0 0 8px}
.nav .main-container > img {top:10px; position:absolute; right:0}

.banner {width:100%; height:100vh; background:url(../images/aashiana/banner1.jpg) center no-repeat; color:#fff; padding-top:16%}
.banner img {display:block; margin:0 auto 30px}
.banner h2 {text-transform:uppercase; font-family:'bauerbodni_blk_btblack'; font-size:41px; font-weight:normal; line-height:40px; margin-top:100px; color:#7a5f32}
.banner p {line-height:24px; margin:20px 0; width:580px}
.da-slider > img {margin-top:30px}

.arrow {display:block; position:absolute; z-index:999999; left:50%; bottom:10px; margin-left:-7px}

.bounce.wait0.animated {animation:bounce-wait0 1.6s ease infinite} @keyframes bounce-wait0 {0% {transform:translateY(0)} 12.5% {transform:translateY(0)} 25% {transform:translateY(0)} 50% {transform:translateY(-5px)} 62.5% {transform:translateY(0)} 75% {transform:translateY(-5px)} 100% {transform:translateY(0)}}

.overview {background:url(../images/aashiana/texture.jpg)}
.overview .map {width:100%; background:url(../images/aashiana/map.png) top center no-repeat; padding:50px 0 70px; min-height:1010px}
.overview .box > img {position:absolute; margin:-80px 0 0 -807px}
.overview .box {background:#d9cec2; color:#3c3430; padding:60px 0}
.overview h2, .amenities h2, .gallery h2 {font-size:76px; font-family:'bebas_neuebook'; font-weight:normal; color:#fff}
.overview h2 {float:left; margin-left:350px}
.overview .content {width:285px; float:right; margin-right:85px}
.overview i {width:60px; height:3px; background:#3c3430; display:block}
.overview p {font-size:15px; margin-top:20px; line-height:21px}

.location {padding-top:130px; background:url(../images/aashiana/shell.png) left 260px top 95px no-repeat}
.location h2 {color:#3c3430; width:auto; float:none}
.location i {margin:30px 0 0 350px}
.location p {width:100%; max-width:520px; margin-left:350px; margin-top:25px}
.location ul {margin-top:95px}
.location ul li {width:calc(16.67% - 10.9px); height:147px; background:url(../images/aashiana/proximity.jpg) no-repeat; float:left; margin-left:13px; text-align:center; color:#f6f2ed; font-size:13px; font-weight:600; text-transform:uppercase}
.location ul li:first-child {margin-left:0}
.location ul li img {display:block; margin:0 auto}
.location ul li b {font-size:19px; display:block; font-weight:600}
.location ul li em {font-family:'Roboto', sans-serif; font-weight:500; font-style:normal}
.location > b {text-align:right; font-size:13px; font-weight:100; display:block; margin-top:5px}
.location > b b {font-weight:bold; font-size:16px}

.approvals {position:absolute; margin-top:760px; margin-left:80px}
.approvals div {display:inline-block; width:100px; line-height:18px; text-align:center}
.approvals div img {display:block; margin:0 auto 10px}
.approvals div img:nth-of-type(2) {display:none}
.approvals div b {display:block}
.approvals div span {display:block; color:#3d3331}

.amenities {background:url(../images/aashiana/amenities-bg.jpg) center no-repeat; background-attachment:fixed; text-align:center; padding:40px 0 30px}
.amenities ul {background:rgba(217,206,194,0.8); padding:38px}
.amenities ul li {width:calc(33% - 18px); float:left; height:228px; margin-left:24px}
.amenities ul li:nth-child(1) {margin:0 0 20px 0; background:url(../images/aashiana/amenities02.jpg) center no-repeat}
.amenities ul li:nth-child(2) {background:url(../images/aashiana/amenities04.jpg) center no-repeat; margin-bottom:22px}
.amenities ul li:nth-child(3) {background:url(../images/aashiana/amenities05.jpg) center no-repeat; margin-bottom:22px}
.amenities ul li:nth-child(4) {background:url(../images/aashiana/amenities06.jpg) center no-repeat; margin-left:0; margin-bottom:22px}
.amenities ul li:nth-child(5) {background:url(../images/aashiana/amenities07.jpg) center no-repeat}
.amenities ul li:nth-child(6) {background:url(../images/aashiana/amenities08.jpg) center no-repeat}
.amenities ul li p {font-size:15px; color:#f6f2ed; margin:200px 20px 0}
.amenities a {width:154px; height:42px; display:block; background:#7b8354; line-height:42px; margin:-20px auto 0; color:#f6f2ed; font-size:18px; text-transform:uppercase; font-weight:600}

.gallery {background:url(../images/aashiana/texture.jpg); text-align:center; padding-top:50px; border-bottom:1px solid #3c3430}
.gallery h2 {color:#3c3430; margin-bottom:10px}
.gallery ul li {float:left; margin-left:15px}
.gallery ul li img {display:block; margin-top:15px; width:100%}
.gallery ul li:first-child {margin-left:0}
.gallery ul li:nth-child(1) {width:calc(40.69% - 15px)}
.gallery ul li:nth-child(2) {width:calc(32.2% - 15px)}
.gallery ul li:nth-child(3) {width:calc(28.2% - 15px)}
.gallery .main-container > a {color:#3c3430; padding:0 50px; line-height:54px; height:54px; border:1px solid #3c3430; display:table; text-transform:uppercase; margin:40px auto 60px}
.gallery .main-container > a img {margin-left:15px}
.gallery .main-container > img:last-of-type {margin:20px 0 40px}
.gallery i {font-size:13px; text-align:right; display:block; margin:5px 0 50px}
.gallery ul li a {position:relative; display:block}
.gallery ul li a b {position:absolute; width:100%; height:100%; display:block}
.gallery ul li a:hover b {background:url(../images/zoom-bg.png) center}

.copyright {background:url(../images/aashiana/texture.jpg); text-align:center; color:#3c3430; font-size:13px; padding:10px 0; text-transform:uppercase; font-family:'bebas_neuebook'; letter-spacing:1px}
.copyright span {margin:0 10px}
.copyright br {display:none}
.copyright a {color:#3c3430}
.copyright a.active {color:#fff}
.copyright i {font-style:normal}

@media screen and (max-width:1150px) {
.main-container {width:calc(97% - 50px); margin-left:3%; margin-right:50px}
.copyright .main-container {width:94%}

.overview .box > img {width:550px; margin:-80px 0 0 -635px}
.overview h2 {margin-left:250px; font-size:60px; line-height:82px}
.overview .content {width:calc(100% - 560px); margin-right:35px}
.overview .location h2 {margin-left:0}
.location {background:url(../images/aashiana/shell.png) left 0 top 95px no-repeat}
.location i {margin-left:0}
.location p {margin-left:0}
.overview .map {background:url(../images/aashiana/map.png) top right -370px no-repeat}

.approvals {margin-top:620px; margin-left:20px}
.location {padding-top:260px}
}

@media screen and (max-width:1065px) {
.nav {position:fixed; background:rgba(0,0,0,0.8); height:70px; z-index:9999999999999}
.logo {margin-top:150px}
}

@media screen and (max-width:1000px) {
.location ul {max-width:550px; width:100%; margin-top:50px}
.location ul li {width:calc(33.3% - 9px); margin-bottom:13px}
.location ul li:nth-child(4) {margin-left:0}
}

@media screen and (max-width:900px) {
.overview .box {padding:30px 0}
.overview h2 {float:none; line-height:57px}
.overview h2 br {display:none}
.overview .content {width:calc(100% - 287px); margin-top:30px}
.overview .box > img {margin:-80px 0 0 -145px}

.overview .location {padding-top:340px}

.amenities {background-size:cover !important; background-attachment:inherit}
.amenities ul li {width:calc(33.3% - 16px)}
.amenities ul li:nth-child(4) {margin-left:0}
.amenities ul li:nth-child(5), .amenities ul li:nth-child(6) {margin-left:24px; margin-bottom:25px}
.amenities ul li:nth-child(7) {margin-left:calc(33.3% + 8px)}
}

@media screen and (max-width:850px) {
.overview .location {padding-top:300px}
}

@media screen and (max-width:800px) {
.overview .location {padding-top:230px}
.nav .right {margin-right:-30px}
}

@media screen and (max-width:700px) {
.amenities ul li {width:calc(50% - 12px)}
.amenities ul li:nth-child(3), .amenities ul li:nth-child(5) {margin-left:0}
.amenities ul li:nth-child(4) {margin-left:24px}
.amenities ul li:nth-child(7) {margin-left:0; width:100%}
}

@media screen and (max-width:650px) {
.overview .location {padding-top:150px}
.approvals {margin-top:600px}
}

@media screen and (max-width:600px) {
.main-container	{width:calc(95% - 50px); margin-left:5%}
.copyright .main-container {width:90%}

.logo {left:50%; margin-left:-92.5px; margin-top:100px}
.nav .main-container > img {width:75px; right:-30px}
.nav .main-container > a img {width:20px}
.nav .right a:nth-child(1) {font-size:18px}
.nav .right img {width:25px}

.overview .box > img {width:400px}
.overview h2 {margin-left:140px; font-size:44px; line-height:43px; margin-right:20px}
.overview .content {width:calc(100% - 175px)}
.overview .location {padding-top:380px}

.gallery ul li {float:none; margin-left:0; width:100% !important}

.approvals {margin-top:420px; margin-left:0}
.approvals div {width:65px}
.approvals div img {width:20px}
}

@media screen and (max-width:550px) {
.approvals {margin-top:440px}
.overview .location {padding-top:280px}

.location ul {max-width:361px}
.location ul li {width:calc(50% - 7px); margin-bottom:13px}
.location ul li:nth-child(3), .location ul li:nth-child(5) {margin-left:0}
.location ul li:nth-child(4) {margin-left:13px}

.copyright {line-height:24px}
.copyright br {display:block}
.copyright > span:nth-of-type(1) {display:none}
}

@media screen and (max-width:500px) {
.overview .box {padding:30px}
.overview .box > img {max-width:100%; width:300px; position:relative; margin:0 auto; display:block}
.overview h2 {margin-left:0; margin-right:0}
.overview .content {width:100%; margin-right:0}

.amenities ul li {width:100%; margin-left:0 !important}

.approvals {margin:10px auto 40px; position: static; width:135px}

.overview .location {padding-top:50px}
}

@media screen and (max-width:400px) {
.main-container	{width:calc(93% - 50px); margin-left:7%}
.copyright .main-container {width:86%}

.nav {height:85px}
.nav .right {margin-right:-30px}
.nav .right a:first-child {float:none; margin:10px 0 10px 23px; padding-left:0; position:relative; left:-23px}
.nav .right a:nth-child(2) img {margin-left:0; margin-top:7px}
.nav .main-container > img {width:95px; top:3px}
.nav .main-container > a img {margin-top:40px}
.nav .right img {margin:7px 0 0 8px}

.overview .box {padding:20px}

.location ul {max-width:174px; margin:30px auto 0}
.location ul li {width:100%; margin-bottom:13px; margin-left:0 !important}

.gallery h2 {font-size:54px}
}