/**
 * This file will be included in header in every page after foundation.
 * It should be used for content that relates
 * to your site as a whole, it should not be used for plugin-specific css.
 */

html {
	overflow-y: scroll;
}

/* This ensures that the page always has a scrollbar to ensure that some headers load correctly without FOUC */

html, body {
	height: 100%;
}

h1 {
	font-size: 1.6rem;
	color: #696460;
	font-family: var(--font-header);
}

h3 {
	font-size: 1.1rem;
	color: #696460;
	font-weight: normal;
	font-family: var(--font-header);
}

h4 {
	font-size: 0.9rem;
	color: #696460;
	font-weight: bold;
	font-family: var(--font-header);
}

body > .contentRender {
	min-height: 100%;
	height: 100%;
}

body .mfp-arrow:hover, body .mfp-arrow:focus {
	background-color: transparent; /* foundation compatibility with magnific popup */
}

.panel_page {
	min-height: 100%;
	position: relative;
}

/* DTN Mobile Footer Banner */
.panel_custom_footer.hasMobileAd {
	height: 150px;
}

.panel_custom_footer.hasMobileAd .mobileAd {
	display: block;
}

.panel_custom_footer .mobileAd {
	display: none; 
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 0;
}

.panel_custom_footer .mobileAd #dtnContainer {
	padding: 0px;
	position: relative;
	margin: 0 auto;
	width: 320px;
	display: block;
}

.panel_custom_footer .mobileAd .banner-close {
	position: absolute;
	top: -18px;
	cursor: pointer;
	right: 0px;
	padding: 0px 3px;
	opacity: .75;
	color: white;
	background: #111;
	font-size: 12px;
}

.panel_custom_footer .mobileAd .fa {
	color: white;
}
.no-header main {
	padding-top: 93px;
}
/*** Social Hub ***/
.panel_custom_socialhub {
}

.panel_custom_socialhub .rawContent {
	display: none;
}

.panel_custom_socialhub .panes {
}

.panel_custom_socialhub .panes > .pane {
	display: none;
}

.panel_custom_socialhub .panes > .pane.active {
	display: block;
}

.panel_custom_socialhub .tabs {
	overflow: hidden;
}

.panel_custom_socialhub .tabs .tabContent {
	padding: 10px;
	float: left;
	text-align: center;
	background: #eee;
	cursor: pointer;
}

.panel_custom_socialhub .tabs > .tab.active .tabContent {
	background: #bbb;
}

.panel_custom_socialhub .powered-by-youtube {
	clear: both;
	font-size: 11px;
	line-height: 18px;
}

.panel_custom_socialhub .youtube-logo {
	height: 24px;
	width: 53px;
	display: block;
}

.youtube-logo {
	background: url(/includes/public/assets/shared/youtube_logo_bw.png) no-repeat;
}

/* Consistent styling for shared action items in event/listing/offer layout and detail */
/* Usually appears as foo | bar | baz, span separated */
.shared-action-items {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 16px;
}

.shared-action-items span:last-child {
	border-right: none;
}

/* shared back button used in event/listing/offer/blog  */
.shared-back-button{
	display: none;
}

/* OnceThere Book Now Button */
.once-there-book-button {
	text-align: center;
}

.once-there-book-button p {
	margin-bottom: 5px;
}

.once-there-book-button a.book-button {
	max-width: 125px;
	padding: 5px 0px;
	color: var(--white);
	font-size: 18px;
	font-weight: bold;
	background-color: #b95915;
	display: inline-block;
	width: 100%;
}

.shared-list .item .once-there-book-button {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
	width: 125px;
}

.shared-list .item .once-there-book-button a {
	color: var(--white);
	padding: 5px 0px;
}

/** snippet is shared in offer detail, listing layout, listing detail **/
.yelp-snippet {
	margin-bottom: 1rem;
}

.yelp-snippet .yelp-rating {
	height: 21px;
}

.yelp-snippet .yelp-logo {
	height: 30px;
	position: relative;
	top: -3px;
}

.yelp-snippet .yelp-bottom {
	font-size: 12px;
}

.yelp-snippet .yelp-price {
	font-weight: bold;
	font-size: 15px;
}

.yelp-snippet .yelp-review-count {
	color: #666;
}
/*
|-----------------------------------------------------------------------------------------------------------
| FONTS, COLORS, & LITTLE SNIPPETS
|-----------------------------------------------------------------------------------------------------------
|
*/
/*

Fonts
font-family: 'PT Sans', sans-serif;
font-weight: 400 600;
font-style: italic;

PLACEHOLDER FOR FUTURA BOLD
font-family: 'Futura LT W01 Bold', Arial, sans-serif;

PLACEHOLDER FOR FUTURA MEDIUM
font-family: Arial, Helvetica, sans-serif;

Colors
MAIN TEXT  #28404f
COOL LIGHT #ebf9f8
COOL DARK  #d9f3f1
COOL VIBE  #3fc2ba
WARM LIGHT #fee4cd
WARM DARK  #f6c396



OTHER

font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
font-size: calc(16px + (18 - 16) * (100vw - 1024px) / (1200 - 1024));


@media only screen and (min-width: 40.063em) and (max-width: 64em) {}
@media only screen and (max-width: 64em) {}
@media only screen and (max-width: 40em) {}
*/


/* RESET STYLES */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
strong {
	font-weight: 600;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display: block;
}

body {
	line-height: 1;
}

p ol,
p ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
button {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 15px;
	line-height: 15px;
	border-radius: 0;
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	margin: 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	letter-spacing:  3px;
	display: inline-block;
	padding: 11px 16px 10px 20px;
	background-color: transparent;
	border: none;
	color: var(--white);
}
button:hover,
button:focus {
	background-color: transparent;
}
.row {
	max-width: 1165px;
}
.row.narrow {
	max-width: 765px;
}



/*---------------------------BASE STYLES---------------------------*/
body {
	font-family: var(--font-body);
	color: var(--color-body);
	font-size: 18px;
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

h1 {
	color: var(--color-body);
	font-size: 90px;
	line-height: 82px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: var(--font-header);
}

h2 {
	color: var(--color-body);
	font-size: 76px;
	line-height: 70px;
	font-family: var(--font-header);
}

h3 {
	color: var(--color-body);
	font-size: 48px;
	line-height: 50px;
	font-family: var(--font-display);
}

h4 {
	color: var(--color-body);
	font-size: 40px;
	line-height: 40px;
	font-family: var(--font-header);
}

h5 {
	color: var(--color-body);
	font-size: 50px;
	line-height: 34px;
	font-family: var(--font-body-bold);
}

h6 {
	color: var(--color-body);
	font-size: 30px;
	line-height: 34px;
	font-family: var(--font-body-bold);
}

p {
	font-family: var(--font-body);
	font-weight: 400;
	color: var(--color-body);
	font-size: 18px;
	line-height: 26px;
	margin-bottom: 20px;
}

a {
	color: var(--color-body);
	font-family: var(--font-body-bold);
}

td, tr {
	font-family: var(--font-body);
	color: var(--color-body);
	font-size: 20px;
	line-height: 26px;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a,
dt > a,
li > a {
	font: inherit;
	color: inherit;
	text-decoration: none;
}
.contentRender_name_plugins_core_textbox ul li > a {
	text-transform: none;
}

.contentRender_name_plugins_core_textbox img {
	border-radius: 10px;
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	h1 {
		font-size: 60px;
		line-height: 60px;
	}
	h2 {
		font-size: 56px;
		line-height: 52px;
	}
	h3 {
		font-size: 40px;
		line-height: 42px;
	}
	h4 {
		font-size: 36px;
		line-height: 36px;
	}
	h5 {
		font-size: 42px;
		line-height: 40px;
	}
	h6 {
		font-size: 24px;
		line-height: 28px;
	}
	p {
		font-size: 18px;
		line-height: 24px;
	}
	td,tr {
		font-size: 18px;
		line-height: 32px;
	}
}

@media only screen and (max-width: 40em) {
	h1 {
		font-size: 36px;
		line-height: 36px;
	}
	h2 {
		font-size: 36px;
		line-height: 32px;
	}
	h3 {
		font-size: 24px;
		line-height: 24px;
	}
	h4 {
		font-size: 36px;
		line-height: 36px;
	}
	h5 {
		font-size: 28px;
		line-height: 28px;
	}
	h6 {
		font-size: 18px;
		line-height: 24px;
	}
	p {
		font-size: 16px;
		line-height: 22px;
	}
	td, tr {
		font-size: 16px;
		line-height: 22px;
	}
}

.gMapContainer.open h5 {
	color: var(--color-body);
    font-size: 18px;
    line-height: 26px;
    font-family: var(--font-body);
}

/*---------------------------END BASE STYLES---------------------------*/

/*---------------------------CORE STYLES---------------------------*/
/*---------------------------CORE STYLES---------------------------*/
 
.core-styles h1,
.contentRender_name_plugins_core_textbox h1 {
	color:var(--color-body);
	font-size:55px;
	line-height: 65px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-family:var(--font-header);
	font-weight: 600;
}
 
.core-styles h2,
.contentRender_name_plugins_core_textbox h2 {
	color:var(--color-body);
	font-size:35px;
	line-height: 45px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family:var(--font-header);
	font-weight: 600;
}
 
.core-styles h3,
.contentRender_name_plugins_core_textbox h3 {
	color:var(--color-body);
	font-size:35px;
	line-height: 45px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family:var(--font-header);
}
 
.core-styles h4,
.contentRender_name_plugins_core_textbox h4 {
	color:var(--color-body);
	font-size:25px;
	line-height:26px;
	font-family:var(--font-header);
	font-weight: 700;
	margin-top: 20px;
}
 
.core-styles h5,
.contentRender_name_plugins_core_textbox h5 {
	color:var(--color-body);
	font-size:25px;
	line-height: 35px;
	margin-top: 20px;
	font-family:var(--font-header);
}
 
.core-styles h6,
.contentRender_name_plugins_core_textbox h6 {
	color:var(--color-body);
	font-size:25px;
	line-height:26px;
	font-family:var(--font-header);
	margin-top: 20px;
	font-weight: 700;
}
 
.core-styles p,
.contentRender_name_plugins_core_textbox p {
	color:var(--color-body);
	font-size:18px;
	line-height: 26px;
	font-family: var(--font-body);
}
 
.core-styles a,
.contentRender_name_plugins_core_textbox a {
	color:var(--color-dark-gray);
	font-family: var(--font-body);
	font-weight: 700;
    text-decoration: underline;
}
 
.core-styles a:hover,
.contentRender_name_plugins_core_textbox a:hover {
	text-decoration:underline;
	color: #005b77;
}
 
.core-styles ul:not([class*="block-grid-"]),
.core-styles ol:not([class*="block-grid-"]),
.contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]),
.contentRender_name_plugins_core_textbox ol:not([class*="block-grid-"]) {
	margin-left: 1.1rem;
}

.core-styles ul:not([class*="block-grid-"]) li,
.core-styles ol:not([class*="block-grid-"]) li,
.contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]) li,
.contentRender_name_plugins_core_textbox ol:not([class*="block-grid-"]) li {
	color:var(--color-body);
	font-size:18px;
	line-height: 26px;
	font-family: var(--font-body);
}
 
.core-styles table,
.contentRender_name_plugins_core_textbox table {
	margin-bottom: 1.25rem;
}

.core-styles td,
.contentRender_name_plugins_core_textbox td,
.core-styles tr,
.contentRender_name_plugins_core_textbox tr {
	color:var(--color-body);
	font-size:18px;
	line-height: 26px;
	font-family: var(--font-body);
	/* border: solid 1px #ddd; */
}
 
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}
 
.core-styles img[style*='float: right'],
.contentRender_name_plugins_core_textbox img[style*='float: right'] { margin-left : 15px; margin-bottom: 5px; }
.core-styles img[style*='float: left'],
.contentRender_name_plugins_core_textbox img[style*='float: left'] { margin-right : 15px; margin-bottom: 5px; }
@media screen and (max-width:1024px) {
	.core-styles h1,
	.contentRender_name_plugins_core_textbox h1 {
		font-size: 40px;
		line-height: 46px;
	}
}
@media screen and (max-width:640px) {
	.core-styles h1,
	.contentRender_name_plugins_core_textbox h1 {
		font-size: 30px;
		line-height: 38px;
	}
	.core-styles h2,
	.contentRender_name_plugins_core_textbox h2 {
		font-size: 25px;
		line-height: 30px;
	}
	.core-styles h3,
	.contentRender_name_plugins_core_textbox h3 {
		font-size: 25px;
		line-height: 30px;
	}
	.core-styles h4,
	.contentRender_name_plugins_core_textbox h4 {
		font-size: 20px;
		line-height: 23px;
	}
	.core-styles h5,
	.contentRender_name_plugins_core_textbox h5 {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	.core-styles h6,
	.contentRender_name_plugins_core_textbox h6 {
		font-size: 20px;
		line-height: 23px;
	}
}
.contentRender_name_plugins_core_textbox em,
.contentRender_name_plugins_core_textbox i,
.core-styles em,
.core-styles i {
	font-style: italic;
}
 
/*---------------------------END CORE STYLES---------------------------*/
/*---------------------------END CORE STYLES---------------------------*/


.slideshow_container {
	position: relative;
}

/* GENERAL STYLES */
a:focus,
a:hover,
a:active {
	color: var(--color-body);
	text-decoration: underline;
}
.imgcont {
	position: relative;
	width:  100%;
}
picture,
.imgcont img,
.logo img {
	width: 100%;
}

.logo img,
.logo svg {
	width: 100%;
	max-width: 160px;
	border-radius: 0;
}

header .row {
	max-width: 1180px;
}

header .columns {
	padding: 0;
}

.gradient-bottom-up {
	position: absolute;
	background-image: url(/includes/public/assets/images/gradient-bottom-up.png);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	z-index: 3;
}
.gradient-top-down {
	background-image: url(/includes/public/assets/images/gradient-top-down.png);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.generic-slider-wrapper {
	position: relative;
}
.more-link {
	font-family: var(--font-body);
	font-weight: 400;
	border:  1px solid var(--color-body);
	padding: 7px 13px;
	border-radius:  5px;
	font-size:  15px;
	line-height:  15px;
}
a.more-link:hover {
	text-decoration: none;
}
.contentRender_name_plugins_collections_template_custom_social_links,
ul.social-links {
	list-style: none;
	display:  flex;
}
.social-links li {
	font-size: 16px;
	border: 1px solid;
	border-radius: 50%;
	border-color: var(--color-body);
	height: 35px;
	width: 35px;
	display:  flex;
	align-items:  center;
	justify-content:  center;
	margin: 5px 1px;
	margin-left: 29px;
}
.social-links a:hover {
	text-decoration: none;
}
.full-left-background {
	background-color: var(--color-light-blue);
	position: absolute;
	bottom: 0px;
	right: 50vw;
	height: 100%;
	width: 100%;
	z-index: 1;
}
.full-right-background {
	background-color: var(--color-light-blue);
	position: absolute;
	bottom: 0px;
	right: calc(-100vw / 2 + 1182px / 2);
	height: 100%;
	width: 50%;
	z-index: 1;
}
@media only screen and (max-width: 1400px) {
	.full-right-background {
		width: 25%;
	}
}
@media only screen and (max-width: 64em) {
	.full-left-background {
		background-color: var(--color-light-blue);
		position: absolute;
		bottom: 0px;
		right: 50vw;
		height: 100%;
		width: 100%;
		z-index: 1;
	}
	.full-right-background {
		display: none;
	}
}
@media only screen and (max-width: 40em) {}
.full-controled-background {
	background-color: var(--color-light-blue);
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}
.dots-warm {
	content: "";
	/* background-image: url(/includes/public/assets/images/dots-warm.svg); */
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.dots-cool {
	content: "";
	/* background-image: url(/includes/public/assets/images/dots-cool.svg); */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.vr-cool {
	/* background-image: url(/includes/public/assets/images/vr-cool.svg); */
	height: 100%;
	width: 1px;
}
h2.section-header {
	font-size: 70px;
	font-family: var(--font-header);
	color: var(--color-body);
	font-weight: bold;
	line-height: 70px;
	text-align: left;
	padding-bottom: 30px;
	border-bottom: 1px solid;
	border-color: #c5c5c5;
	margin-bottom: 35px;
}
a.ta-links::after {
	content: "|";
	color: #bdbdbd;
}
a.ta-links:last-child::after {
	content:;
	display: none;
}
a.ta-links i.fa {
	color: var(--color-teal);
}
a.ta-links:hover {
	text-decoration: none;
}
a.ta-links span {
	padding: 0 10px;
}
@media only screen and (max-width: 64em) {
	h2.section-header {
		font-size: 50px;
		line-height: 52px;
	}
}
@media only screen and (max-width: 40em) {
	h2.section-header {
		font-size: 40px;
		line-height: 42px;
		margin:  0 20px 20px;
	}
}

/* I'm not exactly confident that this is the best way to control the width of the page */
main {
	display: block;
	width: 100%;
	position:  relative;
	overflow: hidden;
}


/* yellow red REMOVE BEFORE FLIGHT yellow red */
.hide {display: none}

/* HEADER LOGO */
picture.header-logo {
	background-color:  var(--white);
	display:  block;
	position:  absolute;
	float:  left;
	z-index: 202;
	width:  auto;
	padding: 0px 0px 0px 0px;
	border-radius:  0 0 5px 5px;
	margin-left: 15px;
}
.header-logo a {
	padding: 20px 13px 20px 20px;
}
.header-logo svg {
	width: 100%;
	max-width: 150px;
}
.microsite picture.header-logo {
	padding: 7px 10px;
}
.microsite picture.header-logo p {
	margin: 0;
}
@media only screen and (max-width: 64em) {
	picture.header-logo {
		width: 120px;
		padding: 0px 7px;
	}
	.header-logo a {
		padding: 13px 0px 16px 0px;
	}
}
@media only screen and (max-width: 40em) {
	picture.header-logo {
		background-color: var(--white);
		width: 115px;
	}
	picture.header-logo img {
		background-color: var(--white);
		padding: 0px 5px 5px;
		padding-top: 20px;
		margin-top: -20px;
		border-radius:  0 0 3px 3px;
	}
	.microsite picture.header-logo img {
		max-height: 100px;
	}
	.header-logo svg {
		width: 100%;
		max-width: 100px;
	}
}


/* HEADER GENERAL */
.ol-point2 {
	position: absolute;
	height: 100%;
	background-color: rgba(0,0,0,0.65);
	z-index:  0;
	width: calc(100vw - 10px);
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}
header {
	position: absolute;
	top: 0;
	width: 100%;
	display: block;
	height: auto;
	z-index: 1000;
	padding-bottom:  20px;
}
header section {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-flow: column wrap;
	z-index: 5;
	/* background-color: rgba(0,0,0,0.2); */
	width: 100%;
}
header section.interior-header {
	background-color: var(--color-teal);
}
header section nav ul {
	list-style: none;
	display:  flex;
	align-items:  center;
	justify-content: space-between;
	flex: .19 1 auto;
	position:  relative;
	margin-left: 0px;
	-ms-flex:auto;
	z-index: 202;
}
.ie-view header ul.main-nav-style {
	max-width: 58%;
	display: block;
}
.ie-view.microsite header ul.main-nav-style {
	max-width: 100%;
	display: block;
}
.ie-view header ul.main-nav-style li {
	display: inline-block;
	margin-right: 25px;
}
.ie-view header ul.main-nav-style li:last-child {
	margin-right: 1px;
}
.mobile-nav-dropdown ul.sub-nav-mobile,
.mobile-nav-dropdown ul.sub-nav-mobile ul {
	margin:  0px;
	padding:  0px;
	background-color: #dcf3f1;
	border-left: 3px solid;
	border-color: #a8d9d5;
	position: absolute;
	top: 0px;
	padding: 0px;
	z-index: 11;
	width:  calc(100% - 20px);
}

.mobile-nav-dropdown ul.sub-nav-mobile {
	top: 114px;
}
.mobile-nav-dropdown ul.sub-nav-mobile ul {
	top: 0;
	background-color: var(--color-light-blue);
	border-color: #a8d9d5;
	left: -3px;
	width: calc(100% + 3px);
	z-index: 11;
	height: 100%;
}
.mobile-nav-dropdown ul.sub-nav-mobile ul li i.fa,
.mobile-nav-dropdown ul.sub-nav-mobile ul li a{
	color: var(--color-body);
	font-weight: 500;
}
.mobile-nav-dropdown ul.sub-nav-mobile ul ul {
	background-color: var(--color-dark-blue);
}

.mobile-nav-dropdown ul.sub-nav-mobile ul ul li i.fa,
.mobile-nav-dropdown ul.sub-nav-mobile ul ul li a{
	color: var(--white);
}



/* MAIN NAVIGATION */
article.main-wrapper {
	display: flex;
	float:  right;
	align-items:  center;
	justify-content: space-evenly;
	width:  100%;
}
article.indy-wrapper {
	width: 100%;
	position:  relative;
}
.contentRender_name_plugins_nav_main,
nav.main-nav {
	display:  flex;
	align-items:  center;
	justify-content: flex-end;
	flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	z-index: 201;
}
.main-nav-style > li {
	font-size: 15px;
	font-family: var(--font-header);
	color: var(--white);
	line-height: 18px;
	letter-spacing: 1px;
	position: relative;
	font-weight: 900;
}
.main-nav-style .custom-nav-first{
	background-color: #008cba;
	padding: 1rem 1.5rem;
}
.micro .main-nav-style > li {
	margin: 0 10px;
}
.main-wrapper .main-nav-style li:hover {
	z-index: 2;
	cursor: pointer;
}
.main-wrapper .main-nav-style > li:hover:after {
	content: '';
	position: absolute;
	bottom: -10px;
	width: 200px;
	height: 14px;
}
.main-wrapper .main-nav-style > li > a {
	font-size: 24px;
}	
.main-wrapper .main-nav-style > li:hover> a {
	color: var(--white);
	text-decoration: none;
}	
/* MAIN NAV DROPDOWN */
.main-nav-style .sub-nav ul,
.main-nav-style ul.sub-nav {
	position: absolute;
	margin:  0px;
	padding: 10px 0px;
	top: 17px;
	left: -15px;
	border-radius:  7px;
	display: none;
	opacity: 0;
	flex-flow: column nowrap;
	background-color: var(--white);
	transition-property: opacity;
	transition-timing-function: ease;
	transition-duration: .15s;
	width: max-content;
	overflow:  visible;
	box-shadow:  0px 5px 25px rgba(0,0,0,0.1);
	padding-bottom: 16px;
}
.main-nav-style li:first-child .sub-nav ul, .main-nav-style li:nth-child(1) .sub-nav ul  {
	top: 17px;
	left: 185px;
}
.main-nav-style li:last-child ul.sub-nav {
	left: auto;
	transform:  translateX(0);
	right:  0;
	padding-left: 5px;
	margin-left: -5px;
}
.main-nav-style li:last-child ul.sub-nav li > ul {
	left: auto;
	transform:  translateX(0);
	right: 100%;
	max-width: 	250px;
	padding-left: 5px;
	margin-left: -5px;
}
.main-nav-style li:last-child ul.sub-nav li > ul li ul {
	left: auto;
	transform:  translateX(0);
    right: 210px;
    top: 10px;
}
ul.sub-nav:hover,
ul.sub-nav > ul:hover,
li:hover> ul.sub-nav {
	display: flex;
	opacity: 1;
}
ul.sub-nav ul {
	display: none;
	opacity: 0;
	flex-flow: column;
	padding-top: 30px;
	padding-left: 20px;
	background-color: var(--white);
}
ul.sub-nav li:hover > ul {
	position: absolute;
	display: flex;
	opacity: 1;
	top: -12px;
	right: 100%;
	left: auto;
}
ul.sub-nav i.fa {
	float: right;
	margin-right: 20px;
	font-size: 27px;
	font-weight: 900;
	line-height:  20px;
	color:  var(--color-teal);
}
ul.sub-nav li {
	font-size: 14px;
	font-family: var(--font-header);
	color: var(--color-body);
	font-weight: bold;
	line-height: 16px;
	padding: 16px 25px;
	border-bottom:  1px solid;
	border-color: #ddd;
	position: relative;
	width: 90%;
	margin-left: 1rem;
	margin-right: 1rem;
}
ul.sub-nav li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}
ul.sub-nav li a {
	color: var(--color-body);
	text-align: left;
	padding: 0;
	padding-right: 20px;
	text-transform: uppercase;
	font-family: 'Futura LT W01 Bold', Arial, sans-serif;
	font-weight: 900;
}
ul.sub-nav li:hover> a {
	color: var(--color-teal);
}

.main-nav-style ul.sub-nav li {
	font-size: 14px;
	font-family: var(--font-header);
	color: var(--color-body);
	font-weight: bold;
	line-height: 16px;
	padding: 16px 25px;
	border-bottom:  1px solid;
	border-color: #ddd;
	position: relative;
	width: 90%;
	margin-left: 1rem;
	margin-right: 1rem;

/* 	border: 1px solid red; */
	display: flex;
}

.main-nav-style ul.sub-nav i.fa {
	float: right;
	margin-right: 20px;
	font-size: 18px;
	font-weight: 900;
	line-height: 18px;
	color: var(--color-teal);
	margin-left: auto;
}

/* .main-nav-style ul.sub-nav li:hover > i {
	color: #3fc3ba;
} */



/* INDUSTRY NAVIGATION */
indy-wrapper {
	margin: 0;
	padding: 0;
	background-color: rgba(0,0,0,0.2);
	width: 100%;
	float: right;
	text-align: right;
}
nav.indy-nav {display:  flex;justify-content:  flex-end;align-items:  center;}
ul.indy-nav-style li {
	font-family: var(--font-body);
	font-size: 13px;
	line-height: 16px;
	color: var(--white);
	padding: 10px;
	position:  relative;
}
ul.indy-nav-style li a {
	font-family: var(--font-header);
	font-size: 18px;
}
ul.indy-nav-style > li:hover >a {
	color: var(--white);
	text-decoration: underline;
}
ul.indy-nav-style li:last-child {
	margin-left: 10px;
	padding-left: 15px;
	border-left: 1px solid;
	border-color: var(--white);
}
.indy-nav-style ul.sub-nav {
	position: absolute;
	z-index: 20;
	margin:  0px;
	padding: 10px 5px;
	top: 100%;
	left: 50%;
	border-radius:  7px;
	display: none;
	opacity: 0;
	flex-flow: column nowrap;
	background-color: var(--white);
	transition-property: opacity;
	transition-timing-function: ease;
	transition-duration: .5s;
	width: max-content;
	overflow:  visible;
	box-shadow:  0px 5px 25px rgba(0,0,0,0.1);
	transform: translateX(-50%);
}
ul.indy-nav-style li:last-child ul.sub-nav {
	transform: translateX(0);
	left: auto;
	right: 0px;
}
ul.indy-nav-style li:last-child ul.sub-nav li ul{
	right: -230px;
}
ul.indy-nav-style li:last-child ul.sub-nav li:hover > ul {
	left: -85%
}
.indy-nav-style ul.sub-nav li {
	font-family: var(--font-body);
	font-size: 13px;
	font-weight: 600;
	color: var(--color-body);
	font-weight: bold;
	line-height: 15px;
}
.indy-nav-style li:hover> ul.sub-nav {
	display: flex;
	opacity: 1;
	top: 35px;
}
.indy-nav-style>li:hover> ul.sub-nav >li:hover ul.sub-nav {
	top: 0;
	left: -86px;
}
.indy-nav-style>li:hover> ul.sub-nav >li:hover ul.sub-nav {
	top: 0;
    left: -100px;
}
.indy-nav-style>li:nth-last-child(1):hover> ul.sub-nav >li:hover ul.sub-nav {
	top: 0;
    left: -230px;
}
.indy-nav-style>li:first-child:hover> ul.sub-nav >li:hover ul.sub-nav {
	top: -7px;
	left: -112px;
}

/* BOOKING WEATHER AND SEARCH OH MY */
.contentRender_name_plugins_tripbuilder_counter, 
.tripbuilder, 
.contentRender_name_plugins_weather_weather, 
a.header-booking, 
.weather, 
.search {
	font-family: var(--font-body);
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--white);
	height: 55px;
	z-index:  11;
	flex: .01 1 auto;
	position:  relative;
}
.weather span {
	font-size: 24px;
	padding-bottom: 3px;
}
.header-booking span {
	font-family: var(--font-body);
	font-size: 9px;
	line-height: 10px;
	height: 15px;
	width: 15px;
	border-radius:  50%;
	background-color: var(--color-teal);
	display:  flex;
	align-items:  center;
	justify-content:  center;
	position:  absolute;
	top: 25%;
	right:  -5px;
}
.header-booking,
.weather {
	flex-flow: column nowrap;
}
.contentRender_name_plugins_weather_weather, 
.weather {
	flex: .1 0 auto;
	font-family: var(--font-header);
	font-size: 24px;
}
.weather.show-for-medium-up {
	display: flex !important;
}
.search-action {
	z-index: 5;
	cursor: pointer;
}
.search {
	padding: 0px 15px;
}
.search i.fa {
	float: right;
}
.search-form {
	display: none;
}
.search-form.active {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	height: 100%;
	background-color: var(--white);
	opacity: 0.96;
}
.bg-search-form {
	display:  none;
	position: fixed;
	top:  0;
	left:  0;
	width: 100vw;
	height: 100vw;
	background-color: var(--white);
	opacity: .4;
	z-index: 0;
}
.bg-search-form.active {
	display: block;
}
.search-form form {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% ,-50%);
	z-index: 6;
	width: 566px;
	display: flex;
}
.search-form input[type="search"],
.search-form input[type="search"]:focus {
	font-family: "azo-sans-web",sans-serif;
	font-style: normal;
	font-weight: 700;
	background-color: transparent;
	border: none;
	box-shadow: none;
	margin: 0;
	color: var(--color-body);
	border-bottom: 3px solid var(--color-light-blue);
	font-size:  22px;
	padding: 30px;
	padding-left:  0;
}

.search-form input::-webkit-input-placeholder {
	font-family: "azo-sans-web",sans-serif;
	font-style: normal;
	font-weight: 700;
	background-color: transparent;
	color: var(--color-body);
	font-size:  22px;
	padding: 30px;
	padding-left:  0;
}
.search-form input:-moz-placeholder {
	/* Firefox 18- */
	font-family: "azo-sans-web",sans-serif;
	font-style: normal;
	font-weight: 700;
	background-color: transparent;
	color: var(--color-body);
	font-size:  22px;
	padding: 30px;
	padding-left:  0;
}
.search-form input::-moz-placeholder {
	/* Firefox 19+ */
	font-family: "azo-sans-web",sans-serif;
	font-style: normal;
	font-weight: 700;
	background-color: transparent;
	color: var(--color-body);
	font-size:  22px;
	padding: 30px;
	padding-left:  0;
}
.search-form input:-ms-input-placeholder {
	font-family: "azo-sans-web",sans-serif;
	font-style: normal;
	font-weight: 700;
	background-color: transparent;
	color: var(--color-body);
	font-size:  22px;
	padding: 30px;
	padding-left:  0;
}

.search-form button {
	border-bottom: 3px solid var(--color-light-blue);
	color: var(--color-body);
	font-size: 20px;
}
.search-form .close-search {
	position: absolute;
	right: 100px;
	cursor: pointer;
	top: 100px;
	width: 12px;
}

@media only screen and (max-width: 1024px) {
	.search-form {
		display: none !important;
	}
	nav.indy-nav {display: block;}
}



/* MOBILE NAVIGATION DROPDOWN */
.mobile-nav-container {
	position:  relative;
}
.mobile-nav-action {
	width: 46px;
	height: 46px;
	padding: 0px 3px;
	position: relative;
	z-index: 10;
	display: block;
	cursor: pointer;
}
.mobile-nav-action::after {
	content: "";
	width: 23px;
	height: 16px;
	background-image: url(/includes/public/assets/images/hamburger-bars.png);
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-size: 100%;
	right: 5px;
	image-rendering: pixelated;
}
.mobile-nav-action.active::after {
	content: "";
	width: 11px;
	height: 14px;
	background-image: url(/includes/public/assets/images/x-close-nav.png);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
}
.mobile-nav-dropdown {
	position: absolute;
	right: -15px;
	top: 0px;
	display: none;
	opacity: 0;
	padding: 0px;
	margin:  0px;
	flex-flow: column nowrap;
	width: 325px;
	background-color:  var(--white);
	padding-top:  100%;
}
.mobile-nav-dropdown.active {
	display: flex;
	opacity:  1;
	box-shadow: 0px 8px 8px rgba(0,0,0,.09);
	padding-bottom: 385px;
}
.mobile-nav-dropdown i.fa {
	float: right;
	font-size: 27px;
	line-height: 20px;
	color: var(--color-body);
	cursor: pointer;
}
.mobile-nav-dropdown-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0px;
	padding: 6px 20px;
	border-top: 1px solid;
	border-color: rgba(0,0,0,0.1);
}
.mobile-nav-dropdown .weather {
	font-family: var(--font-header);
	font-size: 16px;
	line-height: 18px;
	color: var(--color-body);
	font-weight: bold;
	text-transform: uppercase;
}
.mobile-nav-dropdown a.header-booking i.fa {
	font-size: 16px;
	color: var(--color-teal);
}
.mobile-nav-dropdown .mobile-search {
	position: relative;
	flex: .5 1 auto;
}
.mobile-nav-dropdown .mobile-search input {
	margin: 0px;
	border-color: var(--color-dark-gray);
	border-radius: 7px;
	padding: 5px 10px;
	box-shadow: none;
	height: 30px;
}
.mobile-nav-dropdown .mobile-search input::placeholder {
	font-size: 13px;
	font-family: var(--font-body);
	color: var(--color-body);
	line-height: 15px;
}
.mobile-nav-dropdown .mobile-search button i.fa {
  font-size: 15px;
  line-height: 15px;
  color: var(--color-body);
}
.mobile-search button {
	position: absolute;
	top: 0px;
	right: 10px;
	padding:  0px;
	margin:  0px;
	height:  30px;
	width:  30px;
}
.mobile-nav-dropdown nav.main-nav {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex: 1 1 auto;
}
.mobile-nav-dropdown ul {
	position: static;
}
.mobile-nav-dropdown ul.main-nav-style-mobile {
	display:  flex;
	flex-flow:  column;
	align-items: flex-start;
	justify-content:  flex-start;
	font-size: 16px;
	font-family: var(--font-header);
	text-transform: uppercase;
	line-height: 18px;
	width:  100%;
}
ul.main-nav-style-mobile li {
	border-top: 1px solid;
	border-color:  rgba(0,0,0,0.1);
	width:  100%;
	padding: 12px 20px 12px;
}
ul.main-nav-style-mobile .sub-nav-mobile li {
	border-color: var(--white);
	font-size: 14px;
	font-family: var(--font-body);
	font-weight: 600;
	color: var(--color-body);
	line-height: 18px;
}
ul.main-nav-style-mobile .sub-nav-mobile li.sub-nav-mobile-menu-action {
	cursor: pointer;
}
ul.main-nav-style-mobile .sub-nav-mobile li.mobile-menu-back-action i.fa {
	float: left;
	font-size: 14px;
	color: var(--color-teal);
	position: relative;
	top: -2px;
	margin-right:  5px;
}
ul.main-nav-style-mobile > li:last-child {
	border-bottom: 1px solid;
	border-color:  rgba(0,0,0,0.1);
}
.mobile-nav-dropdown ul li a {
	color: var(--color-body);
	font-family: var(--font-header);
	font-size: 24px;
}
.mobile-nav-dropdown ul li li a {
	color: var(--color-body);
	font-family: 'Futura LT W01 Medium', Arial, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
}
.sub-nav-mobile ul {
	display: none;
}
.sub-nav-mobile ul.active {
	display: block;
}
.sub-nav-mobile {
	display: none;
	margin-top:  20px;
}
.sub-nav-mobile.active {
	display: block;
}
.indy-nav-style-mobile {
	display: flex;
	align-items: flex-start;
	flex-flow: column;
	width:  100%;
}
.indy-nav-style-mobile li {
	font-family: var(--font-body);
	padding: 12px 20px 12px;
	margin: 0px;
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	color: var(--color-body);
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.indy-nav-style-mobile li li {
	padding: 12px 0px 12px;
}
.mobile-nav-dropdown ul li a.active, .mobile-nav-dropdown ul li:hover > a {
	color: var(--color-teal);
}
.mobile-nav-dropdown nav i.fa.menu-action {
	font-size: 18px;
	line-height: 18px;
	color: var(--color-teal);
	margin-left:  11px;
}
.mobile-nav-dropdown nav:last-child li:last-child {
	padding-bottom: 30px;
}
.mobile-nav-dropdown .sub-nav-mobile-menu-action i.fa {
	float: left;
	font-size: 14px;
	line-height: 16px;
	margin-right: 5px;
	color: var(--color-teal);
}



@media only screen and (max-width: 1024px) {
	article.indy-wrapper,
	article.main-wrapper {
		display: none;
	}
	header .ol-point2 {
		width: 100%;
		left: 0;
		right: 0;
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width: 40em) {
	.mobile-nav-dropdown {
		height: 100vh;
		width: 100vw;
		overflow-y: auto;
	}
	.mobile-nav-dropdown-top {
		display: flex;
		justify-content: space-between;
	}
}

section.upper-footer {
	position: relative;
	display: flex;
	align-items:  center;
}
section.middle-footer {
	padding-bottom:  35px;
	margin-top: 35px;
	margin-bottom: 35px;
	border-bottom:  1px solid;
	border-color: #dcdcdc;
	display: flex;
    justify-content: center;
}
section.upper-footer logo {
	display: block;
}
footer a.more-link {
	border-color: var(--color-dark-gray);
	font-weight: 600;
	padding: 3px 13px;
	margin-top: auto;
}
footer .dots-warm {
	height: 205px;
	width:  205px;
	top: -25px;
	left: 171px;
	z-index:  0;
}
footer .engagment-container {
	display: flex;
	flex:  1 1 auto;
	align-items: center;
	justify-content: space-evenly;
	position: relative;
	background-color: var(--color-light-blue);
	margin-left: 10px;
	padding:  13px 0 16px;
	z-index:  2;
}
.ie-view footer .logo-container select {
	height:36px;
}
.contentRender_name_plugins_collections_template_custom_social_links,
.upper-footer ul.social-links {
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-evenly;
	max-width: 110px;
}
.contentRender_name_plugins_common_visitors_guide,
article.visitors-guide {
	text-align: center;
	flex: 0 .1 34%;
	-ms-flex: 0 .1 34%;
	padding: 0 17px;
}
.contentRender_name_plugins_collections_template_custom_social_links a,
.upper-footer ul.social-links a {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.visitors-guide h5 {
	font-family: var(--font-header);
	font-size: 20px;
	line-height: 25px;
	color: var(--color-body);
	text-align: center;
}
.visitors-guide p {
	font-size: 16px;font-family: var(--font-body);
	font-weight: 400;
	color: var(--color-body);
	line-height: 23px;
	text-align: center;
	margin-bottom: 12px;
}
.visitors-guide a.more-link {
	text-align: center;
	font-weight: 600;
	padding: 3px 12px;
	text-decoration: none;
}
.middle-footer .secondary-logo{
	display: flex;
	justify-content: center;
}
footer .enews-container {
	display: flex;
	flex-direction: column;
}

article.enews-subscribe {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 3;
	height: 100%;
	margin-bottom: 15px;
}


article.enews-subscribe .inner {
	display: flex;
	flex-direction: column;
	height: 100%;
}

footer .enews-container .inner> * {
	max-width: 160px;
}

.enews-subscribe .description-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	flex-grow: 1;
}
.enews-subscribe .description-container p {
	font-size: 15px;
	font-family: var(--font-body);
	font-weight: 400;
	color: var(--color-body);
	line-height: 22px;
	text-align: left;
	display: inline-block;
	text-align: center;
}

@media only screen and (min-width: 641px) {
	.contentRender_name_plugins_common_visitors_guide {padding: 0;}
	footer .enews-container {
		flex-direction: row;
		flex-wrap: wrap;
	}
	footer .enews-container > * {
		margin-bottom: 10px;
	}
	article.enews-subscribe {
		margin: 0 20px 0;
		display: flex;
		flex-direction: column;
	}
}

@media only screen and (min-width: 1025px) {
	footer .enews-container > * {
		margin: 0;
	}
}

@media only screen and (min-width: 1440px) {
	footer .enews-container {
		flex-wrap: nowrap;
	}
	article.enews-subscribe {
		margin: 0;
	}
	footer .enews-container > * {
		margin-right: 10px;
	}
	article.enews-subscribe .inner {
		flex-direction: row;
	}
	article.enews-subscribe .inner img {
		max-width:120px;
		margin-right: 10px;
	}
	.enews-subscribe .description-container {
		justify-content: flex-start;
		align-items: flex-start;
	}
	.enews-subscribe .description-container p {
		text-align: left;
		min-width:120px
	}

}

@media only screen and (max-width: 64em) {
	.ie-view a.header-booking {
		margin-right: 13px;
	}
	.upper-footer .logo {
		display: none;
	}
	footer .dots-warm {
		left: 0px;
	}
	.contentRender_name_plugins_common_visitors_guide,
	article.visitors-guide {
		-ms-flex: auto;
	}

	footer.panel_custom_footer {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media only screen and (max-width: 40em) {
	.upper-footer .dots-warm,
	.upper-footer .full-right-background,
	.upper-footer .vr-cool,
	.upper-footer ul.social-links {
		display: none;
	}
	footer.panel_custom_footer {
		padding: 0px;
	}
	.contentRender_name_plugins_collections_template_custom_social_links, .upper-footer ul.social-links {
		max-width: 260px;
	}
	article.visitors-guide {
		margin: 20px;
		padding-bottom: 35px;
		border-bottom: 1px solid;
		border-color: var(--color-body);
		padding: 0 6px;
		padding-bottom: 26px;
	}
	footer .engagment-container {
		flex-flow: column;
		align-items: center;
		justify-content: center;
		margin: 0px;
		padding: 13px 0 16px;
	}
	section.upper-footer {
		position: relative;
		display: flex;
		align-items: center;
		padding-bottom: 0px;
		margin-bottom: 30px;
		border-bottom: none;
	}
	section.middle-footer .middle-footer .secondary-logo {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
	nav.indy-nav {
		display: block;
	}
}



section.lower-footer {
	position: relative;
	display: flex;
	flex-flow:  row wrap;
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom: 22px;
}
.lower-footer nav,
.lower-footer article {
	margin-bottom: 30px;
}
.lower-footer ul.social-links,
.lower-footer .logo {
	display: none;
}
ul.footer-nav-style {
	list-style: none;
}
footer .footer-nav-style {
	font-family: var(--font-body);
	font-weight: 600;
	font-size: 15px;
	line-height: 18px;
	margin-bottom: 10px;
}
footer .footer-nav-style li {
	margin-bottom: 5px;
	color: var(--color-dark-blue);
}

@media only screen and (max-width: 64em) {
	.lower-footer .logo {
		display: block;
		margin-right:  10px;
	}
}

@media only screen and (max-width: 40em) {
	.lower-footer .logo {
		margin-right: 0;
	}
	section.lower-footer {
		position: relative;
		display: flex;
		flex-flow: column wrap;
		align-items: center;
		justify-content: space-between;
		padding-bottom: 22px;
	}
	.ie-view .contentRender_name_plugins_common_visitors_guide, .ie-view article.visitors-guide {
		padding: 0px;
		max-width: 83%;
		padding-bottom: 20px;
		display: block;
		margin:0 auto;
	}
	.lower-footer .logo img {
		margin-bottom: 20px;
	}
	.lower-footer ul.social-links {
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		width: 100%;
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid;
		border-color: rgba(0,0,0,.1);
	}
	.lower-footer ul.social-links li:first-of-type {
		margin-left: 0;
	}
	.ie-view .contentRender_name_plugins_collections_template_custom_social_links {
		display: block;
		margin:0 auto;
		max-width: 221px;
	}
	.ie-view .lower-footer ul.social-links li {
		display: -ms-inline-flexbox;
	}
	.ie-view article.enews-subscribe {
		display: -ms-inline-flexbox;
	}
	.lower-footer ul.social-links li {
		-ms-transform:translateX(40%);
	}
	.lower-footer ul.social-links li {
		margin-left: 35px;
	}
	.lower-footer nav,
	.lower-footer article {
		margin-bottom: 5px;
	}
	.ie-view .lower-footer nav,
	.ie-view .lower-footer article {
		max-width: 84%;
		-ms-flex:auto;
	}
	.contentRender_name_plugins_nav_footer,
	footer .footer-nav-style {
		display: flex;
		margin: 0px 10px;
	}
	footer .footer-nav-style li {
		margin: 0px 5px;
		font-size: 14px;
		line-height: 16px;
	}
	footer .footer-nav-style li:first-of-type{
		margin-left: 0;
	}
	footer .footer-nav-style li:last-of-type {
		margin-right: 0;
	}
	.lower-footer article {
		text-align: center;
		margin: 10px 20px;
		padding: 0px!important;
		margin-bottom: -2px;
	}
}
.footer-nav {
	flex: .4 0 2%;
	-ms-flex: auto;
}
.ie-view .footer-nav {
	max-width: 17%;
}
footer .contact-container {
	flex: .1 0 auto;
	padding-bottom: 11px;
}
footer .contact-container h5 {
	font-size: 15px;
	font-family: var(--font-body);
	color: var(--color-body);
	font-weight: bold;
	line-height: 17px;
	margin:  0;
	padding:  0;
	margin-bottom: 5px;
}
footer .contact-container p {
	font-size: 15px;
	font-family: var(--font-body);
	color: var(--color-body);
	line-height: 17px;
	margin: 0;
	margin-bottom: 5px;
}
footer .address-container {
	flex: .1 0 auto;
	padding-bottom: 33px;
}
footer .address-container h5 {
	font-size: 15px;
	font-family: var(--font-body);
	color: var(--color-body);
	font-weight: bold;
	line-height: 17px;
	margin:  0px;
	padding:  0px;
	margin-bottom: 5px;
}
footer .address-container p {
	font-size: 15px;
	font-family: var(--font-body);
	color: var(--color-body);
	line-height: 17px;
	margin: 0;
	margin-bottom: 5px;
}
footer .copyright-container {
	flex: 0 2 20%;
	padding-bottom: 47px;
}
footer .copyright-container p {
	font-size: 13px;
	font-family: var(--font-body);
	color: #b7b6b6;
	line-height: 15px;
}

footer .logo-container {
	flex: .1 1 12%;
	-ms-transform:translate(7px, -67px);
}

footer .logo-container select {
	border-color: var(--color-dark-gray);
	border-radius: 7px;
	align-self: flex-end;
	margin: 0px;
	margin-top: 0px;
	margin-top: 30px;
	font-size: 15px;
	font-family: var(--font-body);
	color: var(--color-body);
	font-weight: bold;
	line-height: -18px;
	-moz-appearance: none;
	height: 38px;
	padding: 0;
	padding-left: 0px;
	padding-left: 11px;
}
@media only screen and (max-width: 64em) {
	footer .copyright-container {
		flex: 1 0 50%;
		max-width: 85%;
	}
	footer .logo-container {
		flex: 1 0 50%;
		display:  flex;
		align-items: flex-start;
		justify-content:  space-around;
	}
	footer .logo-container img {
		margin-bottom: 30px;
		margin-top: 0px;
		max-width: 150px;
	}
	footer .logo-container select {
		margin-bottom: 30px;
		margin-top: 0px;
		max-width:  150px;
	}
}
@media only screen and (max-width: 40em) {
	footer .logo-container {
		flex-flow: column;
	}
	.ie-view footer .logo-container img {
		margin-bottom: 0px;
	}
}


/* HEADERS */
section.homepage-header {
	position: relative;
	z-index: 1;
	margin-bottom: 0;
}
.homepage-header .header-title img {
	height: 80%;
	display: none;
}
.homepage-header .title-area {
	z-index: 4;
	position: absolute;
	color: white;
	font-family: var(--font-header);
	bottom: 45px;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	max-width: 780px;
}
.homepage-header .title-area span {
	display: block;
}
.homepage-header .title-area span.title {
	font-size: 65px;
	margin-bottom: 20px;
	line-height: 75px;
}
.homepage-header .title-area span.description {
	font-family: var(--font-body);
	font-size: 30px;
	letter-spacing: 1px;
}
section.small-title-header {
	position:  relative;
	z-index: 1;
}
section.large-title-header {
	position:  relative;
	z-index: 1;
}
section.no-title-header {
	position:  relative;
	z-index: 1;
}
section.shallow-header {
	position:  relative;
	z-index: 1;
}
.header-title {
	position: absolute;
	z-index: 4;
}
.small-title-header .header-title {
	bottom: 20px;
}
.small-title-header .header-title dt {
	font-family: var(--font-header);
	font-size: 65px;
	line-height: 75px;
	color: var(--white);
}
.small-title-header .header-title dd {
	font-family: var(--font-body);
	font-size: 30px;
	line-height: 30px;
	color: var(--white);
}
.homepage-header .header-title,
.large-title-header .header-title {
	font-family: var(--font-header);
	width: 100%;
	height:  100%;
	display:  flex;
	flex-flow:  column;
	align-items:  center;
	justify-content:  center;
	padding: 0px 20px;
}
.large-title-header .header-title h1 {
	color: #fff;
}
.large-title-header .header-title dt {
	font-family:  inherit;
	font-size: 40px;
	line-height: 42px;
	color: var(--white);
}
.large-title-header .header-title dd {
	font-family:  inherit;
	font-size: 100px;
	line-height: 108px;
	color: var(--white);
}
@media only screen and (max-width: 64em) {
	section.homepage-header {
		margin-bottom: 55px;
	}
	.homepage-header .title-area {
		max-width: 580px;
	}
	.homepage-header .title-area span.title {
		font-size: 40px;
		margin-bottom: 10px;
		line-height: 50px;
	}
	.homepage-header .title-area span.description {
		font-size: 20px;
		line-height: 25px;
	}
	section.large-title-header {
		position: relative;
		z-index: 1;
		margin-bottom: 50px;
	}
	.large-title-header .header-title dt {
		font-size: 25px;
		line-height: 33px;
	}
	.large-title-header .header-title dd {
		font-size: 65px;
		line-height: 70px;
	}
}
@media only screen and (max-width: 40em) {
	.homepage-header .header-title img {
		height: auto;
	}
	.homepage-header .title-area {
		max-width: 315px;
		bottom: 15px;
	}
	.homepage-header .title-area span.title {
		font-size: 30px;
		margin-bottom: 5px;
		line-height: 34px;
	}
	section.large-title-header {
		position: relative;
		z-index: 1;
		margin-bottom: 20px;
	}
	.large-title-header .header-title dt {
		font-size: 18px;
		line-height: 20px;
	}
	.large-title-header .header-title dd {
		font-size: 31px;
		line-height: 40px;
	}
}




/* OFFSET INTRO PANEL */
section.offset-intro-panel {
	position: relative;
	top: -200px;
	background: var(--white);
	z-index: 99;
	padding: 80px 80px 0 80px;
	margin: 0px auto -125px;
	max-width: 1166px;
}

section.offset-intro-panel.no-top-padding {
	padding-top: 0;
}

@media only screen and (min-width: 1024px) {
	section.offset-intro-panel {
		margin: 0px auto -160px;
	}
}
@media only screen and (max-width: 1230px) {
	section.offset-intro-panel {
		width: calc(100% - 40px);
	}
}
.offset-intro-panel h1 {
	max-width: 765px;
	font-size: 55px;
	line-height: 65px;
	margin: auto;
	margin-bottom: 15px;
	font-weight: 600;
	text-align: left;
}

.offset-intro-panel.centered h1 {
	text-align: center;
}

.offset-intro-panel .intro-sub-header {
	font-family: var(--font-header);
	font-size: 25px;
	line-height: 26px;
	font-weight: 600;
	color: var(--color-teal);
	max-width: 765px;
	margin:  auto;
	margin-bottom: 30px;
	text-align: left;
}
.offset-intro-panel.centered .intro-sub-header {
	text-align: center;
}
.offset-intro-panel p {
	max-width: 765px;
	margin: auto;
}
@media only screen and (max-width: 64em) {
	section.offset-intro-panel {
		padding: 40px 50px 20px;
		top: -140px;
	}
	.offset-intro-panel h1 {
		font-size: 40px;
		line-height: 46px;
	}
	.offset-intro-panel .intro-sub-header {
		font-size: 22px;
		line-height: 22px;
		margin-bottom:  10px;
	}
}
@media only screen and (max-width: 40em) {
	section.offset-intro-panel {
		padding: 20px;
		top: 0px;
		width: 100%;
		margin: 0px 0px 40px;
	}
	.offset-intro-panel h1 {
		font-size: 30px;
		line-height: 35px;
		margin-bottom: 5px;
	}
	.offset-intro-panel .intro-sub-header {
		font-size: 20px;
		line-height: 20px;
		margin-bottom:  15px;
	}
	.offset-intro-panel p {
		font-size: 18px;
		line-height: 26px;
	}
}




/* INTRO PANEL */
section.intro-panel {
	position: relative;
	max-width: 963px;
	margin: auto;
	margin-bottom: 100px;
}
.intro-panel .flexbox {
	position: relative;
	z-index: 10;
	padding: 60px 20px 20px;
}
.intro-panel section {
	position: relative;
	z-index: 10;
}
.intro-panel::before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	width: 80%;
	height:100%;
	background-color: var(--color-light-blue);
	z-index: 2;
}
.intro-panel.hasSlider::before {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	width: 90.5%;
	height: 63%;
	background-color: var(--color-light-blue);
	z-index: 2;
}
.intro-panel.hasSlider::after {
    /* content: url(/includes/public/assets/images/dots-warm.svg); */
    position: absolute;
    top: 20%;
    right: -100px;
    z-index: 1;
}
.intro-panel h1 {
	font-size: 65px;
	line-height: 68px;
	padding: 0;
	margin: 0;
	display:  block;
	width: auto;
	max-width: calc(50% + 20px);
	float:  left;
}
.intro-panel .title-box >div h3:first-child,
.intro-panel .title-box >div h5:first-child {
	display:  block;
	width: auto;
	max-width: calc(50% + 20px);
	float:  left;
}
.intro-panel p {
	font-size: 18px;
	line-height: 20px;
	width: 50%;
	margin-left:  50%;
	display: block;
	padding-left: 30px;
}
@media only screen and (max-width: 64em) {
	.intro-panel .flexbox {
		padding: 0px 20px 17px;
		flex-flow:  column;
	}
	.intro-panel::before {
		content: "";
		display: none;
	}
	.intro-panel .flexbox {
		position: relative;
		z-index: 10;
		padding: 14px 20px;
		display: block;
	}
	.intro-panel::after {
		content: "";
		display: none;
	}
	.intro-panel h1 {
		font-size: 50px;
		line-height: 55px;
		margin-right: 0px;
		width: 100%;
		text-align:  center;
		margin-bottom: 20px;
		float: none;
	}
	.intro-panel p {
		font-size: 18px;
		line-height: 26px;
		text-align: center;
		margin-bottom: 10px;
		width: 100%;
		margin-left: 0;
		display: block;
		padding-left: 0px;
	}
}
@media only screen and (max-width: 40em) {
	.intro-panel h1 {
		font-size: 40px;
		line-height: 45px;
		margin-right: 0px;
		text-align:  left;
		margin-bottom: 20px;
	    max-width: 100%;
	}
}

/* BOOKING */
section.booking-wrapper {
	position: relative;
	margin-bottom: 100px;
}
.booking-header {
	display: flex;
	align-items: flex-end;
}
.booking-header h2 {
	font-size: 70px;
	color: var(--color-body);
	margin:  0;
	margin-right:  50px;
	padding:  110px 0px 27px;
	position: relative;
	z-index:  2;
	display:  flex;
	align-items:  center;
	justify-content:  center;
}
.booking-header h2::before{
	content: "";
	/* background-image:  url(/includes/public/assets/images/stripes-warm.svg); */
	background-size: 200%;
	background-position:  center;
	height:  300px;
	width: 300px;
	position: absolute;
	border-radius: 300px;
	overflow:  hidden;
	top: 0;
	z-index: -1;
}
.booking-header p {
	flex-basis:  50%;
	margin:  0;
	padding-bottom:  27px;
}
form.booking-form {
	display: flex;
	flex-flow: row wrap;
	position: relative;
	align-items: center;
	justify-content: space-between;
	z-index: 5;
	height: 178px;
	background-color: var(--color-light-blue);
	padding-left:  20px;
}
.booking-form span {
	display: flex;
	align-items: center;
	border-bottom:  1px solid;
	border-color: var(--color-teal);
}
.booking-form span.check-in {

}
.booking-form span.check-out {

}
.booking-form span.rooms {

}
.booking-form span.adults {

}
.booking-form span label {
	font-family: var(--font-header);
	font-size: 18px;
	line-height: 20px;
	color: var(--color-body);
	flex: 1 1 50%;
}
.booking-form span input {
	font-family: var(--font-body);
	color: var(--color-body);
	background-color: transparent;
	box-shadow: none;
	border: none;
	margin: 0;
	flex: 1 1 64%;
}
.booking-form span input::placeholder {
	font-family: var(--font-body);
	font-size: 200px;
}
.booking-form button {
	padding: 0;
	height: 178px;
}
.booking-form button img {position:  relative;}
.booking-form button::before {
	content: "";
	height: 100%;
	width: 200%;
	position: absolute;
	top: 0;
	left: 50%;
	background-color:  var(--white);
}
.booking-wrapper .full-left-background {
	height: 178px;
	z-index: 3;
}
@media only screen and (max-width: 64em) {
	.booking-wrapper .full-left-background {
		display: none;
	}
	.booking-header {
		flex-flow: column;
		align-items: flex-start;
		justify-content:  flex-start;
		width: 50%;
		float: left;
		padding-left:  20px;
	}
	.booking-header h2 {
		font-size: 50px;
		line-height: 52px;
		padding: 90px 0px 13px;
	}
	.booking-header p {
		font-size: 18px;
		line-height: 23px;
		padding-bottom:  20px;
	}
	.booking-header h2::before{
		display: none;
	}
	form.booking-form {
		height: 135px;
		align-items:  center;
		justify-content:  center;
	}
	.booking-form span.check-in {
		flex: 1 1 35%;
	}
	.booking-form span.check-out {
		flex: 1 1 35%;
		margin-right: 136px;
	}
	.booking-form span.rooms {
		flex: 1 1 35%;
	}
	.booking-form span.adults {
		flex: 1 1 35%;
		margin-right:  137px;
	}
	.booking-form button {
		position: absolute;
		height: 100%;
		right: 0px;
	}
}

@media only screen and (max-width: 40em) {
	.booking-header h2 {
		font-size: 40px;
		line-height: 42px;
	}
	form.booking-form {
		flex-flow: column;
		height:  auto;
	}
	.booking-form span.check-in {
		flex: 0 0 auto;
		justify-self: flex-start;
		align-self: flex-start;
		margin-right: 0px;
	}
	.booking-form span.check-out {
		flex: 0 0 auto;
		justify-self: flex-start;
		align-self: flex-start;
		margin-right: 0px;
	}
	.booking-form span.rooms {
		flex: 0 0 auto;
		justify-self: flex-start;
		align-self: flex-start;
		margin-right: 0px;
	}
	.booking-form span.adults {
		flex: 0 0 auto;
		justify-self: flex-start;
		align-self: flex-start;
		margin-right: 0px;
	}
	.booking-form button {
		position: absolute;
		right:  20px;
		bottom: -50%;
	}
	.booking-form button::before {
		display: none;
	}
	.booking-header {
		flex-flow: column;
		align-items: flex-start;
		justify-content: flex-start;
		width: 100%;
		float: left;
		padding: 0px 20px;
	}
}




/* STACKLA */
section.stackla-wrapper {
	position: relative;
	padding-bottom:  50px;
}
.stackla-wrapper .stackla-header {
	max-width: 880px;
	display: flex;
	margin:  auto;
	align-items:  flex-end;
	justify-content:  space-between;
	padding-bottom: 27px;
}
.stackla-header h2 {
	font-size: 70px;
	line-height: 72px;
	flex-basis: 60%;
	letter-spacing: 2px;
}
.stackla-header p {
	max-width: 37%;
	float:right;
	margin-bottom: 0px;
}
.stackla-wrapper .bottom {
	background: var(--color-light-blue);
	height: 102px;
	max-width: 966px;
	margin:0 auto;
}
.stackla-container {
	width:  100%;
	max-width: 1160px;
	position: relative;
	margin: auto;
	overflow: visible;
	height:  100%;
}
.stackla-wrapper span.subtext {
	display: inline;
}
.stackla-wrapper span.hastag {
	display: inline;
	color: var(--color-body);
	font-family: var(--font-body);
}
.stackla-container .stackla-container-head {
	background-color: var(--color-light-blue);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px 20px 14px 60px;
	max-width: 966px;
	margin:0 auto;
	padding-bottom: 549px;
}
.content-stackla {
	 margin-top: -534px; 
	 padding: 0 10px;
}
.stackla-container h3 {
	font-family: 'Futura LT W01 Bold', Arial, sans-serif;
	font-size: 25px;
	line-height: 26px;
	font-weight: 900;
}
.stackla-container ul.social-links {
	float: right;
}
.stackla-container ul.social-links li {
	display: inline!important;
}
.stackla-container .crt-widget img {
	width: 1163px;
	max-width: initial;
	position: relative;
	left: -98px;
	margin-bottom:  60px;
}
.stackla-wrapper .contentRender_name_plugins_collections_template_custom_social_links {
	max-width: 100%;
	float: right;
}
.stackla-wrapper img.dots {
	position: absolute;
	z-index: -1;
	top: 72px;
	left: 42px;
	width: 250px;
}
.stackla-header h2 {
	font-weight: 600;
}
@media only screen and (max-width: 64em) {
	.stackla-wrapper img.dots {
		display: none;
	}
	.stackla-wrapper .stackla-header {
		align-items: flex-start;
		justify-content: baseline;
		max-width:  606px;
		padding: 0px 20px 20px;
	}
	.content-stackla {
		margin: 0 15px;
		margin-top: -508px;
	}
	.stackla-header {
		flex-flow: column;
		align-items: flex-start;
	}
	.stackla-header h2 {
		font-size: 50px;
		line-height: 52px;
		padding-right:  17%;
	}
	.stackla-header p {
		font-size: 18px;
		line-height: 25px;
		padding:  0px;
		max-width: 100%;
	}
	.stackla-container .stackla-container-head {
		padding: 15px 30px;
		max-width: 606px;
		padding-bottom: 516px;
	}
	.stackla-container .bottom {
		max-width: 606px;
	}
	.stackla-container h3 {
		font-size: 20px;
		line-height: 22px;
		margin-bottom:  5px;
	}
}
@media only screen and (max-width: 40em) {
	.stackla-wrapper .stackla-header {
		padding: 0px 20px 25px;
	}
	.stackla-header h2 {
		font-size: 40px;
		line-height: 42px;
		margin-bottom: 10px;
	}
	.stackla-container .stackla-container-head {
		align-items: center;
		justify-content: center;
		flex-flow: column;
		padding: 15px 30px;
		padding-top: 22px;
	}
	.content-stackla {
		background-color: var(--color-light-blue);
		margin:0;
		padding: 10px 17px;
		padding-top: 0px;
		padding-bottom: 14px;
	}
	.stackla-wrapper .bottom {
		display: none;
	}
	.stackla-container ul.social-links {
		float: none;
		width: 100%;
		align-items: center;
		justify-content: space-evenly;
	}
}

/* GENERIC COLLECTION */
section.generic-collection {
	position: relative;
	margin-bottom:  100px;
}
article.generic-item {
	display:  flex;
	flex-flow: column-reverse;
}
.generic-item .description-container dt {
	font-size: 18px;
	font-family: var(--font-header);
	color: var(--color-body);
	font-weight: bold;
	line-height: 22px;
}
.generic-item .description-container dt i.fa {
	color: var(--color-teal);
	margin-left: 10px;
}
.generic-item img {
	margin-bottom: 20px;
	box-shadow: 0px 20px 30px rgba(35, 35, 35, 0.25);
}
@media only screen and (max-width: 64em) {
	section.generic-collection {
		margin: 0px 20px 30px;
	}
	.generic-item .description-container dt {
		font-size: 14px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 40em) {
	.generic-item .description-container dt {
		font-size: 18px;
		line-height: 24px;
	}
}

/* DETAILS */
.details-header {
	font-size: 70px;
	margin-bottom: 30px;
}
/* DETAILS INTRO */
section.details-intro-panel {
	position: relative;
	display: block;
	top: -220px;
	z-index: 10;
	padding-bottom: 87px;
	margin-bottom: -130px;
	border-bottom:  1px solid;
	border-color: #d9d9d9;
}
.details-intro-panel a.retrun-link {
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 20px;
	color: var(--white);
	margin-bottom: 12px;
	display:  inline-block;
}
.details-intro-panel a.retrun-link i {
	margin-right: 5px;
}
article.details-intro-item {
	position: relative;
	display: flex;
	flex-flow: row-reverse;
	align-items:  center;
	justify-content:  space-between;

}
article.details-intro-item .full-controled-background {
	top: 20%;
	bottom: 20%;
}

article.details-intro-item .full-controled-background::before {
	content: "";
	/* background-image: url(/includes/public/assets/images/dots-warm.svg); */
	background-size: 100%;
	background-position: center;
	height: 150px;
	width: 300px;
	position: absolute;
	overflow: hidden;
	bottom: -150px;
	right: 50%;
	z-index: -1;
}
.details-intro-item h1 {
	position:  relative;
	font-size:  50px;
	line-height:  60px;
	flex: 1 1 50%;
	padding: 0 0 0 27px;
	text-transform: uppercase;
	z-index:  2;
}
.details-intro-item .gallery-preview {
	position:  relative;
	flex: 1 1 50%;
	padding: 0 27px 0 0;
	z-index:  2;
}
.gallery-preview img {
	box-shadow: 0px 15px 38px rgba(0,0,0,0.3);
}
.gallery-preview a.expand-link {
	position:  absolute;
	bottom: 5px;
	right: 35px;
	font-size: 20px;
	color:  var(--white);
}

/* DETAIL */
section.details-detail-panel {
	position: relative;
	display: flex;
	align-items: flex-start;
	margin-bottom: 100px;
}
.details-info {
	flex: 1 2 auto;
}
.details-info p {
	margin: 0px;
	padding: 0px;
	font-family: var(--font-body);
	font-size: 18px;
	line-height: 26px;
}
.details-info p a {
	color: var(--color-teal);
}
.details-info p a:hover {
	text-decoration: none;
}
.details-info a.more-link {
	display: inline-block;
	margin: 20px 0px;
	padding: 11px 10px;
	font-size: 18px;
	font-weight: 600;
	border-color: var(--color-teal);
}
.details-info ul.social-links {
	align-items: center;
	justify-content: space-between;
	max-width: 225px;
}
.details-info .social-links li {
	margin: 0px 10px 22px 0px;
}
.details-map-container {
	flex: 1 1 63%;
	background-color: var(--color-light-blue);
	padding: 45px 0px 45px 55px;
	margin-left: 24px;
}
.details-map-container .full-right-background {
	background-color: var(--color-light-blue);
	right: -360px;
}
.details-map-container .details-map {
	position: relative;
	border: 2px solid;
	border-color: var(--color-light-blue);
	z-index: 3;
}
.details-map-container img {
	width: 100%;
}

/* ABOUT */
section.about-panel {
	display: flex;
	position:  relative;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 30px;
}
section.about-panel .full-controled-background {
	top: 35px;
	bottom: 80px;
}
.about-panel h2 {
	flex: 1 1 25%;
	padding: 0 20px 0 0;
	position:  relative;
	z-index:  2;
}
.about-panel .about-copy {
	flex: 1 1 68%;
	position:  relative;
	z-index:  2;
	padding: 0 20px 0 0;
}

/* ACTIVITIES */
section.activities-collection-container {
	margin-bottom: 100px;
}
article.activities-item {
	display: none;
	flex-flow: column-reverse;
	align-items: flex-start;
	justify-content: flex-end;
	margin-right: 20px;
	z-index:  2;
	background-color:  var(--white);
	box-shadow: 0px 20px 30px rgba(35, 35, 35, 0.1);
	border-radius: 10px;
}
.activities-item:nth-child(-n+2) {
	display: flex;
}
.activities-item:nth-child(2) {
	margin-top: 10%;
	margin-right: -8%;
	margin-left: 8%;
}
.activities-item .description-container {
	display: flex;
	flex-flow: column;
	padding: 20px;
}
.activities-item .description-container dt {
	font-family: var(--font-header);
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 5px;
}
.activities-item .description-container dd {
	font-family: var(--font-body);
	font-weight:  600;
	font-size: 14px;
	line-height: 24px;
	margin-bottom:  0px;
}
.activities-item .description-container dd i.fa {
	color: var(--color-teal);
}
.activities-item .imgcont img {
	border-radius: 10px 10px 0 0;
}
@media only screen and (max-width: 64em) {
	.activities-item:nth-child(2) {
		margin: 0;
		margin-top: 10%
	}
	.activities-item .description-container dt {
		font-size: 18px;
		line-height: 20px;
		margin-bottom:  10px;
	}
	.activities-item .description-container dd {
		font-family: var(--font-body);
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 3px;
	}
	.activities-item .activities-date .month {
		font-size: 12px;
		line-height: 16px;
	}
	.activities-item .activities-date .day {
		font-size: 32px;
		line-height: 34px;
	}
	div.activities-slider-background .row::after {
		background-size: 100%;
		background-position: center;
		height: 100px;
		width: 30%;
		bottom: -95px;
	}
	.arrowContEvents img {
		transform: scale(.75);
	}
	.arrowContEvents button {
		position: absolute;
		/* top: calc(50% + 0px); */
		left: 20%;
	}
	.arrowContEvents button.activities-next {
		left: auto;
		right: 20%;
	}
	.arrowContEvents .fa {
		font-size: 18px;
		color: var(--color-teal);
	}
}
@media only screen and (max-width: 40em) {
	div.activities-slider-background .row::before {
		display: none;
	}
	.activities-slider-header {
		position: static;
		padding:  0px 20px;
	}
	.activities-slider-header h2 {
		font-size: 40px;
		line-height: 45px;
		text-align: left;
	}
	.activities-slider-header a {
		font-size:  18px;
		line-height:  20px;
	}
	.activities-item:nth-child(2) {
		margin: 0;
		margin-top: 10%
	}
	.activities-item:nth-child(-n+1) {
		display: flex;
	}
}

/* AMENITIES */
section.amenities-container {
	display: flex;
	position:  relative;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 100px;
}
ul.amenities-action {
	flex: 1 1 14%;
	padding: 45px 0 0;
	position:  relative;
	z-index:  2;
	list-style:  none;
	margin-right: 20px;
}
.amenities-action li {
	font-family: var(--font-header);
	font-size: 18px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid;
	border-color:  #d9d9d9;
}
.amenities-item {
	flex: 1 1 68%;
	position:  relative;
	z-index:  2;
	padding: 0 0 0 20px;
}
.amenities-item h3 {
	font-size: 18px;
	line-height:  20px;
	padding-left: 37px;
	margin-bottom:  25px;
}
.amenities-item ul {
	list-style: none;
}
.amenities-item ul li {
	font-size:  16px;
	line-height: 16px;
	padding: 15px 35px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.amenities-item ul li:nth-child(odd) {
	background-color: var(--color-light-blue);
}
.amenities-item ul li span {

}

footer.panel_custom_footer {
	background: var(--white);
	position: relative;
	z-index: 99;
}
.content {
	position: relative;
	background: var(--white);
	z-index: 9;
	padding-top: 50px;
}
@media only screen and (max-width: 1024px) {
	.content {
		padding-top: 0px;
	}
}

/* QUOTE */
section.quote {
	display: block;
	position:  relative;
	margin-bottom: 100px!important;
	margin-top: 30px;

}
section.quote::after {
	content: "";
	/* background-image: url(/includes/public/assets/images/stripes-gray.svg); */
	background-size: 200%;
	background-position: center;
	height: 300px;
	width: 300px;
	position: absolute;
	border-radius: 300px;
	overflow: hidden;
	top: 19%;
	right: 0;
	z-index: -1;
}
.quote img {
	position: relative;
	transform: translateY(calc(-50% - 2px));
	-ms-transform: translateY(-52%);
	z-index: 3;
	float: left;
}
.quote span p {
	font-family: var(--font-header);
	font-size: 35px;
	line-height: 45px;
	text-align: center;
	padding: 47px 140px 53px 199px;
	margin-right: 100px;
	max-width: 1039px;
	position: relative;
	z-index: 2;
	display:  block;
	background-color:  var(--color-light-blue);
}
.quote-container a:hover,
.quote-container a {
	text-decoration: none;
}
@media only screen and (max-width: 64em) {
	.quote span p {
		font-size: 25px;
		line-height: 32px;
		text-align: center;
		padding: 47px 90px 53px 120px;
		margin-right: 0px;
		max-width: 100%;
	}
	.quote img {
		width: 65px;
		margin-left: 50px;
	}
	section.quote::after {
		display: none;
	}
}
@media only screen and (max-width: 40em) {
	.quote span p {
		font-size: 18px;
		line-height: 20px;
		padding: 47px 20px 53px 20px;
	}
	.quote img {
		width: 47px;
		margin-left: 20px;
	}
	section.quote {
		margin-bottom: 35px;
	}
}
.intro-panel-interior {
	max-width: 1165px;
	margin: auto;
}

.booking-default {
	padding-bottom: 60px;
}
.contentRender_name_plugins_common_booking select#lodgingID,
.contentRender_name_plugins_common_booking input#end-date-1465,
.contentRender_name_plugins_common_booking input#start-date-1465,
.contentRender_name_plugins_common_booking #jrs-title-1465 span:before {
	font-family: var(--font-header) !important;
	box-shadow: none;
}
@media only screen and (max-width: 640px) {
	.contentRender_name_plugins_common_booking #jrs-widget-1465 {
		width: 100%;
		max-width: 100%;
	}
}
select {
    -moz-appearance: window;
    -webkit-appearance: none;
    background: #f5f5f5 right center no-repeat;
}




/*** BEGIN FORM STYLING ***/
/* START RESET FORM STYLING. YOU SHOULDN'T HAVE TO MODIFY ANYTHING TILL CUSTOMIZE SECTION  */
 
/* The crm-calendar-popup class is added by JS in the header */
body.crm-calendar-popup  { overflow-y: hidden !important; }
body.crm-calendar-popup::-webkit-scrollbar { display: none; }
body.crm-calendar-popup .contentRender { display: none; } 
body.crm-calendar-popup .crm-calendar-parent { padding: 0; margin: 0; background: var(--white); }
body.crm-calendar-popup table { width: 100%; margin-bottom: 0;}
body.crm-calendar-popup table thead tr th,
body.crm-calendar-popup table tfoot tr th,
body.crm-calendar-popup table tfoot tr td,
body.crm-calendar-popup table tbody tr th,
body.crm-calendar-popup table tbody tr td,
body.crm-calendar-popup table tr td {
	padding: 2px;
	font-size: 12px;
}
body.crm-calendar-popup .lookup-cal,
body.crm-calendar-popup .lookup-calNav { border: none; }
body.crm-calendar-popup .lookup-calNav {
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
}
body.crm-calendar-popup .lookup-cal td,
body.crm-calendar-popup .lookup-calNav td { text-align: center; }
body.crm-calendar-popup .lookup-close {
	margin-top: 15px;
	padding-bottom: 20px;
}
 
/* TARGET CALENDER TRIGGER ON FORMS*/
.contentRender form.simpleForm a img { margin-bottom: 10px; }
 
.contentRender form.simpleForm .row textarea,
.contentRender form.simpleForm .row input { margin-bottom: 10px; vertical-align: baseline; }
.contentRender form.simpleForm .button { display: inline-block; }
.contentRender form.simpleForm .captcha img,
.contentRender #sv_submit_event_form img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
}
.contentRender form.simpleForm .hint,
.contentRender #sv_submit_event_form .sv_api_hint {
	display: block;
	text-align: center;
}
.contentRender form.simpleForm .captcha #code,
.contentRender #sv_submit_event_form #code {
	width: 200px;
	display: block;
	margin: 0 auto;
	margin-top: -13px;
}
.contentRender form.simpleForm .captcha { overflow: hidden; }
.contentRender form.simpleForm .captcha #capimage { float: left;  margin-top: 10px; margin-right: 8px; }
.contentRender form.simpleForm .captcha .hint { margin-top: 10px; }
.contentRender #sv_submit_event_form .svrecurall *,#sv_submit_event_form #recur_show_1 {
	-moz-transition: opacity .6s;
	-o-transition: opacity .6s;
	-transition: opacity .6s;
	-webkit-transition: opacity .6s;
}
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text] { padding: 6px; }
.contentRender #sv_submit_event_form td:not(:first-child) {
	padding-left: 0;
	vertical-align: middle;
}
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form label.recur_menu,
.contentRender #sv_submit_event_form legend,
.contentRender #sv_submit_event_form div.datalabel label {
	font-weight: normal;
}
.contentRender #sv_submit_event_form .progress {
	background: grey;
	height: 22px;
	line-height: 18px;
}
.contentRender div#sv_submit_event_form.submitEventForm { padding: 0 !important; }
.contentRender #sv_submit_event_form .svrecurall *,#sv_submit_event_form #recur_show_1{
	-moz-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
	-webkit-transition:all .6s;
}
.contentRender #sv_submit_event_form #customdate_list {padding: 0 !important; }
.contentRender #sv_submit_event_form #customdate_list table { margin-bottom: 0; border: 1px solid #ddd; }
.contentRender #sv_submit_event_form #customdate_list table td,
.contentRender #sv_submit_event_form #customdate_list table tr { border: none; }
.contentRender #sv_submit_event_form .recur_opt .detailbar { vertical-align: middle; }
.contentRender #sv_submit_event_form .recur_opt td {padding: 2px 0;}
.contentRender #sv_submit_event_form input[type=radio]:checked ~ div.recur_opt { max-height: 100%; }
.contentRender #sv_submit_event_form #recur_opts_99 { overflow: visible !important; }
.contentRender #sv_submit_event_form .inner_recur_opt,
.contentRender #sv_submit_event_form label.recur_menu { margin: 0 1.25em ;}
.contentRender #sv_submit_event_form .inner_recur_opt { padding: 0 1.25em 0 1.25em; }
.contentRender #sv_submit_event_form #recur_range {
	margin: 0 1.25em;
	padding: 0 1.25em 0 1.25em;
}
.contentRender #sv_submit_event_form .inner_recur_opt label {
	height: 50px;
	line-height: 46px;
}
.contentRender #sv_submit_event_form .inner_recur_opt select {
	border: none;
	border-radius: 2px;
	min-width: 60px;
	padding-right: 24px;
}
.contentRender #sv_submit_event_form .svrecurall input[type=text]:not(#customdate) {
	border: none;
	border-radius: 2px;
}
.contentRender #sv_submit_event_form .svrecurall #customdate {
	width: 130px;
	text-align: center;
}
 
.contentRender form.simpleForm p.hint.formreq.text-center {
	margin-top: 50px;
}

.contentRender form.simpleForm .formCntrls,
.contentRender form.simpleForm h3 { text-align: center; }

.contentRender form.simpleForm .formtext {
	display: inline;
}

@media only screen and (min-width: 40.125em) {
	.contentRender form.simpleForm p.hint,
	.contentRender form.simpleForm h3 {
		padding-left: 8px;
	}
	.contentRender form.simpleForm p.hint,
	.contentRender form.simpleForm .captcha,
	.contentRender form.simpleForm .formCntrls,
	.contentRender form.simpleForm h3 {
		margin-left: 25%;
		text-align: left !important;
		width: auto;
	}
	.contentRender form.simpleForm .columns p.hint {
		margin: 8px 0 10px 0;
		padding-left: 0px;
	}
	.contentRender form.simpleForm .captcha img,
	.contentRender form.simpleForm .captcha #code { margin-left: 0; }
	.contentRender form.simpleForm .hint { text-align: left; }
}
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	box-shadow: none;
}
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	border-radius: 0px;
}
.contentRender form.simpleForm h3,
.contentRender #sv_submit_event_form .formhead {
	background-color: transparent;
}
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	background: none;
	border: none;
}
.contentRender form.simpleForm div input,
.contentRender #sv_submit_event_form div input {
	border-radius: initial;
}
/* END RESET */
 
/* CUSTOMIZE THE FOLLOWING */
 
/* RESET FONT FAMILY */
.contentRender #sv_submit_event_form legend,
.contentRender form.simpleForm label,
.contentRender form.simpleForm .formtext,
.contentRender form.simpleForm input,
.contentRender form.simpleForm select,
.contentRender #sv_submit_event_form .recur_opt input[type=checkbox] ~ label.minilabel,
.contentRender #sv_submit_event_form .recur_opt input[type=radio] ~ label.minilabel,
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text],
.contentRender #sv_submit_event_form div.datalabel label,
.contentRender #sv_submit_event_form label.recur_menu {
	/*
		Add a font family
	*/
	font-family: var(--font-body);
}
/* RESET FONT STYLE */
.contentRender form.simpleForm .columns label,
.contentRender form.simpleForm .formtext,
.contentRender #sv_submit_event_form #customdate_list .formhead,
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text],
.contentRender #sv_submit_event_form div.datalabel label {
	/*
		Add style, weight color to match general html style. Do not set font-family here. Use the above class.
	*/
	color:var(--color-body);
	font-size:18px;
	line-height: 26px;
}
/* OPTIONAL RESET FOR INPUT STYLE */
/* This over-writes foundation style. Double check your select boxes. You may have to adjust the line-height to vertically center text */
.contentRender form.simpleForm input,
.contentRender form.simpleForm select,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text] {
	color: #464646;
}
/* REPLACE WITH A CORE STYLE HEADING */
.contentRender form.simpleForm h3,
.contentRender #sv_submit_event_form .formhead {
	/*
		Add font family, style, weight color to match body.
		The easiest thing here to do is find a match H style on your html-styles page.
	*/
	color: var(--color-body);
    font-size: 35px;
    line-height: 45px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: var(--font-header);
}
/* SET KEY COLOR HERE */
.contentRender #sv_submit_event_form .recur_opt input[type=checkbox]:checked ~ label,
.contentRender #sv_submit_event_form .recur_opt input[type=radio]:checked ~ label,
.contentRender #sv_submit_event_form #recur_range input[type=checkbox]:checked ~ label,
.contentRender #sv_submit_event_form #recur_range input[type=radio]:checked ~ label,
.contentRender #sv_submit_event_form input[type=radio]:checked ~ label.recur_menu,
.contentRender #sv_submit_event_form .progress {
	/* 
		Set a background color or tiled image here as well as the color of text over it.
		This will affect things like the loading progress bar as well as some other event
		calendar related items.	
	*/
	background-color: var(--color-teal);
}
/* STRONG WEIGHT FOR LABELS */
.contentRender #sv_submit_event_form #customdate_list .formhead,
.contentRender #sv_submit_event_form legend {
	/* 
		Set your strong weight here for label items that need to be bolded
	*/
	font-weight: 600;
}
/* STYLE SUBMIT BUTTONS */
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
	/*
		This is your basic button styling. You can use your site submit button styling here.
		E.G. the listings submit styles
	*/
	color: var(--white);
    width: auto;
    font-weight: 600;
    font-size: 14px;
    background-color: var(--color-teal);
    font-family: var(--font-body);
    padding: 13px 75px;
    border-radius: 4px;
}
.contentRender form.simpleForm .button:hover,
.contentRender form.simpleForm .button:active,
.contentRender #sv_submit_event_form input.button:hover,
.contentRender #sv_submit_event_form input.button:active,
.contentRender #sv_submit_event_form .svbtn:hover,
.contentRender #sv_submit_event_form .svbtn:active,
.contentRender #multifileuploadcontainer label:hover,
.contentRender #multifileuploadcontainer label:active {
	/*
		This is the hover style on the submit buttons
	*/
	background-color: var(--color-teal);
	opacity: 0.8;
}
/* SET LINK COLOR HERE */
body.crm-calendar-popup .contentRender a, body.crm-calendar-popup .contentRender a:hover {
	/*
		This is a generic link style for the calendar popup.
 
		It's recommended you test the calendar popup but you might wanna limit your style here to color and family.
		The font size should be able to work across all sites.
	*/
	font-size: 1.0625rem;
	font-style: normal;
}
/* OPTIONAL: SET FORM HINT STYLE HERE */
.contentRender #sv_submit_event_form .hint,
.contentRender form.simpleForm p.hint:not(.formreq) {
	/* Default styling here. Changing is optional */
	color: #5b5b5b;
	font-size: 14px;
}
/* OPTIONAL: SET FORM REQUIRED STYLE HERE */
.contentRender #sv_submit_event_form div.datalabel label.svformreq,
.contentRender form.simpleForm label.formreq {
	color: #d81111;
	display: inline;
}
/* SUBMIT EVENT FORM PIKA CALENDAR */
/* To test, click on the start date in a submit event form */
.pika-lendar .is-today .pika-button {
	/*
		Set a link color here. This can be standard site anchor color
	*/
	color: var(--color-teal);
}
.pika-lendar .pika-button:hover,
.pika-lendar .is-selected .pika-button {
	/*
		Set your hover/selected background and text color here.
		Note the Pika calendar uses important here so this is required to overwrite.
	*/
	color: var(--white);
	background: var(--color-teal) !important;
	border-radius: 0 !important;
	box-shadow: none;
}

/* EMBED WIDGET POSITIONING */
.custom-embed.center{
	text-align: center;
}

.custom-embed.center > iframe {
	margin: 0 auto !important;
}

/*** END FORM STYLING ***/

.sv-share {
    --share-trigger-button-color: #333;
	--share-trigger-icon-color: #333;
	--share-trigger-bg-color: transparent;
	--share-trigger-bg-color-hover: transparent;
}

.sv-share-trigger:hover,
.sv-share-trigger:active,
.sv-share-trigger:focus,
.sv-share-trigger:visited {
    color: var(--share-trigger-button-color);
}

.sv-share .sv-share-popover {
    margin-bottom: 0;
}