/* CSS Document */
body{position: relative;}
header{padding: 0px;top: 0;position: relative;background: #fff;width: 100%;border-bottom: solid 1px rgba(0,0,0,.4);}
header .topheading .logoholder {padding: 0px;}
header .topheading .call {
    display: block;
    position: absolute;
    right: 95px;
    top: 20px;
    padding: 10px 20px;
    border: solid 1px black;
    color: black;
}
header .topheading .links {display:none;}
header .topheading .show {display:block;}
header .links ul.btm {
    display: none !important;
}
header .topheading ul li {padding: 0px 5px;border-top:solid 1px rgba(224,224,224,.2);width: 100%;margin: 0;}
header .topheading .logoholder button {
	margin: 0px 15px 0px 0px;width: auto;background: white;border-radius: 0;top: 20px;display: block !important;
	padding:11px 6px 12px 20px;
}
header .topheading button span, header .topheading .container button span:before, header .topheading .container button span:after{border-color: black;}
header .topheading button i{display:none;}
header .topheading .links ul li a {
	font-size: 17px;
    border: 0px;
	padding:12px 5px 12px 15px;
}
header .topheading .logoholder .logo {
    opacity: 1;
    display: block;
    width: 50%;
    float: left;
	padding:12px 5px 12px 15px;
}
header .topheading .logoholder .logo img{
    position: relative;
    top: 0px;
}
header .links ul{display: block;height: 87vh;overflow: scroll;} 
header .links ul::after {height: 26%;bottom: -70px;top: auto;width: 100%;}
header .links ul span{   color: #fff;display: block;text-align: center;} 
header .links ul .top {    
	position: relative;
    top: 0px;
    padding: 5px 5px;
}
header .links ul li ul {
	position: relative;
    width: 100%;
    height: auto;
}
header .links ul li ul li{
	text-align: center;
}
/**/
.desktop{display: none !important;}
.mobile{display: block !important;}
.row .col{padding:0px;flex:auto;max-width: 100%;}
.container{padding:0px;width:100%;}
.home{padding:20px;}
.home h3{font-size: 14px;}
.slider{padding: 0 !important;}
.slider, .slider .heroSlider .rsOverflow, .slider .royalSlider.heroSlider,
.slider .royalSlider.heroSlider, .slider .royalSlider.heroSlider .rsOverflow {height:70vh !important;}
.moredata .slider, .moredata .slider .heroSlider .rsOverflow, .moredata .slider .royalSlider.heroSlider,
.moredata .slider .royalSlider.heroSlider, .moredata .slider .royalSlider.heroSlider .rsOverflow {height:550px !important;width:100% !important;}
.slider .infoBlock {bottom: 20%;top: auto;width: 100%;left: 0;}
.slider .rsMinW .rsArrowLeft, .slider .rsMinW .rsArrowRight {bottom: 50%;}
.moredata .slider .rsMinW .rsArrowLeft {left: -32px !important;}
.moredata .slider .rsMinW .rsArrowRight {right: -20px !important;}
.slider .infoBlock h2 {font-size: 18px;white-space: break-spaces;}
/**/
.home .rw,
.home .rws {padding: 0;}
.home .sp {font-size: 14px;}
.home h2 {font-size: 20px;}
.home .rwlinks {margin: 0;}
.home .rwlinks a {max-width: 50%;}
.rooms .scroller .rw {width: 100%;padding: 0;}
.homegallery{padding-top: 20px;}
.homegallery .rw{padding: 20px;}
.homegallery h2 {margin: 0;font-size: 20px;padding: 0 0 0 20px;}
.amenities .a2::after {display: none;}
.rules .thumb .inner {position: relative;width: 100%;}
.rules .dt {padding: 10px;}
.rules .dt h4{text-align: left !important;font-size: 20px;}
.servicesprofile .spacer {margin-top: 10px;}
/**/
.topbanner img {min-height: 100%;}
.topbanner .home {padding: 8vh 50px 4vh;}
.roomslist .innerdata {margin: 0 auto;width: 100%;}
.roomslist .container {column-count: 2;}
.listing .moredata .thumbnail {overflow: hidden;}
.activities .thumbnail .rwsdata {
    left: 10%;top: 10%;height: 80%;width: 80%;opacity: 1;background: rgba(255,255,255,.9);text-align: left;
}
#map-canvas.video {
    height: 50vh;
    margin-top: 20px;
}
#map-canvas {padding: 0 20px 20px;height: 50vh;}
.photos .container {column-count: 2;}
.modal {padding:30px 0 0;}
.pp .pop-over .thumb .rw{height: 100%;display: flex;}
.pp .pop-over .thumb .rw img{margin: auto 0;height: auto;}
/**/
.footer {padding-left: 20px;padding-right: 20px;}
.footer *{text-align: center !important;}
.footer .links {padding: 20px 0;}
.footer .links_ a {padding: 0;}
.footer .links .share a {margin: 5px 4px 0;}
.footer .newsletter .rw {margin: 0;}
.footer .newsletter .rw .btn:after {left: 5%;bottom: 100%;height: 1px;width: 90%;}
.footer .copy{padding: 0 0 20px;}
.footer .copy * {font-size: 12px;}