@charset "utf-8";

@font-face{
	font-family: museo-sans;
  src: url(../fonts/museosans-100-webfont.woff);
    src: url(../fonts/museosans-300-webfont.woff);
      src: url(../fonts/museosans-500-webfont.woff);
  }

html { 
	height:100%; 
}
body { 
	height:100%; 
	font-family: "museo-sans", sans-serif !important;
}
a{
	color:#FFF;
}
a:hover{
	color:#77bc1f;
}
.container{
/*	background:white; */
	width:100%;
}
.nav>li>a{
	padding:0;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
.navbar{
	z-index:9998;
}
.navbar-inverse{
	background:#FFF !important;
	border-color:transparent;
}
.navbar-fixed-bottom{
	background:#FFF !important;
	display:none;
}
.navbar-brand {
    padding: 5px 15px;
}
.navbar-brand img{
	width:100%;
	max-width:244px;
}
.header_wrapper{
	margin: 10px 0px 0px 0px;
}
.bar-icon{
	width:55px;
	height:50px;
	margin-left:-12px;
}
.close_wrapper{
	cursor:pointer;
}
.title_wrapper{
	font-size:16px;
	color:#c1a961;
}

.menu-hr{
	width:1000%; 
	/*border-bottom:solid 1px #eaeaea; */
	border:0;
	padding:0; 
	margin: 0;
}
.welcome-btn-wrapper:before{
    font-family: 'FontAwesome';
    color:white;
    position: relative;
    left: 50px;
    content: "\f178";
    top: 24px;
}
.welcome-btn-wrapper input.bttn{
	padding:4px 30px 4px 20px;
}
input.bttn{
	color:white;
	background:#ca6733;
	padding:4px 20px;
	cursor: pointer;
	border: 0;
	font-size:14px;
	background-color: #ca6733;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	/*background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d3c28c), to(#927c47));
	background-image: -webkit-linear-gradient(top, #d3c28c, #927c47);
	background-color: #265862;
	background-image: -moz-linear-gradient(top, #d3c28c, #927c47);
	background-image: -ms-linear-gradient(top, #d3c28c, #927c47);
	background-image: -o-linear-gradient(top, #d3c28c, #927c47);
	background-image: linear-gradient(top, #d3c28c, #927c47);
	background-repeat: repeat-x;
	 -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
 	 -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  	 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); 
	 */
}
input.bttn[name=btn-book], input.bttn[name=btn-book-bottom]{
	margin-top:11px;
}
.vr-icon{
	width:55px;
	height:50px;
}

#menu-toggle{
	cursor:pointer;
}

#menu-toggle .caption{
	float:right; 
	margin:15px 0 0 0;
}
#menu-toggle .icon{
	float:right; 
}

#mobile-menu-toggle{
	cursor:pointer;
}

#mobile-menu-toggle .caption{
	float:right; 
	margin:15px 0 0 0;
}
#mobile-menu-toggle .icon{
	float:right; 
}

.form-row{
	padding:0 0 10px 0;
}
.form-row label{
	width:110px;
	font-weight:normal;
}
.md-modal{
	height:100%;
	top:0;
	right:0;
	z-index:9999;
}
.md-content{
	height:100%;
}
.md-content .popupContainer{
	padding-right:10px;
}
.md-content .popupContainer .content{
    /*border-right: solid 1px #eaeaea;*/
    border:0;
    height: 100%;
}


.md-content .popupContainer, .scrollable-y{
	background:#0c2342;
	/*max-height:800px;*/
	height:100%;
	overflow-y:auto;
	
}
/* Let's get this party started */
.md-content .popupContainer::-webkit-scrollbar, .scrollable-y::-webkit-scrollbar {
    width: 5px;
}
 
/* Track */
.md-content .popupContainer::-webkit-scrollbar-track, .scrollable-y::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
	background:#f0f0f0;
}
 
/* Handle */
.md-content .popupContainer::-webkit-scrollbar-thumb, .scrollable-y::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #888; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.md-content .popupContainer::-webkit-scrollbar-thumb:window-inactive, .scrollable-y::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}


.overlayWindow{
	/* transparent background background: url('../images/overlay-bg.png') repeat; */
    position: absolute; 
	/*margin: 0; */
	/*max-width: 500px; */
	z-index: 9997; 
	padding: 20px; 
}
.overlayWindow .overlayClose{
	position: absolute; 
	right: 10px; 
	top:0; 
	color: white; 
	cursor: pointer; 
	font-size: 14px;
}
.overlayWindow .lnkClose{ 
	color:white; 
	cursor: pointer !important;; 
	margin-top:-5px; 
	padding:2px 7px; 
	position: absolute; 
	right: 3px; 
	background: #f5bc53; 
	z-index:2;
}


/* old no image header style 
.newhotspotwindow .lnkClose{ 
	color:white; 
	cursor: pointer !important; 
	margin-top:-29px; 
	padding:2px 7px; 
	position: absolute; 
	right: 10px; 
	background: #ca6733; 
	z-index:2;
}
*/
.newhotspotwindow .lnkClose{ 
	color:white; 
	cursor: pointer !important; 
	margin-top:10px;
	right:10px; 
	padding:2px 7px; 
	position: absolute; 
	background: #f5bc53; 
	z-index:9999;
}
/*
.overlayWindow .left{
	background: white; 
	margin-right: 0 !important; 
	padding-right: 0 !important; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	height: 220px;
}

.overlayWindow .right{ 
	margin-left: 0 !important; 
	padding-left: 0 !important; 
	padding-bottom: 10px; 
	height: 220px;
}
*/

#firstOverlay { max-width: 500px !important; display:none;}
#firstOverlay .row{ margin-right: 0px !important; margin-left: 0px !important; }

#welcomeOverlay { max-width: 500px !important; display:none;}
#welcomeOverlay .row{ margin-right: 0px !important; margin-left: 0px !important; }


#hotspotwindow1 { !important; display:none;}
#hotspotwindow1 .row{ margin-right: 0px !important; margin-left: 0px !important; } 



@-ms-viewport { 
	width:device-width; 
}
@media (max-width:990px){
	.header_wrapper{
		margin: 15px 0px 20px 0px;
	}
	.btn-book-wrapper{
		display:none;
	}
}
@media (max-width:770px){
	.navbar-fixed-bottom{
		display:block !important;
	}
}
/*
@media (max-width:500px){
	
	.vr-icon-wrapper{
		padding:18px 10px 10px 10px;
		text-align:center;
	}
	.vr-icon{
		width:33px;
		height:auto;
	}
	.bar-icon{
		width:auto;
	}
	.menu-icon-wrapper{
		padding:8px 0 0 0;
	}
	.navbar-fixed-top .container{
		padding: 0 20px;
	}
	.navbar-brand{
		padding:0;
		height:auto;
	}	
	.navbar-brand img{
		width:150px;
	}
	.logo-wrapper{
		padding:20px 0 0 0;
	}
	
}
*/
@media only screen and (min-device-width:800px) { 
	html { 
		overflow:hidden; 
	} 
}