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

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 {font-family:'Raleway', sans-serif; position:relative; overflow-x:hidden}
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}
.contact-pr {min-height:613px; text-align:center; color:#fff; position:relative; z-index:1}
.contact-pr form {margin-bottom:5px}
.contact-pr img {top:-34px; position:relative}
.contact-pr input[type="text"], .contact-pr input[type="email"], .contact-pr textarea {border-bottom:1px solid #fff; background:0; max-width:340px; margin:0 auto 10px; text-align:center}
.contact-pr textarea {height:50px}
.contact-pr p {padding-left:45px; background:url(../images/email.png) no-repeat; display:inline-block; margin:15px auto 0; line-height:32px; font-size:20px}
.contact-pr p:nth-of-type(1) {font-size:18px}
.contact-pr p a {color:#fff}
.contact-pr p b {font-weight:600}
.contact-pr p:nth-of-type(1) {background:0; padding-left:0}
.contact-pr p:nth-of-type(2) {font-size:23px; background:url(../images/call.png) no-repeat; margin-right:30px}
.footer_area p{font-weight:600}
.carousel-wrap { margin: 30px auto;padding: 0 5%; width: 80%;position: relative;}
/* fix blank or flashing items on carousel */
.owl-carousel .item { position: relative; z-index: 100; -webkit-backface-visibility: hidden;}
/* end fix */
.owl-nav > div {margin-top: -26px;position: absolute;top: 50%;color: #cdcbcd;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {top: 35%;position: absolute;}
.owl-nav i {font-size: 84px;margin: -13px; color:#9f968a !important}
.owl-nav .owl-prev { left: -30px;}
.owl-nav .owl-next {right: -30px;}
.location1 h2, .heading h2 {
    background: #9f968a;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 27px;
    margin-bottom: 60px;
    letter-spacing: 9px;
    margin-top:0px;
}
.amenities_bg {background: url(../images/bg_amenties.jpg) top center no-repeat; height: 500px; background-size: cover;}
.heading h2{margin-top: 0px !important}
.aquino li:nth-child(1) {background: url(../images/aquino/1.jpg)  bottom / cover;width: 33.3%}
.aquino li:nth-child(2) {background:url(../images/aquino/2.jpg)  bottom / cover; width:33.3%}

#image-gallery.aquino ul li:nth-child(1) {background:url(../images/aquino/1.jpg) bottom / cover}
#image-gallery.aquino ul li:nth-child(2) {background:url(../images/aquino/2.jpg) bottom / cover}

#image-gallery {padding-top:20px}
#image-gallery h2 {margin-top:40px !important}
#image-gallery ul{margin-right:50px;margin-left:50px; }
#image-gallery ul li {height:270px; margin-top:6px;float:left; background-repeat:no-repeat !important;}
#image-gallery ul li:nth-child(1) {width:calc(50% - 12px);height:270px !important;}
#image-gallery ul li:nth-child(2) {width:49%; margin:6px 6px 0 6px}
#image-gallery ul li:nth-child(3) {width:30%}
#image-gallery ul li:nth-child(4) {width:25%}
#image-gallery ul li:nth-child(5) {width:35%; margin:6px 6px 0 6px}
#image-gallery ul li:nth-child(6) {width:calc(40% - 12px)}
#image-gallery ul li.clear {height:0; margin-top:0; float:none}
#image-gallery ul li a {width:100%; height:100%; display:block}
#image-gallery ul li a:hover {background:url(../images/zoom-bg.png) center}
#image-gallery i {font-size:14px; color:#666; text-align:right; display:block; line-height:30px; padding-bottom:40px}

.enquiry {position:fixed; top:150px; right:-274px; z-index:999999; transition:right 0.3s ease-out}
.enquiry.active {right:0}
.enquiry a {position:absolute; margin-left:-45px; 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:#134787; 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}

.banner {width:100%; height:100vh; min-height:660px; background:url(../images/aquino/banner.jpg) no-repeat;background-position:center !important}
.banner .left {padding-top:16px}
.banner .left a:nth-child(1) {width:26px; height:25px; background:url(../images/aquino/home.png) no-repeat; display:block; float:left; margin-right:2px}
.banner .left a:nth-child(2) {width:26px; height:25px; background:url(../images/aquino/fb.png) no-repeat; display:block; float:left; margin-right:2px}
.banner .left a:nth-child(3) {width:26px; height:25px; background:url(../images/aquino/lk.png) no-repeat; display:block; float:left}
.banner .left a:nth-child(4) {font-size:20px; color:#fff; font-family:'Rokkitt', sans-serif; margin-left:13px; padding-left:12px; border-left:2px solid #fff; line-height:15px; display:block; float:left; margin-top:5px}
.banner .logo {position:absolute; left:50%; margin-left:-82px; top:50px}
.banner i {text-align:center; color:#fff; display:block; margin-top:120px}
.banner .home {position:absolute; top:10px; right:0}

.circle {position:absolute; right:0; top:470px}

.sea-link {height:274px; background:url(../images/aquino/sea-link.jpg) center no-repeat; padding-top:30px}
.sea-link h2 {color:#134787; font-size:36px; font-weight:300; text-transform:uppercase; text-align:center}

.elevationC {height:510px; padding-top:120px}
.elevationC h2 {font-size:82px; font-weight:100; color:#134787; text-transform:uppercase; line-height:75px; float:left}
.elevationC .main-container > p {font-size:19px; color:#92c5eb; text-transform:uppercase; font-weight:500; line-height:20px; padding-left:10px; border-left:2px solid #92c5eb; float:left; margin:157px 0 0 35px}
.elevationC a img {margin-top:20px; display:block; left:54%; position: absolute}

.elevationC ul {margin-left:120px}
.elevationC ul li {display:inline-block; width:100px; margin-top:30px; line-height:18px; text-align:center}
.elevationC ul li img {display:block; margin:0 auto 10px}
.elevationC ul li img:nth-of-type(2) {display:none}
.elevationC ul li b {display:block}
.elevationC ul li span {display:block; color:#00648a}

.highlights {background:#e7e7e7}
.highlights, .location, .amenities {padding:50px 0 38px; color:#134787; text-transform:uppercase}
.highlights h2 {font-size:32px; font-weight:300; margin-bottom:20px}
.highlights ul li {font-size:18px; float:left; max-width:425px; font-weight:300; padding:6px 0 6px 20px; background:url(../images/aquino/bullet.png)top 13px left no-repeat; margin-right:40px}
.highlights ul li h1{font-size:18px; float:left; max-width:425px; font-weight:300;}
.highlights em {display:block; width:92px; height:2px; background:#134787; margin-top:30px}

.elevation {position:absolute; right:150px; margin-top:-650px; z-index:999}

.gallery {padding-bottom:30px; background:#e7e7e7}
.gallery ul li {margin-right:14px; float:left; margin-bottom:14px; width:calc(25% - 11px)}
.gallery ul li:nth-child(4), .gallery ul li:nth-child(8) {margin-right:0}
.gallery ul li img {display:block; width:100%}

.location1 h2{text-align:center;font-size: 17px;}
.location_map img{width:100% !important;height:100% !important}
.location {margin-top:-580px}
.location ul {text-transform:none; background:rgba(255,255,255,0.7);  width:500px}
.location1 ul li {line-height:45px;  font-size:17px; font-family:'Roboto', sans-serif; color: #867e77;}
.location1 ul li b {display:inline-block; width:310px; font-weight:300; padding-left:58px; color:#404040}
.location1 ul li:last-child {border-bottom:1px solid #cdcdcd}
.location1 img{height:16px; width:20px; margin-left:25px;margin-right:40px}
.map {width:100%;  }

.amenities {background:url(../images/aquino/footer-bg.jpg) bottom center no-repeat; padding-bottom:145px}
.amenities ul {margin-top:30px}
.amenities ul li {float:left;  width:33%; text-align:center; color:#3d3d3d; font-size:15px; padding-bottom:20px; padding-left:5px; padding-right:10px}
.amenities ul li:nth-child(1), .amenities ul li:nth-child(7) {border-left:0}
.amenities ul li:nth-child(7), .amenities ul li:nth-child(8), .amenities ul li:nth-child(9), .amenities ul li:nth-child(10), .amenities ul li:nth-child(11), .amenities ul li:nth-child(12) {border-bottom:0; padding-top:30px}
.amenities ul li img {display:block; margin:0 auto 10px}
.amenities h3 {font-size:34px; color:#134787; font-weight:200; text-align:right; margin-top:125px}
.amenities h3 i {font-size:13px; display:block; text-transform:none; font-weight:300}



@media screen and (max-width:1280px) {
.elevation {right:0}
}

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

.sea-link {background:url(../images/aquino/sea-link-mobile.jpg) left top no-repeat}
}

@media screen and (max-width:1065px) {
.banner .left {flaot:none; position:fixed; width:100%; height:80px; background:#194c8d; z-index:9999; left:0; padding-left:20px}
.banner .home {position:fixed; margin-right:30px; z-index:9999}
.banner i {margin-top:0; padding-top:200px}
.banner .logo {top:90px}
}

@media screen and (max-width:1050px) {
.circle {width:300px; right:0; left: inherit; top:560px}
.elevationC {height:480px}
.elevationC h2 {font-size:60px; line-height:60px}
.elevationC .main-container > p {margin:112px 0 0 35px}
.elevation {width:215px; top:1780px}
.elevationC a img {left:47%}

.amenities ul li {width:25%}
.amenities ul li:nth-child(5), .amenities ul li:nth-child(6) {padding-top:30px}
.amenities ul li:nth-child(7), .amenities ul li:nth-child(8) {border-bottom:1px solid #dcdcdc}
.amenities ul li:nth-child(5), .amenities ul li:nth-child(9) {border-left:0}
.amenities ul li:nth-child(7) {border-left:1px solid #dcdcdc}
}

@media screen and (max-width:960px) {
.location ul {width:345px}

.locationM {width:360px; height:411px; position:relative; overflow:hidden}
.location ul li b {width:260px; padding-left:40px}

.map {background:url(../images/aquino/Lmap.jpg) center left -750px}
}

@media screen and (max-width:900px) {
.elevationC p {font-size:15px; line-height:17px; margin:120px 0 0 20px}

.elevationC ul {margin-left:0}
}

@media screen and (max-width:800px) {
.banner .logo {top:110px}
.banner i {padding-top:215px}
.banner {background:url(../images/aquino/banner.jpg) top -100px center no-repeat; min-height:inherit; height:800px}

.sea-link h2 {font-size:30px; line-height:32px}
.sea-link h2 br {display:none}

.circle {width:200px; top:650px}

.elevationC {padding-top:80px}
.elevationC h2 {float:none}
.elevationC a img {margin-top:30px}
.elevationC .main-container > p {margin:20px 0 0}
.elevation {top:1680px}

.gallery ul li {width:calc(33.33% - 10px)}
.gallery ul li:nth-child(3), .gallery ul li:nth-child(6) {margin-right:0}
.gallery ul li:nth-child(4) {margin-right:14px}

.location {margin-top:-440px}
.location ul {margin:400px auto 0; width:378px}
.location ul li b {width:280px}

.map {background:url(../images/aquino/Lmap.jpg) top left -700px; background-size:cover; height:439px}

.amenities ul li {width:33.3%}
.amenities ul li:nth-child(4) {padding-top:30px}
.amenities ul li:nth-child(9) {border-bottom:1px solid #dcdcdc}
.amenities ul li:nth-child(4), .amenities ul li:nth-child(7), .amenities ul li:nth-child(10) {border-left:0}
.amenities ul li:nth-child(5), .amenities ul li:nth-child(9) {border-left:1px solid #dcdcdc}
}

@media screen and (max-width:720px) {
.footer {float:none; width:100%}
.footer > img {width:160px; margin-top:30px}
.footer > a {margin-right:34px; padding-right:34px}
}

@media screen and (max-width:610px) {
.amenities ul li {width:50%}
.amenities ul li:nth-child(3) {padding-top:30px}
.amenities ul li:nth-child(10) {border-bottom:1px solid #dcdcdc}
.amenities ul li:nth-child(3), .amenities ul li:nth-child(5), .amenities ul li:nth-child(9), .amenities ul li:nth-child(11) {border-left:0}
.amenities ul li:nth-child(4), .amenities ul li:nth-child(10) {border-left:1px solid #dcdcdc}

.footer a h5 {font-size:20px}
.footer > img {margin-top:10px}
.footer > b {margin-top:58px}

.elevation {top:1700px; right:-30px}
.elevationC {height:570px}
.elevationC a img {margin-top:20px; display:block; left:0; position:static; margin-left:40px}
.elevationC ul {margin-left:0}
}

@media screen and (max-width:600px) {
.main-container	{width:calc(95% - 50px); margin-left:5%}
.banner {background:url(../images/aquino/banner.jpg) top center no-repeat; background-size:1500px; height:650px}
.circle {display:none}
.elevation {top:1600px}
.highlights ul li {float:none; margin-right:0}
.amenities {padding-bottom:50px}
}

@media screen and (max-width:550px) {
.elevationC h2 {font-size:44px; line-height:44px}

.gallery ul li {width:calc(50% - 7px)}
.gallery ul li:nth-child(2), .gallery ul li:nth-child(4) {margin-right:0}
.gallery ul li:nth-child(3) {margin-right:14px}

.footer {height:auto; padding:20px; text-align:center}
.footer a {float:none; margin:0 auto 30px; padding:0; border:0; width:150px}
.footer a img {margin:13px 10px 0 0}
.footer > img {margin:20px auto; float:none}
.footer > b {position:absolute; right:20px; margin-top:30px}
}

@media screen and (max-width:500px) {
.banner .left a:nth-child(4) {float:none; clear:both; margin-top:37px; border-left:0; padding-left:0; margin-left:0}
}

@media screen and (max-width:450px) {
.elevation {width:150px; top:1650px}
.elevationC {padding-top:50px; height:480px}
.elevationC a img {width:100px}
.elevationC ul li img {width:20px}
.elevationC ul li {width:85px}

.map {background:url(../images/aquino/Lmap.jpg) top left -800px; background-size:cover}
 .contact-pr form .g-recaptcha {margin-left: -26px !important}
.location ul li b {width:260px}
.location img{ margin-right:10px !important;margin-left:0px !important}
.amenities ul li {width:100%; border-left:0 !important; padding-top:10px !important; padding-bottom:10px}
.amenities ul li:nth-child(10), .amenities ul li:nth-child(11) {border-bottom:1px solid #dcdcdc}
}

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

.sea-link h2 {font-size:24px; line-height:26px}


.elevation { right:calc(50% - 100px)}
.elevationC a img {margin:20px auto 0}
.elevationC ul {width:175px; margin:0 auto}

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

.location img{ margin-right:10px !important;margin-left:0px !important}
.location ul li b {width:215px; padding-left:30px}
 .contact-pr form .g-recaptcha {margin-left: -26px !important}
.amenities h3 {font-size:26px}
}

@media screen and (max-width:355px) {
.elevationC {height:850px}
.elevation {top:2050px}
.location ul li b {width:180px}
.location img{ margin-right:10px !important;margin-left:0px !important}
 .contact-pr form .g-recaptcha {margin-left: -26px !important}
}
@media only screen and (max-width:768px){
    .mapouter .gmap_canvas iframe {width:260px !important;height:400px !important}
    .mapouter{text-align:left !important}
    .amenities_bg{height: 400px;}
    .location1 ul li{font-size:12px}
    #image-gallery ul{margin-right:20px;margin-left:20px; }
    .contact-pr form .g-recaptcha {margin-left: -26px !important}
}