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

/*---------------------------------
	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:107px;
background:#000;
}

header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:100;
color:#fff;
background:rgba(0,0,0,0.5);
margin:0;
padding:0;
-webkit-transition: background 500ms ease-in !important;
-moz-transition: 	background 500ms ease-in !important;
-o-transition: 		background 500ms ease-in !important;
transition: 		background 500ms ease-in !important;
}

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

/*header .grid {padding:0 2%; max-width:1300px;}*/

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

	#logo{
	display:inline-block;
	vertical-align: bottom;
	/*margin-right:3%;*/
	padding:0.8em 0.6em;
	width: 185px;
	/*min-width:185px;
	background:#000;
	position:relative;
	top: -40px;
    margin-bottom: -40px;*/
	}
	
		#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 1em 1.9em 1em;
	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 #515d8f;
	-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 #9c8a4f;
	border-right:1px solid #9c8a4f;
	/*top:-1px;*/
	}
	
		.nav>li:last-child>a:after{
		content:"\f078";
		font-family:'FontAwesome';
		color:#9c8a4f;
		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: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:700;
		position:relative;
		white-space: normal;
		}
		
			.nav .dropdown h4{
			font-weight:700;
			color:#9c8a4f;
			font-size:1.3em;
			}
			
			.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:700;
			display:block;
			line-height:1.2;
			color:#fff;
			}
			
			.nav .dropdown li:hover a{
			color: #9c8a4f;
			}
	
	/* 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;
	}
	
	.topbar{/*background:#9c8a4frgba(41,120,160,0.7);*/ padding:5px 0; font-size:.8em;}
	
	.topright{
	margin:0;
	padding:0;
	line-height:1;
	float:right;
	}
	
		.subright li{
		font-size:13px;
		display: inline-block;
		margin:0;
		padding:0;
		list-style-type:none;
		vertical-align: bottom;
		}
		
		.topright li{
		font-size:1em;
		display: inline-block;
		margin:0;
		padding:0;
		list-style-type:none;
		vertical-align: top;
		line-height: 1;
		/*background: #494542;*/
		}
		
		.subright li a, .topright 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;
		}
		
		.subright #contact {margin-right:1em;}
		
		.subright #contact a {
			/*color: #68596c;*/
		}
		
		.topright li a{
		padding:0.7em  0.5em  0.5em;
		}
		
		.topright li a:hover{
		color: #aca7a3; /* For browsers that do not support gradients */
		}
		
		/*#book-now.hide {
		display:none;
		}*/
		
		#book-now a{
		background:#9c8a4f;
		position:relative;
		padding:2.1em 1.9em;
		overflow:hidden;
		}
		
		#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 #9c8a4f;
	border-bottom:1px solid #9c8a4f;
	line-height:1.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;	
		}

	.contact a:after {
	content: "\f078"; 
	font-family: 'FontAwesome'; 
	color: #432c44; 
	font-size: 14px; 
	display: inline-block; 
	margin-left: 10px;
	}
	
	.subright li:hover .dropdown {
			display: block; 
			max-height: 600px;
		}
		
		.subright .dropdown {
			position:absolute; 
			/*display:none; 
			top: 100%; 
			left: 0; */
			background: rgba(172, 166, 166,.9); 
			color: #101920; 
			border-top: 1px solid #333; 
			overflow: hidden; 
			max-height:0;
			webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;  
			margin-left: -85px; 
			text-align: center; 
			width: 200px;
			z-index:500;
		}
		
		.subright .dropdown ul {
			padding: 10px;
		}
		
		.subright .dropdown li {
			margin: 0; 
			padding: 0; 
			list-style-type: none; 
			display: block; 
		}
		
		.subright .dropdown li a {
			text-transform: uppercase; 
			text-decoration:none; 
			padding: 0.5em 1em; 
			font-size: 1em; 
			font-weight:700; 
			display: block; 
			line-height: 1.2; 
			color: #fff !important; 
			margin-bottom:20px;
		}
		
		.subright .dropdown li a:hover {
			background: none !important; 
			color:#fff;
			
		}
		
		.subright .dropdown ul>li:last-child>a:hover i {
			color:#fff !important;
		}
		.subright .dropdown ul>li:last-child>a:hover {
			color:#68596c !important;
		}
		
		.subright .dropdown li h4 {
			text-transform: uppercase; 
			padding: 0 1em; 
			font-size: 1.25em; 
			font-weight: normal; 
			display: block; 
			line-height: 0; 
			color: #fff;
		}
		
		#contact li a:after {
			content: ""; 
			margin-left: 0;
		}
		
		#contact li a {
			padding:0;
		}

/*---------------------------------
	HEADER EMAIL SIGNUP
-----------------------------------*/

.email-sign-up {float:right; line-height:1;}

.email-sign-up .form-group {
    position: relative;
    top: 0;
}
.email-sign-up label {
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0 5px 0 17px;
    margin: 0;
    margin-left: 2px;
    border-left: 1px solid #757575;
    display: inline-block;
    line-height: 1;
}
.email-sign-up .form-group {
    border: 1px solid #aaa;
    display: inline-block;
    padding: 0 0 0 3px;
}
.email-sign-up .form-group input,
.email-sign-up .form-group .submit {
    display: inline-block;
}
.email-sign-up .form-group input {
    width: 152px;
    font-style: italic;
    /*font-size: 1em;*/
    border: none;
    color: #aaa;
    background-color: transparent;
    outline: 0;
    /*text-transform: capitalize;*/
}
.email-sign-up .form-group .submit {
    background-color: #9c8a4f;
    color: #fff;
    text-decoration: none;
    padding: 0 10px;
	line-height:2;
}
	
/*---------------------------------
	HERO
-----------------------------------*/
.hero{
margin:-107px 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:700;
	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;}
	.hero .slideshow .content p{font-weight:bold !important;}
	
/* slideshow animation */
.hero .slick-dots{bottom:auto;top:85%;}
.slick-dots li.slick-active button:before{color:#e11783;}
.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;
}

.hero img {width:100%; height:auto;}

@keyframes kenburns {
	
	0%{
	transform: scale(1.2,1.2);
	}
	
	100%{
	transform: scale(1,1);
	}
	
}

.hero h2,.hero h3,.hero h4,.hero h5,.hero h6 {
	font-family:'Playball', cursive; 
	text-transform:lowercase; 
	font-size:2.5em; 
	font-weight:normal !important;
}

.small-slideshow-frame {margin-top:0;}
	
/*---------------------------------
	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:#9c8a4f;
	}*/

	.email-signup label{
	text-transform: uppercase;
	font-weight:700;
	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:#9c8a4f;
	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/*rgba(41,120,160,0.7)*/;
	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:#333/*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:#e9e9e9;
	}

	#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:700;
	}
	
	#footer p small{
	display:block;
	font-size:11px;
	}
	
	#footer p span{
	white-space: nowrap;
	}
	
	#footer .social{
	text-align:right;
	}
	
	#footer a{
	color:#fff;
	}
	
	#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:700;
	outline:none;
	border-bottom:2px solid #9c8a4f;
	width:100%;
	}
	
	#bookbar label span{
	display:block;
	font-size:12px;
	text-transform: uppercase;
	}
	
	#bookbar label a{
	position:absolute;
	font-size:14px;
	color:#9c8a4f;
	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:700;
	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%*/auto;
	}

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

/*---------------------------------
	Plan Your Stay
-----------------------------------*/

.plan-stay {
	background:/*url(../bookbar/background.jpg),*/ #c8e6e4; 
	border-bottom:solid 5px #68596c/*#830051*/; 
	height:50px; 
	color:#fff; 
	width:100%; 
	padding:0 10px; 
	margin:0 0 -2% 0; 
	margin-right:2.4%;

}
.plan-stay .col, .plan-stay [class*="col-"] {
	height: auto;
}

.plan-stay .plan-stay-outer {
	display:table; 
	width:100%; 
	max-width:68em; 
	margin-left:auto; 
	margin-right:auto;
}

.plan-stay .plan-stay-inner {
	display:table-cell; 
	vertical-align:middle; 
	text-align:center; 
	width:100%; 
	height:50px;
}

.plan-stay h4 {
	color:#432c44; 
	font-size:1.5em;
}

.plan-stay .plan-stay-left {
	float:left; 
	display:block;
}

.plan-stay .plan-stay-right {
	float:right; 
	display:block; 
	padding-top:10px;
}

.plan-stay .plan-stay-right ul {
	display:block; 
	list-style:none; 
	float:right; 
	margin:0; 
	padding:0;
}
	
.plan-stay .plan-stay-right ul li {
	display:inline; 
	margin-right:2em;
}

.plan-stay .plan-stay-right ul li a {
	color:#432c44; 
	font-size:1.1em; 
	text-transform:uppercase;
}

.plan-stay .plan-stay-right ul li a:hover span {
	color:#68596c; 
}

.plan-stay .plan-stay-right ul li a i {
	display:inline-block; 
	margin-right:.25em;
}

.plan-stay-highlights {
	max-height:35vh;
}

.plan-stay-highlights .grid {
	max-width:90vw;	
}

.plan-stay-highlights .card-image-holder>img {top:0;}

.plan-stay-highlights [class*="card-right"] {
	height:100%;
	min-height:100%;
	display:table;
	padding:0;
	margin:0;
}

.plan-stay-highlights [class*="card"] {
	background:none;
}

.plan-stay-highlights [class*="card"] h2 {
	font-size:1.25em;
}

.plan-stay-highlights [class*="card-right"] .content {
	padding:0 0 0 4%;
}

.plan-stay-highlights [class*="card-left"] .content {
	padding:0 4% 0 0;
}

.plan-stay-highlights [class*="card"] .content:before {
	display:none;
}

.plan-stay-highlights [class*="col-"].two {
	vertical-align:top;
}

/*---------------------------------
	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:#9c8a4f;
	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;
	}
	
/*---------------------------------
	WEATHER
-----------------------------------*/
.weather{
position: fixed;
top:85px;
right:0;
z-index:499;
text-align:left;
box-shadow:0px 0px 5px rgba(0,0,0,0.3);
background:#68596c;
padding:5px 0;
min-width:139px;
}

	.weather span{
	color:/*#aca7a3*/#fff;
	display:block;
	padding:0 10px;
	position:relative;
	font-size:1.25em;
	line-height:1em;
	text-align:center;
	}
	

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

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


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

#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:#9c8a4f;outline:0;text-decoration:none}
a:active{color:inherit;}
a:visited{}
a:hover{color:#515d8f}
a img{border:0;}
a [class^="icon-"]{color:inherit;text-decoration:none;}
strong,b{color:#000;font-weight:700;}
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%;}

/*---------------------------------
	VIDEO
-----------------------------------*/
	
	.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;}
	
	.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;
	}
	
	.featherlight-iframe .featherlight-close-icon {
	left: 5px !important;
	}
	
	.dark-close .featherlight-close-icon {
	color: #000 !important;
	}
	
	.video-thumb .card-image-holder:after {
		content: "\f144";
		font-family: 'FontAwesome';
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		opacity: 0.8;
		color:#fff;
		font-size:10em;
	}
	
	.video-thumb .card-image-holder:hover:after {
		opacity: 1;
	}

/*---------------------------------
	MAP
-----------------------------------*/

.map{
	margin:0 auto; 
	width:100%; 
	box-sizing:border-box; 
	overflow:hidden; 
	max-height:50rem; 
	height:75vh; 
	position:relative;}

.map .googlemap {
	height:100%; 
	position:relative; 
	overflow:hidden; 
	width:100%;}

.googlemap iframe {
	width: 100%;
	height: 100%;
	border: none;
	position:relative; 
	pointer-events:none;
}


.googlemap iframe.clicked {pointer-events:auto;}


/*---------------------------------
	FORM
-----------------------------------*/
form {
	display: block;
	margin-top: 0;
}

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

form  button[type="submit"]{
	background: #9c8a4f;
	width:auto;
	color:#fff;
	/*border-radius:3px;*/
	text-transform: uppercase;
	padding:.5em 1em;
	float:right;
}

form button[type="submit"]:before{
		content:"";
		display:block;
		position: absolute;
		width:100%;
		height:100%;
		top:0;
		right:100%;background: #9995ac;
		-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;
		}
			form button[type="submit"] span{position:relative;z-index:2;}
			form button[type="submit"]:hover:before{
			right:0;	
			}

/*---------------------------------
	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;
}

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

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

h1{
font-size:3.25em;
margin:10px 0 10px 0;
}

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

h1,h2{
font-family: 'Dancing Script', cursive;
text-transform:lowercase;
}

h1 + h2{
	font-size:1.3em;
	font-family: 'Muli', sans-serif;
	color:#9c8a4f;
	margin-top:0;
	line-height:1em;
	text-transform:none;
}

	h1.line{
	margin-bottom:0;
	}

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

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

h2.title {
	font-family:'Muli', sans-serif;
	text-align:center;
	margin-bottom:0;
	text-transform:uppercase;
	font-size:1.2em;
	color:#9c8a4f;
    line-height: 5px;
}

h2.title + h1 {
	margin-top:0;
}

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

	h3.line+h4{
	font-size:13px;
	text-align:center;
	margin-bottom:2em;
	}
	
	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:5px;
		display:block;
		position:absolute;
		top:50%;
		left:100%;
		margin-left:20px;
		border-top:1px solid #515d8f;
		border-bottom:1px solid #515d8f;
		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:0.9em;
line-height:1.5;
}

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

.slick-track li {margin-bottom:0; height:100%}

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

.cover .embelish {border-left:2px solid #9c8a4f;}

#footer .embelish{
transform: none;
height:80px;
}

/*---------------------------------
	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 h1 {color:#9b9b9b; font-family:sans-serif; font-size:1em; text-transform:none;}

	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:#9c8a4f;
	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;
	text-transform: uppercase;
	line-height:1.2;
	font-size:13px;
	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:1em;
}

	[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"] .bottom-arrow{
	background:#515d8f;
	color:#fff;
	text-decoration:none;
	display:block;
	padding:0.5em 1em;
	line-height:1;
	text-align:center;
	position:absolute;
	bottom:3%;
	left:50%;
	transform: translateX(-50%);
	overflow:hidden;
	}
	
	[class*="card"] .bottom-arrow span{
		position: relative;
		z-index:2;	
	}
	
	[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;
	}
	
	.slider .slick-slide img {position:relative; min-width:100% !important;max-width:none !important; width:auto !important; /*height:100% !important;*/}
	.slider .slideshow .slick-list, .slider .slick-track {height:100% !important;}
	
	[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;
	}
	
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	 .slider .slideshow{height:auto;}
	 
	 .slider .slideshow img{margin-top:-7%;}
	 
	 [class*="card-right"] .card-image-holder>img,
	 [class*="card-left"] .card-image-holder>img{position:relative !important;}
    
     .card-right .card-image-holder,
	 .card-left .card-image-holder{position:relative !important;}
	}
	
	[class*="card-right"] .content, [class*="card-left"] .content {padding: 4%;}
	
/*	[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;
	}*/
	
	[class*="card-left"] .content:before{
	left:auto;
	right:-25px;
	}
	
	.img-left {left:0; right: auto;}
	.img-right {right:0; left: auto !important;}
	.img-top {top:0; bottom: auto;}
	.img-bottom {bottom:0; top: auto !important;}
	
	[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;
	}
	
	/*.slider [class*="col-"] {display:inline-block;}
	.slider.card-left .image {float:right;}
	.slider.card-right .image {float:left;}*/
	
	.slider .content:before {display:none;}
	
/*---------------------------------
	COVER
-----------------------------------*/
.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:700;
	}
	
	.cover h2, .cover h3, .cover h4, .cover h5, .cover h6 {color:#fff;}
	.cover h2{margin-top:0; font-weight:normal; font-family:'Dancing Script', cursive; color:#9c8a4f; text-transform:lowercase;}
	.cover h3{font-size:2.5em; font-family:'Dancing Script', cursive; color:#9c8a4f; text-transform:lowercase;}
	.cover h2 + h3 {font-family:'Muli', sans-serif; color:#9c8a4f; text-transform:none; 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:700;
	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);}
	
	.gallery .small{position: relative; margin: 0.36%; padding: 0; display: inline-block; list-style-type: none; width: 15.9%; text-align: left; overflow: hidden; /*border-bottom: solid 5px #e11783;*/}
	.gallery .large{position: relative; margin: 0.8%; padding: 0; display: inline-block; list-style-type: none; width: /*31.7%*/48.4%; text-align: left; overflow: hidden; /*border-bottom: solid 5px #e11783;*/}
	
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	 .gallery .large{width: /*31.7%*/48.2%;}
}
	
	.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:hover img {opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */}
	.gallery .cover a.active img {opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */}
	.gallery .cover a {display: block; position: relative; width: 100%; padding-top: 100%; overflow: hidden; cursor: pointer; color:#fff}
	.gallery .cover.large p {font-size:2.5em; color:#000;}
	.gallery .cover.small p {font-size:1.2em; color:#000;}
	.gallery .cover .grid {top:0; transform:translate(-50%, 0); background: rgba(200, 230, 228, .8);}

/*---------------------------------
	FEATHERLIGHT HACKS
-----------------------------------*/

.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;
}

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


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

/*---------------------------------
	BUTTONS
-----------------------------------*/
.button,
.button:active,
.button:visited,
button[type="submit"]{
border:1px solid transparent;
background:#9c8a4f;
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;
}

.nav .button, .cover .button {background: #9c8a4f;}

.nav .button {padding:.5em 2em;}

.nav .button:before, .cover .button:before {background: rgba(0,0,0,0.3);}

	.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);
}

.light-cover .effect-cover{background:rgba(0,0,0,0.4);}

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

.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 */
}

#responsive table{width:100%;border-collapse:collapse;border-top:3px #515d8f solid;margin:10px 0;}
#responsive tr:nth-of-type(odd){background:#eee;}
#responsive th{background: none;color:#fff;font-weight:700;}
#responsive td{padding:6px;border:1px solid #ccc;text-align:left;}
#responsive th{padding:6px;border:1px solid #fff;text-align:center;border-bottom:2px solid #ccc}
@media
only screen and (max-width:760px),
(min-device-width:768px) and (max-device-width:1024px){#responsive table{width:auto}
#responsive table, thead, tbody, th, td, tr{display:block;}
#responsive thead tr{position:absolute;top:-9999px;left:-9999px;}
#responsive tr{border:1px solid #ccc;}
#responsive td{border:none;border-bottom:1px solid #eee;position:relative;padding-left:50%;}
#responsive td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;}
#responsive td:nth-of-type(1):before{content:"Meeting Room";font-weight:700;}
#responsive td:nth-of-type(2):before{content:"Dimensions (LxWxH)";}
#responsive td:nth-of-type(3):before{content:"Area (Sq. Feet)";}
#responsive td:nth-of-type(4):before{content:"Theater";}
#responsive td:nth-of-type(5):before{content:"Schoolroom";}
#responsive td:nth-of-type(6):before{content:"Conference";}
#responsive td:nth-of-type(7):before{content:"U-Shape";}
#responsive td:nth-of-type(8):before{content:"Reception";}
#responsive td:nth-of-type(9):before{content:"Banquet";}

}

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

	.plan-stay-highlights {max-height:50vh;}
	.plan-stay-highlights .card-image-holder>img {top:0; transform:translateX(-50%);}
	
}

/* large */
@media all and (max-width : 90em) {

	.plan-stay-highlights {max-height:70vh;}
	.plan-stay-highlights .card-image-holder>img {top:0; transform:translateX(-50%);}
}

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

	
}

/* medium */
@media all and (max-width: 70em) {
	#bookbar button[type="submit"] {margin-top:20px;}
	#mobile-nav-toggle{display:inline-block;}
	.temp{display:none;}
	header .nav{display:none;}
	header {margin-top: 0;}
	#logo {width:120px; padding: 15px 5px 8px; min-width:none;}
	#logo img {width:100%;}
	/*#bookbarfloat label{margin:2px 5px;}*/
	#sb-site:before:{height:60px;}
	.weather {top:60px;}
	    
	.plan-stay-highlights [class*="col-"] {display: block; width: 100%; height: auto;}
	.plan-stay-highlights .card-image-holder>img {max-height:60vh;}
	
}

@media all and (min-width: 60em) {


	.hero .slick-prev:after,
	.hero .slick-next:after{display:none;}
	
	.back-to-top{position:fixed;z-index:9999;bottom:-30px;right:0;width:129px;height:90px;cursor:pointer;display:none;font-size:.8em; color:#432c44;}
	
}

/* small */
@media all and (max-width: 60em) {
	
	header .nav{display:none;}
	.hero .slick-dots{bottom:auto;top:75%;}
	.temp{display:none;}
	#mobile-nav-toggle{display:inline-block;}
	blockquote{font-size:1.2em;margin:1em 0em;}
	blockquote.right{text-align:center;}
	h1{font-size:2em;}
	h2{font-size:1.5em;}
	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:#9c8a4f;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%;}
	[class*="card-slice"]{margin-bottom:15px;}
	
	#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{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%;}
	
	/* plan stay */
	.plan-stay {height:115px;}
	.plan-stay .plan-stay-inner {height:115px;}
	.plan-stay-highlights {max-height:none;}
	.plan-stay-highlights [class*="col-"].two {/*width: 48%; margin: 0 1%;*/ display: inline-block;}
	.plan-stay-highlights.cover .effect-cover{display:block;}
	.plan-stay-highlights.cover .grid{position:absolute;transform: translate(-50%,-50%);top:50%;left:50%;}
	.plan-stay-highlights.cover img{object-fit:cover; width:auto; top:0; /*max-height: 30rem;*/}
	
	.map {	padding-bottom:  65%;}
	.map iframe {position: absolute; top: 0; left: 0;}
	
	.photo-gallery li {width: 23.5%;}
	
	.gallery .large{width: 48.4%; margin:0.8%;}
	.gallery .small{width:24.2%;}
	.gallery .cover.small p {color:#fff; font-size:1em; padding:0 5px;}
	.gallery .cover.small .col-12 {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
	.gallery .cover.large p {color:#fff; font-size:1.2em;}
	.gallery .cover.large .grid {position:absolute; top:0; left:50%; /*top:15%;*/ transform: translate(-50%,0); z-index: 50; color: #fff; font-weight:700;}
	.gallery .cover.small .grid {position:absolute; top:50%; left:50%; /*top:15%;*/ transform: translate(-50%,-50%); z-index: 50; color: #fff; font-weight:700; height:100%;}
	.gallery .cover .effect-cover {display: inherit;}
	
	.gallery .attractions {height:20vh;}
	
	.back-to-top{display:none !important;}
	
	.slider .slick-slide img {max-width:100% !important; height:auto !important;}
	.rooms [class*="card"] .bottom-arrow { transform:translateX(-50%) translateY(50%);}
	
}

/* xsmall */
@media all and (max-width : 50em) {
	
	header{background:rgba(0,0,0,1);}
	#logo{width:120px;}
	.embelish{display:none;}
	.hero {margin-top:/*-55px*/20px;}
	.hero .slideshow .content{display:none;}
	#bookbar{display:none;}
	.socialbar, .weather{display:none;}
	
	#sb-site:before{height:65px;}
	.small-slideshow-frame {margin-top:0;}
	
	.map {padding-bottom: 65%;}
	.map iframe {position: absolute; top: 0; left: 0;}
	/*.subright {margin-right:-8%}*/
	#book-now a:after {display:none;}
	
	.video-thumb  {margin-bottom:20px;}
	.video-thumb .card-image-holder:after {transform: translateX(100%) translateY(35%);}
	
}

@media all and (max-width : 450px) {
/* plan stay */
	.plan-stay .plan-stay-right ul{width:86%; margin:0 6%;}
	.plan-stay .plan-stay-right ul li{ margin:0 1em;}
	
}

@media all and (max-width : 380px) {
	
	/*#book-now{display:none;}*/
	.map {padding-bottom: 65%;}
	.map iframe {position: absolute; top: 0; left: 0;}
	.rewards-logo {width:100%; margin-bottom:5px !important;}
}

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