body{font-family: 'Open Sans', sans-serif;}
#about{}
#about h1{font-size: 2.8em; background-color:#0062ad; padding: 8px;  color: #ffffff; text-align: center; font-weight: 600; margin-bottom: 40px; margin-top:-40px;}
.homebanner{}
.homebanner video{ width:100%;}
.homebanner img{ width:100%;}
.accomo_container{ width:100%;}
.accomo_container .rows{}
.accomo_container .rows .rowsinside{ display:flex;}
.accomo_container .rows .rowsinside .accomo_intro{ width:60%;}
.accomo_container .rows .rowsinside .accomo_img{ width:35%;}
.accomo_container .rows .rowsinside .accomo_img img{ width:100%;}

.hotelgroup{ position:relative;}
.roomnav{}
.roomnav button{ text-decoration:none; background-color:#ffffff; padding:18px 14px; display:block; color: #363636; text-align:left;  border-radius:0px; width:auto; margin-bottom:0px; font-weight:600; font-size: .9em;}
.roomset button{padding:18px 20px;}
.roomnav button:hover, .roomnav button.active{ background-color:#dfdddc; color:#000000;}
.roombase{background-color:#dfdddc;}
.whitebg {background-color:#dfdddc;}
.greybg { background-color:#f6f7f8; padding:20px;}
.extra{}
.extra strong{color: #26313c;  font-size: 1.2em;}
.extra ul {list-style: circle; padding: 15px 0 15px 30px;}
.extra ul li{ color:#000000; padding:5px 0px;}

.bookwithaway{ margin:100px 0 80px;}
.navbar-brand{width:130px;}

.pricebase {background-color:#f6f7f8; padding: 3px; text-align: center; width: 33%; margin-left: -2px; display: inline-block; color: #26315a;}
.pricebase p{ margin:0px;  font-size:1.1em;}
.pricebase strong{ font-weight:600;}
.pricebase strong span{font-size:1.6em; font-weight:bold;}
strong.atlantis-name{font-size: 1.8em; display: block; color: #0a0a0a;}
ul.bookBenefits{ list-style:none;}
ul.bookBenefits li{ padding:5px 0px; position:relative; padding-left:25px; color:#000000;}
ul.bookBenefits li:before{ content: "\f00c"; position: absolute; left: 0; font: normal normal normal 14px/1 FontAwesome; color: #1062bc;  top: 9px;  font-size: 17px;}
.extra p{ color:#000000;}
.scroll-down{ display:none;}
.newcorousel .carousel-inner { padding: 1em;}
.newcorousel .card { margin: 0 0.5em;border: none;}
.newcorousel .carousel-control-prev, .newcorousel .carousel-control-next { background-color: #e1e1e1;width: 6vh; height: 6vh; border-radius: 50%; top: 50%; transform: translateY(-50%);}
.carousel-control-next, .carousel-control-prev{opacity: 1;}
.carousel-control-next-icon {background-color: #24a0a0;  color: #FFFFFF;  padding: 5px;  border-radius: 50px;  width: 40px;  height: 40px;  background-size: 22px;}
.carousel-control-prev-icon{ background-color: #24a0a0; color: #FFFFFF; padding: 5px; border-radius: 50px; width: 40px;  height: 40px;  background-size: 22px;}
.navbar-nav .nav-link{font-size:15px;}
.static-nav .navbar-nav .nav-link:before{}

div.poptrox-overlay{z-index: 9999 !important;}
div.poptrox-popup{padding: 3px !important; margin-top:60px !important; max-width:700px !important;}
div.poptrox-popup div.loader{ overflow: hidden !important;}
div.poptrox-popup img{max-width:100% !important;}
div.poptrox-popup div.caption{ display:none !important;}
div.poptrox-popup span.closer{font-size: 26px !important; background:#f73717 !important;}
.roomintro{}
.roomintro .image img{ height:260px; object-fit:cover;}
.roomintro P{ color:#333333;}
.roomintro ul.inTablist{list-style: disc; margin: 20px; color:#000000;}
.roomintro ul.inTablist li{ margin:5px 0px;     font-size: 15px;}
.justify-content-center .row{--bs-gutter-x:0rem !important;}
header nav.transparent-bg{background-color: rgba(0,0,0,0.3);    box-shadow: 0 10px 10px -10px rgb(0 0 0 / 25%);}

.gallery.owl-carousel .owl-wrapper, .owl-carousel .owl-item img{height: 284px; object-fit: cover;}
.atlantisimg img{ width:100%;}
.atlantisgrid{}
.atlantisgrid strong.atlantisheading{font-size:2em; color:#282828;}
.atlantisgrid .pricegrid{ width:100%; padding:5px 0 15px;}
.atlantisgrid .pricegrid .cols{display:inline-block; text-align:center; border:1px solid #cbcbcb; padding:10px 2.5em;}
.atlantisgrid .pricegrid .cols:last-child{ border:;}
.atlantisgrid .pricegrid .cols .farebase{ margin:0px; color:#0062ad; font-size:1.8em;}
.atlantisgrid .pricegrid .cols .farebase strong{ font-weight:bold; position:relative;}
.atlantisgrid .pricegrid .cols .farebase strong:after{ content:'*'; vertical-align: text-bottom;}
.atlantisgrid .pricegrid .cols .farebase span{font-size:0.8em;}
.atlantisgrid .pricegrid .cols .pricenight{border: 8px; background-color:#0062ad; padding:5px 35px; color: #FFFFFF; display: inline-block; border-radius: 50px; margin-top:2px; font-size:1.1em;}
.atlantisgrid ul.staying{ display:block; color:#000000;}
.atlantisgrid ul.staying li{ display:inline-block; position:relative; width:100%;  padding:3px 0 3px 25px; font-weight:600; font-size:1em;}
.atlantisgrid ul.staying li.halfdevid{width:auto; padding-right:20px;}
.atlantisgrid ul.staying li:before{content:"\f00c"; position:absolute; left:0;  font-family:FontAwesome; color:#09518e;  top:2px;  font-size: 17px;}
.atlantisgrid .extraord{ background-color:#efefef; margin-top:20px;}
.atlantisgrid .extraord strong{background-color:#fb3f20; display:block; padding:10px 20px; color:#FFFFFF; font-size:1.2em; line-height:22px; font-weight:600;}
.atlantisgrid .extraord ul{ padding:10px 35px; color:#000000; list-style: disc;}
.atlantisgrid .extraord ul li{padding:2px 0px; font-size:1em;}
.atlantisgrid .extraord p{ padding-left:20px; color:#000000; padding-bottom:10px; font-weight:600;}

.footernew{ position:fixed; bottom:0; width:100%; background-color:#fe492b; z-index:99; box-shadow: 0 0px 20px 0px rgb(0 0 0 / 25%);
background-image: linear-gradient(to right, #0062ad 50% , #fe492b 50%); background-image: -webkit-linear-gradient(top, #0C93C0, #FFF); 
background-image:-moz-linear-gradient(to right, #0062ad 50% , #fe492b 50%); background-image: -webkit-linear-gradient(top, #0C93C0, #FFF)); 
background-image:-ms-linear-gradient(to right, #0062ad 50% , #fe492b 50%); background-image: -webkit-linear-gradient(top, #0C93C0, #FFF)); 
background-image:-o-linear-gradient(to right, #0062ad 50% , #fe492b 50%); background-image: -webkit-linear-gradient(top, #0C93C0, #FFF)); 
background-image:linear-gradient(to right, #0062ad 50% , #fe492b 50%); background-image: -webkit-linear-gradient(top, #0C93C0, #FFF));
}
.footernew .footergrid{ width:100%;  max-width:1360px; margin:0 auto;}
.footernew .footergrid .footerlogo{ width:300px; float:left; padding:15px;}
.footernew .footergrid .footerlogo img{ width:100%; padding-top:8px;}
.footernew .footergrid .footerpanel{ display:table; width:100%; width: calc(100% - 300px); background-color:#FFFFFF; height:90px;}
.footernew .footergrid .footerpanel .cols{ vertical-align:middle;  display:table-cell;}
.footernew .footergrid .footerpanel .cols.offertag{ background-color:#ff0000; width:18%; position:relative; height:100%; padding-left:10px;}
.footernew .footergrid .footerpanel .cols.offertag:after{content: ''; border:46px solid white; border-left: 30px solid #ff0000; position: absolute;  right:-20px; top:0;}
.footernew .footergrid .footerpanel .cols.offertag img{ float:left; margin-right:5px;}
.footernew .footergrid .footerpanel .cols.offertag strong{color:#ffffff; font-size:1.3em; font-weight:normal; line-height:20px; float:left;}
.footernew .footergrid .footerpanel .cols.offertag strong span{ display:block;}
.footernew .footergrid .footerpanel .cols.saveoffer{color:#000000; position:relative; z-index:9; width:47%;}
.footernew .footergrid .footerpanel .cols.saveoffer ul{padding-top: 12px; line-height: 12px;}
.footernew .footergrid .footerpanel .cols.saveoffer ul li{ display:inline-block; font-size:1em; font-weight:600; margin-right:20px;}
.footernew .footergrid .footerpanel .cols.saveoffer p{font-size:1.2em; margin:0px; font-weight:600;}
.footernew .footergrid .footerpanel .cols.saveoffer p strong{font-size:1.3em; position:relative;}
.footernew .footergrid .footerpanel .cols.saveoffer p strong:after{ content:'*'; vertical-align: text-bottom;}
.footernew .footergrid .footerpanel .cols.bottomnumber{ text-align:right; width:26%; line-height:20px; color:#000000; padding-right:15px;}
.footernew .footergrid .footerpanel .cols.bottomnumber span{font-size:1em; display:block; font-weight:600;}
.footernew .footergrid .footerpanel .cols.bottomnumber strong{font-size:2em; font-weight:600; color:#fd3716;}
.footernew .footergrid .footerpanel .cols.bottomnumber p{font-size:0.6em; line-height:14px; margin:0px;}
.footernew .footergrid .footerpanel .cols.phoneicon{ text-align:center; width:10%; background-color:#fe492b;}

.back-top{bottom: 110px !important;}
.navbar-expand-lg .navbar-collapse{padding-right: 30px;}

.gradient-bg{background:#dd4b11;}
.side-menu{ width:30%;}
.side-menu .btn-close{ right:0;}
.side-menu .inner-wrapper{padding:1rem 2.5rem;}
.navlogo{ margin-bottom:20px;}
.navlogo img{ width:80%;}
.side-nav .navbar-nav .nav-link{font-size:1.2rem;}
.side-menu .side-nav{margin-bottom: 120px;}
.side-menu .side-nav ul.navbar-nav li{ position:relative;}
.side-nav .navbar-nav .nav-item{ padding-left:40px !important;}
.side-menu .side-nav ul.navbar-nav li:before{ position:absolute; left:0px; top:5px; display:block; width:31px; height:31px;  content:''; background:url(../images/sprite.png) no-repeat;}
.side-menu .side-nav ul.navbar-nav li:nth-child(1):before{background-position:0 -7px;}
.side-menu .side-nav ul.navbar-nav li:nth-child(2):before{background-position:0 -37px;}
.side-menu .side-nav ul.navbar-nav li:nth-child(3):before{background-position:-62px -6px;}
.side-menu .side-nav ul.navbar-nav li:nth-child(4):before{background-position:-31px -5px;}
.side-menu .side-nav ul.navbar-nav li:nth-child(5):before{background-position:-32px -37px;}
.side-menu .side-nav ul.navbar-nav li:nth-child(6):before{background-position:-91px -5px;}

.navfooter{ background-color:#064274; position:fixed; bottom:0; right:0; width:100%; text-align:right; padding:15px; color:#FFFFFF; line-height:30px;}
.navfooter span.bookcall{font-size:1.4em;}
.navfooter strong{font-size:2.4em; display:block; font-weight:600; position:relative;}
.navfooter strong:before{display:inline-block; width: 41px; height: 31px; content: '';  background: url(../images/sprite.png) no-repeat -80px -39px;}
.navfooter span.24x7{font-size:1.6em;}
.side-nav .navbar-nav .nav-link::before, .breadcrumb .breadcrumb-item a::before{ height:2px;}
.aqua p{ color:#000000;}
.aqua h3, .roomintro h4{color:#f55313; font-weight:600;}
.aqua h3{ font-size:1.3em;}
.roomintro h4{font-size:1.1em;}
.aboutintro p a{ display:none; text-decoration:underline;}

ul.tabs, ul.tabs2 {}
ul.tabs li, ul.tabs2 li {float: left; background-color: #ffffff;}
ul.tabs li a, ul.tabs2 li a {text-decoration: none; padding: 18px 10px;  display: block; color: #363636;  text-align: left;  border-radius: 0px; width: auto; margin-bottom: 0px;  font-weight: 600; font-size: .85em;}
ul.tabs li a:hover, ul.tabs2 li a:hover {background: #ccc;}
html ul.tabs li.active, html ul.tabs li.active a:hover, html ul.tabs2 li.active, html ul.tabs2 li.active a:hover  { background: #dfdddc;}
.tab_container {border-top: none; overflow: hidden; clear: both;  float: left; width: 100%; background: #fff;}
.tab_content, .tab_content2 { padding: 0px; font-size: 1.2em;}


div.atlantisimg img{max-width:257px;}
div.atlantisgrid{margin-left: -60px;}
img[src$="images/resturant-bar.jpg"], img[src$="images/things-to-do.jpg"]{max-width: 392px;}
div#owl-demo{max-width: 1300px; margin: 0 auto;}
div#owl-demo.owl-carousel .owl-item img{width: 304px; height: 267px;  margin: 0 auto; text-align: center; display: block;}
ul.tabs2{display: flex; flex-wrap: nowrap; overflow: auto;}
ul.tabs2 li{flex: 1 0 auto;}
ul.tabs2 li a{text-align: center; font-size: 14px;}
ul.tabs2::-webkit-scrollbar{height: 5px;}



@media only screen and (min-width:1240px){
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1360px;}
}


@media only screen and (min-width:768px) and (max-width:1200px){
.nav{flex-wrap: nowrap;}
}


@media only screen and (max-width:1200px){
.atlantisgrid .pricegrid .cols{padding:0 1.2em; border-right: 2px solid #fe492b;}
.atlantisgrid .pricegrid .cols p{font-size:1.5em;}
.atlantisgrid .pricegrid .cols .pricenight{padding: 5px 22px; font-size:1em;}
.atlantisgrid .extraord ul{padding:12px 10px 12px 40px;}
.atlantisbg{background-color: whitesmoke;}
.footernew .footergrid .footerlogo, .footernew .footergrid .footerpanel{ width:100%;}
.bookwithaway {margin-bottom:180px;}
.side-menu{ width:50%;}
.atlantisgrid .pricegrid .cols {
    padding: 10px 1.2em;
    border:1px solid #dfdfdf;
    margin-left: -7px;
}
}

@media only screen and (max-width:900px){
.footernew .footergrid .footerpanel .cols.offertag{ width:30%;}
.footernew .footergrid .footerpanel .cols.saveoffer{ width:40%; left:-15px;}
.footernew .footergrid .footerpanel .cols.bottomnumber{width: 90%;}
.footernew .footergrid .footerpanel .cols.offertag:after{border: 50px solid white;     border-left: 30px solid #ff0000;}
.footernew .footergrid .footerpanel .cols.saveoffer ul li{margin: 5px 0px;}
.footernew .footergrid .footerpanel .cols.saveoffer p{font-size:1.1em; line-height: 21px;}
}


@media only screen and (min-width:768px) and (max-width:900px){
    .side-menu .side-nav{top: 100px; margin: 0;}
    .footernew .footergrid .footerpanel .cols.offertag{width: 20%; margin: 0; padding: 0;}
    .footernew .footergrid .footerpanel .cols.offertag:after{display: none;}
    .footernew .footergrid .footerpanel .cols.saveoffer{left: 20px;}
    }
    
@media (max-width: 767px) {
.newcorousel .card .img-wrapper {height: 17em;}
.roomnav{ position:static; width:100%;}
.carousel-control-next-icon, .carousel-control-prev-icon{border-radius:0;}
.pricebase{ width:100%; margin:2px 0;}
.atlantisgrid .pricegrid{padding: 14px 0px;}
.atlantisgrid .pricegrid .cols{padding:0 4px; border-right: 1px solid #fe492b;}
.atlantisgrid .pricegrid .cols p{font-size:1.3em;}
.atlantisgrid .extraord{margin-top:20px;}
.atlantisgrid ul.staying li{font-weight: 400; font-size: 0.8em;}
.atlantisgrid .extraord strong{padding:12px; line-height: 20px; font-size:0.9em;}
.atlantisgrid .extraord ul{padding: 15px 35px;}
.atlantisgrid .extraord ul li{font-size: 0.9em;}
.atlantisgrid strong.atlantisheading{font-size:1.5em; padding-top:20px; display:block;}
.footernew .footergrid .footerpanel .cols.phoneicon{ display:none;}
.footernew{position: static;}
.bookwithaway { margin-bottom:0px;}
.footernew .footergrid .footerlogo{ text-align:center;}
.footernew .footergrid .footerpanel .cols{ display:block; text-align:center;}
.footernew .footergrid .footerpanel .cols.saveoffer{width: 100%; left:0; float:left; padding:10px 0;}
.footernew .footergrid .footerpanel .cols.offertag{ width:100%; float:left; }
.footernew .footergrid .footerpanel .cols.offertag strong, .footernew .footergrid .footerpanel .cols.offertag img{ float:none; font-weight:600; vertical-align: middle;}
.footernew .footergrid .footerpanel .cols.offertag strong span{ display:inline-block;}
.footernew .footergrid .footerpanel .cols.offertag:after {border: 20px solid white;  border-top: 15px solid #ff0000; width: 0;  top: 41px; left:0; right:0; margin:auto;}
.footernew .footergrid .footerpanel .cols.bottomnumber { width: 100%; text-align: center; padding: 10px 0px;}
.back-top { bottom: 30px !important;}
.homebanner{padding-top: 103px;}
.transparent-bg:not(.fixedmenu){background: rgba(38, 49, 60, 1);}
.twoone{order:2;}
.onetwo{order:1; margin-bottom:30px;}
div.poptrox-popup span.closer{width:30px !important; height:30px !important; line-height:30px !important; top:3px !important; right:3px !important;}
.roomnav{ display:flex; flex-wrap: nowrap; overflow-x:scroll;}

.roomnav button{white-space: nowrap; border-radius: 0;  padding: 15px; font-weight: 600; font-size: 1.1em;}
.heading-title h2{font-size: 2em; font-weight: 600;}
.aqua h3, .roomintro h4{font-size: 1.4em;}
span.aboutmore{ display:none;}
.aboutintro p a{ display:inline-block;}
.padding{padding: 3rem 0;}
.container.mobilecontainer{ width:100%; padding:0px; margin-left: -5px;}
.tabset-list a, .accordion-item a{padding:0 0px 0 20px;}
h2.accordion-header .accordion-button{background:#383838;}
h2.accordion-header .accordion-button.collapsed{background: #f73717;}
.special-none{ display:none;}
ul.tabs, ul.tabs2{display: flex; flex-wrap: nowrap; overflow: auto;}
ul.tabs li a, ul.tabs2 li a{white-space:nowrap;}

.footernew .footergrid .footerlogo{background:#ffffff;}
.atlantisbg{width: 100%; max-width: 480px; margin: 0 auto;}
.atlantisimg img{max-width: 100%;}
.atlantisbg + .col-md-9{width: 100%;}
.atlantisgrid .pricegrid .cols{padding:0 2px;}
.atlantisgrid ul.staying li{font-size: 13px;;}
/* width */
ul.tabs::-webkit-scrollbar, ul.tabs2::-webkit-scrollbar {height:5px;}
/* Track */
ul.tabs::-webkit-scrollbar-track, ul.tabs2::-webkit-scrollbar-track{background: #888;}
/* Handle */
ul.tabs::-webkit-scrollbar-thumb, ul.tabs2::-webkit-scrollbar-thumb{background:#fb3f20;}  
/* Handle on hover */
ul.tabs::-webkit-scrollbar-thumb:hover, ul.tabs2::-webkit-scrollbar-thumb:hover{background: #555;}

div.atlantisgrid{margin: 0;}
div.atlantisgrid .pricegrid{}
div.atlantisgrid .pricegrid .cols{width: 50%; padding: 10px; border-right: 1px solid #e9e9e9 !important;}
div.atlantisgrid .pricegrid .cols:last-child{width: 100%;}
div.atlantisgrid .pricegrid .cols{margin-left: -3px;}

}

    @media all and (-ms-high-contrast:none)
     {
	 .loader {display:none;} /* IE10 */
     *::-ms-backdrop, .loader {display:none;} /* IE11 */
	 
	 .atlantisimg {width: 290px;} /* IE10 */
     *::-ms-backdrop, .atlantisimg {width: 290px;} /* IE11 */
	 
	 #sidemenu_toggle { display:none !important;} /* IE10 */
     *::-ms-backdrop, #sidemenu_toggle{ display:none !important;} /* IE11 */
     }

     @media only screen and (max-width:480px){
        .owl-item .item{ text-align: center;}
    }