body { font-family: Noto Sans; margin: 0; font-size: 15px; padding: 0; background: #c2dadd; }
* { margin: 0; padding: 0; font-family: Noto Sans; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; }
img { max-width: 100%; }
a { text-decoration: none; color: #05374e; }
.container { width: 1100px; margin: 0 auto; position: relative; }
.inr-container { width: 940px; margin: 0 auto; }
.header { padding: 10px 0; background: #fcfcfc; }
.clear { clear: both; }
.nav { background: #05374e; border-bottom: 5px solid #9ac2c7; }
.inr-banner, .banner { border-bottom: 5px solid #9ac2c7; }
.inr-banner img { width: 100%; }
.nav li { float: left; list-style: none; }
.nav li.active, .nav li:hover { background: rgba(0,0,0,0.3); }
.nav li a { display: block; padding: 12px 20px; font-size: 14px; text-transform: uppercase; color: #fff; background: url(../images/border-menu.png) no-repeat left; }
.nav li:first-child a { background: none; }
.logo { float: left; width: 20%; }
.header-right { float: right; width: 70%; }
.book-online-form h3 { font-size: 25px; margin-bottom: 30px;}
.banner {min-height:350px; background:#B2CACD; position:relative;}
.form-bx { float: left; width: 16%; padding: 0 10px; }
.form-bx:first-child { padding-left: 0; }
.form-btn { float: left; width: 20%; padding: 24px 0 0 10px; }
.form-btn input { background: #05374e; width: 100%; padding: 10px; color: #fff; text-transform: uppercase; border: none; cursor:pointer;}
.form-btn input:hover {opacity:0.8;}
.form-bx label { display: block; margin-bottom: 5px; font-size: 13px; color: #666; }
.form-bx input, .form-bx select { display: block; border: 1px solid #ccc; width: 100%; padding: 8px 10px; }
.phone-number { position: absolute; right: 0; top: 10px; }
.phone-number p { font-size: 18px; padding-left: 32px; background: url(../images/phone-icon.png) no-repeat left center; color: #000; }
.service-bx-hold { float: left; width: 100%; padding: 0 7px; }
.service-bx { border: 2px solid #9ac2c7; color: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 5px; }
.hotel-bxs-inr { width: 940px; margin: 0 auto; background: #05374e; border-radius: 10px; padding: 18px 7px; margin-top: -85px; position: relative; z-index: 99; }
.service-img img { width: 100%; }
.service-bx h3 { padding: 10px 14px; text-transform:uppercase; }
.service-bx a { display: block; text-align: right; color: #fff; font-size: 14px; padding: 10px 15px; }
.content-boxes { padding: 30px 0; }
.content-left { width: 60%; float: left; }
.content-left h2 { color: #05374e; font-size: 28px; margin-bottom: 20px; }
.content-left p { color: #000; font-size: 15px; margin-bottom: 20px; }
.members-btns { text-align: center; }
.members-btns a { padding: 8px 30px; text-transform: uppercase; margin: 0 10px; color: #fff; background: #05374e; display: inline-block; border-radius: 10px; }
.content-right { width: 35%; float: right; background: #fff; padding: 10px; text-align: center; border-radius: 10px; }
.footer { background: url(../images/footer-bg.jpg) no-repeat center/cover; color: #fff; padding: 55px 0 20px; }
.content-img { margin-bottom: 20px; display: inline-block; width: 100%; }
.footer h2 { color: #fff; font-size: 25px; margin-bottom: 20px; }
.ftr-2 p { font-size: 15px; }
.ftr-2 p a { color: #fff; }
.ftr-1 { float: left; }
.ftr-2 { float: left; padding: 0 30px; }
.ftr-3 { float: right; }
.footer p span { display: block; }
.news-form { margin-top: 10px; }
.news-form .text-file { width: 100%; display: block; padding: 8px 10px; background: #fff; border: 1px solid #ccc; font-size: 12px; font-style: italic; }
.news-form input[type="submit"] { background: #fff; border: none; padding: 8px 10px; margin-top: 10px; color: #05374e; font-size: 14px; text-transform: uppercase; }
.social-icon-ftr { margin-top: 15px; }
.social-icon-ftr a { padding: 0 5px; }
.ftr-btm { padding: 20px 0; text-align: right; }
.right-list { }
.inr-heading { font-size: 32px; font-weight: 700; margin-bottom: 30px; color: #05374e; }
.listing-designs { margin-top: 30px; }
.outer-cont h3 { font-size: 22px; color: #000; margin-bottom: 10px;  }
.outer-cont p { font-size: 14px; margin-bottom: 10px; text-align: justify; }
.outer-cont { margin-bottom: 30px; }
.map-designs { border: 5px solid #05374e; }
.inr-content { padding: 40px 0; }
.list-image { border: 5px solid #fff; }
.list-inr { padding-left: 480px; position: relative; margin-bottom: 30px; }
.list-inr.right-list { padding: 0 480px 0 0; }
.list-inr.right-list .list-content { right: 0; left: auto; top: 20px; bottom: 20px; }
.list-content { position: absolute; left: 0; top: 0; width: 500px; background: #fff; border-radius: 20px; border: 10px solid #fff; bottom: 0; }
.list-content-inr { border: 2px solid #ccc; border-radius: 20px; padding: 20px 30px 20px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; font-size: 14px; line-height: 22px; }
.icon-img { position: absolute; right: 40px; top: 60px; z-index: 0; }
.list-content li { list-style: none; padding-left: 30px; margin-bottom: 8px; background: url(../images/list-arw.png) no-repeat left 6px; font-size: 14px; }
.list-content h3 { font-size: 22px; margin-bottom: 20px; color: #05374e; }
.outer-cont ul { padding-left: 15px; margin-bottom: 20px; }
.outer-cont h2 { margin-bottom: 15px; margin-top: 30px; }
.outer-cont table { border-left: 1px solid #ccc; border-top: 1px solid #ccc; text-align: top; vertical-align: top; }
.outer-cont th { background: #05374e; text-align: left; padding: 10px; color: #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.outer-cont td { padding: 10px; vertical-align: top; text-align: left; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.outer-cont tr:nth-child(odd) { background: #eee; }
.outer-cont .rackrates-table tr:nth-child(odd) {background:#fff;}
.outer-cont .main-table-heading {text-align:center; font-size:20px;}
.outer-cont tr { background: #fff; }
.image-list { width: 33.333%; margin-bottom: 20px; padding: 0 15px; float: left; }
.image-list p { background: #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; min-height: 70px; padding: 10px; }
.images-bxs { margin: 0 -15px; }
.contact-left { float: left; width: 60%; }
.contact-left li { list-style: none; font-size: 14px; margin-bottom: 15px; }
.contact-left li span { display: block; font-weight: 700; font-size: 13px; margin-bottom: 5px; }
.contact-right { float: right; width: 40%; }
.contact-col h2 { font-size: 18px; margin-bottom: 20px; }
.fld-bx input { padding: 10px 15px; height: 50px; width: 100%; border-radius: 5px; border: 1px solid #ccc; font-size: 13px; }
.fld-bx { margin-bottom: 15px; }
.fld-bx textarea { padding: 10px 15px; height: 100px; width: 100%; border-radius: 5px; border: 1px solid #ccc; font-size: 13px; resize: none; }
.fld-btn input { background: #05374e; color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; border-radius: 5px; border: none; cursor: pointer; padding: 10px 15px; width: 100%; font-weight: 700; height: 50px; }
.fld-btn input:hover { opacity: 0.8; }
.image-bx { border: 5px solid #fff; }
.widWRMWrapper, .widEXC, .widCOE { width: 100% !important; text-align: center !important; margin: 0 !important; }
.toggleMenu {display:none;}
.abv-ftr {display:none;}
.items-carousel .item {display:inline-block; width:250px; padding-bottom:0;}
.videos-bx {width:50%; padding-right:30px; float:left;}
.links-gallery li {display:inline-block; padding:8px 20px;}
.links-gallery li a {color:#fff;}
.links-gallery {background:#05374E; text-align:center;border-radius:10px;overflow:hidden;}
.links-gallery li.active, .links-gallery li:hover {background:rgba(0,0,0,0.3);}
.banner-thumb {
    position: absolute;
    width: 100%;
    bottom: 85px;
    z-index: 99;
}
.banner-thumb .item img {border:2px solid #fff;}
.banner-thumb .item {padding:0 2px;}
.banner-thumb .banner-home {padding:0 10px;}

@media screen and (max-width:1200px){
.container {width:990px;}
.nav li a {padding:12px 14px;}	
.inr-container {width:95%;}
.hotel-bxs-inr {width:100%;}
.image-list {width:50%;}
.image-bx img {width:100%;}
}

@media screen and (max-width:990px){
.container {width:750px;}
.nav li a {padding:12px; font-size:10px;}
.list-content {width:95%; margin:-40px auto 0; position:relative;}
.list-inr {padding:0;}
.list-content-inr {position:static;}
.list-image img {width:100%;}
.list-inr.right-list {padding:0;}
.list-inr.right-list .list-content {top:0; bottom:0;}
}

@media screen and (max-width:767px){
.container {width:95%;}
.logo {float:none; width:100%;}
.header-right {float:none; width:100%;}
.header-right .book-online-form {display:none;}
.abv-ftr {display:block;}
.book-online-form h3 {margin-bottom:20px;}
.book-online-form {padding:15px;}
.book-online-form:after {content:"";clear:both; display:table;}
.content-left {width:100%; float:none;}
.content-right {width:100%; max-width:450px; margin:30px auto 0; float:none;}
.ftr-3 {width:100%; margin:20px 0;}
.ftr-3 br {display:none;}
.ftr-btm {text-align:center;}
.ftr-btm br {display:none;}
.toggleMenu span {width:27px; background:#fff; height:3px; display:block; margin:3px 0;}
.toggleMenu {width:100%; padding:10px; display:block;}
.nav ul {width:100%;}
.nav ul:after, .nav ul:before {content:"";clear:both; display:table;}
.nav li a {display:block; background:none;}
.nav li {float:none; width:100%; border-bottom:1px solid rgba(255,255,255,0.1);}
.list-content h3 {line-height:normal;}
.contact-left {width:100%;}
.contact-right {width:100%; margin-top:30px;}
.hotel-bxs-inr {margin-top:30px;}
.service-bx h3 {font-size:13px; padding:10px; min-height:55px;}
.service-bx a {font-size:11px;}
.banner {min-height:150px; background:#B2CACD;}
.videos-bx {width:100%;}
.banner-thumb {position:static;}
}

@media screen and (max-width:580px){
.form-bx {width:50%; margin-bottom:10px;}
.form-bx:first-child {padding-left:10px;}
.form-btn {width:100%; padding:24px 10px 0;}
.phone-number {position:static; text-align:center; padding:10px 0;}
.phone-number p {display:inline-block;}
.logo {text-align:center; padding:20px 0;}
.book-online-form {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.image-list {width:100%;}
.ftr-2 {padding:15px 0; width:100%;}
}