@font-face {
				font-family: 'SloopScriptTwo';
				src: url('sloopscript2.eot');
				src: url('sloopscript2.eot?#iefix') format('embedded-opentype'),
						 url('sloopscript2.woff') format('woff'),
						 url('sloopscript2.ttf') format('truetype'),
						 url('sloopscript2.svg#sloopscript2') format('svg');
				font-weight: normal;
				font-style: normal;
		}
		
		
@font-face {
    font-family: 'champagne__limousinesregular';
    src: url('champagne__limousines-webfont.eot');
    src: url('champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'),
         url('champagne__limousines-webfont.woff') format('woff'),
         url('champagne__limousines-webfont.ttf') format('truetype'),
         url('champagne__limousines-webfont.svg#champagne__limousinesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

		
.script_head{ font-size:35px;font-family: 'SloopScriptTwo';}

body {
background: #000000;
height: 100%;
margin: 0px;
padding: 0;
}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
}
.jScrollPaneContainer a:link {
	text-decoration: none;
	color: #1ECAFF; font-size:15px
}
.jScrollPaneContainer a:visited {
	text-decoration: none;
	color: #1ECAFF;
}
.jScrollPaneContainer a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

/*
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#floatingPic {
position:absolute;
border:2px solid white;
background:black;
z-index:3;
}
#content {
height:100%;
width:100%;
position:relative;
z-index:2;
}
#footer {
font-size: 9px;
color:#999999;
}
#photolinks {
 font-size:11px;
}
#floatingFlash {
position:absolute;
border:2px solid white;
background:white;
z-index:4;
}

.jScrollPaneContainer a:link {
	text-decoration: none;
	color: #1ECAFF; font-size:15px
}
.jScrollPaneContainer a:visited {
	text-decoration: none;
	color: #1ECAFF;
}
.jScrollPaneContainer a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}



a {
	font-size: 11px;
}
a:link {
	text-decoration: none;
	color: #ffffff;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
a img {
	border: 1px solid #BBB;	
	vertical-align: top;
	z-index:3;
	cursor: url("images/magplus.cur"), pointer;
}


.nav{
	width:1240px;
	height:40px;
	float:left;
	background-image: url(images/navbg.png);
	background-repeat: no-repeat;
	background-position: top rleft;
}
.nav ul {padding:0px; margin:0px;}
.nav ul li{list-style:none; display:inline; float:left; padding-left:4px;font-family: 'champagne__limousinesregular'; padding-right:4px; height:20px; padding-top:5px; border-right:solid 1px #666666; line-height:14px; font-size:15px}
.nav ul li a{ color:#333333; text-decoration:none; font-size:15px; font-family: 'champagne__limousinesregular'; font-weight:bold; letter-spacing:-0.5px}
.nav ul li a:hover{ color:#000000; text-decoration:none;}
.nav ul li a span{font-family: 'SloopScriptTwo'; font-size:20px; letter-spacing:1px}
.nav ul li:last-child{border-right:none}


.sep{width:4px; height:20px; margin-right:2px; border-right:solid 1px #747474; float:left; margin-top:3px}


#but_1{
	width:47px;
	height:35px;
	float:left;
	margin-left:27px;
	background-image: url(images/buts.png);
	background-position: -24px 0px;
	
	
	
}

a#but_1:hover{ background-position: -24px 35px}

#but_2{
	width:52px;
	height:35px;
	float:left;
	margin-left:21px;
	background-image: url(images/buts.png);
	background-position: -92px 0px;
}

a#but_2:hover{ background-position: -92px 35px}

#but_3{
	width:99px;
	height:35px;
	float:left;
	margin-left:19px;
	background-image: url(images/buts.png);
	background-position: -162px 0px;
	
}

a#but_3:hover{ background-position: -162px 35px}

#but_4{
	width:65px;
	height:35px;
	float:left;
	margin-left:16px;
	background-image: url(images/buts.png);
	background-position: -280px 0px;
}


a#but_4:hover{ background-position: -280px 35px}


#but_5{
	width:148px;
	height:35px;
	float:left;
	margin-left:19px;
	background-image: url(images/buts.png);
	background-position: -364px 0px;
}

a#but_5:hover{ background-position: -364px 35px}

#but_6{
	width:101px;
	height:35px;
	float:left;
	margin-left:19px;
	background-image: url(images/buts.png);
	background-position: -531px 0px;
}

a#but_6:hover{ background-position: -531px 35px}


#but_7{
	width:46px;
	height:35px;
	float:left;
	margin-left:16px;
	background-image: url(images/buts.png);
	background-position: -648px 0px;
}

a#but_7:hover{ background-position: -648px 35px}


#but_8{
	width:74px;
	height:35px;
	float:left;
	margin-left:17px;
	background-image: url(images/buts.png);
	background-position: -711px 0px;
}

a#but_8:hover{ background-position: -711px 35px}

#but_9{
	width:55px;
	height:35px;
	float:left;
	margin-left:18px;
	background-image: url(images/buts.png);
	background-position: -803px 0px;
}

a#but_9:hover{ background-position: -803px 35px}

#but_10{
	width:124px;
	height:35px;
	float:left;
	margin-left:15px;
	background-image: url(images/buts.png);
	background-position: -873px 0px;
}

a#but_10:hover{ background-position: -873px 35px}

#but_11{
	width:41px;
	height:35px;
	float:left;
	margin-left:17px;
	background-image: url(images/buts.png);
	background-position: -1013px 0px;
}

a#but_11:hover{ background-position: -1013px 35px}

#but_12{
	width:150px;
	height:35px;
	float:left;
	margin-left:23px;
	background-image: url(images/buts.png);
	background-position: -1078px 0px;
}

a#but_12:hover{ background-position: -1078px 35px}





.scroll-pane{font-size:14px; color:#ffffff}
.subhead{font-size:16px; font-weight:bold; color:#ffffff; float:left; width:100%}
.subhead_amenities{font-size:16px; font-weight:bold; color:#ffffff;}
.tophead{font-size:18px;; color:#ffffff}

.amenities_tit{ font-size:22px; line-height:32px;	}
.amenities_tit span{font-size:36px; font-family: 'SloopScriptTwo'; letter-spacing:6px}
.line{width:70%; height:10px; margin-left:12%; margin-right:15%; float:left; border-bottom:solid 1px #ffffff; margin-top:10px;}

a.amenities {color:#ffffff; font-size:15px; color:#ffffff; font-weight:bold; background-color:#990000; padding:2px; text-decoration:none; float:left; margin-top:15px; margin-bottom:10px; margin-right:30%;}
a.amenities:visisted{color:#ffffff}
a.amenities:hover{color:#ffffff; background-color:#D90D0B}
.link_text{font-size:16px; color:#ffffff}

a.amenities2 {color:#0099CC; font-size:15px; font-weight:bold; text-decoration:none; float:left;}
a.amenities2:visisted{color:#0099CC}
a.amenities2:hover{color:#0033FF;}


.photo_links{
	width:660px;
	height:25px;
	float:left;
	background-image: url(images/trans_50.png);
	background-repeat: repeat;
}
.photo_links ul { padding:0px; margin:0px;}
.photo_links ul li{list-style:none; float:left; display:inline; font-weight:bold;;border-right:solid 1px #666666; cursor:default}
.photo_links ul li a{color:#ffffff; text-decoration:none;  height:20px; padding-top:5px; padding-right:15px; padding-left:15px; float:left;font-size:13px}
.photo_links ul li a:hover{
	color:#ffffff;
	text-decoration:none;
	background-repeat: repeat; height:20px; padding-top:5px; background-color:#000000}
	
.photo_links ul li:last-child {border-right:none}

.photo_links ul li:last-child a{background-color:#A10200; padding-left:10px; padding-right:10px; height:20px; padding-top:2px; float:left}
.photo_links ul li:last-child a:hover{background-color:#D10200}


a.rates {color:#0066FF; font-size:12px; font-weight:bold; text-decoration:none; font-weight:bold;}
a.rates:visisted{color:#0066FF}
a.rates:hover{color:#0033FF; text-decoration:underline}

.rates_thumbs{width:640px; height:auto; float:left}
.rates_thumbs ul{padding:0px; margin:0px;}
.rates_thumbs ul li{list-style:none; display:inline; width:113px; height:75px; float:left; margin-left:20px; margin-right:20px;}

.rates_thumbs ul li a:fisrt_child {color:#ffffff; font-size:15px; color:#ffffff; font-weight:bold; background-color:#990000; padding:2px; text-decoration:none; float:right; margin-top:15px; margin-bottom:10px; width:120px }

.rates_thumbs_tit{width:113px; height:20px; margin-top:5px; text-align:center; font-size:16px; float:left;  margin-left:20px; margin-right:20px;}

.rates_content{width:640px; height:auto; float:left; margin-bottom:20px; margin-top:15px;}


a.act {color:#0066FF; font-size:14px; font-weight:bold; text-decoration:underline; font-weight:normal; margin-bottom:5px; font-weight:bold; float:left; width:100%}
a.act:visisted{color:#0066FF}
a.act:hover{color:#0033FF; text-decoration:none}


a.act2 {color:#0066FF; font-size:13px; font-weight:bold; text-decoration:underline; font-weight:normal; margin-bottom:5px; font-weight:bold; }
a.act2:visisted{color:#0066FF}
a.act2:hover{color:#0033FF; text-decoration:none}


.positive{color:#009900}

#pane2{font-size:15px;}


//.rates_content{display:none}
.about_rt_content{display:none}



overwrited*/

.red{color:#ff0000}

 .clearfix {
/*	zoom: 1;*/
	clear: both;
}
 .clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
img{
    max-width: 100%;
}

img#bg {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#floatingPic {
    position:absolute;
    border:2px solid white;
    background:black;
    z-index:3;
}

#content {
    height:100%;
    width:100%;
    position:relative;
    z-index:2;
}

#footer {
    text-align: center;
    font-size: 9px;
    color:#999999;
    margin-top: 10px;
}

#photolinks {
     font-size:11px;
}

#floatingFlash {
    position:absolute;
    border:2px solid white;
    background:white;
    z-index:4;
}

a {
	font-size: 11px;
}

a:link {
	text-decoration: none;
	color: #FFFFFF;
}

a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}

a:active {
	text-decoration: none;
	color: #FFFFFF;
}

a img {
	border: 1px solid #BBB;	
	vertical-align: top;
	z-index:3;
	cursor: url("images/magplus.cur"), pointer;
}
.menu_section{
    position: absolute;
    left: -4px;
    bottom: 38px;
    z-index: 1;
    visibility: visible;
}
.menu_section.inner{
    bottom: auto;
    top: 38px;
}
.menu_section img{
    margin-left: 5px;
}

.content_bg{
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 60px;
    max-width: 772px;
    margin-left: 50px;
    margin-bottom: 14px;
    height: 482px;
}
.top-nav{
    text-align: right;
    padding-right: 20px;
}

.content-wrapper{
    margin-left: 20px;
}

.nav{
	width:1240px;
	height:40px;
	float:left;
	background-image: url(images/navbg.png);
	background-repeat: no-repeat;
	background-position: top rleft;
}
.nav ul {padding:0px; margin:0px;}
.nav ul li{list-style:none; display:inline; float:left; padding-left:4px;font-family: 'champagne__limousinesregular'; padding-right:4px; height:20px; padding-top:5px; border-right:solid 1px #666666; line-height:14px; font-size:15px}
.nav ul li a{ color:#333333; text-decoration:none; font-size:15px; font-family: 'champagne__limousinesregular'; font-weight:bold; letter-spacing:-0.5px}
.nav ul li a:hover{ color:#000000; text-decoration:none;}
.nav ul li a span{font-family: 'SloopScriptTwo'; font-size:20px; letter-spacing:1px}
.nav ul li:last-child{border-right:none}


.sep{width:4px; height:20px; margin-right:2px; border-right:solid 1px #747474; float:left; margin-top:3px}



.amenities_tit_blk {
    font-size: 0;
}
.amenities_tit_blk .amenities_tit_blk-wrap {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-left: 64px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.amenities_tit{ font-size:22px; line-height:32px; color: #fff;}
.amenities_tit span{font-size:36px; font-family: 'SloopScriptTwo'; letter-spacing:6px;}


.line{width:70%; height:10px; margin-left:12%; margin-right:15%; float:left; border-bottom:solid 1px #ffffff; margin-top:10px;}
.amilink {
    margin: 15px 0 10px;
    text-align: center;
    float: left;
    width: 100%;
}
a.amenities {display: inline-block;color:#ffffff; font-size:15px; color:#ffffff; font-weight:bold; background-color:#990000; padding:2px 10px; text-decoration:none;}
a.amenities:visisted{color:#ffffff}
a.amenities:hover{color:#ffffff; background-color:#D90D0B}
.link_text{font-size:16px; color:#ffffff}

a.amenities2 {color:#0099CC; font-size:15px; font-weight:bold; text-decoration:none; float:left;}
a.amenities2:visisted{color:#0099CC}
a.amenities2:hover{color:#0033FF;}


.loacation-blk .location-blk-wrap {
    
}
.loacation-blk .subhead_amenities {
    display: inline-block;
    width: 96px;
    vertical-align: top;
}

.loacation-blk .subhead_amenities_details {
    vertical-align: top;
    display: inline-block;
    color: #fff;
}


.other-homes-blk {
}
.other-homes-blk .other-homes-blk-wrap {
    padding-bottom: 25px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
}
.other-homes-blk .other-homes-blk-wrap.nowidth .other-homes-image,
.other-homes-blk .other-homes-blk-wrap.nowidth .other-homes-info {
    width: auto;
}
.other-homes-blk .other-homes-info {
    float: left;
    width: calc(100% - 160px);
    color: #fff;
}

.other-homes-blk .other-homes-image {
    float: right;
    width: 150px;
}

.gal-block{
    font-size: 0;
}
.galitem {
	width: 33.3%;
	display: inline-block;
	margin: 5px 0;
}
.galitem a{
    display: inline-block;
}

.galitem a img{margin: 0;}
.gal-pagination {
    margin-top: 10px;
    padding: 0 10px;
}
.gal-pagination .left {
    float: left;
}
.gal-pagination .right {
    float: right;
}

#but_1{
	width:47px;
	height:35px;
	float:left;
	margin-left:27px;
	background-image: url(images/buts.png);
	background-position: -24px 0px;
	
	
	
}

a#but_1:hover{ background-position: -24px 35px}

#but_2{
	width:52px;
	height:35px;
	float:left;
	margin-left:21px;
	background-image: url(images/buts.png);
	background-position: -92px 0px;
}

a#but_2:hover{ background-position: -92px 35px}

#but_3{
	width:99px;
	height:35px;
	float:left;
	margin-left:19px;
	background-image: url(images/buts.png);
	background-position: -162px 0px;
	
}

a#but_3:hover{ background-position: -162px 35px}

#but_4{
	width:65px;
	height:35px;
	float:left;
	margin-left:16px;
	background-image: url(images/buts.png);
	background-position: -280px 0px;
}


a#but_4:hover{ background-position: -280px 35px}


#but_5{
	width:148px;
	height:35px;
	float:left;
	margin-left:19px;
	background-image: url(images/buts.png);
	background-position: -364px 0px;
}

a#but_5:hover{ background-position: -364px 35px}

#but_6{
	width:101px;
	height:35px;
	float:left;
	margin-left:19px;
	background-image: url(images/buts.png);
	background-position: -531px 0px;
}

a#but_6:hover{ background-position: -531px 35px}


#but_7{
	width:46px;
	height:35px;
	float:left;
	margin-left:16px;
	background-image: url(images/buts.png);
	background-position: -648px 0px;
}

a#but_7:hover{ background-position: -648px 35px}


#but_8{
	width:74px;
	height:35px;
	float:left;
	margin-left:17px;
	background-image: url(images/buts.png);
	background-position: -711px 0px;
}

a#but_8:hover{ background-position: -711px 35px}

#but_9{
	width:55px;
	height:35px;
	float:left;
	margin-left:18px;
	background-image: url(images/buts.png);
	background-position: -803px 0px;
}

a#but_9:hover{ background-position: -803px 35px}

#but_10{
	width:124px;
	height:35px;
	float:left;
	margin-left:15px;
	background-image: url(images/buts.png);
	background-position: -873px 0px;
}

a#but_10:hover{ background-position: -873px 35px}

#but_11{
	width:41px;
	height:35px;
	float:left;
	margin-left:17px;
	background-image: url(images/buts.png);
	background-position: -1013px 0px;
}

a#but_11:hover{ background-position: -1013px 35px}

#but_12{
	width:150px;
	height:35px;
	float:left;
	margin-left:23px;
	background-image: url(images/buts.png);
	background-position: -1078px 0px;
}

a#but_12:hover{ background-position: -1078px 35px}

.scroll-pane{font-size:14px; color:#fff}
.subhead{font-size:16px; font-weight:bold; color:#ffffff; float:left; width:100%}
.subhead_amenities{font-size:16px; font-weight:bold; color:#ffffff;}
.tophead{font-size:18px;; color:#ffffff}





.photo_links{
	width:660px;
	height:25px;
	float:left;
	background-image: url(images/trans_50.png);
	background-repeat: repeat;
}
.photo_links ul { padding:0px; margin:0px;}
.photo_links ul li{list-style:none; float:left; display:inline; font-weight:bold;;border-right:solid 1px #666666; cursor:default}
.photo_links ul li a{color:#ffffff; text-decoration:none;  height:20px; padding-top:5px; padding-right:15px; padding-left:15px; float:left;font-size:13px}
.photo_links ul li a:hover{
	color:#ffffff;
	text-decoration:none;
	background-repeat: repeat; height:20px; padding-top:5px; background-color:#000000}
	
.photo_links ul li:last-child {border-right:none}

.photo_links ul li:last-child a{background-color:#A10200; padding-left:10px; padding-right:10px; height:20px; padding-top:2px; float:left}
.photo_links ul li:last-child a:hover{background-color:#D10200}


a.rates {color:#0066FF; font-size:12px; font-weight:bold; text-decoration:none; font-weight:bold;}
a.rates:visisted{color:#0066FF}
a.rates:hover{color:#0033FF; text-decoration:underline}

.rates_thumbs{width:640px; height:auto; float:left; margin: 0 0 50px;}
.rates_thumbs ul{padding:0px; margin:0px;}
.rates_thumbs ul li#special{ width: 100%; display: block; text-align: right; height: auto; margin: 0 auto 10px;}
.rates_thumbs ul li{ display:inline-block; vertical-align: top; width:113px; height:auto; text-align: center; margin-left:20px; margin-right:20px;}
.rates_thumbs ul li a img{margin: 0; display: inline-block;}

.rates_thumbs ul li#special a:fisrt_child {display: inline-block; color:#ffffff; font-size:15px; color:#ffffff; font-weight:bold; background-color:#990000; padding:2px; text-decoration:none; float:right; margin-top:15px; margin-bottom:10px; width:120px }

.rates_thumbs_tit{width:113px; height:20px; margin-top:5px; text-align:center; font-size:16px; margin: 10px 0;}

.rates_content{width:640px; height:auto; float:left; margin-bottom:20px; margin-top:15px;}


a.act {color:#0066FF; font-size:14px; font-weight:bold; text-decoration:underline; font-weight:normal; margin-bottom:5px; font-weight:bold; float:left; width:100%}
a.act:visisted{color:#0066FF}
a.act:hover{color:#0033FF; text-decoration:none}


a.act2 {color:#0066FF; font-size:13px; font-weight:bold; text-decoration:underline; font-weight:normal; margin-bottom:5px; font-weight:bold; }
a.act2:visisted{color:#0066FF}
a.act2:hover{color:#0033FF; text-decoration:none}


.positive{color:#009900}

#pane2{font-size:15px;}


/*.rates_content{display:none}*/
.about_rt_content{display:none}

/*Vars*/
.font-white{
    color: #fff;
}

.hide-on-desktop {
    display: none;
}

/*== Responsive design ==*/
@media (max-width: 980px){
    *,*:after,*:before{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    .menu_section{
        left: 0;
        width: 100%;
        bottom: 100px;
    }
    .menu_section img{
        margin: auto;
    }
    .nav{
        display: none;
    }
    .mobile-nav{
        display: none;
    }
    .mobile-nav.active{
        display: block;
    }
    .nav-bar{
        padding: 0px;
        margin: 0px;
        background: rgba(255, 255, 255, 0.64);
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        font-size: 0px;
        margin-bottom: 30px;
        display: inline-block;
    }
    .nav-bar ul{
        margin: 0px;
        padding: 0px;
    }
    .nav-bar li{
        display: inline-block;
        vertical-align: middle;
        margin: 5px 0px;
    }
    .nav-bar li a{
        display: block;
        padding: 3px 8px 3px;
        color: #000000;
        font-size: 20px;
        font-family: 'SloopScriptTwo';
        letter-spacing: 2px;
        position: relative;
    }
    .nav-bar li a:after {
        content: "";
        width: 1px;
        height: 21px;
        display: block;
        background: #505050;
        position: absolute;
        right: 0px;
        z-index: 100;
        top: 3px;
    }
    .nav-bar li:last-child a:after{
        display: none;
    }
    .nav-bar li a:hover{
        color: #000000;
        text-decoration: none;
    }
    .menu-bar{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        bottom: auto;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0px;
    }
    .main-logo{
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
        border-radius: 12px;
        padding: 6px 10px 3px;
        max-width: 100%;
        margin: 0px;
    }
    .hide-on-tab{
        display: none;
    }
    .mobile-menu {
        position: fixed;
        width: 100%;
        overflow: scroll;
        background-color: rgba(255, 255, 255, 0.9);
        bottom: calc(-100% + 53px);
        height: 100%;
        transition: all 0.3s ease;
        z-index: 20;
    }
    .mobile-menu.active{
        bottom: 0px;
    }
    .mobile-menu .nav-bar{
        margin-bottom: 0px;
        display: block;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
    }
    .menu-icon {
        display: block;
        padding-top: 40px;
        padding-bottom: 15px;
        padding: 15px 20px;
        padding-right: 20px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: right 20px center;
        background-image: url(./images/arrow-up.png);
        background-size: 25px;
        text-align: left;
        font-size: 20px;
        color: #000000;
    }
    .top-menu-icon{
        padding-bottom: 15px;
        padding: 10px 15px;
        padding-right: 20px;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: right 15px center;
        background-image: url('./images/arrow-down-white.png');
        background-size: 20px;
        text-align: left;
        font-size: 18px;
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.7);
    }
    .top-menu-block.active{
        display: block;
    }
    .mobile-nav ul li{
        display: block;
        margin: 0px;
    }
    .mobile-nav ul li a{
        display: block;
        padding: 5px;
        text-align: center;
    }
    .mobile-nav ul li a:first-child{
        padding-top: 10px;
    }
    .mobile-nav ul li a:last-child{
        padding-bottom: 10px;
    }
    .mobile-nav ul li a:after{
        display: none;
    }
    .hide-on-desktop{
        display: block;
    }
    .content-block {
        max-width: 100%;
        margin: 60px 0px;
        padding: 0px 20px;
    }
    .logo img {
        display: block;
        max-width: 240px;
        margin: auto;
    }
    .top-nav{
       display: none;
    }
    .jScrollPaneContainer{
        width: 100% !important;
        padding-right: 20px !important;
    }
  
    .content_bg{
        max-width: calc(100% - 40px);
        margin: 50px auto 100px;
        background-image: none !important;
        padding: 0;
    }
    .logo{
        margin: auto;
        text-align: center;
    }
    .content-wrapper{
        background-color: rgba(0,0,0,0.5);
        margin: 0;
        padding: 15px;
    }
    #pane1, #pane2, #pane3, #pane4{
        margin: 0 !important;
        width: 100% !important;
    }
    .script_head{
        font-size: 25px;
    }
    #footer{
        color: #fff;
         background-color: rgba(0,0,0,0.5);
        margin: 0;
        padding: 5px 0;
    }
    
    .amenities_tit_blk .amenities_tit_blk-wrap{
        width: 100%;
        padding: 0;
    }
    .amenities_tit{
        font-size: 18px;
    }
    .amenities_tit span{
        font-size: 26px;
    }
    .content-block{
        margin: 20px 0;
        padding: 0;
    }
    .photo_links{
        text-align: center;
        width: 100%;
        height: auto;
        padding: 5px 0;
    }
    .photo_links ul li{
        display: inline-block;
        float: none;
    }
    .gal-block{
        text-align: center;
    }
    .galitem{
        width: auto;
        display: inline-block;
        margin: 0;
        text-align: center;
        padding: 5px;
    }
    
    .rates_thumbs{
        width: 100%;
        text-align: center;
    }
    
    .other-homes-blk .other-homes-info, .other-homes-blk .other-homes-blk-wrap.nowidth .other-homes-image, .other-homes-blk .other-homes-blk-wrap.nowidth .other-homes-info{
        width: 100%;
    }
    
    .other-homes-blk .other-homes-image{
        text-align: center;
        width: 100%;
        margin-top: 10px;
    }
    img#bg{
        object-fit: cover;
        object-position: center;
    }
    iframe{
        max-width: 100%;
        height: auto;
        margin: 10px auto;
    }
}
@media screen and (max-width: 520px){
    .menu-bar{
        width: calc(100% - 40px);
    }
    .content table tr td{
        width: 100% !important;
        display: block;
        text-align: center;
        margin: 0px 0px 10px;
    }
    .content table tr td img{
        float: none !important;
    }
    .content table tr td div{
        text-align: center;
    }
    .photo-gallery li{
        width: 50%;
    }
    .photo-nav ul{
        text-align: center;
    }
    .photo-nav ul li{
        width: 50%;
    }
    .photo-nav ul li:nth-child(2n) a{
        border: none !important;
    }
}