/*
	style.css by Joshua Gatcke 99lime.com	
*/

/*---------------------------------
	ERIK
-----------------------------------*/
.video{position:relative;padding-bottom:56.25%;;height:0;overflow:hidden;margin:20px 0}
.video iframe, .video object, .video embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}

/*---------------------------------
	TIM
-----------------------------------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	 body { text-shadow: none !important;}
}

.nav-available {background:/*#d2232a*/#6360a1;}
.nav-available .fa {color:#fff !important;}
.nav-available:hover {background:#94191E !important;}


.lightbox {
	display:none;
	padding:0; 
	margin:0;
	max-width: 1000px;
	min-width: 300px;
	
}

.dark-close .lightbox {
	padding:0 25px !important;
}

.lightbox .grid {
	padding: 0 !important;
}

.lightbox .grid .video{
	margin: 0 !important;
}

.grid ul {
	list-style-type: none;
	list-style-position:outside;
}

ul.packages {
	list-style-type:disc; 
	list-style-position:outside;
	margin:0 auto;
	padding-left:0;
}

.card-slice .slideshow .slick-track:before {
Display:block;
} 

.list-features li, #footer2 li, li.slick-slide, ul.slick-dots li{
	margin-left: 0 !important;
}

.list-features li:before, #footer2 li:before, li.slick-slide:before, ul.slick-dots li:before, ol li:before {
	content: normal !important;
	padding-right: 0 !important;
	margin: 0 auto !important;
}

#sb-site .grid li, .list-features li{
	margin-left: 15px;
}

#sb-site .blog .grid li:before {
	content: "\f101";
    font-family: 'FontAwesome';
	margin:0 5px 0 -15px;
}

	/* calendar override */
	#sb-site .blog .grid li.ai1ec-dropdown:before{display:none;}

.featherlight-iframe .featherlight-close-icon {
	left: 5px !important;
}

.dark-close .featherlight-close-icon {
	color: #000 !important;
}

.video-thumb span:after {
		content: url(../img/ui/play-w.png);
		position: absolute;
		left: 0;
		top: 0;
		transform: translateX(90%) translateY(50%);
		opacity: 0.8;
	}
	
	.video-thumb span:hover:after {
		opacity: 1;
	}

@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
		padding: 0;
		border: none;
	}
}

.map-overlay {
	width: 100%;
	min-height: 500px; 
	position: absolute; 
	top: 0;
	left: 0;
}

form .other {
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
}

.gallery .small{position: relative; margin: 0.36%; padding: 0; display: inline-block; list-style-type: none; width: 13.5%; text-align: left; overflow: hidden;}
.gallery .large{position: relative; margin: 0.8%; padding: 0; display: inline-block; list-style-type: none; width: 31.7%; text-align: left; overflow: hidden;}
.gallery .effect-cover{background:#000; z-index:1;}
.gallery .cover a img {width: 100%; max-width: 100%; height: auto; min-height: 100%; object-fit: cover; vertical-align: bottom; position: absolute; top: 0;  left: 0; z-index:10; opacity: 0.4; filter: alpha(opacity=40); /* For IE8 and earlier */}
.gallery .cover a {display: block; position: relative; width: 100%; padding-top: 100%; overflow: hidden; cursor: pointer;}
.gallery .cover p {font-size:1em;}
	

.specials .slideshow {
		max-height:500px; 
		background:#fff;
	}
	
	.specials .slideshow [class*="card"] [class*="col-"] {
		overflow:hidden;
	}
	
	@media all and (min-width: 60em) {
		.specials .slideshow .width105 img {min-width:105%;}
		.specials .slideshow .width115 img {min-width:115%; margin-left:-75px;}
		.specials .slideshow .width136 img {min-width:136%; margin-left:-130px;}
	}
	
	@media all and (max-width: 60em) {
		.specials .slideshow ul.packages, .specials .slideshow .slick-arrow {display:none !important;}
		.specials .slideshow {min-height:575px; max-height:none;}
	}

.hero .slideshow .content .button {background:transparent; border:solid #fff 3px;}

.banner{
margin:0 0 0 0;
padding:0;
position:relative;
text-align:center;
z-index:9;
background:#000;
}

.banner .grid li {margin-left:0 !important;}

/*---------------------------------
	HOTEL BAR
-----------------------------------*/

.hotelbar{
	background:#000/*#6360A1*/;
	position:relative;
	top:0;
	left:0;
	width:100%;
	z-index:100;
	}
	
	.hotelbar .grid{
	position:relative !important;
	}
	
		.hotelbar ul{
		margin:0;
		padding:0;
		}
		
		.hotelbar ul li{
		list-style-type:none;
		margin:0;
		padding:0;
		}
		
		.hotelbar li a{
		color:#fff;
		font-size:13px;
		text-decoration:none;
		padding:10px 15px;
		display:block;
		}
		
		/* hotellist */
		.hotellist{
		background:#272727;
		display:inline-block;
		}
		
		.hotellist>li{
		position:relative;
		}
		
		/*.hotellist>li:hover ul,*/
		.hotellist>li.hover ul{
		max-height:450px;
		overflow:scroll;
		overflow-y: scroll;
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
		}
		
		.hotellist>li>a:hover{
		background:#4C4B7F;
		}
		
		.hotellist>li>a:after{
		content:"\f103";
		font-family:'FontAwesome';
		color:#fff;
		margin-left:20px;
		}
		
		.hotellist ul{
		position:absolute;
		top:100%;
		left:0;
		width:100%;
		background:#575591;
		max-height:0;
		overflow:hidden;
		-webkit-transition: max-height 500ms ease-out;
		-moz-transition: 	max-height 500ms ease-out;
		-o-transition: 		max-height 500ms ease-out;
		transition: 		max-height 500ms ease-out;
		}
		
			.hotellist ul li:first-child{margin-top:10px;}
			.hotellist ul li:last-child{margin-bottom:10px;}
		
			.hotellist ul a{
			padding:5px 20px;
			}
			
			.hotellist ul a:hover{
			background:#6360A1;
			}
			
	.hotelbar .submenu {
		position:absolute;
		top:0;
		right:70px;
		text-align:right;
	}
	.hotelbar .submenu li {display: inline-block; text-align:left;}
	.hotelbar .submenu li a {padding:10px;}
			
@media all and (max-width: 60em) {
	.hotelbar{display:none;}
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
#sb-site{
overflow: hidden;
}

#sb-site:before{ /* this is the overscroll cover behind the menu. */
content:"";
display:block;
position: relative;
top:0;
left:0;
width:100%;
height:/*69px*/124px;
background:#000;
}

header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:100;
color:#fff;
background:/*#000*/rgba(0,0,0,0.7);
margin:0;
padding:0;
}

header.solid {background:rgba(0,0,0,1);}

	#mobile-nav-toggle{
	font-size:14px;
	color:#fff;
	display:inline-block;
	padding:1.45em;
	border-right:1px solid #333;
	margin:0 10px 0 -10px;
	display:none;
	}

	#logo{
	display:inline-block;
	vertical-align: bottom;
	margin-right:3%;
	padding:0.6em 0;
	}
	
		#logo img{width:100%;height:auto;}
	
	.nav{
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align: bottom;
	font-size:0;
	line-height:1;
	}
	
	header .grid{
	position:static !important;
	}
	
	.nav>li{
	font-size:13px;
	display: inline-block;
	margin:0;
	padding:0;
	list-style-type:none;
	}
	
	.nav>li>a{
	display: block;
	text-decoration:none;
	text-transform: uppercase;
	font-weight: 700;
	padding:2.1em 1.5em 1.9em 1.5em;
	letter-spacing:0.5px;
	position: relative;
	color:#fff;
	}
	
	/* hover effect */
	#contact>a{position:relative;}
	.nav>li>a:before,
	#contact>a:before{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:0%;
	opacity:0;
	border-top:5px solid #6360a1;
	-webkit-transition:	all 0.2s ease;
	-moz-transition:	all 0.2s ease;
	-o-transition:		all 0.2s ease;
	transition:			all 0.2s ease;
	}
	
		.nav>li:hover>a:before,
		#contact:hover>a:before{
		width:100%;
		opacity:1;
		}
	
	.nav>li:last-child>a{
	border-left:1px solid #333;
	border-right:1px solid #333;
	top:-1px;
	}
	
		.nav>li:last-child>a:after{
		content:"\f078";
		font-family:'FontAwesome';
		color:#6360a1;
		font-size:14px;
		display:inline-block;
		margin-left:10px;
		}
		
	/* dowpdown menus */
	.nav>li:hover .dropdown{/*display:block;*/max-height:600px;}
	.nav .dropdown{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	background:/*#000*/rgba(0,0,0,0.7);
	color:#fff;
	border-top:1px solid #333;
	/* display:none;*/
	max-height:0;
	overflow:hidden;
	-webkit-transition:	all 0.5s ease;
	-moz-transition:	all 0.5s ease;
	-o-transition:		all 0.5s ease;
	transition:			all 0.5s ease;
	}
	
		/* columns */
		.nav .dropdown [class*="col-"]{
		padding:5% 0;
		}
	
		/* description col */
		.nav .dropdown [class*="col-4"]{
		border-right:1px solid #333;
		padding-right:5%;
		font-weight:bold;
		position:relative;
		white-space: normal;
		}
		
			.nav .dropdown h4{
			font-weight: bold;
			}
			
			.nav .dropdown p{}
	
		.nav .dropdown ul{
		display:inline-block;
		margin:0;
		padding:0 2% 0 5%;
		}
		
			.nav .dropdown li{
			margin:0;
			padding:0;
			list-style-type:none;
			display:block;
			}
			
			.nav .dropdown li a{
			text-transform: uppercase;
			text-decoration:none;
			padding:0.5em 1em;
			font-size:13px;
			font-weight:bold;
			display:block;
			line-height:1.2;
			color:#fff;
			}
			
			.nav .dropdown li:hover a{
			color: #6360a1;
			}
	
	/* right aligned nav (contact & book now button) */
	.holder{
	position:relative;
	}
	.subright{
	margin:0;
	padding:0;
	font-size:0;
	position:absolute;
	bottom:0;
	right:0;
	line-height:1;
	}
	
		.subright li{
		font-size:13px;
		display: inline-block;
		margin:0;
		padding:0;
		list-style-type:none;
		vertical-align: bottom;
		}
		
		.subright li a{
		display: block;
		text-decoration:none;
		text-transform: uppercase;
		font-weight: 700;
		padding:1.6em 0.7em 1.9em 0.7em;
		letter-spacing:0.5px;
		margin:0.5em 0 0 0;
		margin:0;
		color:#fff;
		}
		
		#book-now a{
		background:#6360a1;
		position:relative;
		padding:1.6em 3.5em 1.9em 3.5em;
		overflow:hidden;
		-webkit-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
   		clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
	    clip-path: url(#clip-shape);
		}
		
		#book-now a span.over{
		position: absolute;
		width:100%;
		height:100%;
		top:0;
		display:block;
		right:100%;
		background:rgba(0,0,0,0.3);
		-webkit-transition:	all 0.5s ease;
		-moz-transition:	all 0.5s ease;
		-o-transition:		all 0.5s ease;
		transition:			all 0.5s ease;
		z-index:1 !important;
		}
		
			#book-now a:hover span.over{
			right:0;	
			}
		
		#book-now a span{
		position:relative;
		z-index:2;
		}
		
		
		/*#book-now a:before,
		#book-now a:after{
		content:"";
		display:block;
		position:absolute;
		top:50%;
		left:-32px;
		height:150%;
		width:25px;
		transform: rotate(23deg) translateY(-50%);
		background:#000;
		z-index:1;
		}*/
		
		#book-now a:after{
		left:auto;
		right:7px;
		}
		
		#contact a{
		padding:1.55em 0.7em 1.8em 0.7em;
		}
		
		#contact i{
		font-size:18px;
		}
		
/* navMobile */
.sb-slidebar{
box-shadow: inset 0px 0px 10px #000;
padding:0 0 30px 0;
}

.sb-slidebar a.logo{
display:block;
padding:1.3em 0;
margin:0 15px;
width:120px;
}

	.sb-slidebar a.logo img{
	width:100%;
	height:auto;
	}

.navMobile{
margin:0;
padding:0;

}

	#nav-mobile .inner{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow: scroll;
	min-height:100%;
	}

	.navMobile [class*="col-4"]{
	display:none !important;
	}
	
	.navMobile li{
	list-style-type:none;
	margin:-1px 0 0 0;
	padding:0;
	display:block;
	}
	
	.navMobile li a{
	display:block;
	padding:1em 1em;
	text-decoration:none;
	color:#efefef;
	text-transform: uppercase;
	font-size:14px;
	border-top:1px solid #444;
	border-bottom:1px solid #444;
	line-height:2.1;
	position:relative;
	}
	
		.navMobile>li.has-children>a:after{
		content:"\f067";
		font-family:'FontAwesome';
		display:block;
		line-height:1;
		color:#fff;
		position: absolute;
		top:1em;
		right:1em;
		}
		
		.navMobile>li.open.has-children>a:after{
		content:"\f068";	
		}
	
	/* submenus */
	.navMobile .dropdown{
	max-height:0;
	overflow:hidden;
	-webkit-transition:	all 1s ease;
	-moz-transition:	all 1s ease;
	-o-transition:		all 1s ease;
	transition:			all 1s ease;
	}
	
		.navMobile>li.open .dropdown{
		max-height:700px;
		}
	
	.navMobile [class*="col-8"]{
	padding:10px 0;	
	}
	.navMobile li ul{
	margin:0;
	padding:0 0 0 10px;
	}
	
		.navMobile ul li{
		}
		
		.navMobile ul li a{
		padding:0.3em 1em;
		border:0;	
		}

/*---------------------------------
	HERO
-----------------------------------*/
.hero{
margin:-63px 0 -4% 0;
padding:0;
position:relative;
text-align:center;
z-index:9;
}

	.temp{
	position:relative;
	top:-150px;
	left:0;
	width:100%;
	z-index:50;
	color:#fff;
	font-weight:bold;
	text-align:left;
	margin:0 auto;
	text-transform: uppercase;
	}
	
	.temp span{
	display:inline-block;
	white-space: nowrap;
	font-size:13px;
	}
	
	.temp i{
	font-weight: normal;
	font-size:24px;
	margin:0 5px 0 20px;
	vertical-align: middle;
	}
	
.hero .slideshow li{position:relative;}

.hero .slideshow .content{
	font-size:1.5em;
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	transform: translate(-50%,0%);
	opacity:0;
	z-index:100;
	text-shadow:0px 1px 5px rgba(0,0,0,1);
	-webkit-transition:	all 2s ease;
	-moz-transition:	all 2s ease;
	-o-transition:		all 2s ease;
	transition:			all 2s ease;
}

	.hero .slideshow .content *{color:#fff;font-weight:bold !important;}
	
/* slideshow animation */
.hero .slick-dots{bottom:auto;top:85%;}
.hero .slideshow li{
overflow:hidden;
}
.hero .slideshow li img{
transform: scale(1.2,1.2);	
}
.hero .slideshow li.slick-current img{
animation: kenburns 10s ease infinite alternate;/*infinite*/
}

.hero .slideshow li.slick-current .content{
transform: translate(-50%,-50%);
opacity:1;
}

@keyframes kenburns {
	
	0%{
	transform: scale(1.2,1.2);
	}
	
	100%{
	transform: scale(1,1);
	}
	
}
	
/*---------------------------------
	EMAIL-SIGNUP
-----------------------------------*/
.email-signup{
background:#000;
color:#fff;
padding:5% 2% 2% 2%;
margin-bottom:0;
overflow:visible;
}

	.email-signup .grid{
	z-index:50;
	}

	/*.email-signup.angle-bl:after{
	background:#6360a1;
	}*/

	.email-signup label, .email-signup p{
	text-transform: uppercase;
	font-weight:bold;
	padding-right:5%;
	}

	.email-signup .input-wrap{
	display:inline-block;
	position:relative;
	width:65%;
	}
	
	.email-signup .input-wrap:before{
	content:"\f0e0";
	font-family:'FontAwesome';
	font-size:14px;
	color:#fff;
	display:inline-block;
	line-height:1;
	position:absolute;
	top:1.5em;
	left:1.1em;
	}

	.email-signup button[type="submit"]{
	background:#6360a1;
	border-top:2px solid #000;
	min-width:0;
	font-size:16px;
	margin-left:-3px;
	width:30%;
	padding:1em 0%;
	text-align:center;
	white-space: nowrap;
	}
	
		.email-signup button[type="submit"]:before{
		content:"";
		position: absolute;
		width:100%;
		height:100%;
		top:0;
		display:block;
		right:100%;
		background:rgba(0,0,0,0.3);
		-webkit-transition:	all 0.5s ease;
		-moz-transition:	all 0.5s ease;
		-o-transition:		all 0.5s ease;
		transition:			all 0.5s ease;
		z-index:1 !important;
		}
		
			.email-signup button[type="submit"]:hover:before{
			right:0;
			}
			
			.email-signup button span{position:relative;z-index:2;}

	.email-signup input[type="text"]{
	background:#464440;
	color:#fff;
	font-size:16px;
	border:1px solid transparent;
	padding:1em 2em 1em 2.5em;
	line-height:1;
	width:100%;
	outline: none;
	border-radius:0;
	}
	
		.email-signup input[type="text"]:focus{
		border:1px solid #7a7700;
		}
	
	.email-signup input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #fff;
	  opacity: 0.5;
	}
	.email-signup input[type="text"]::-moz-placeholder { /* Firefox 19+ */
	  color: #fff;
	  opacity: 0.5;
	}
	.email-signup input[type="text"]:-ms-input-placeholder { /* IE 10+ */
	  color: #fff;
	  opacity: 0.5;
	}
	.email-signup input[type="text"]:-moz-placeholder { /* Firefox 18- */
	  color: #fff;
	  opacity: 0.5;
	}
	
/*---------------------------------
	FOOTER
-----------------------------------*/
#footer{
margin:0 0 0 0;
padding:9% 2% 5% 2%;
background:url('../img/footer-bg.jpg') no-repeat center top;
background-size: cover;
position: relative;
color:#fff;
}
	#footer .grid{
	z-index:10;
	}

	#footer.angle-tr:before{
	background:#000;
	}

	#footer:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.65);
	z-index:5;
	}
	
	#footer p{
	text-transform: uppercase;
	font-weight: bold;
	}
	
	#footer p small{
	display:block;
	font-size:11px;
	}
	
	#footer p span{
	white-space: nowrap;
	}
	
	#footer .social{
	text-align:right;
	}
	
	#footer a{
	color:#fff;
	text-decoration:underline;
	}
	
	#footer a:hover, #footer a:focus {font-weight:normal;}
	
	#footer .social i{
	font-size:32px;
	margin-left:20px;
	}
	
/*---------------------------------
	BOOK NOW
-----------------------------------*/
body{position:relative;}
#bookbar{
background:#000;
padding:5px 0;
color:#fff;
width:100%;
-webkit-transition:	transform 1s ease;
-moz-transition:	transform 1s ease;
-o-transition:		transform 1s ease;
transition:			transform 1s ease;
}
	#bookbar.slide{
	transform: translateY(100%);
	}
	
	#bookbar.shide{
	transform: translateY(100%) !important;	
	}

	#bookbar.fixed{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	z-index:500;
	transform: translateY(0);
	}

	#bookbar form{
	margin:0;
	padding:0;
	}
	
	#bookbar label{
	display:inline-block;
	vertical-align: middle;
	text-align:center;
	width:30%;
	margin:0 5px;
	position:relative;
	}
	
	#bookbar input[type="text"]{
	border:1px solid transparent;
	background:#000;
	color:#fff;
	font-size:14px;
	text-align:center;
	padding:5px;
	font-weight:bold;
	outline:none;
	border-bottom:2px solid #6360a1;
	width:100%;
	}
	
	#bookbar label span{
	display:block;
	font-size:12px;
	text-transform: uppercase;
	}
	
	#bookbar label a{
	position:absolute;
	font-size:14px;
	color:#6360a1;
	top:5px;
	right:5px;
	}
	
	#bookbar button[type="submit"]{
	width:30%;
	white-space: nowrap;
	text-align:center;
	padding:1em 0%;
	margin:0 5px;
	position:relative;
	overflow:hidden;
	}
	
		#bookbar button[type="submit"]:before{
		content:"";
		display:block;
		position: absolute;
		width:100%;
		height:100%;
		top:0;
		right:100%;
		background:rgba(0,0,0,0.3);
		-webkit-transition:	all 0.5s ease;
		-moz-transition:	all 0.5s ease;
		-o-transition:		all 0.5s ease;
		transition:			all 0.5s ease;
		z-index:1 !important;
		}
			#bookbar button[type="submit"] span{position:relative;z-index:2;}
			#bookbar button[type="submit"]:hover:before{
			right:0;	
			}
	
	#bookbar .call{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	}
	
	#bookbar .datepicker-inline{
	position:absolute;
	top:0;
	left:0;
	transform: translateY(-100%);
	color:#666;
	}
	
/* advanced */
#bookbar .actions{
text-align:right;
padding-right:40px;
}

#asearch-toggle,
#modify-link{
color:#fff;
font-size:12px;
display:inline-block;
text-align:right;
line-height:1;
padding-bottom:5px;
}

#bookbar #advanced{
position:relative;
margin-bottom:-74px;
border-top: 1px solid #333;
padding-top:10px;
-webkit-transition:	margin 0.5s ease;
-moz-transition:	margin 0.5s ease;
-o-transition:		margin 0.5s ease;
transition:			margin 0.5s ease;
}

	#bookbar #advanced.open{
	margin-bottom:0;
	}

	#bookbar #advanced label{
	width:30%;
	}

	#bookbar #advanced input[type="text"]{
	width:100%;
	border:2px solid #6360a1;
	}

/*---------------------------------
	SOCIALBAR
-----------------------------------*/
.socialbar{
position: fixed;
top:100px;
right:0;
z-index:1000;
border:1px solid #fff;
border-right:0;
text-align:center;
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
}

	.socialbar a{
	display:block;
	color:#fff;
	background:#6360a1;
	border-top:1px solid #fff;/*fallback*/
	border-top:1px solid rgba(255,255,255,0.3);
	padding:3px 10px 3px 10px;
	position:relative;
	font-size:25px;
	}
	
	.socialbar a:hover,
	.socialbar a:active{
	background:#4c4987;
	color:#fff;
	}
	
	.socialbar a:first-child{
	border:0;
	}
	
	

/*---------------------------------
	HTML ELEMENTS
-----------------------------------*/
html{
-webkit-text-size-adjust: 100%;
}

body{
margin:0;
padding:0 0 0 0;
color:#6e6e6e;
background:#e9e9e9;
font:normal 1em/150% 'Lato', arial, verdana, sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
-webkit-font-smoothing: antialiased;
overflow:hidden;
}

#sb-site{background:#e9e9e9;}

*{
-webkit-box-sizing: border-box; 	/* Safari/Chrome, other WebKit */
-moz-box-sizing: 	border-box;     /* Firefox, other Gecko */
box-sizing: 		border-box;     /* Opera/IE 8+ */
}
a{color:#6360a1;outline:0;}
a:active{color:inherit;}
a:visited{}
a:hover{}
a img{border:0;}
a [class^="icon-"]{color:inherit;text-decoration:none;}
strong,b{color:#000;font-weight:bold;}
strike{}
em,i{}
.hide{display:none;}
.show{display:block;}
.hidden{visibility:hidden;}
.hidden.animated{visibility:visible;}
.align_left{float:left;margin:0 1em 1em 0;max-width:100%;}
.align_right{float:right;margin:0 0 1em 1em;max-width:100%;}
.align_center{margin:auto;max-width:100%;}

/*---------------------------------
	UTILITY
-----------------------------------*/
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.vcenter{display:inline-block;vertical-align: middle;}

/*---------------------------------
	HR
-----------------------------------*/
hr{clear:both;border-bottom:0;border-top:1px dotted #ccc;border-right:0;border-left:0;margin:30px 0;min-height: 0;height:1px;}
hr.alt1{border-style: solid;}
hr.alt2{border-style: dashed;}

/*---------------------------------
	HTML5 ELEMENTS (shim)
-----------------------------------*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

section{
margin:3% 0;
position:relative;
overflow:hidden;
z-index:10;
}

section.block {margin:1% 0;}

/*---------------------------------
	HEADINGS
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-weight:bold;
line-height:1.2;
color:#6360a1;
text-transform: uppercase;
font-weight: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a{
color:inherit;
}

h1{
font-size:2em;
margin:10px 0 10px 0;
text-align:center;
}

h1 em {
	display: block;
	text-transform:none;
	font-weight:300;
}

blockquote h1 {font-size:1em; text-align:right;}

blockquote h1 em{font-size:0.8em;}

h2{
font-size:2.2em;
margin:10px 0 10px 0;
color:#000;
text-transform: uppercase;
font-weight: 300;
}

	h1.line{
	margin-bottom:0;
	margin-top:0;
	font-size:1.3em;
	}

	h1.line+h2{
	font-size:1em;
	text-align:center;
	margin-bottom:2em;
	}

	h2.line{
	margin-bottom:0;
	}

	h2.line+h3{
	font-size:13px;
	text-align:center;
	margin-bottom:2em;
	}

h3{
font-size:1.2em;
margin:10px 0 10px 0;
line-height:130%;
}

	h3+h4{
	text-transform: none;
	color:#777;
	}
	
	.line{
	text-align:center;
	overflow:hidden;
	margin:3% 0;
	padding:0 20%;
	}
	
		.line span{
		display:inline-block;
		position:relative;
		}
		
		.line span:before,
		.line span:after{
		content:"";
		height:1px;
		display:block;
		position:absolute;
		top:50%;
		left:100%;
		margin-left:20px;
		border-top:1px solid #c7c5c5;
		width:1600px;
		}
		
		.line span:after{
		left:auto;
		right:100%;
		margin-left:0;
		margin-right:20px;
		}

h4{
font-size:1.1em;
margin:10px 0 10px 0;
}

h5{
font-size:1em;
margin:10px 0 10px 0;
}

h6{
font-size:1em;
color:#777;
margin:10px 0 5px 0;
}

/*---------------------------------
	PARAGRAPHS UL OL
-----------------------------------*/
p{
margin:10px 0;
font-size:1em;
line-height:1.7;
}

ul li,ol li{
font-size: 0.9em;
line-height:1.3;
margin:0 0 5px 0;
}

/*---------------------------------
	EMBELISH
-----------------------------------*/
.embelish{
display:inline-block;
border-left:2px solid #6360a1;
position:relative;
height:200px;
transform: rotate(25deg);
}

/*---------------------------------
	BLOCKQUOTES
-----------------------------------*/
blockquote{
font-size:1.3em;
line-height:1.5;
font-style: italic;
margin:1em;
padding:0 0 0 20px;
position:relative;
color:#9b9b9b;
}

	blockquote span,
	blockquote cite{font-size:0.7em;display:block;margin:0;display:block;}
	blockquote.small{font-size:1.2em;text-transform: uppercase;padding:0;}
	blockquote.small:before{content:none;}
	
	blockquote:before{
	content:"“";
	color:#6360a1;
	font-size:2.5em;
	position:absolute;
	right:100%;
	display:block;
	line-height:1;
	margin-right:-10px;
	}
	
/*---------------------------------
	LIST FEATURES
-----------------------------------*/
.list-features{
margin:0;
padding:0;
}

	.list-features li{
	border-bottom:1px solid #c7c5c5;
	position:relative;
	list-style-type:none;
	line-height:1.5;
	font-size: 1em;
	padding:1em 10% 1em 50px;
	}
	
	.list-features i{
	position:absolute;
	top:50%;
	left:10px;
	transform: translateY(-50%);
	font-size:24px;
	color:#c4c3c3;
	}
	
	.list-features li:last-child{
	border:0;
	}

/*---------------------------------
	CARDS
-----------------------------------*/
[class*="card"]{
background:#fff;
position:relative;
margin-bottom:40px;
font-size:0;
}

	[class*="card"]>img{
	width:100%;
	height:auto;
	}
	
	[class*="card"] .content{
	padding:7%;
	/*margin-bottom:5%;*/
	position:relative;
	}
	
	[class*="card"] h3{
	font-size:1em;
	}
	
	[class*="card"] .button{
	margin-top:2em;
	}
	
	[class*="card"] [class*="col-"]{
	display:inline-block !important;
	font-size:16px;
	}
	
	[class*="card"] .bottom-arrow{
	background:/*#d2232a*/#6360a1;
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0.5em 1em;
	line-height:1;
	text-align:center;
	position:absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
	overflow:hidden;
	}
	
	[class*="card"] .bottom-arrow:before{
	content:"";
	position:absolute;
	top:0;
	right:100%;
	display: block;
	background:rgba(0,0,0,0.3);
	width:100%;
	height:100%;
	z-index:1;
	-webkit-transition:	all 0.5s ease;
	-moz-transition:	all 0.5s ease;
	-o-transition:		all 0.5s ease;
	transition:			all 0.5s ease;
	}
	
		[class*="card"] .bottom-arrow:hover:before{
		right:0;
		}
	
	[class*="card"] .bottom-arrow:after{
	content:"\f054";
	font-family:'FontAwesome';
	font-size:14px;
	z-index:2;
	position:relative;
	}
	
	/* card-image-holder */
	.card-image-holder{
	margin:0 !important;
	}
	
	/* Card-right */
	.card-right .card-image-holder,
	.card-left .card-image-holder{
	max-width:100%;
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	}
	
	[class*="card-right"] .card-image-holder>img,
	[class*="card-left"] .card-image-holder>img{
	max-width: none;
	min-width:100%;
	min-height:100%;
	width:auto;
	position:absolute;
	top:0;
	left:0;
	}
	
	[class*="card-right"] .content,
	[class*="card-left"] .content{
	padding:2%;
	}
	
	[class*="card-right"] .content:before,
	[class*="card-left"] .content:before{
	content:"";
	display:block;
	background:#fff;
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	left:-25px;
	margin-top:-25px;
	transform: rotate(45deg);
	z-index:5;
	display:none; /* hidden arrows */
	}
	
	[class*="card-left"] .content:before{
	left:auto;
	right:-25px;
	}
	
	[class*="card-slice"]{
	font-size:1em;
	padding-bottom:0;
	height:100%;
	/*overflow:auto;*/
	margin-bottom:0;
	}
		[class*="card-slice"] img{min-width:100%;}
		[class*="card-slice"] .content{padding-bottom:50px;}
	
	/* slideshow hacks */
	[class*="card"] .slick-list{
	margin-bottom:-5px;
	}
	
	[class*="card"] .slick-arrow{
	/*display:none !important;*/
	}
	
	[class*="card"] .slick-prev:before, 
	[class*="card"] .slick-next:before{
	color:#fff !important;
	}
	
/*---------------------------------
	COVER
-----------------------------------*/
section.cover{margin-bottom:0;}

.cover.no-effect .effect-cover{background:none !important;}

.cover{}

	.cover img:first-of-type{
	width:100%;
	height:auto;
	}
	
	.cover .grid{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index:50;
	color:#fff;
	font-weight: bold;
	}
	
	.cover h3{color:#fff;font-size:1.5em;}
	.cover p{font-size:1em;}
	
	.cover [class*="col-"]{
	vertical-align: middle;
	}
	
/*---------------------------------
	COVER
-----------------------------------*/
section.cover{margin-bottom:0;}

.cover.no-effect .effect-cover{background:none !important;}

.cover{}

	.cover img{
	width:100%;
	height:auto;
	}
	
	.cover .grid{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	z-index:50;
	color:#fff;
	font-weight: bold;
	}
	
	.cover h3{color:#fff;font-size:1.5em;}
	.cover p{font-size:1em;}
	
	.cover [class*="col-"]{
	vertical-align: middle;
	}
	
/*---------------------------------
	GALLERY
-----------------------------------*/
.gallery{}

	.gallery a[class*="gallery-"]{margin:0.7692307692%;position:relative;overflow:hidden;}
	.gallery .left a[class*="gallery-"]{float:left;}
	.gallery .right a[class*="gallery-"]{float:right;}
	
	a[class*="gallery-"] img{
	max-width:100%;
	width:100%;
	}

	.gallery-large{width:56.61538461538461%;}
	.gallery-medium{width:40.30769230769231%;}
	.gallery-small{width:23.384615384615383%}
	.gallery-xsmall{width:15.384615384615385%;}
	
	.gallery:after {
	content: '';
	display: block;
	clear: both;
	}
	
	/* hover effect */
	.gallery a[class*="gallery-"]:before,
	.gallery a[class*="gallery-"]:after,
	.gallery a img{
	-webkit-transition:	all 0.5s ease;
	-moz-transition:	all 0.5s ease;
	-o-transition:		all 0.5s ease;
	transition:			all 0.5s ease;	
	cursor: pointer;
	}
	
	.gallery a[class*="gallery-"]:before{
	content:"";
	display:block;
	position: absolute;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:10;
	opacity:0;
	}
	
	.gallery a[class*="gallery-"]:after{
	/*content:"\f00e";
	font-family: 'FontAwesome';
	display:block;
	line-height:1;
	color:#fff;
	font-size:14px;	
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-7px;
	margin-left:-7px;
	z-index:11;
	opacity:0;*/
	}
	
	.gallery .caption{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	padding:10px;
	transform: translate(-50%, -30%);
	text-align:center;
	z-index:12;
	opacity:0;
	-webkit-transition:	all 0.5s ease;
	-moz-transition:	all 0.5s ease;
	-o-transition:		all 0.5s ease;
	transition:			all 0.5s ease;
	}
	
	.gallery a[class*="gallery-"]:hover:before{top:0;opacity:1;}
	.gallery a[class*="gallery-"]:hover:after{opacity:1;}
	.gallery a[class*="gallery-"]:hover .caption{opacity:1;transform: translate(-50%,-50%);}
	.gallery a:hover img{transform: scale(1.1,1.1);}

/*---------------------------------
	BUTTONS
-----------------------------------*/
.button,
.button:active,
.button:visited,
button[type="submit"]{
border:1px solid transparent;
background:#6360a1;
color:#fff;
text-decoration:none;
cursor: pointer;
display:inline-block;
padding:1em 2em;
text-align:left;
width:250px;
max-width:100%;
font-size:14px;
text-transform: uppercase;
font-weight:700;
position: relative;
line-height:1.1;
overflow:hidden;
}

@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{.button{
        margin-bottom: 10px;
    } 
}}

	.button:before{
	content:"";
	background:rgba(0,0,0,0.3);
	position:absolute;
	right:100%;
	top:0;
	width:100%;
	height:100%;
	z-index:0;
	-webkit-transition:	all 0.5s ease;
	-moz-transition:	all 0.5s ease;
	-o-transition:		all 0.5s ease;
	transition:			all 0.5s ease;
	}
	
	.button span,
	button span{
	position:relative;
	z-index:1;
	}

	.button:after{
	content:"\f054";
	font-family: 'FontAwesome';
	position:absolute;
	top:50%;
	right:1.5em;
	line-height:1;
	font-size:14px;
	display:inline-block;
	transform: translateY(-50%);
	z-index:2;
	-webkit-transition:	all 0.5s ease;
	-moz-transition:	all 0.5s ease;
	-o-transition:		all 0.5s ease;
	transition:			all 0.5s ease;
	}
	
	/* hover effects */
	.button:hover:before{right:0;}
	.button:hover:after{right:1em;}
	
.button.full-width{
width:100%;
}

/*---------------------------------
	TABLES
-----------------------------------*/
table{width:100%;margin:0 0 10px 0;text-align:left;border-collapse: collapse;}
	thead, tbody{margin:0;padding:0;}
	th, td{padding:7px 10px;font-size:0.9em;border-bottom:1px dotted #ddd;text-align:left;}
	thead th{font-size:0.9em;padding:3px 10px;border-bottom:1px solid #ddd;}
	tbody tr.last th,
	tbody tr.last td{border-bottom:0;}

/* striped */
table.striped{}
	table.striped tr.alt{background:#f5f5f5;}
	table.striped thead th{background:#fff;}
	table.striped tbody th{background:#f5f5f5;text-align:right;padding-right:15px;border-right:1px dotted #e5e5e5;}
	table.striped tbody tr.alt th{background:#efefef;}

/* tight */
table.tight{}
	table.tight th, .tight td{padding:2px 10px;}
	
/*---------------------------------
	PHOTO-GALLERY
-----------------------------------*/	
.photo-gallery{
margin:0 auto;
padding:0.21% 0 0 0.42%;
width:100%;
max-width:1200px;
font-size:0px;
line-height:1;
}

	.photo-gallery *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	}

	.photo-gallery li{
	position:relative;
	margin:0.36%;
	padding:0;
	display:inline-block;
	list-style-type:none;
	width:13.45%;
	text-align:left;
	overflow:hidden;
	}
	
	.photo-gallery img{
	width:100%;
	max-width:100%;
	height:auto;
	min-height:100%;
	object-fit:cover;
	vertical-align: bottom;
	position:absolute;
	top:0;
	left:0;
	-webkit-transition: transform 0.5s ease;
    -moz-transition: 	transform 0.5s ease;
    -o-transition: 		transform 0.5s ease;
    transition: 		transform 0.5s ease;
    -webkit-backface-visibility: hidden;
	}
	
	.photo-gallery li a{
	display:block;
	position:relative;
	color:#fff;
	font-size:11px;
	line-height:1.2;
	width:100%;
	padding-top:100%;
	overflow:hidden;
	cursor: pointer;
	}
	
	.photo-gallery li a span{
	position:absolute;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	padding:5px 25px 5px 10px;
	background:#000;
	background:rgba(0,0,0,0.8);
	-moz-transform: 	translate(0, 100%);
	-webkit-transform: 	translate(0, 100%);
	-ms-transform: 		translate(0, 100%);
	transform: 			translate(0, 100%);
	-webkit-transition: transform 0.5s ease;
    -moz-transition: 	transform 0.5s ease;
    -o-transition: 		transform 0.5s ease;
    transition: 		transform 0.5s ease;
	}
	
		/* animation */
		.photo-gallery li a:hover span{
		-moz-transform: 	translate(0,0);
		-webkit-transform: 	translate(0,0);
		-ms-transform: 		translate(0,0);
		transform: 			translate(0,0);
		}
		
		.photo-gallery li a:hover img{
		-moz-transform: 	scale(1.2,1.2);
		-webkit-transform: 	scale(1.2,1.2);
		-ms-transform: 		scale(1.2,1.2);
		transform: 			scale(1.2,1.2);
		}
		
		/* icon */
		.photo-gallery li a span:after{
		content:"\f038";
		font-family:'FontAwesome';
		display:inline-block;
		font-size:14px;
		position:absolute;
		bottom:50%;
		right:10px;
		margin-bottom:-10px;
		}
	
/*---------------------------------
	IMAGES
-----------------------------------*/
img{
margin:0;
padding:0;
display:inline-block;
position:relative;
zoom:1;
vertical-align: bottom;
}

	img.align-left, .img-wrap.align-left{float:left;margin:0 10px 5px 0;}
	img.align-right, .img-wrap.align-right{float:right;margin:0 0 5px 10px;}
	img.full-width{clear:both;display:block;width:100%;height:auto;margin:0 0 10px 0;}
	
/*---------------------------------
	ANGLES & EFFECTS
-----------------------------------*/
/*
section[class*="angle-t"]{padding-top:10%;}
section[class*="angle-b"]{padding-bottom:10%;}
*/

.angle-tl:before,
.angle-tr:before,
.angle-bl:after,
.angle-br:after{
content:"";
display:block;
position:absolute;
top:0;
right:-3%;
width:120%;
background:#e9e9e9;
padding-top:5%;
transform: rotate(2deg);
transform-origin: top right;
z-index:10;
}

.angle-tl:before{
transform: rotate(-2deg);
transform-origin: top left;
}

.angle-tr:before{/*default styles*/}

.angle-bl:after{
top:auto;
bottom:0;
transform: rotate(2deg);
transform-origin: bottom left;	
}

.angle-br:after{
top:auto;
bottom:0;
transform: rotate(-2deg);
transform-origin: bottom right;
}

/* dark-cover */
[class*="effect-"]{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5;
}

.effect-cover{
content:"";
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:3;
background:rgba(0,0,0,0.6);
}

.effect-cover-fade{
top:auto;
bottom:0;
height:50%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

/*---------------------------------
	BREAKPOINTS
-----------------------------------*/
/* large */
@media all and (min-width : 70em) {

	
}

/* large */
@media all and (min-width: 60em) {
	.back-to-top{position:fixed;z-index:9999;bottom:-15px;right:-10px;width:129px;height:90px;background:url(../img/topbutton2b.png);cursor:pointer;display:none;}
	

}

/* medium */
@media all and (max-width: 70em) {

	
}

/* small */
@media all and (max-width: 60em) {
	#sb-site:before{height:65px;}
	.hotelbar{display:none;}
	.abtns-holder{display:inline-block;}
	header .nav{display:none;}
	.hero{margin:-35px 0 -4% 0;}
	.hero .slick-dots{bottom:auto;top:75%;}
	.temp{display:none;}
	#mobile-nav-toggle{display:inline-block;}
	blockquote{font-size:1.2em;margin:1em 0.5em;}
	blockquote.right{text-align:center;}
	h1{font-size:1.3em;}
	.block h1 em {font-size:1em;}
	h2{font-size:1.3em;}
	h3{font-size:1.2em;}
	.line{padding:5%;}
	
	/* cover section */
	.cover[class*="angle-"]:before,
	.cover[class*="angle-"]:after{display:none;}
	.cover .effect-cover{display:none;}
	.cover .grid{position:relative;transform: none;top:0;left:0;}
	.cover h3{color:#6360a1;font-size:1.2em;}
	.cover p{font-size:0.9em;color:#6e6e6e;font-weight:normal;}
	.cover .button{width:100%;}
	
	/* cards */
	.card-right .card-image-holder,
	.card-left .card-image-holder,
	.card-right .card-image-holder img,
	.card-left .card-image-holder img{position:relative;min-width:0;max-width:100%;height:auto;width:100%;min-height:0;}
	[class*="card-right"] .content:before,
	[class*="card-left"] .content:before{display:none;}
	[class*="card-"] .button{width:100%;}
	
	#footer{text-align:center;}
	#footer .logo{width:120px;display:inline-block;margin-top:2em;}
	#footer .social{text-align:center;margin:1em 0;}
	
	.email-signup .right{text-align:center;}
	.email-signup label, .email-signup p{font-size:0.9em;}
	
	/* booking bar */
	#bookbar{padding-bottom:2em;}
	#bookbar label{width:100%;margin:0 0 1em 0;}
	#bookbar button[type="submit"]{width:100%;}
	
	.gallery .large{width: 100%; margin:0.8% 0;}
	.gallery .small{width:24.2%;}
	.gallery .small p {color:#fff; font-size:1em;}
	.gallery .large p {color:#fff; font-weight:bold; /*font-size:1em;*/}
	.gallery .large .grid {position:absolute;top:50%; left:50%; /*top:40%;*/ transform: translate(-50%,-50%); z-index: 50; color: #fff; font-weight: bold;}
	.gallery .small .grid {position:absolute; top:50%; left:50%; /*top:15%;*/ transform: translate(-50%,-50%); z-index: 50; color: #fff; font-weight: bold;}
	.gallery .cover .effect-cover {display: inherit;}
	.back-to-top{display:none !important;}
}

/* xsmall */
@media all and (max-width : 50em) {
	
	#logo{width:120px;}
	.embelish{display:none;}
	.hero .slideshow .content{display:none;}
	#bookbar{display:none;}
	.socialbar{display:none;}
	
	.abtns.alt {padding: 10px 10px;}
	.abtns {padding: 10px 6px;}
	.video-thumb  {margin-bottom:20px;}
	.video-thumb span:after {transform: translateX(115%) translateY(50%);}
}

@media all and (max-width : 380px) {
	
	/*#book-now{display:none;}*/
	
}