/* Blue			#26748E */
/* Red 			#C11f16 */
/* Yellow 		#E3B536 */
/* Dk Yellow	#C19416 */
/* WCAG AA Contrast Color: 	#A76906; */



:root {

	/*
	--luna-dark-gold: #9a7204;
	--luna-medium-gold:  #C19416; 
	--luna-brilliant-gold:  #E3B536;
	--luna-subtle-gold: #b19f59;
	--luna-blue: #26748E; 
	--luna-bottom-flag-blue: #112931; 
	*/
	
}



/* COVID-19 Updates */

.expand-box-container {
	color: #111;
	font-family: Arial;
}
.expand-box-container button {
	border: none;
	background: none;
}
.expand-box-container ul {
	margin-left: 2em;
}
.expand-box-container ul li {
	margin-bottom: 1em;
}

.expand-box-container b { 
	font-weight: 600;
}

.expand-box-outline {
	margin-left: 1.5em;
	margin-right: 1.5em;
}
.expand-box-outline.expanded .expand-box-more {
	opacity: 0;
}
.expand-box-more {
	/*background-color: #09293c;*/
	font-size: .9em;
	border-radius: 2em;
	padding: 0 .5em;
	font-family: transat-text, sans-serif;
	text-align: center;
	display: block;
	margin: 0 auto;
	color: #900;
	cursor: pointer;
	transition: .3s;
}
.expand-box-outline:hover .expand-box-more {
	color: #c00;
}
.expand-box-container .superheader {
	padding-top: 1em;
	font-family: transat-text, sans-serif;
	font-size: 1.6em;
	line-height: 1.6em;
	color: #333;
	border-bottom: 1px solid #666;
	margin-bottom: .5em;
}
	
	.expand-box .header-container {
		text-align: center;
	}
.expand-box .header {
	min-width: 300px;
	font-family: transat-text, sans-serif;
	font-size: 1em;
	font-weight: 600;
	background-color: #09293c;
	display: inline-block;
	text-transform: uppercase;
	border-radius: 2em;
	padding: .2em .75em;
	color: #09293c;
	color: #fff;
	margin-top: 1.75em;
	margin-bottom: .1em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.expand-box-outline.collapsible .header {
	cursor: pointer;
	transition: .2s;
}
.expand-box-outline.collapsible:hover .header {
	/*background-color: #19394c;*/
	
}
.expand-box-container .header i.material-icons {
	font-size: 24px;
	line-height: 24px;
	vertical-align: bottom;
	padding-bottom: 2px;
	padding-right: 5px;
}
.expand-box-outline .expand-box {
	/*max-height: 2000px;*/
	overflow: hidden;
	position: relative;
	transition: none; /* override during resizing and when not collapsible */
	padding-bottom: 45px;
}
.expand-box-outline.collapsible .expand-box {
	transition: 1s;
}
.expand-box-outline.collapsed .expand-box {
	max-height: 160px ! important; /* override javascript-set max height */
}

.expand-box-outline.noheader.collapsed .expand-box {
	max-height: 100px ! important; /* override javascript-set max height */
}

.expand-box:before {
	content: "";
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	
	position: absolute;
	top: auto;
	bottom: 0px;
	left: 0;
	right: 0;
	height: 60px;
}



.coronavirus_ol {
	list-style-position: inside;
	font-weight: 600;
	
}



.popup-video-responsive {
	box-sizing: border-box;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	background-color: #000;
}
.popup-video-responsive.revealed {
	opacity: 1;
	visibility: visible;
	z-index: 1500; /* stay above all nav */
}
.popup-video-responsive .closebox {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 221;
}
.popup-video-responsive .closebox i.material-icons {
	font-size: 30px;
	line-height: 30px;
}
.popup-video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


#yos-header h1 {
		font-size: .8em;
		text-transform: uppercase;
		font-family: transat-text;
	}
#yos-header .overlay-b img {
		width: 50%;
		max-width: 250px;
		margin: .5em;
	}
#luna-pour-video-container {
	padding: 0;
	position: relative;
}
#luna-pour-video-container:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgb(0,0,0,.5);
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
}
#luna-pour-overlay-text {
	font-size: 1.3em;
	line-height: 1.6em;
	text-align: right;
	position: absolute;
	top: 50%;
	right: 10%;
	max-width: 40%;
	color: #fff;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#shawna-yos-quote {
	padding: 6em;
	background-color: #000;
	color: #fff;
}
.alternating-text {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.alternating-text .group {

	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	margin: 4em 0;
}
.alternating-text .group:nth-child(even) {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  
}
.alternating-text .group > div {
	flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
}
.alternating-text .group .text {
	align-self: center;
	-webkit-align-self: center;
	width: 60%;
	text-align: left;
	padding: 3%;
}
.alternating-text .group .text .heading {
	font-family: transat-text;
	text-transform: uppercase;
	font-size: 1.2rem;
	color: #c43312;
	border-bottom: 1px solid #c43312;
	padding-bottom: .2em;
	margin-bottom: 1em;
}
.alternating-text .group .image {
	background-size: cover;
	padding-bottom: 40%;
	width: 40%;
}
.section-graphic {
	background-position: 50% 50%;
	background-position: 50% 60%;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	height: 60vh;
	min-height: 500px;
	max-height: 800px;
}
.section-graphic .text-overlay {
	text-transform: uppercase;
	text-align: center;
	background: #001826dd;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	width: 100%;
	color: #fff;
	display: inline-block;
	padding: 2em;
}
@supports (-webkit-overflow-scrolling: touch) {
  .section-graphic { 
	background-attachment: scroll;
	}
}

#mc_embed_signup .asterisk {
	color: #900 ! important; /* WCAG Upgrade */
}

#mc_embed_signup input,select,option {
	color: #000 ! important; /* WCAG Upgrade */
}
#mc_embed_signup .button {
	color: #FFF ! important; /* WCAG Upgrade */
	background-color: #c11f16 ! important;
}
#mc_embed_signup .button:hover {
	
	background-color: #a11f16 ! important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.gray_background {
	


background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(166,166,166,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(166,166,166,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(166,166,166,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(166,166,166,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(166,166,166,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(166,166,166,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6a6a6', GradientType=0 );




}

#important_notice  {
	box-shadow: 3px 6px 10px rgba(0,0,0,.5); cursor: pointer; position: absolute; right: 0; top: 15%; background-color: #C00; color: #fff; padding: 16px; text-align: left;
	
	transition: .3s;
	line-height: 1.4em;
}
a #important_notice:hover {
	background-color: rgba(245,0,0,.9);

}

.heading.draft-notice {
	flex-basis: 100%;
	flex-shrink: 0;
	background-color: #ddd;
	text-align: center;
	padding: .5em;
}

.photoCredit {
	position: absolute;
	bottom: 0;
	right: 10px;
	margin-bottom: 3px;
	font-size: .75em;
	font-style: italic;
	text-shadow: 0 0 5px #000;
	color: #ccc;
	transition: .3s;
	z-index: 11;
}
.photoCredit.shown {
	opacity: 1;
}
.pauseIcon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	opacity: 0;
	visibility: hidden;
	transition:  .3s;
	line-height: 24px;
	
}
.pauseIcon i.material-icons {
	font-size: 24px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	color: #E3B536;
	color: #fff;
}
.pauseIcon.shown {
	opacity: .3;
	visibility: visible;
}
#mailinglist-form-mc-container {
	position: fixed;
	overflow-y: auto;
	top: 10%;
	left: 50%;

	height: auto;
	width: 66%;
	max-width: 800px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	/*z-index: 200;*/
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
	background-color: #fff;
	padding: 30px;
}
#mailinglist-form-mc-container.revealed {
	opacity: 1;
	visibility: visible;
	z-index: 200;
}
.nobr {
	white-space: nowrap;
}


.percent-height-unslider-container .unslider, .percent-height-unslider-container .unslider-container, .percent-height-unslider-container ul.unslider-wrap, .percent-height-unslider-container ul.unslider-wrap > li, .percent-height-unslider-container ul.unslider-wrap > li > * {
	height: 100%;
	overflow: hidden;
	background-color: #000;
}

.percent-height-unslider-container ul.unslider-wrap > li > * {
	background-position: 50% 50%;
	background-size: cover;
}
	
	
#about-slides-container {
	background-color: #333; /* background color during slide transitions for fade */
	height: 100%;
	position: relative;
}
#about-slides-container .background-video {
	min-width: 125%;
	left: auto;
	right: -25%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
#about-slides-container .video-container::before {
	display: none;
}
#about-slides-container .unslider {
	height: 100%;
}
#about-slides {
	height: 100%;
}
#about-slides ul.unslider-wrap {
	height: 100%;
}
#about-slides > ul > li {
	height: 100%;
}
#about-slides .slide {
	position: relative;
	height: 100%;
}
#about-slides .slide .image {
	position: relative;
	height: 100%;
	background-size: cover;
	background-position: 50% 50%;
}
#about-slides .slide .copy:before {
	content: "";
	border: 1px solid rgba(255,200,33,.1);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 10px;
	z-index: -1;
	
}
#about-slides .slide .copy {
	text-align: left;
	background-color: rgba(20,20,25,.95);
	padding: 2em 2.5em;
	color: #fff;
	position: absolute;
	width: 40%;
	bottom: 15%;
	min-width: 300px;
	max-width: 600px;
	line-height: 1.7em;
	z-index: 10;

	/*perspective(500px) rotateY(-15deg) scale(1.1,1.1)*/
}
#about-slides .slide .copy i.material-icons {
	font-size: 16px;
	padding-bottom: 4px;
	line-height: .5em;
	vertical-align: middle;
}
#about-slides .slide .copy  p.link {
	text-align: right;
	padding: 0;
	color: #E3B536;
}
#about-slides .slide .copy  a {
	color: #E3B536;
	transition: .2s;
	cursor: pointer;
}

#about-slides .slide .copy.left {
	left: 10%;
}

#about-slides .slide .copy.right {
	right: 10%;
}


/* Hide BLU */
#BLU {
	display: none;
}

div.clear {
	clear: both;
}
/* don't show preloader image div */
div#preload { 
	display: none; 
}


a {
    -webkit-tap-highlight-color: rgba(227, 181, 54,.5); 
}


/* Luna Form */

.luna-field-group {
	text-align: left;
	padding-bottom: .75em;
}
.luna-field-group.hidden {
	display: none;
}
.luna-field-group input {
	display: block;
	width: 98%;
	border-radius: 3px;
	color: #333;
	border: 1px solid #aab;
}
form.luna-form .button {
	width: auto;
}
form.luna-form .indicates-required {
	font-size: .8em;
}
#form-messages { 
	padding: 5px;
}
#form-messages.error {
	margin: 10px 0;
	border: 1px solid #c00;
}
#form-messages.success {
	margin: 10px 0;
	border: 1px solid #090;
}


.contactEmail {
	font-size: .9em;
}
.contactEmail img {
	width: 50px;
}
.community-container {
	margin-bottom: 60px;
	overflow: hidden;
}
.community-container .photo {
	width: 46%;
	float: left;
	padding-top: 1em;
	padding-right: 2em;
}
.community-container .copy {
	text-align: left;
	/*width: 70%;
	padding-left: 30px;
	float: left;*/
}
.community-container .photo img {
	max-width: 100%;
}


.kickers {
	
	text-align: center;
	overflow: hidden;
}

.kickers ul li {
	list-style-type: none;
	border: 1px solid #999;
	float: left;
	width: 28%;
	margin: 20px;
	padding: 15px;
	min-height: 120px;
	font-size: .8em;
}

/* End Temporary Rules */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

#demoshield {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,1);
	z-index: 100;
	text-align: center;
	height: 100%;
	transition: .9s ease-in-out;
	visibility: visible;
	opacity: 1;
}

#demoshield .button {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	margin: 0 auto;
	cursor: pointer;
	
	
}
	
html, body {
	height: 100%;
	font-family: 'merel', sans-serif;
}

body {
	background-color: #fff;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
}

:focus {
	outline: #09f solid 2px;
	outline: solid 2px -webkit-focus-ring-color;
	transition: none ! important;
}

body.mouse-active :focus {
	outline: none;
}

#windowHeight {
 /* reliable window height */
 position: fixed;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: -100;
}

p {
	padding-top: .5em;
	padding-bottom: .5em;
}

p.note {
	font-family: 'Lora', serif;
	color: #554;
	font-size: .8em;
	line-height: 1.4em;
	font-style: italic;

	
}
button.unstyled {
	border: none;
	background: none;
}

a {
	/*outline: none;*/
	text-decoration: none;
	/*color: inherit;
	color: #c11f16;*/
	color: #C19416;
	color: #A76906;
	transition: .2s;
}

a:hover {
	color: #9a7204;
	
}
.block-text a:hover {
	border-bottom: 1px dotted #A76906;
}
a.anchor {
	position: relative;
	top: -100px;
	display: block;
	visibility: hidden;
}

p.breadcrumb {
	
	font-size: .8em;
	color: #222;
}

/* scroll-reveal */
.scroll-reveal {
	transition: opacity 1s ease, transform .5s ease-in-out;
	opacity: 1;
	visibility: visible;
	transform: none;
}
.scroll-reveal.hidden {
	opacity: 0;
	visibility: hidden;
	transform: translateY(25px);
}


select, option, input {
	padding: 5px 10px;
	font-family: "Merel", sans-serif;
	width: 300px;
	color: #9a7204;
	color: #A76906;
	background: #fff;
}
.widthConstraint {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.widthConstraint a.logo {
	position: absolute;
}

a i.material-icons {
	transition: .2s;
}
a i.material-icons:hover {
	/*iicolor: #26748E;*/
}
i.material-icons {
	font-size: 50px;
	line-height: 50px;
	-webkit-tap-highlight-color: rgba(227, 181, 54, 0);
}
i.material-icons.padded {
 padding-left: .5rem;
 padding-right: .5rem;
}
/* MULTI-BUTTON */

.multi-button-container {
	margin: 0 auto;
	/*iimax-width: 300px;*/
	/*overflow: hidden; TURN OFF FOR ACCESSIBILITY */
	display: table;
	table-layout:fixed; 
	margin-bottom: 1.3em;
	text-shadow: none;
	border: 1px solid #bbb;
	background-color: #fff;
}
.multi-button-container.vertical {
	display: block; /* special case, list buttons vertically */
	max-width: 300px;
}
.multi-button {
	margin: 0;
	padding-top: 0px;
	padding: 0 30px;
	min-width: 200px;
	font-size: .9em;
	height: 30px;
	/*display: inline-block;*/
	text-align: center;
	font-family: arial;
	line-height: 30px;
	cursor: pointer;
	font-family: 'Merel', serif;
	color: #666;
	color: #9a7204;
	text-shadow: none;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	transition: .3s;
	/*border-right: 1px solid #ccc;*/
}
.multi-button-container.vertical .multi-button {
	display: block;
}
.multi-button:last-child {
	border-right: none;
}
.multi-button:hover {

	color: #222;
	background-color: #E3B536;
	
}
.multi-button.active {
	color: #fff;
	background-color: #C11F16;
	background-color: #C19416;
	cursor: default;
}
.multi-button:active {
	color: #fff;
	background-color: #C11F16;
	background-color: #9a7204;
	cursor: default;
}
.multi-button-target-container {
	position: relative;
	overflow: visible;
}

.multi-button-target {
	visibility: hidden;
	opacity: 0;
	position: relative;
	display: none;
	transition: 1.8s opacity;
	position: relative;
	padding: 0 0%;
}

.multi-button-target.block {
	display: block;
}

.multi-button-target.active {
	visibility: visible;
	opacity: 1;
	display: block;
	transition: .5s opacity;
}
/* -- MULTI-BUTTON -- */



.splitBox {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
	font-size: 0; /* gets you 50% without whitespace tricks */
}
.splitBox > div {
	font-size: 1rem; /* brings back font size */
	box-sizing: border-box;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	width: 50%;
	margin: 0;
	display: inline-block;
	white-space: nowrap;
	padding: 1em;
	
}


#header-placeholder {
	height: 0px;
	
}

#header {
	margin: 0 auto;
	z-index: 102;
	top: 0;
	left: 0;
	right: 0;
	position: relative;
	/*height: 112px;*/
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.9);

}

#header .widthConstraint {
	/*background-color: #fff;*/
}
#header-scrolled {
	position: fixed;
	top: -40px;
	left: 0;
	right: 0;
	height: 40px;
	z-index: 100; 

	background-color: rgba(206,206,198,1);
	background-color: #fff;
	color: #222;
	transition: .1s ease-in-out;
	box-shadow: 0px 3px 3px rgba(11,11,11,.2);
}
#header-scrolled nav > ul > li > a {
	/*color: #444; */ /* Should not be a separate declaration when header-scrolled nav is same color as header nav; interferes with active color */
}
/*
#header-scrolled nav > ul > li > a:hover {
	color: #C00;
}
#header-scrolled nav > ul > li > a#shop-button {
	color: #fff;
	margin-left: 10px;
}
#header-scrolled nav > ul > li > a#shop-button:hover {
	background-color: #d00;
	color: #fff;
}
*/
#header-scrolled.revealed {
	opacity: 1;
	transition: .3s;
	top: 0;
}
#header-scrolled-nav {
	height: 40px;
	width: 100%;
	max-width: 1500px;
	line-height: 40px;
	
	margin: 0 auto;

}

#header #logo, #header-scrolled #logo {
	/*position: absolute;*/ /* GH 2019-11-30 - this breaks the anchor taking up the space of its content which prevents keyboard nav from creating a proper outline*/
}
#header #logo {
	background-image: url(/images/lv_stacked_color_1000px.png);
	background-image: url(/images/lv_25_stacked_2_1000px.png);
	/*background-image: url(/images/lv_25_orig_stacked_1000px.png);*/
	background-repeat: no-repeat;
	
	background-position: 0px 20px;
	background-size: 150px 40px;
	width: 150px;
	height: 80px;
	
	/*background-position: 0px 11px;
	background-size: 238px 60px;
	width: 238px;
	height: 80px;*/
	
	
	background-position: 0px 16px;
	background-size: 209px 50px;
	width: 209px;
	height: 80px;
	
	transition: .2s;
	/*-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);*/
}

#header #logo:hover, #header-scrolled #logo:hover {
	transition: .2s;
	/*-webkit-filter: grayscale(0);
	filter: grayscale(0%);*/
}

#header-scrolled #logo {
	/*background-image: url(/images/lv_horizontal_color_193px.png);*/
	background-image: url(/images/lv_horizontal_color_1000px.png);
	background-size: 193px auto;
	background-repeat: no-repeat;
	background-position: 0px 14px;
	width: 193px;
	height: 40px;
	-webkit-filter: grayscale(1);
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: grayscale(100%);
}


/*
#header-scrolled #logo img {
	height: 40px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding-top: 4px;
}

#header #logo img {
	height: 80px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding-top: 4px;
}
*/
#header-image {
	background-color: #222; /* background while header image is loading, if necessary */
	height: 45%;
	height: 66%;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
	max-height: 900px;
	min-height: 400px;
}

#header-image.tall {
	height: 60%;
	max-height: 800px;
}

#header-image.short {
	background: url('/images/flying-ds.jpg');
	max-height: 400px;
	height: 35%;
	background-size: cover;
	background-position: 50% 50%;
	overflow: hidden;
}
.overlay-a {
	display: table;
	height: 100%; 
	width: 100%;
	text-align: center;
		
	/*background: linear-gradient(to bottom, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, .2) 25%, rgba(32, 32, 32, 0.4) 45%, rgba(32, 32, 32, 0.4) 55%, rgba(32, 32, 32, .2) 75%, rgba(32, 32, 32, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, .2) 25%, rgba(32, 32, 32, 0.4) 45%, rgba(32, 32, 32, 0.4) 55%, rgba(32, 32, 32, .2) 75%, rgba(32, 32, 32, 0) 100%);*/
		
	background: -webkit-radial-gradient(center, ellipse cover, rgba(40,30,20,0.20) 10%,rgba(0,0,0,0) 48%,rgba(0,0,0,0) 100%);
	background: radial-gradient(ellipse at center, rgba(40,30,20,0.20) 10%,rgba(0,0,0,0) 48%,rgba(0,0,0,0) 100%);
	
	transition: .5s;
	z-index: 5;
	position: relative;
}
.overlay-a.noshadow {
	background: rgba(0,0,0,.2);
}
.overlay-a.mediumshadow {
	background: -webkit-radial-gradient(center, ellipse cover, rgba(70,70,70,0.60) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0) 100%);
	background: radial-gradient(ellipse at center, rgba(70,70,70,0.60) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0) 100%);
}
.overlay-b {
	display: table-cell;
	vertical-align: middle;
	max-width: 900px;
	color: #f6f6f6;
	font-size: 2.6em;
	font-family: "Lora", sans-serif;
	font-weight: 400;
	transition: .5s;
	letter-spacing: .1em;
	line-height: 1.4em;
	padding: 0 20%;
	text-shadow: 0 0 12px rgba(0,0,0,1);
	background-color: rgba(0,10,10,.25);
}
.overlay-b h1 {
	font-size: 1em;
	font-weight: normal;
}
.overlay-b .copy {
	font-size: .5em;
	/*padding-top: 20px; /* removing this - interferes with separators that have no title. Use a dedicated separator instead. */
	/*margin-top: 10px; /* same as above */
	letter-spacing: .1em;
	line-height: 1.6em;
}

.overlay-b .separator {
	height: 20px;
}

.block-container {
	
	width: 100%;
}
.block-container.constrained {
	max-width: 1100px;
	width: 85%;
	margin: 0 auto;
}
.block-container.gray {
	background-color: #eeeee4;
}
.block-container.blue {
	
	background: -webkit-linear-gradient(-65deg, #aBa690 0%, #99a290 100%);
	background: -moz-linear-gradient(-65deg, #aBa690 0%,#99a290 100%);
	background: linear-gradient(155deg, #aBa690 0%,#99a290 100%);

}
.block-container.blue {
	color: #fff;
}
.block-container.blue .heading {
	color: #fff;
}

.block-text  {
	font-family: "Lora", serif;
	max-width: 1100px;
	padding: 80px 140px;
	padding: 5% 140px 0 140px;
	padding: 5% 90px 0 90px;
	line-height: 1.7em;
	text-align: center;
	color: #333;
	margin: 0 auto;
	/*overflow: hidden; /* DO NOT DO THIS - BREAKS CLUB NEGATIVE MARGIN */
}
.block-text.centered {
	text-align: center;
}

.block-text.left {
	text-align: left;
}
.block-text h2 {
	text-align:center;
	line-height: 1.2em;
}
.block-text h3 {
	font-size: inherit;
}
.block-text.left p.heading {
	text-align: center;
}
.block-text.wide {
	max-width: 1300px;
}
.block-text.fullwidth {
	max-width: inherit;
	max-width: 2200px;
}
.block-text.fullwidth  p {
	max-width: 900px;
	margin: 0 auto;
}

.block-text .heading , .heading, .block-text h2, h2 {
	font-family: "Lora", serif;
	font-family: transat-text, sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-style: normal;

	color: #C11F16;
	color: #26748E; /* Blue for non link headings */
	color: #C19416;
	color: #444449;
	color: #222229;
	/*font-size: 1.4em;*/
	font-size: 1.6em;
	padding-bottom: 1em;
	font-weight: normal;
}

.heading.left {
	text-align: left;
}
.block-text .heading.two {
	color: #26748E;
}

.block-text  .sidebar {
	font-size: .86em;
	line-height: 1.4em;
	width: 30%;
	min-width: 280px;
	margin-left: 20px;
	padding: 20px;
	text-align: left;
	box-sizing: border-box;
	background-color: #e5e5dd;
	float: right;
}


.text .copy .imagecontainer.left {
	float: left;
	background-size: cover;
	background-position: 50% 50%;
	width: 25%;
	min-width: 200px;
	margin-right: 30px;
	height: 300px;
}


/* STANDOUT */

.standout p {
	font-size: 1.4em;
	line-height: 1.5em;

	padding: 20px;
	/*iicolor: #999;
	iiborder-top: 1px solid #E3B536;
	iiborder-bottom: 1px solid #E3B536;*/
}

/* EVENTS */

.events {
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	
}

.event {
	clear: both;
	box-sizing: border-box;
	margin-bottom: 2em;
	/*border-bottom: 1px solid #ddc;*/
	padding-bottom: 2em;
	overflow: hidden;
}
.event:last-child {
	border-bottom: 0;
	margin-bottom: 0;
}

.events .event-return-link {
	text-align: right;
	float: right;
	padding-left: 30px;
	margin-bottom: .5em;
}
.events .single {
	clear: both;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding-bottom: 3em;
}
.events .heading {
	color: #444;
	text-align: left;
	font-size: 2.2em;
	line-height: 1em;
	/*font-family: "Merel", sans-serif;*/
	padding: 1em 0;
	padding-top: 0;
	float: left;
}
.overlay-b .tagline {
	font-style: italic;
	font-size: .9em;
}
.events .singlesidebar {
	text-align: left;
	max-width: 300px;
	padding-right: 25px;
	display: inline-block;
	font-size: .9em;
	font-family: "Merel", sans-serif;
	line-height: 1.6em;
}
.events .singlesidebar .soldout {
	font-weight: bold;
	color: #c00;
}
.singlesidebar p.head {
	font-family: "Merel", sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 0;
	color: #E3B536;
}
.singlesidebar p.head.first {
	padding-top: 0;
}
.events .single .event {
	flex: 1;
	text-align: left;
	border-left: 1px solid rgba(227, 181, 54,.3);
	padding-left: 25px;
	display: inline-block;
}
.events .heading .tagline {
	font-style: italic;
	font-size: .7em;
	padding-top: .5em;
}
.events .heading .soldout {
	font-size: .55em;
	color: #c00;
	font-weight: bold;
}
.event-image img {
	width: 100%;
}
.event-image {
	float: left;
	width: 32%;
	/*padding-bottom: 25%;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	background-position: 50% 50%;*/
	margin: 2%;
	
}
.events .event a .event-image {
	position: relative;
	overflow: hidden;
	line-height: 0;
	
}
.events .event a .event-image img {
	transition: .3s ease-in-out;
	position: relative;

}
	



.event-text {
	text-align: left;
	float: left;
	padding: 1em;
	width: 55%;
}
.event-text .soldout {
	font-family: "Merel", sans-serif;
	font-weight: bold;
	color: #c00;
}
.event-text .tagline {
	font-style: italic;
	font-size: 1.2em;
}
.event-text h3 {
	font-size: 1.3em;
	line-height: 1.5em;
	

font-family: transat-text, sans-serif;

/*iifont-weight: 400;*/

font-style: normal;

	/*font-family: "Merel";*/
}
.event-text h4 {
	font-family: "Merel";
}
.event-text h4.club-exclusive {
	color: #26748E;
}
	
/* GALLERY */

.instagram-post {
	width: 24%;
	float: left;
}
.instagram-post .EmbedHeader {
	display: none;
}
.gallery-container {
	clear: both;
	line-height: 0;
	font-size: 0;
	text-align: center;
}
.gallery-item {
	width: 24%;
	padding-bottom: 25%;
	background-size: cover;
	background-position: 50% 50%;
	
	display: inline-block;
	margin: 1px;
	position: relative;
	opacity: .92;
	transition: .3s opacity;
}
.gallery-item:hover {
	opacity: 1;
}
a.gallery-link {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
/* VIDEO */

.video-container {
	position: relative;
	height: 100%;
	
}

.video-container::before {
	
	content: "";
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	opacity: 1;
	background-color: rgba(0,0,50,.1);
	/*background: linear-gradient(to right, rgba(0,0,30,.4) 30%, rgba(0,0,50,0) 100%);*/
}
.video-container .text-overlay {
	position: absolute;
	top: 50%;
	/*transform: translate(-50%, -50%);
	-webkit-transform: translateX(-50%, -50%);*/
	font-size: 2em;
	color: #fff;
	opacity: 1;
	visibility: visible;
	transition: 2.5s;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	font-family: "Lora", serif;
}
.video-container .text-overlay.left {
	right: 46%;
}
.video-container .text-overlay.right {
	left: 46%;
}

.video-container .text-overlay.hidden {
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0,50px,0);
	-webkit-transform: translate3d(0,50px,0);
}


/* Home page full video */

#welcome-video-frame-two {
	z-index: -1;
	/*transition: 1s ease-in-out;
	opacity: 0;*/
}

#welcome-video-frame-two.shown {
	z-index: 22;
	/*opacity: 1;*/
}


.bgfade-parent {
	position: relative;
}
div.bgfade {
	display: none;
	z-index: -100;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	overflow: hidden;
}


.blog-entry {
	border-top: 1px solid rgba(99,99,99,.3);
	font-family: "Lora", serif;
	max-width: 900px;
	font-size: 1.4em;
	padding: 60px 140px;
	line-height: 1.7em;
	text-align: left;
	color: #443;
	margin: 0 auto;
	margin-bottom: 2em;
}

.blog-entry .heading {
	line-height: normal;
	font-family: "Lora", sans-serif;
	color: #332;
	color:#26748E;
	font-size: 1.1em;
	padding-bottom: 5px;
}
.blog-entry .date {
	line-height: normal;
	font-family: "Lora", sans-serif;
	color: #777;
	font-size: .76em;
	padding-bottom: 10px;
}

.blog-entry .button {
	text-align: center;
}
.separator-image {
	margin-top: 40px;
	margin-top: 5%;
	height: 50%;
	background-size: cover;
	min-height: 400px;
	background-position: 50% 50%;
}
.separator-image.tall {
	height: 60%;
	min-height: 400px;
}
.button.padded {
	margin: 20px 20px 20px 20px;
	padding: 8px 16px;
}
.button {
	display: inline-block;
	margin: 5px 8px;
	padding: 6px 20px;
	font-family: "Merel",sans-serif;
	transition: .3s;
	line-height: 1em;
	cursor: pointer;
	
	background-color: #fff;
	border: 1px solid #9a7204;
	color: #9a7204;
	
	background-color: #C19416;
	border: 1px solid #C19416;
	
	background-color: #A76906;
	border: 1px solid #A76906;
	
	color: #fff;
	font-size: 1em;
}

.button.outline {
	background-color: #fff;
	border: 1px solid #9a7204;
	color: #9a7204;
	
	
	border: 1px solid #C19416;
	color: #C19416;

	color: #A76906;
	border: 1px solid #A76906;
	
	font-size: 1em;
}
.button.outline:hover {
	color: #fff;
	background-color: #E3B536;
	border: 1px solid #E3B536;
}
.unslider .button, .fsvc-contentblock .button {
	border: 1px solid #E3B536;
	background-color: #d89026;
	background-color: #E3B536;
	color: #000;

	font-size: 1.1em;
}


.unslider .button:hover {

	background-color: #f0Bc3f;
	border: 1px solid #E9Ba3b;
	
}

.button.white {
	border: 1px solid white;
	background-color: rgba(0,0,0,.6);
	color: #fff;
}

.button.initialwhite {
	border: 1px solid white;
	background-color: rgba(255,255,255,.9);
	color: #000;
}	
.button.disabled {
	background-color: #eee;
	border: 1px solid #ccc;
	color: #919191;
	cursor: default;
	
}
.button.disabled:hover {
	background-color: #eee;
	border: 1px solid #ccc;
	color: #919191;
	
}
.button.clear {
	color: #C11F16;
	background-color: #fff;
	
}
.button.transparent {
	color: #C19416;
	color: #E3B536;
	background-color: rgba(0,0,0,.5);
}
.button:hover {
	color: #222;
	background-color: #E3B536;
	border: 1px solid #E3B536;
	
	/*color: #fff;*/
	background-color: #E3B536;
	border: 1px solid #E3B536;
}
.button.initialwhite:hover {
	color: #FFF;
	background-color: rgba(0,0,0,.5);
}
.button:active {
	border: 1px solid #9a7204;
	background-color: #9a7204;
	color: #000;	
}
.button.padded.blue {
	background-color: #064A60;
	color: #fff;
}

.button.padded.blue:hover {
	background-color: #367A90;
	color: #fff;
}
.button.inline {
	margin: 10px 15px 0 0; /* may not be used */
}
.button.solid {
	border-radius: 0px; 
	text-shadow: none;
	/*border: none;
	/*background-color: #C11F16;
	color: #fff;*/
}



/* postheader */


.postheader {
    background-color: #C19416;
	background-color: #E3B536;
    width: 100%;
    text-align: center;
    line-height: 1.5em;
    vertical-align: middle;
    border-radius: 0 0 7px 7px;
    box-shadow: 0 5px 12px rgba(0,0,0,.5);

    padding: 5px 5%;
    color: #fff;
	color: #000;
    font-size: .96em;

	z-index: 100;

	position: absolute;
    top: -100px;
    
	right: 50%;
	transform: translateX(50%);
	-webkit-transform: translateX(50%);
	width: 80%;
	min-width: 700px;
	transition: top .7s ease-in-out, visibility .3s, opacity .3s, background .2s, color .2s;

}
.postheader p {
	padding: 0;
}

.postheader.shown {
	top: 0px;
	visibility: visible;
	opacity: 1;
}
.postheader.shown:hover {
	/*background-color: #C19416;
	background-color: #E3B536;
	color: #222;*/
}

.postheader.dim {
	opacity: 0;
	visibility: hidden;

}


/* Home slider */

.fullwindow {
	height: 900px;
	min-height: 520px; /* may want to change this for mobile */
	position: relative; /* allow for postheader absolute positioning */
}
#home_slider {
	height: 100%;
	position: relative;
	touch-action: pan-y pinch-zoom;
	box-shadow: 0px 0px 19px 10px rgba(0,0,0,.8);
}
#home_slider .cover, .cover {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #111;
	z-index: 100;
	opacity: 1;
	visibility: visible;
	transition: 1s;
}
#home_slider .cover img.centered, .cover img.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
#home_slider .cover.removed, .cover.removed {
	opacity: 0;
	visibility: hidden;
}

#home_slider .unslider-wrap li > div {
	background-size:cover;
	background-position: 50% 50%;
	position: relative;
}

#home_slider .unslider-wrap li > div:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*iiz-index: 1;*/
}
#home_slider .unslider-wrap li > div.lighten:before {
	background: rgba(255,255,255,.7);
	
}
#home_slider .unslider-wrap li > div.darken:before {
	background: rgba(0,0,0,.3);
	
}
#home_slider .unslider-wrap li > div.darken-left:before {
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 1%,rgba(0,0,0,0.4) 35%,rgba(0,0,0,0) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.7) 1%,rgba(0,0,0,0.4) 35%,rgba(0,0,0,0) 50%); 
}

#home_slider .unslider-wrap li > div.darken-left.extreme:before {
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.7) 35%,rgba(0,0,0,0) 75%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.7) 35%,rgba(0,0,0,0) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#home_slider .unslider-wrap li > div.darken-right:before {
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 65%,rgba(0,0,0,0.7) 100%); 
	background: linear-gradient(to right, rgba(0,0,0,0) 50%,rgba(0,0,0,0.4) 65%,rgba(0,0,0,0.7) 100%); 
}

#home_slider .unslider-wrap li > div.darken-right.extreme:before {
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 25%,rgba(0,0,0,0.7) 65%,rgba(0,0,0,0.95) 100%); 
	background: linear-gradient(to right, rgba(0,0,0,0) 25%,rgba(0,0,0,0.7) 65%,rgba(0,0,0,0.95) 100%); 
}

#home_slider .unslider-wrap li > div.darken-upper-right:before {
	background: linear-gradient(to bottom left, rgba(0,0,0,.5) 20%, rgba(0,0,0,0) 50%);
}

#home_slider .unslider-wrap li > div.darken-center:before {
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0) 100%);
}
#home_slider .unslider-wrap li > div.darken-center.extreme:before {
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,0) 100%);
}
#home_slider .unslider-wrap li > div.darken-center.broad.extreme:before {
	background: radial-gradient(ellipse at center, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 78%,rgba(0,0,0,0) 100%);
}

#home_slider .unslider-wrap li > div.darken-bottom:before {
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 40%,rgba(0,0,0,0.9) 100%); 
	background: linear-gradient(to bottom, rgba(0,0,0,0) 40%,rgba(0,0,0,0.9) 100%); 
}

#home_slider .unslider-wrap li > div.darken-bottom.extreme:before {
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 30%,rgba(0,0,0,0.99) 88%); 
	background: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.99) 88%); 
}

#home_slider .unslider-wrap li > div > div.overlay {
	position: absolute;
	z-index: 2;
	width: 33%;
	max-width: 500px;
}



#home_slider .unslider-wrap li > div > div.overlay.centered {
	text-align: center;
	width: 60%;
	max-width: 800px; 
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: 10%;
}



#home_slider .unslider-wrap li > div > div.overlay .copy {
/*#home_slider .unslider-wrap li > div > div.overlay .copy, #home_slider .unslider-wrap li .copy {*/
	/*color: #fff;
	color: #e6e6dd;*/
	color: #f6f6e8;
	font-family: 'Lora';
	font-size: 1.5vh;
	font-size: 1.4em;
	line-height: 1.4em;
	text-shadow: 0 0 6px rgba(0,0,0,1);
}

#home_slider .unslider-wrap li .overlay.modern .copy {
	font-family: transat-text, sans-serif;
	text-transform: uppercase;
	font-size: 1.5vh;
	font-size: 1.4em;
}
	
#home_slider .unslider-wrap li > div.light .overlay .copy {
	text-shadow: none;
}
#home_slider .unslider-wrap li .overlay .copy h1 {
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: normal;
}
#home_slider .unslider-wrap li > div > div.overlay .copy p {
	padding-top: .33em;
	padding-bottom: .33em;
}


#home_slider .unslider-wrap li > div > div.overlay .copy p.small {
	font-size: .8em;
}

#home_slider .unslider-wrap li > div > div.overlay .copy p.medium {
	font-size: 1.6em;
}
#home_slider .unslider-wrap li > div > div.overlay .copy p.large {
	font-size: 2em;
}


#home_slider .columns {
	display: flex;
	display: -webkit-flex;
	padding-top: .5em;
	padding-bottom: .5em;
}
#home_slider .columns > div {
	flex-basis: 0;
	flex-grow: 1;
	padding-left: .4em;
	padding-right: .4em;
	margin: auto 0;
	font-size: .8em;
	line-height: 1.3em;
}
#home_slider .columns > div:nth-child(2){
	/*border-left: 1px solid rgba(193,148,22,.2);*/
}


#home_slider .unslider-wrap li > div > div.overlay .copy img {
	width: 100%;
	max-width: 400px;
}
	
#home_slider .unslider-wrap li > div > div.overlay .action {
	padding: 1em;
}
	
#home_slider .button {
	border-radius: 1em;
}
#home_slider .action.transparent a.button {
	border-radius: 1em;
	background-color: rgba(0,0,0,0);
	color: #c19416;
}
#home_slider .action.transparent a.button:hover {
	background-color: #c19416;
	color: #000;
}
	
#home_slider .unslider-nav {
	position: absolute;
	bottom: 0;
	/* position right 50% and translate right 50% to get around IE positioning bug */
	right: 50%;
	transform: translateX(50%);
	-webkit-transform: translateX(50%);
	background-color: rgba(0,0,0,.6);
	padding: .5em;
	transition: .25s;
}

#home_slider .unslider-nav.paused {
	
	background-color: rgba(0,0,1,.95);

}

/* BOXES - updated 2019*/
.boxes {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
	margin-bottom: 0px;


	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: center;
	-webkit-justify-content: center;
}

.boxes .heading, .boxes h2 {
	flex-basis: 100%;
	-webkit-flex-basis: 100%;	
	text-align: center;
	padding-bottom: 0;
}

.boxes > a {
	flex: 1 1 40%;
	-webkit-flex: 1 1 40%;
	margin: 3% 2%;
	max-width: 600px;
	display: flex;
	display: -webkit-flex;
	cursor: pointer;
}
.boxes .innerbox {
	transition: .2s;
}
.boxes > a:hover .titlebar {
	width: 100%;
	transition: .4s;
}
.boxes > a:hover .box {
	
	/*background-color: #082935;
	background-color: #8a6200;
	background-color: #101017;*/
	transition: .3s
}
.boxes > a .box {
	background-color: #061925;
	background-color: #C19416;
	background-color: #101215;
	width: 100%;
	transition: .2s;
}

.boxes .box .title {
	padding: .5em 0 .8em 0;
	color: #C19416;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Merel";
	font-size: .9em;
	letter-spacing: .1em;
	/*iibackground-color: #fff;*/
}
.boxes .box .titlebar {
	width: 0;
	height: 2px;
	margin-top: .5em;
	background-color: #C19416;
	transition: .2s;
}
.boxes .box .image {
	width: 100%;
	padding-bottom: 50%;
	background-size: cover;
	background-position: 50% 50%;
	/*iitransition: 2s;*/
}

.boxes .box .copy {
	color: #eee;
	padding: 1.5em;
	line-height: 1.7em;
	font-family: "Lora";
	font-size: .9em;
	margin-top: auto;
	
}



/* Fullpage background */

.fullpage-scrolled-video-container {
	min-height: 100%;
	position: relative;
	margin-top: 40px;
	margin-top: 5%;
}
.fullpage-scrolled-video {

	background-size:cover;
	background-position: 50% 50%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
	overflow: hidden;
}
.fullpage-scrolled-video::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to right, rgba(0,0,0,.75) 40%, rgba(0,0,0,0) 100%);
}

.fullpage-scrolled-video.fixed {
	position: fixed;
	top: 80px; /* this is overridden by navHeight */
	bottom: 0;
	left: 0;
	right: 0;
	
}
.fullpage-scrolled-video.gravity {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	
}
.background-video {
  position: absolute;
  top: 50%; 
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%; 
  min-height: 100%; 
  width: auto; 
  height: auto;
  z-index: -1000; 
  overflow: hidden;
}

.fsvc-contentblock {
	padding: 3% 0;
	color: #fff;
	/*font-size: 1.1em;*/
	line-height: 1.5em;
	text-shadow: 1px 1px 1px rgba(0,0,0,1);
	width: 33%;
	margin-left: 10%;
	font-family: "Lora", sans-serif;
}

.fsvc-contentblock a {
	color: #E3B536;
	transition: .3s;
}
.fsvc-contentblock a:hover {
	color: #D12f26;
	color: #fff;
}
.fsvc-contentblock p.heading {
	font-size: 1.5em;
	color: #fff;
}

.fsvc-contentblock ul {
	margin-left: 1em;
}
.fsvc-contentblock ul li{
	list-style-type: square;
	padding-bottom: .5em;
}




/* VISIT - WINE TASTING */

.panorama-icon-container {
	text-align: center;
	color: #fff;
	width: 200px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -100px;
	
	z-index: 2;
	bottom: 20px;
	opacity: 0;
	visibility: hidden;
	transition: 1s;
	text-shadow: 0 0 5px #000;
	padding: 20px;
}
.panorama-icon-container.revealed {
	opacity: 1;
	visibility: visible;
	bottom: 20px;
	background-color: rgba(0,0,0,.4);
	transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
}
.panorama-icon {
	transition: 2s;
    -webkit-transform-origin: center center 0; /* Chrome, Safari, Opera */
	transform-origin: center center 0;
}
.panorama-icon.rotated {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
.panorama-icon .material-icons {
	color: rgba(255,255,255,1);
	text-shadow: 0 0 5px #000;
	font-size: 70px;
	line-height: 70px;
}


.g4-experience-box .text .notice {
	border: 1px solid #C19416;
	color: #9a7204;
	padding: .5em;
	margin-bottom: 1em;
	margin: 0 auto 1em auto;
	max-width: 400px;
}


/* Bottom flag (for winery address/map) */





.bottom-flag-container {
	position: fixed;
	bottom: -50%;
	right: 50%;
	transform: translateX(50%);
	-webkit-transform: translateX(50%);
	max-width: 800px;
	width: 90%;
	z-index: 1001;
	text-align: center;
	
	text-align: center;
	transition: .3s ease-in-out;
	opacity: 0;
	visibility: hidden;
	line-height: 1.8em;
	overflow: auto;
	font-family: "Lora";
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	
}

.bottom-flag-arrow-container a {
	color: #fc3;
	
}
.bottom-flag-container.shown {
	visibility: visible;
	opacity: 1;
	bottom: 0 ! important; /* override javascript declaration */
	transition: .3s ease-in-out;
}








.bottom-flag-arrow-container {
	font-size: 1em;
	cursor: default;
	position: fixed;
	z-index: 99;
	bottom: -100px;
	height: auto;
	line-height: 1.8em;
	text-align: center;
	left: 50%;
	left: 0;
	right: 0;
	
	background-color: rgba(10,21,30,1);
	
	color: #fff;
	
	opacity: 0;
	visibility: hidden;
	transition: .2s;
	
	font-family: "Merel";
	padding: .7em 0;
}

.bottom-flag-arrow-container i.material-icons {
	font-size: 36px;
	line-height: 36px;
	padding-right: .2em;
	vertical-align: middle;
}
.bottom-flag-arrow-container p.action {
	display: inline-block;
	vertical-align: middle;
}

.bottom-flag-arrow-container:hover {
	background-color: rgba(30,41,50,1);

}
.bottom-flag-arrow-container.shown {
	visibility: visible;
	opacity: 1;
	bottom: 0;
	transition: .5s;
}


.bottom-flag-arrow-container a:hover {
	color: #E3B536;
}

#currentSelectedLocation {
	display: inline-block;
}
#currentSelectedLocation > div {
	margin: 0 10px;
	padding: 0px 10px;
	display: inline-block;
	cursor: pointer;
	border: 1px solid rgba(0,0,0,0);
}
#currentSelectedLocation .selected {
	border: 1px solid #E3B536;
	cursor: default;
	color: #fc3;
}



.bottom-flag {
	padding: 0;
	line-height: normal;
	background-color: #fff;	
	box-shadow: 0px 0px 5px 3px rgba(0,0,0,.2);
}

.bottom-flag-contents {
	padding: 2em 0;
	margin: 0 30px; /* Allow room for closebox */
}


/* VISIT Locations selection */

.locations {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	margin-bottom: 5%;
	margin-top: .5em;
}
.locations .box {
	margin: 0 2%;
	width: 50%;
	min-width: 300px;
	height: 300px;
	background-size: cover;
	position: relative;
	overflow: hidden;
	flex: 1 1 0;
	-webkit-flex: 1 1 0;
	cursor: pointer;
}
.locations .box:hover {
	cursor: pointer;
}
.locations .box .image:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.5);
	transition: .3s;
}

.locations .box:hover .image:before {
	background-color: rgba(0,0,0,.8);
}
.locations .box:hover .copy {
	top: 48%;
	color: #fff;
	transition: .3s;
}

.locations .box .image {
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.locations .box .copy {
	text-align: center;
	position: absolute;
	width: 100%;
	padding: 1em;

	top: 50%;
	left: 50%;
	transform: translate(-50%,-40%);
	-webkit-transform: translate(-50%,-40%);
	color: #fff;
	transition: .2s;
	letter-spacing: .1em;
	text-shadow: 0px 0px 2px rgba(0,0,0,1);
}
.locations .box .copy .title {
	font-size: 1.6em;
	line-height: 1.6em;
}

.locations .box .copy .subtitle {
	font-size: .9em;
	font-style: italic;
}


/* Location Container and details */

#location-container {
	background-color: #000;
}
#location-container .location-details {
	opacity: 1;
	visibility: visible;
	height: auto;
	transition: .9s ease-in-out;
	background-color: #fff;
}

#location-container .location-details .header {
	height: 800px;
	min-height: 500px;
	max-height: 1000px;
	background-size: cover;
	background-attachment: fixed;
	background-position: 50% 50%;
	position: relative;
}
#location-container .location-details .header.unfixed {
	background-attachment: scroll;
}
#location-container .location-details .header:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.2);

}
#location-container .location-details .header .title, #location-container .location-details .header h3 {
	position: absolute;
	left: 0%;
	right: 0;
	bottom:0;
	color: #fff;
	font-size: 2em;
	/*iifont-family: "Lora";*/
	font-weight: inherit;
	text-shadow: 0 0 10px #000;
	letter-spacing: .1em;
	background-color: rgba(0,0,0,.75);
	padding: .6em;
	text-align: center;
	
	
}
	
#location-container .location-details.hidden {
	opacity: 0;
	height: 0;
	overflow: hidden;
}


#location-container .location-details .box-container {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
#location-container .location-details .box {
	width: 33%;
	max-width: 450px;
	border: 1px solid #dcdcdc;
	margin: 0 1%;
	padding: 1.5em;
	flex: 1 1 0;
	-webkit-flex: 1 1 0;
	background-color: #fff;
}
#location-container .location-details .box .title, #location-container .location-details .box h3 {
	font-weight: 600;
	color: #444;
	padding: .6em 0 .3em 0;
	background-color: #fff; /* fix contrast errors */
}








/* DividedBox */
.dividedbox {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.dividedbox.reversed {
	flex-direction: row-reverse;
}
.dividedbox .image {
	width: 60%;
	background-position: 50% 50%;
	background-size: cover;
	min-height: 300px;
}
.dividedbox .copy {
	padding: 5em 10%;
	/*color: #e7e7e7;*/
}
.dividedbox .copy .heading {
	/*color: #e7e7e7;*/
	font-size: 2em;
	letter-spacing: .03em;
	padding-bottom: .5em;
	line-height: 1.4em;
}
.dividedbox .copy .wine-description p.subheading:first-child {
	padding-top: 1em;
}
.dividedbox .copy .accolade {
	padding-bottom: .75em;
}
/* was .dividedbox .copy .subheading */
.dividedbox .subheading {
	text-transform: uppercase;
	font-family: "Merel", sans-serif;
	font-size: .8em;
	letter-spacing: .2em;
	color: #d7d7d7;
	padding-top: 1em;
	color: #928459;
	color: #C19416;
	color: #666;
	font-weight: bold;
}

.dividedbox .copycontainer {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 40%;
	justify-content: center;
	align-items: center;
}
.dividedbox .divider, .divider-gradient {
	width: 75px;
	height: 1px;
	/*iibackground-color: #d0d0d0;*/
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(222,222,222, 0.85), rgba(0, 0, 0, 0));
	margin: 1em auto 1.5em auto;
}


.divider-gradient.dark {
	width: 75px;
	height: 1px;
	/*iibackground-color: #d0d0d0;*/
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(22,22,22, 0.85), rgba(255, 255, 255, 0));
	margin: 2em auto 2em auto;
	
	
}
/* split-content */

.split-content {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	justify-content: center;
	-webkit-justify-content: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.split-content .column {
	margin: 10px;
	padding: 24px 26px;
	/* overflow: hidden; /* Prevent margin collapse with INNER */
	position: relative;
	top: 0;
	flex: 0 0 30%;
	-webkit-flex: 0 0 30%;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.split-content .column .column-flex {
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}
/*.split-content .column:not(.noborder):before {*/
.split-content .column:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: 1px solid #e6e6e6;
	/*iiborder: 1px solid rgba(255,255,255,0);*/
	pointer-events: none;
	transition: .2s;

}
.split-content .column .constrainedImage {
	background-size: cover;
	padding-bottom: 50%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: 0 auto 1em auto;
	max-width: 240px;
	width: 100%;
}
.split-content a p {
	color: #444;
	
}
.split-content > a {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex: 1 0 0;
	-webkit-flex: 1 0 0;
	/*flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 0;*/
	width: 100%;
	max-width: 360px;
	margin: 0 auto;

}

.split-content > a > .column {
	width: 100%;
	transition: .1s;
	flex: 0 0 100%;
	-webkit-flex: 0 0 100%;

}

.split-content > a:hover > .column {
	top: -1px;
}

.split-content > a:hover > .column:before {

	box-shadow: 0px 0px 16px rgba(0,0,0,.3);
}

	
.split-content > a:hover > .column:before {
	/*iiborder: 1px solid #fc3;*/
}

.split-content > a:hover > .column .header {
	color: #C19416;
}
.split-content .column .inner {
	margin: 10px;
	padding: 24px 26px;
	border: 10px solid #e0e0e0;
}

.split-content  .column .header {
	font-weight: bold;
	color: #C19416;
	color: #555;
	font-family: "Merel";
	text-transform: uppercase;
	transition: .1s;
}
.split-content .column p.header .note {
	font-size: .8em;
	font-weight: normal;
	text-transform: none;
}
.split-content .column .subheader {
	font-style: italic;
	color: #666;
	font-size: .86em;
	padding-bottom: .25em;
}
.split-content .column .links {
	border-top: 1px solid #ddd;
	line-height: 1em;
	margin-top: 10px;
	padding-top: 10px;
	
}
.split-content .column p.min {
	min-height: 5em;
}
.split-content .column .icon {
	width: 36px;
	margin: 10px;
	position: relative;
	transition: .1s;
	top: 0;
	border-radius: 100%;
	box-shadow: 0 0 3px rgba(193,148,22,.9);
}
.split-content .column .icon:hover {
	top: -1px;
	border-radius: 100%;
	box-shadow: 0 0 5px rgba(143,98,2,.9);
}

.split-content .column:hover {
	/*background-color: #333;
	color: #fff;*/
	/*iitransition: .4s;*/
}

.split-content .column:hover p img, .split-content .column:hover p img.tinybottle path {
	/*background-color: #fff;*/ /* no longer needed with SVG */
	fill: #e6e6e6 ! important;
}

.split-content .column:hover p.header {
	/*color: #E3B536;*/
}
.split-content .column:hover p.subheader {
	color: #ccc;
}

.split-content .column:hover i.material-icons {
	color: #fff;
}

 /* New experience code */

 .g4-experience-grid-container {
	 width: 80%;
	 display: -ms-flexbox;
	 display: -webkit-flex;
	 display: flex;
	 flex-wrap: wrap;
	 margin: 0px auto 40px auto;
 }
 .g4-experience-grid-item {
	 box-sizing: border-box;
	 width: 50%;
	 padding: 50px;
	 position: relative;
 }
 .g4-experience-grid-item:before {
	 /*content: "";
	 position: absolute;
	 border: 1px solid blue;
	 top: 10px;
	 bottom: 0;
	 left: 0;
	 right: 0;*/
 }
 .g4-experience-grid-item .image {
	 padding-bottom: 60%;
	 background-size: cover;
	 background-position: 50% 80%;
	 position: relative;
	 overflow: hidden;
 }
 .g4-experience-grid-item .image.fpo:before {
	content: "- FPO  -";
	font-size: 2em;
	position: absolute;
	top:25%;
	width: 200%;
	left: -80%;
	z-index: 50;
	padding: .6em;
	color: #555;
	background-color: rgba(255,245,225,.6);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
 .g4-experience-grid-item .title {
	 margin-top: 1em;
	 font-size: 1.8em;
	padding-bottom: .7em;
	font-family: "Merel", sans-serif;
	color: #111;
 }
 .g4-experience-grid-item .subtitle {
	font-family: "Merel", sans-serif;
	font-size: 1em;
	color: #111;
	padding-bottom: .7em;
	/*border-bottom: 1px solid rgba(0,0,0,.2);*/
	margin: 0 auto;
}
 .g4-experience-grid-item .copy {
	text-align: left;
	padding: 1em 0;
}

.g4-experience-grid-item .price-details {
	padding-bottom: 0;
	font-size: 1.1em;
	font-family: "Merel", sans-serif;
    text-align: center;
}
.g4-experience-container {
	
}
.g4-experience-box {
	display: -ms-flexbox;
	display: flex;
	display: -webkit-flex;
	width: 100%;
	min-height: 400px;
	text-align: center;
	position: relative;
	background-color: #fff; /* Fix contrast error */
}
.g4-experience-box .image {
	width: 50%;
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
	overflow: hidden;
	/*padding-bottom: 40%;*/
}
.g4-experience-box .image.fpo:before {
	content: "- FPO  -";
	font-size: 2em;
	position: absolute;
	top:25%;
	width: 200%;
	left: -80%;
	z-index: 50;
	padding: .6em;
	color: #555;
	background-color: rgba(255,245,225,.6);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.g4-experience-box .text {
 width: 50%;
 /*background-color: rgba(243,243,231,.4);*/
 padding: 5em;
 
}

.g4-experience-box .additionalInformationLink {
	cursor: pointer;
	vertical-align: text-bottom;
	font-family: "Merel";
}
.g4-experience-box .additionalInformationLink i.material-icons {
	font-size: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	vertical-align: text-bottom;
}
.g4-experience-box .expansion{
	text-align: left;
	position: absolute;
	font-size: .95rem;
	padding: 0em;
	box-shadow: 0 0 20px rgba(0,0,0,.9);
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	height: auto;
	left: 50%;
	margin-left: 4em;
	margin-right: 4em;
	z-index:10;
	background-color: #fff;
	opacity: 0;
	/*iidisplay: none;*/
	transition: .1s;
	visibility: hidden;
}
.g4-experience-box .text .expansion .copy {
	overflow-y: auto;
	
	
	margin: 50px 2em;
	/*position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0px;*/
	max-height: 300px;
}
.g4-experience-box .text .expansion p {
	padding: 0px;
}
.g4-experience-box .text .expansion .closebox {
	margin: 5px 5px 10px 10px;
	position: absolute;
	top: 0px;
	right: 0px;

	z-index: 11;
}
.g4-experience-box .text .expansion.shown {
	/*iidisplay: block;*/
	opacity: 1;
	visibility: visible;
	transition: .3s;
}
.g4-experience-box .copy {
	text-align: left;
}
.g4-experience-box .title, .g4-experience-box h5.title {
	font-size: 1.6em;
	padding-bottom: .7em;
	line-height: 1.3em;
	font-weight: inherit;
	font-family: transat-text, sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-style: normal;

}
.g4-experience-box .subtitle {
	font-family: "Merel", sans-serif;
	font-size: 1.1em;
	color: #111;
	padding-bottom: .7em;
	/*iiborder-bottom: 1px solid rgba(0,0,0,.2);*/
	width: 70%;
	margin: 0 auto;
}
.g4-experience-box .timing, .g4-experience-box .price-details {
	font-family: "Merel", sans-serif;
	text-align: center;
	font-size: 1em;
	padding-bottom: 1em;
}
.g4-experience-box .price-details {
	padding-bottom: 0;
	font-size: 1em;
}
.g4-experience-box .reserve {
	margin-left: 0;
	text-align: center;
	font-family: "Merel", sans-serif;
}



.instagram-montage-container {
	margin: 40px auto 0 auto;
	line-height: 0;
	overflow: hidden;
	max-height: 500px;
	position: relative;
	bottom: -2px;
	white-space: nowrap;
}
.instagram-montage-item {
	display: inline-block;
	/*iifloat: left;*/
	width: 16.67%;
	position: relative; /* necessary for gallery-link */
	padding-bottom: 16.67%;
	background-size: cover;
}

.new-experience-container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;

}

.new-experience-box {
	width: 96%;
	margin: 0 auto;
	position: relative;
	/*cursor: pointer;*/
	transition: .3s;
}
.new-experience-box:hover {
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,.5);
}

.new-experience-container > .experience-box {
	box-sizing: border-box;
	vertical-align: top;
	min-height: 270px;
}


.new-experience-box.three, .new-new-experience-box.three {
	box-sizing: border-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	width: 33.3%;
	padding: 2%;
	margin: 1%;
	vertical-align: top;
	position: relative;
	min-height: 350px;
	overflow: hidden;
}
.new-experience-box .image {
	background-size: cover;
	background-position: 50% 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: .3s;
}

/*.new-new-experience-box .image {
	display: static;
	padding-bottom: 50%;
}*/
.new-experience-box .image:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,.8) 0%, transparent 30%, transparent 60%, rgba(0,0,0,.8) 75%);
}
.new-experience-box .title {
	position: absolute;
	top: 1em;
	text-align: center;
	width: 75%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	color: #26748E;
	color: #fff;
	padding-bottom: .4em;
	font-size: 1.1em;
}

.new-experience-box .action {
	margin-top: auto;
	padding: .75em;
	line-height: 1.5em;
	color: #445;
	font-size: .88em;
	position: absolute;
	bottom: 1em;
	color: #fff;
	left: 50%;
	width: 80%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.new-experience-box  a.button {

	margin: .5em 0;
	cursor: pointer;
}
.new-experience-box .copy-container {
	position: absolute;
	top: 100%;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
	transition: .4s ease-in-out;
	background-color: rgba(255,255,255,1);
	opacity: 0;
	visibility: hidden;
	font-size: .9em;
	line-height: 1.5em;
	border: 1px solid #aaa;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
}
.new-experience-box .copy-container.shown {
	top: 0;
	visibility: visible;
	opacity: 1;
	cursor: default;
}

.new-experience-box .copy-container > .copy > p.details {
	flex-grow: 1;
}

.new-experience-box .copy {
	padding: 1em;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}
.experience-container {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
}

.experience-box {
	width: 98%;
	margin: 0 auto;
	position: relative;
}

.experience-container > .experience-box {
	box-sizing: border-box;
	vertical-align: top;
	min-height: 270px;
}



.experience-box.three {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	width: 33.3%;
	padding: 2%;
	vertical-align: top;
	position: relative;
	min-height: 400px;

}

.experience-box .copy .details {
	padding-top: 1em;
	margin-top: 1em;
	border-top: 1px dotted #ccc;
	display: none;
	flex-grow: 1;
}
.experience-box .image {
	height: 480px;
	width: 100%;
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
}
.experience-box .image:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, transparent 60%, rgba(30,27,8,.5) 100%);
}
.experience-box .title {
	text-align: left;
	color: #26748E;
	padding: .75em 0 .5em 0;
	font-size: 1.1em;

}
.experience-box .copy, .iexperience-box .price-details, .experience-box .action {
	text-align: left;
	font-size: .9em;
	line-height: 1.5em;
	color: #556;
}
.experience-box .copy ul li {
	padding-bottom: .5em;
}
.experience-box .action {
	margin-top: auto;
	padding-top: 1.5em;
	line-height: 1.5em;
	color: #445;
}

.experience-box a.button {
	margin: .5em 0;
	cursor: pointer;
}

#tasting-experiences > div > div.title {
	/*border-bottom: 8px solid #E3B536;*/
}

#premier-experiences > div > div.title {
	border-bottom: 2px solid #c00;
}


/* WINES */

#vineyards.dividedbox .copycontainer .copy, #vineyards.dividedbox .copycontainer .copy p.heading {
	color: #333;
}


#wines .dividedbox .image, #vineyards .dividedbox .image {
	min-height: 600px;
}




/* 2018-11 Wine Pages - incl Winemakers Reserve */
/* winemakers-reserve -> wine-display */


.wine-display {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	max-width: 1500px;
	margin: 0 auto;
	justify-content: center;
	-webkit-justify-content: center;
	padding-top: 2%;


}
.wine-display .dividedbox {
	
	max-width: 750px;
	
	padding: 3em 2em;
	align-items: center;
	position: relative;
	overflow: hidden;
	margin-bottom: 2%;
	margin: 1% 1%;
	/*iiborder: 1px solid #ddd;*/
	flex-basis: 46%;
	flex-basis: 600px;
	flex-grow: 1;
	
	-webkit-flex-basis: 46%;
-webkit-flex-basis: 600px;
-webkit-flex-grow: 1;
}
.wine-display .dividedbox:before {
	/*iicontent: "";*/
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	border: 1px solid #ddd;
}



.wine-display .dividedbox .more_button {
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background: #112931;
	background: #60100b;
	background: #fff;
	border: 1px solid #ccc;
	color: #fff;
	color: #666;
	height: 34px;
	padding: 0em 0em;
	font-family: "Merel";
	font-size: .9em;
	/*iiborder-radius: 40px;*/
		
	cursor: pointer;
	transition: .2s;
	z-index: 50;
	
}
	
.wine-display .dividedbox .more_button:hover  {
	/*iibackground-color:  #213941;*/
	border: 1px solid #333;
	transition: .3s;
	background-color: #333;
	color: #fff;
}
.wine-display .dividedbox .more_button span {
	display: inline-block;
	line-height: 32px;
	padding: 0 6px 0 0;
	vertical-align: top;
	transition: .5s;
	min-width: 100px;
	
}
	
	
.wine-display .dividedbox .more_button i.material-icons  {
	font-size: 32px;
	line-height: 32px;
	display: inline-block;
	vertical-align: top;
	transition: .5s;
	margin-left: 4px;
}
.wine-display .dividedbox .more_button.reversed {
	background-color: #333;
	color: #fff;
	border: 1px solid #333;
}
.wine-display .dividedbox .more_button.reversed span {
		
}

.wine-display .dividedbox .more_button.reversed i.material-icons {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


.wine-display .dividedbox .details {
	position: absolute; 
	
	transform: translateY(102%);
	-webkit-transform: translateY(102%);
	border: 1px solid #ccc;
	/*border-right: none;*/
	background-color: rgba(255,255,255,1);
	max-width: 800px;
	top: 0px;
	bottom: 0px;
	padding: 1.5em 2em;
	transition: .5s ease;
	width: auto;
	overflow-y: auto;
}
.wine-display .dividedbox .details.revealed {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	bottom: 50px;
}
.wine-display .dividedbox .image {
	display: flex;
	-webkit-display: flex;
	width: 25%;
	max-width: 140px;
}
.wine-display .dividedbox .image img {
	max-height: 450px;
}
.wine-display .copy .accolade {
	padding-bottom: .5em;
	text-align: left;

	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	align-items: center;
	-webkit-align-items: center;
	
}
.wine-display .copy .accolade p {
	padding-bottom: 0;
	flex: 1;
	line-height: normal;
	font-size: .9em;
	font-weight: 600;
	text-align:left;
}
.wine-display .copy .accolade .attribution {
	font-weight: normal;
	font-style: italic;
}
.wine-display .copy .accolade .badge {
	width: 40px;
	border-radius: 40px;
	height: 40px;
	line-height: 39px;
	text-align: center;
	font-size: 21px;
	margin-right: 10px;
	background-color: #391729;
	color: #fff;
	font-family: "Europa";
	font-weight: 300;
	text-shadow: 0 2px 2px rgba(0,0,0,.7);
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */
background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.wine-display .copy .accolade .badge p.points {
	padding-top: 4px;
	line-height: 20px;
	font-size: 20px;
	text-align: center;
}
.wine-display .copy .accolade .badge p.label {
	line-height: 10px;
	font-size: 8px;
	font-weight: normal;
	text-align: center;
}
	
.wine-display .copy .accolade .badge i.material-icons {
	font-size: 28px;
	line-height: 40px;
}
.wine-display .copy .accolade img.badge {
	width: 40px;
	background-color: transparent;
	background: none;

}
.wine-display .dividedbox .copysupercontainer {
	width: 75%;
	align-self: flex-start;
	padding: 1em 0 1em 1em;
}
	
.wine-display .dividedbox .copycontainer {
	display: block; /* not flex */
	position: relative;
	padding: 0em;
	width: auto;
	flex-grow: 1;
	align-self: flex-start;
	padding-right: 0;
	overflow: hidden;
	min-height: 425px;
	padding-bottom: 34px;
}
.wine-display .dividedbox p {
	padding-top: 0;
	padding-bottom: 1em;
}

.wine-display .dividedbox .copycontainer .copy {
	padding: 1em;
	color: #444;
}

.wine-display .dividedbox .copycontainer .copy .heading {
	max-width: 90%;
	margin: 0 auto;
}

/* wine heading for all wines, then specifically WMR below */
.wine-display .dividedbox .copysupercontainer .heading {
	font-family: "Lora", serif;
	text-transform: none;
	letter-spacing: 0.03em;
	line-height: 1.4em;
	font-size: 1.6em;
	color: #444;
}
.wine-display.winemakers-reserve .dividedbox .copysupercontainer .heading {
	color: #555;
	font-size: 1.5em;
	font-family: "oswald";
	font-weight: 275;
	text-transform: uppercase;
	letter-spacing: .1em;
	padding-bottom: 1.2em;
}

/*
.wine-display.black-label .dividedbox .copysupercontainer .heading {
	font-family: "Lora", serif;
	text-transform: none;
	letter-spacing: 0.03em;
	line-height: 1.4em;
	font-size: 1.6em;
	color: #444;
}*/
.wine-display .dividedbox .subheading {
	padding-top: 0;
	padding-bottom: 0;
}

.wine-display .dividedbox .copycontainer .copy .divider {
	background-image: none;
}

.wine-display .dividedbox .buybutton {
	margin: .25em 0 1em 0;
	font-size: .9em;
}



/* WINE CLUB */


/* IMPORTANT: MOBILE LAYOUTS 
These are mirrored in responsive stylesheet based on window size as well
*/
	#image-base-layer.mobile .spacer-required {
		display: none;
	}
	#image-base-layer.mobile .image {
		padding-bottom: 50%;
		height: auto ! important;
		display: none;
	}
	#image-base-layer.mobile .image:first-child {
		display: block;
	}
	#fixed-image-layer.mobile {
		display: none;
	}
	#fixed-text-layer.mobile {
		position: static;
		opacity: 1 ! important;
		visibility: visible ! important;
		height: auto ! important;
	}
	#fixed-text-layer.mobile .fixed-text {
		position: static;
		width: auto;
		max-width: none;
		min-width: 0;
		opacity: 1;
		visibility: visible;	
	}
	.wine-club-next.arrow-down.mobile {
		display: none;
	}
	
/* END MOBILE LAYOUTS */


#main-base-layer {
	position: relative;
}

#image-base-layer {
	/* contains first and last images only, with spacer for trigger points in excess of 2x window height*/
	position: relative;	
}

#image-base-layer .image {
	background-size: cover;
}
#image-base-layer .spacer-required {
	height: 0; /* may be changed by setSectionHeights() if necessary */
	background-color: #000;
}


/* Trigger Points */
#trigger-point-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: auto;
	border: 1px solid red;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
}
#trigger-point-layer.revealed {
	opacity: 1;
	visibility: visible;
}
.trigger-point {
	height: 500px;
	background-color: #fc3;
}
.trigger-point-spacer-required {
	height: 0; /* may be changed by setSectionHeight() if necessary */
	background-color: #f00;
}



#fixed-image-layer {
    -webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	background-color: #000;
	pointer-events: none;
	opacity: 0.01;
	/*iivisibility: hidden;*/
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;

	will-change: opacity;
}


#fixed-image-layer.shown {
	pointer-events: auto;
	opacity: 1;

}

#fixed-image-layer.shown.debug {
	pointer-events: auto;
	opacity: .5;
	
}
.fixed-image {
	transition: none;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform : translate3d(0, 0, 0);
}
.fixed-image.transition {
	transition: .8s;
}
.fixed-image.shown {
	opacity: 1;
	visibility: visible;
}




#fixed-text-layer {
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	transition: .3s;
}
#fixed-text-layer.shown {
	pointer-events: auto;
	opacity: 1;
	visibility: visible;
}

.fixed-text {
	opacity: 0;
	visibility: hidden;
	transition: 1s;
	
	width: 40%;
	min-width: 500px;
	max-width: 700px;
	position: absolute;
	bottom: 15%;
	left: 6%;
	padding: 2em;
	background-color: rgba(3,18,29,.98);
	color: #fff;
	font-size: 1.2em;
}


.fixed-text.shown {
	opacity: 1;
	visibility: visible;
	/*iitransform: translate(0,-50%);*/
	/*ii-webkit-transform: translate(0,-50%);*/
}


.fixed-text .copy .title {
	font-size: 1.6em;
	padding-bottom: .3em;
}

.fixed-text .copy .subtitle {
	font-style: italic;
	font-family: "Lora";
	color: #b19f59;
	font-size: .75em;
	padding-bottom: .8em;
}

.fixed-text .copy .description {
	font-family: "Lora";
	font-size: .9em;
	line-height: 1.5em;
}






















.flex-container {

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	justify-content: center;

}

.tab {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	align-items: stretch;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;
	margin-left: 3%;
	/*iiborder: 1px solid #eee;*/
	background-color: #eee;
	padding: .5em;
	transition: .2s;
	cursor: pointer;
	box-shadow: 0 7px 4px -5px rgba(0,0,0,.3);
	color: #888;
	/*iimax-width: 350px;*/
	
}
.tab.active {
	background-color: #333;
	background-color: #c19416;
	color: #fff;
	/*iicolor: #E3B536;*/
	box-shadow: 0 9px 6px -5px rgba(0,0,0,.7);
	border-bottom: none;

}
.tab.active:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	/*iiborder: 1px solid #ccc;*/
	pointer-events: none;
	z-index: 10;
}

/*.tab.active:after {
	top: 100%;
	left: 50%;
	content: " ";
	position: absolute;
	background-color: #333;
	width:5px;
	height:10px;
}*/
.tab.active:hover {
	background-color: #C19416;
	color: #fff;
}
.tab:hover {
	background-color: #fff;
	color: #555;
}
.tab:first-child {
	margin-left: 0;
}

.tab.active .title {

}
.tab .title {
	font-size: 1.6em;
	line-height: 1.8em;
}
	
.tab .subtitle {
	font-style: italic;
	font-size: .9em;
}

.tab-contents-container {
	padding-top: 3em;

	
}
.tab-contents {
	position: absolute;
	/*iileft: -100%;*/
	opacity: 0;
	visibility:hidden;
	transition: opacity .7s;
	text-align: left;
}

.tab-contents-flex {
	display: -webkit-flex;
	display: flex;
	
	flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2em;
	color: #fff;
}	
	
.block-text.fullwidth .tab-contents-flex p {
	max-width: none;
}
.tab-contents-flex.reversed {
	flex-direction: row;
	-webkit-flex-direction: row;
}
.tab-contents.active {
	position: relative;
	opacity: 1;
	visibility: visible;
	left: 0;
}

.tab-contents-flex > div > div {
	flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 0;
}

.tab-contents-flex > div:last-child {
	/*iimargin-left: 3%;*/
}

.tab-contents-flex.reversed > div:first-child {
	margin-left: 0;
}

.tab-contents-flex.reversed > div:last-child {
	/*iipadding-right: 3%;*/
}
.tab-contents-flex .image {
	width: 50%;
	/*iiheight: 400px;*/
	background-size: cover;
	background-position: 50% 50%;
	/*iiflex-grow: .66;
	iiborder-radius: 50%;*/
	align-self: flex-start;
	margin-left: 3%;
}

.tab-contents-flex.reversed .image {
	margin-right: 3%;
}
.tab-contents-flex .image:before {
	content: "";
	display: block;
	padding-bottom: 100%;
}
.tab-contents-flex .copy {

}
.tab-contents-flex .copy .inner {
	padding-bottom: 1em;
}
.tab-contents-flex .introduction {
	font-size: 1em;
	
}

.tab-contents-flex .introduction p {
	padding-top: 0;
}
.tab-contents .benefits-container {
	text-align: center;
	padding: 0 0 2em 0;
}
.tab-contents .benefits {
	text-align: center;
	/*iiborder: 1px solid #ccc;*/
	display: inline-block;
	margin: 0 auto;
	padding: 1em 2em;
	max-width: 800px;
}
.tab-contents .benefits li {
	list-style-type: none;
	margin-left: 0em;
	margin-bottom: .05em;
	font-size: .9em;
}
.tab-contents .title {
	font-weight: bold;
	font-family: "Merel";
	/*iifont-size: .86em;
	iicolor: #000;
	iipadding-bottom: 0;*/
	text-align: center;
	

}

.tab-contents p.join {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 3em;
	padding-top: 0;
}
.tab-contents p.join a.button {
	padding: .5em .75em;
}


.copycontainer {
	width: 50%;
	padding: 2em;
}

#wine-club-faq {
	background-image: url(/images/385_ABC_8277-crop.jpg);
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}

#wine-club-faq:before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index:0;
	background-color: rgba(255,255,255,.85);
}

#wine-club-faq > .block-text {
	position: relative;
	z-index: 10;
	padding-bottom: 60px;
}

/* FAQ */

#faq.split {
	/*box-shadow: 0 0 9px rgba(0,0,0,.5);*/
}
	
ul.faq {
	max-width: 900px;
	padding-left: 1em;
}
ul.faq li {
	line-height: 1.6em;
	padding-bottom: 1em;
	
}
ul.faq .question {
	color: #333;
	margin-top: 1em;
	font-weight: bold;
	cursor: pointer;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1em;
	font-family: "Merel";
}

ul.faq .question i.material-icons {
	font-size: 24px;
	line-height: 24px;
	vertical-align: middle;
	padding-right: .25em;
	color: #C19416;
	color: #A76906;
}
ul.faq .question i.material-icons.expanded {
	/*iicolor: #555;*/
}
ul.faq .answer {
	padding-left: 1em;
	font-family: "Lora";
}
button.expand-all {
	display: none;
	font-size: .9em;
	/*iifont-style: italic;*/
	color: #C19416;
	color: #A76906;
	cursor: pointer;
	font-family: "Merel";
	
}

.split {
	display: flex;
	display: -webkit-flex;

}
.split > div {
	width: 50%;
}
	
	
	
#faq {
	position: relative;
}	

#faq .background {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(/images/wine-club-faq-0994.jpg);
	background-position: 25% 75%;
	background-size: cover;
	background-attachment: fixed; /* set to scroll via JS on iOS */
}

.split .copy {
	background-color: #f5f5f3;
	padding: 4em;
}

#faq .copy {
	position: relative;
	right: 0;
}

div.pricing-item {
	margin: 2%;
	border: none;
}
.pricing-item:nth-child(2) {
	/*iiborder: none;*/
}


/* dropdown for date: */

#shipment-selector #date {
	display: inline;
}
#pricing-date-selector {
	border: 1px solid #C19416;
	font-family: "Merel";
	
	font-size: .9em;
	/*iidisplay: inline-block;*/

}

/* slider toggle CSS */

#fulldetails {
	margin: 1em;
	/*iidisplay: inline-block;*/

}
.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 22px;
  vertical-align: middle;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #aaa;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .3s;
  transition: .3s;
}

input:checked + .slider {
  background-color: #C19416;
}

input:focus + .slider {
  box-shadow: 0 0 1px #C19416;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 22px;
}

.slider.round:before {
  border-radius: 50%;
} 
span.switch-label {
	font-family: "Merel";
	font-size: .9em;
}


#club-details-box {
	padding-bottom: 3em;
	margin-bottom: 0;
}


.club-details-container {
	padding: 1em 4em;
	text-align: left;
	/*iifont-family: "Merel";*/
	font-size: .96em;
	line-height: 1.5em;
	display: flex;
	flex-direction: column;
	margin-bottom: 1em;
}
.club-details-container .title {
	/*font-variant: small-caps;*/
	text-transform: uppercase;
	font-size: .9em;
	color: #49618c;
	color: #555;
	font-weight: 700;
	font-family: "Merel"
}
.club-details-container .shipments {
	min-height: 250px;
	margin-bottom: 1em;
}
	
.club-details-container ul li {
	/*iilist-style-type: none;*/
	line-height: 1.6em;
	padding-bottom: .8em;
	margin-left: 1em;
}
.club-details-container .join-box {
	padding-top: 1em;
	margin-top: auto;
	text-align: center;
	
}
.club-details-container p.note {
	padding-top: 0;
}

.wine-club-next.arrow-down {
	color: #FFF;
	background-color: rgba(99,99,99,.3);
	background-color: #C19416;
	/*iiborder: 1px solid rgba(08,08,11,.3);*/
	border-radius: 50%;
	width: 48px;
	height: 48px;
	position: fixed;
	z-index: 100;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	cursor: pointer;
	transition: .3s;

	box-shadow: 0 0 8px rgba(0,0,0,.8);
}

.wine-club-next.arrow-down i.material-icons {
	font-size: 48px;
	line-height: 48px;
	z-index: 500;
}

.arrow-down {
	color: #FFF;
	background-color: rgba(99,99,99,.3);
	background-color: #C19416;
	/*iiborder: 1px solid rgba(08,08,11,.3);*/
	border-radius: 50%;
	width: 64px;
	height: 64px;
	position: absolute;
	bottom: -32px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	cursor: pointer;
	transition: .3s;
	box-shadow: 0 0 8px rgba(0,0,0,.8);
}
.arrow-down i.material-icons {
	font-size: 64px;
	line-height: 64px;
}
.arrow-down:hover {
	color: #333;
	background-color: #E3B536;
	box-shadow: 0 0 8px rgba(0,0,0,.4);
}

b {
	font-weight: 400;
}

.club-intro {
	padding: 2em ;
}
.club-intro .copy {
	text-align: left;
}
.club-intro .title, .club-intro .copy .title {
	font-size: 2em;
	padding-bottom: .2em;
}
.club-intro .copy .subtitle {
	font-size: .9em;
	padding-bottom: 1em;
	font-style: italic;
	color: #ddc;
}



/* OLD WINE CLUB */

.hovertext {
	background-color: #666;
	color: #fff;
	border: 1px solid #999;
	padding: 8px 0;
	font-size: .7em;
	line-height: 1em;
	visibility: hidden;
	opacity: 0;
	transition: .3s;
	position: absolute;
	left: 5%;
	right: 5%;
	top: 0%;
}
.hovertext.revealed {
	visibility: visible;
	opacity: 1;
	transition: .5s;

}
.wine-club-column-container {
	text-align: center;
	
	/*display: flex;
	flex-direction: row; COVERED BY SPLIT-CONTENT*/
}
.wine-club-column-container hr {
	width: 25%;
	margin: 20px auto;
	height: 1px;
	border: 0;
	background-color: #bba;
}
.wine-club-column {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: column;
	width: 33%;
	border-left: none ! important;
}
.wine-club-bottle-icon-container {
	white-space: nowrap;
	display: inline-block;
	padding: 4px 6px;
	line-height: 0;
}
.wine-club-bottle-icon {
	display: inline-block;
	/*width: 6px;*/
	vertical-align: middle;
	fill: currentColor;
	/*margin: .1em .1em;*/
}
.wine-club-bottle-icon svg {
	/*max-height: 42px;*/ /* fallback for older browsers that max out SVG based on viewBox */
	opacity: 1;
}
.wine-club-bottle-icon.small svg {
	max-height: 42px; /* fallback for older browsers that max out SVG based on viewBox */
	opacity: .7;
}
.column p.heading {
	font-size: 1.2em;
}
.wine-club-column p {
	padding: 0 10px;
}


.column .bottleImages p {
	padding: .5em 0 0 0;
}
img.tinybottle {
	vertical-align: -1em;
	width: 20px;
	fill: currentColor;
}
img.tinybottle path {
	fill: #006600 ! important;
}
.wine-club-exclusive  .logo img {
	max-width: 200px;
	float: right;
	margin: 15px 10px 20px 10px;
	/*padding: 0 0 0 20px;
	border-left: 1px solid #ccc;*/
}

.wine-club-exclusive .intro-copy {
	text-align: right;
	margin-right: 235px;
}



.club-shipment-icons {
	position: relative;
	cursor: help;
}

.club-shipment-icons i.material-icons {
	font-size: 24px;
	line-height: 24px;
	color: #332;
	vertical-align: middle;
}

.club-icon-container {
	padding: 2em 0 1em 0;
}
.club-icon {
	
	width: 24px;
	height: 24px;
	border-radius: 50%;
	
	/*border: 1px solid #e6e6e6;*/
	background-color: #999;
	margin: 0 auto;
}
.club-icon.mixed {
 background-image: -webkit-linear-gradient(45deg, #691e31 34%, #fff 66%);
 background-image: linear-gradient(45deg, #691e31 34%, #fff 66%);
}
.club-icon.red {
 background-color: #401;
 background-color: #691e31;
 /*background-image: -webkit-linear-gradient(45deg, #900 51.5%, #fff 49.5%);
 background-image: linear-gradient(45deg, #900 51.5%, #fff 49.5%);*/
}
.club-icon.white {
 background-image: -webkit-linear-gradient(45deg, #f99 34%, #fff 66%);
 background-image: linear-gradient(45deg, #f99 34%, #fff 66%);
}

div.pricing-table {
	
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: nowrap;
	-webkit-flex-wrap: nowrap;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: row;
	-webkit-flex-direction: row;
	overflow: hidden;
	font-size: .86em;
	transition: .3s;
	margin-top: 2em;
	
}
.pricing-table-container {
	position: relative;
}
@keyframes transitionPricingTable {
  from {opacity: 0;}
  to {opacity: 1;}
}
.subnav-is-opened .main-nav__secondary-nav {
  display: block;
  animation: transitionPricingTable 250ms ease-in-out both;
}
.pricing-table-date {
	opacity: 0;
	visibility: hidden;
	display: none;
}
.pricing-table-date.active {
	opacity: 1;
	visibility: visible;
	display: block;
	
}

div.pricing-item {

	border: 1px solid #e6e6e6;
	width: 34%;
	/*flex: 0 1 300px;*/
	text-align: center;
	box-sizing: border-box;
	position: relative;
	display: -webkit-flex;
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	-webkit-flex-direction: column;
}

.pricing-item:nth-child(2) {
	/*border-right: none;
	border-left: none;*/
}

.pricing-table .selection {
	line-height: 1.5em;
	padding: 0 1em; /* side padding to wrap long selection names */
	width: 80%;
	margin: .5em auto;
}
.pricing-table .details {
	margin-bottom: .75em;
	padding: 0 6px;
	font-family: "Merel", sans-serif;
}

.pricing-table .details.total {
	color: #000;
	display: inline;
	border-top: 1px solid #bba;
	padding: 6px;
	margin: 1em 3em;
	margin-top: auto; /* for flex bottom positioning */
}

.pricing-table .selection .details .bottles-price {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	padding: 6px;
}
.pricing-item .heading {
	padding-bottom: 0;
	width: 100%;
	background-color: #e6e6e6;
	color: #333;
	padding-bottom: .5em;
	font-size: 1.1em;
}
.pricing-item .selection.details {
	text-align: center;
	width: 80%;
	padding: 8px 16px;
	box-sizing: border-box;
	margin: 0 auto;
	margin-top: auto;
	font-family: 'Lora', serif;
	cursor: pointer;
	transition: .5s;
	max-height: 100px;
	overflow: hidden;
}
.pricing-item .selection.details.executed {
	opacity: 0;
	visibility: hidden;
}
.pricing-item  .selection .material-icons {
	font-size: 1em;
	line-height: 1em;
	position: relative;
	top: -1px;
	padding: 0px 2px 0 1px;
	vertical-align: top;
	display: inline-block;
	color: #26748E;
	color: #222;
}
.pricing-item  .selection .selection-accolade {
	padding: .4em 0;
	color: #26748E;
	font-weight: 700;
	line-height: 1.3em;
}
.pricing-item  .selection .selection-price, .pricing-item  .selection .selection-details {
	/*iidisplay: none;*/
	display: inline-block;
	/*iiwidth: 50%;*/
	font-family: "Merel";
	color: #26748E;
	padding: 3px 6px;
}

.pricing-item  .selection .selection-price p {
	padding: 0em;
	font-size: .9em;
	color: #664;
	line-height: 1.3em;
}
	
.pricing-table .selection img {
	padding: 10px 2px;
}
.pricing-item .selection > p {
	
	font-weight: 600;
	color: #333;
}

.legend {
	font-size: .8em;
	color: #333;
	line-height: 24px;
	vertical-align: middle;
	font-style: italic;
}
.legend i.material-icons {
	font-size: 16px;
	line-height: 16px;
	vertical-align: middle;

}
.legend p {
	display: inline-block;
	vertical-align:middle;
}
/* PEOPLE */

.teamContainer {
	overflow: hidden;
	width: 100%;
	max-width: 1400px;
	/*margin: 5% auto;*/
	margin-top: .5em;
	margin-bottom: .5em;
	text-align: center;

}

.teamMember {
	/*width: 20%;
	padding-bottom: 28%;*/
	width: 29.3%;
	width: 31%;
	padding-bottom: 39%;
	/*width: 25%;
	padding-bottom: 32%;*/
	float: left;
	transition: .2s;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	font-size: .9em;
	margin: 2%;
	margin: .5em 2em 1em 0;
	/*filter: grayscale(10%) brightness(95%);
	-webkit-filter: grayscale(10%) brightness(95%);	*/
}

.teamMember.hovered {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);	
}
.teamMember.backgrounded {
	-webkit-filter: grayscale(100%) brightness(80%);
	filter: grayscale(100%) brightness(80%);
}
.teamMember .personnel-image-container {
	position: absolute;
	width: 100%;
	line-height: 0;
}
.teamMember .personnel-image-container img {
	width: 100%;
}

.teamMember .detailsOverlay {
	position: absolute;
	transition: .2s;
	bottom: 0;
	left: 0;
	right: 0;
	color: #222;
	width: 100%;
	text-align: center;
	line-height: 1.4em;
	z-index: 5;
	color: #fff;
	padding-left: 15px;
	padding-right: 15px;
	/*background: linear-gradient(to bottom, rgba(0, 0, 0,.5) 0%, rgba(0, 0, 0, .99) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .99) 100%);*/
	background: rgba(0,0,0,.8);
}

.teamMember span.name {
	/*font-weight: bold;*/
	font-size: 1.3em;
	line-height: 1.5em;	
}



.teamMember .detailsOverlay.highlighted {
	
	background-color: rgba(0,0,0,1);
	
}
.teamMember .detailsOverlay  a {
	transition: .2s;
	color: #000;
	color: #E3B536;
}

.teamMember .detailsOverlay  a:hover {
	/*color: #c00;
	color: #fff;*/
}

.teamMember .detailsOverlay .contactDetails {
	line-height: 2em;
}


/* CONTACT US */

#contact-us .dividedbox .divider {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(88,88,88, 0.85), rgba(0, 0, 0, 0));
	
}
/* ABOUT */

.frame {
	margin: 50px auto 20px auto;
	width: 90%;
	height: 450px;
	position: relative;
}


.frame ul {

	height: 100%;

}
.frame ul li {
    float: left;
	list-style-type: none;
    width: 700px;
	
	box-sizing: border-box;
    height: 100%;
	margin: 0 0;
    padding: 40px 20px;
	
    color: #222;
    text-align: center;
    cursor: pointer;
	position: relative;
	background-size: cover;
	background-position: 50% 50%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}

.frame ul li.active {
	color: #222;
	
}

.frame ul li .image {
	position: relative;
	background-position: 50% 50%;
	background-size: cover;
	width: 60%;
	margin: 0 auto;
	flex-shrink: 0;
	flex-basis: 70%;
}
.frame ul li .copy {
	height: 30%;
	position: relative;
	z-index: 2;
	flex-grow: 1;
	flex-basis: content;
	
}
.frame ul li p {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	color: #444;
	padding: 20px;
	line-height: 1.2em;
	background-color: rgba(255,255,255,1);
	max-width: 100%;
}
.scrollbar, .onescrollbar, .twoscrollbar {
    margin: 0 0 50px 0;
	margin: 1em auto 50px auto;
    height: 2px;
    background: #ccc;
    line-height: 0;
	max-width: 1200px;
}
.scrollbar .handle, .onescrollbar .handle, .twoscrollbar .handle {
    width: 100px;
    height: 100%;
    background: #292a33;
	background: #900;
    cursor: pointer;
}
.pages {
	text-align: center;
}

.pages li {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 10px 4px;
    text-indent: -999px;
    border-radius: 12px;
    cursor: pointer;
    overflow: hidden;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
}
.pages li.active {
	background: #900;
}
/* TRADE */

/*
.4-box {
	float: left;
	margin: 2em;
}
*/
.split-content .trade-download-img {
	width: 40%;
	vertical-align: middle;
	padding: 2%;
	margin: 0;
}
#supermap {
	position: relative;
}
#map {
	/*width: 400px;
	height: 300px;*/
	-moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

#map svg {
	width: 88%;
	height: auto;
}

#us {
	/*
	width: 450px;
	float: left;*/
}

/* AJAX */
#load-wait {
	position: fixed;
	top: 0;
	left: 0;
	right:0;
	bottom:0;
	background-color: rgba(0,0,0,.9);
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}

#load-wait.waiting {
	opacity: 1;
	visibility: visible;
}

img.preloader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}



#lightbox-dimmer {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.85);
	z-index: 150;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
	
#lightbox-dimmer.active {
	opacity: 1;
	visibility: visible;
	
}
#sales-contact-domestic-lookup-results-container {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 10%;
	bottom: 10%;
	left: 50%;
	
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	width: 66%;
	max-width: 800px;
	overflow: auto;
	z-index: 200;
	background-color: rgba(255,255,255,1);
	text-align: left;
	border: 1px solid #bbb;
	transition: .2s;
}

#sales-contact-domestic-lookup-results-container.revealed {
	opacity: 1;
	visibility: visible;
	transition: .5s;
}
#sales-contact-domestic-lookup-results-floatbox {
	float: left;
	width: 100%;
}


#sales-contact-domestic-lookup-results-container .closebox, .closebox {
	float: right;
	font-family: Arial;
	background-color: #fff;
	padding: 5px;
	margin: 10px;
	cursor: pointer;
	font-size: .7em;
	line-height: 0;
	position: absolute;
	right: 0;
	z-index: 10; /* relatively higher z-index than other things in the container */
}
.closebox i.material-icons {
	font-size: 36px;
	line-height: 36px;
}
#sales-contact-domestic-lookup-results-container .closebox:hover , .closebox:hover {
	background-color: #c00;
	color: #fff;
}
.international-distributor {
	text-align: left;
	clear: both;
	margin-bottom: 1.5em;
	overflow: hidden;
}
.international-distributor .contactInfo {
	float: left;
	width: 50%;
	padding-right: 20px;
}
.international-distributor img.map {
	float: left;
	width: 50%;
	max-width: 350px;
	min-width: 300px;
	border:1px solid #222;
	
}
p.state-header {
	border-bottom: 1px solid #ccc;
	padding: 15px 15px 15px 10px;
	font-weight: bold;
	font-family: transat-text, sans-serif;
	font-size: 1.3em;
}
.lookup-result-column-container {
	position: absolute;
	top: 80px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-y: auto;
	padding: 0 20px;
	
}
.lookup-result-column {

	float: left;
	width: 50%;
	min-width: 300px;
	box-sizing: border-box;
	padding: 10px;
	
}
.lookup-results {
	line-height: 1.4em;
	font-family: 'Lora', serif;
}



.textBlock h2 {
	font-size: .9em;
	font-family: 'Lora', serif;
}
.textBlock h2:hover {
	color: #c11f16 ! important;
}

.seriesGroup-container {
	max-width: 1600px;
	margin: 0 auto;
}
/*.seriesGroup-container h2::after, .textBlock h2::after {
	content: " +";
	font-size: 1.5em;
	text-align: right;
	color: #c11f16;
	display: inline-block;
	float: right;
}*/
.seriesGroup {
	text-align: left;
	display: flex;
	display: -webkit-flex;
	align-items: flex-start;
	-webkit-align-items: flex-start;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	
		
	margin: 0 10px 60px 10px;
}
.seriesGroup-label {
	font-size: 1.2em;
	color: #333;
	border-bottom: 1px solid #ccc;
	margin: 15px;
	padding: 5px;
	font-family: "oswald";
}
.tradeWineBox, .tradeBox {
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 40px;
	padding: 30px 40px;
	/*margin: 0 20px 50px 0;*/
	margin: 0 1em 1em 0;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	box-sizing: border-box;
	font-family: "Merel", sans-serif;
	color: #444;
	/*flex-basis: 30%;
	-webkit-flex-basis: 30%;*/
	
	flex-basis: 450px;
	-webkit-flex-basis: 450px;
	
	max-width: calc(33% - 2em);
	
	/*flex-grow: 0;
	-webkit-flex-grow: 0;*/
	flex-grow: 1;
	-webkit-flex-grow: 1;
	
}

.tradeBox {
	display: flex;
	-webkit-display: flex;
	flex-direction: column;
}
.tradeBox.wide {
	flex-basis: 600px;
	/*iiflex-grow: 1;*/
}
.tradeBox .image {
	min-height: 80px;
}
.tradeBox img {
	width: 70%;
}
.tradeWineBoxImage {
	/*float: left;*/
	width: 80px;
	margin-right: 10px;
	text-align: center;
}
.tradeWineBoxImage img {
	height: 190px;
}
.tradeWineBoxCopy {
	/*iimargin-left: 90px;*/
}
.tradeWineBox h3 {
	font-size: .94em;
	line-height: 1.2em;
	font-family: 'Merel', sans-serif;
	min-height: 2.2em;
	color: #333;
}
.tradeWineBox p, .tradeBox p {
	font-size: .9em;
	padding-bottom: 0;
	margin-bottom: 6px;
	line-height: 1.3em;
}

.tradeWineBox .downloads {
	font-family: 'Lora', serif;
	/*iitext-transform: uppercase;*/
	font-size: .9em;
	padding: 0px;
	margin: 0 0 10px 0px;
	
	border-top: 1px dotted #ccc;
}
	

.tradeWineBox .downloads ul li {
	list-style-type: none;
	font-family: "Merel", sans-serif;
	display: flex;
	justify-content: space-between;
	padding: .5em 0;
	border-bottom: 1px dotted #ccc;
}
.tradeWineBox .downloads ul li .links {
	margin-left: 6px;
	align-self: flex-start;
	
}
.tradeWineBox .downloads ul li a {
	/*iifont-family: "Merel", sans-serif;*/
	transition: .2s;
	
	color: #9a7204;
	
	/*iiline-height: 1.6em;*/
	text-align: center;
	/*iimargin: 0 10px 10px 0;*/
}


.tradeWineBox .downloads ul li a:hover {
	color: #F00;
	color: #C19416;
}
.tradeWineBox .downloads ul li a:active {
	color: #00c;
}
.tradeWineBox {
	color: #333;
}
.tradeWineBox a {
	color: #9a7204;
}
.tradeWineBox a:hover {
	color: #C19416;
}
.tradeWineBox .downloads i.material-icons {
	font-size: 24px;
	vertical-align: middle;
	line-height: 24px;
}

.tradeWineBoxAccolades i.material-icons {
	vertical-align: middle;
	font-size: 16px;
	line-height: 1em;
	margin-top: -5px;
	display: inline-block;
}
.tradeWineBoxAccolades i.material-icons.accolade {
	color: #26748E;
}

.tradeWineBoxAccolades i.material-icons.accolade_detail {
	vertical-align: middle;
	/*iicolor: #C19416;*/
	display: inline;

}
.tradeWineBoxAccolades p.accolade_quote {
	color: #444;
	margin-left: 1.4em;
	padding-bottom: .5em;
	/*iiborder-top: 1px solid #26748E;*/
	border-left: 4px solid #26748E33;
	padding-left: .75em;
	padding-top: 0em;
	padding-bottom: 0;
	margin-bottom: 1em;
}

/* FAQ */
ul.faq li {
	list-style-type: none;
	text-align: left;
}

ul.faq li p.answer {
	padding-bottom: 1em;
	margin-left: .5em;
}
/* Footer */

#footer {
	position: relative;
	text-align: center;
	/*font-family: 'filson-soft',sans-serif;*/
	font-size: .8em;
	color: #8F8C89;
	color: #BCBCBC;
	
	min-height: 160px;
	background-color: #111417;
	


	padding: 30px;
	margin-top: 5%;
}
#footer.nomargin {
	margin-top: 0;
}

#footer a {
	color: #bba;
	color: #b19f59;
	/*iicolor: #9a7204;*/
	display: inline-block;
	transition: .2s;
}
#footer a:hover {
	color: #fff;
	color: #E3B536;
	color: #C19416;
	/*iicolor: #9a5904;*/
}
#footer > div {
	max-width: 1000px;
	margin: 0 auto;
}
#footer hr {
	clear: both;
	margin: 1.5em auto;
	border: 0;
	height: 1px;
	width: 75px;
	/*iibackground-color: #333;*/
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(180,180,180, 0.85), rgba(0, 0, 0, 0));
	
}
#footer #social li {
	display: inline-block;
	margin: 10px 0;
}
#footer #social li img {
	width: 60px;
	padding: 5px 10px;
	transition: .2s;
	opacity: .8;
}

#footer #social li:hover img {
	opacity: 1;
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
	
}

#split-footer {
	padding: 0 0 30px 0px;
	text-align: left;
}

#split-footer::after {
	content: "";
	clear: both;
	display: block;
	
}

#footer-links {
	width: 56%;
	display: inline-block;
	vertical-align:top;
	text-align: left;
	margin-right: 30px;
	margin-bottom: 1em;
}
#footer-links > ul  > li {
	display: inline-block;
	vertical-align:top;
	text-align: left;
	width: 23%;
	padding-right: 10px;
	padding-top: 1.7em;
}
#footer-links > ul  > li > ul {
	padding-top: 16px;
}
#footer-links li {
	list-style-type: none;
	padding: 6px 0;
}
#footer-links li.address {
	line-height: 1.5em;
}
#footer-mailing-list {
	text-align: left;
	display: inline-block;
	width: 33%;
	min-width: 250px;
	padding-top: .9em;
}
#footer-mailing-list form input {
	box-sizing: border-box;
	width: 100%;
	padding: 5px;
	font-size: 1rem;
}
#footer-mailing-list .button {
	padding: 6px 12px;
	margin: 8px 0;
	margin-left: 0;
	font-size: .9rem;
}
#footer .button {
	background-color: transparent;
	border-color: #b19f59;
	color: #b19f59;
}

#footer .button:hover {
	background-color: #E3B536;
	color: #fff;
}
	

#legal {
	text-align: left;
}

#legal li {
	display: inline-block;
	padding: 0 30px 0 0;
	
}