/*
Theme Name: Sinegal Estate
Theme URI: http://sinegalestate.com/
Author: Vin
Author URI: http://vinagency.com/


contents:
			reset
			fonts
			links
			transitions
			layout
			header
			footer
			util
			pages
			forms
			components
			grid
			media queries
			print


breakpoints:
			mobile 		<= 480
			tablet    	481 - 768
			sm desktop  769 - 959
			full 		>= 960

*/



/* =reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figcaption, footer, header, hgroup, menu, nav, output, ruby, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	background-color: #111;
	color: #ccc;
	line-height: 1;
}
/*body:hover {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}*/
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
html {
	/*overflow-y: scroll;*/
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
div, section, article,
aside, header, footer, main,
span, p, li, a,
input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing:border-box;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #111;
}
ins {
	text-decoration: none;
}
hr {
	border:none;
	height:0;
}
/*hr {
border: 0;
height: 2px;
margin: 2em 0;
clear: both;
}*/
.text .byline + hr {
	margin-bottom: 4em;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img {
	border: 0;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto;
}
button {
	cursor: pointer;
}
::-moz-selection {
	background: #fff;
	color: #111;
}
::selection {
	background: #fff;
	color: #111;
}



/* =fonts */


@font-face {
	font-family: 'BrandonText';
	src: url('fonts/brandon_text.eot');
	src: url('fonts/brandon_text.eot?#iefix') format('embedded-opentype'),
	url('fonts/brandon_text.woff') format('woff'),
	url('fonts/brandon_text.ttf') format('truetype');
}


body {
	font-family: 'BrandonText', Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.875em;
	line-height: 1.5em;
	color: #fff;
}
h1, h2, h3, h4 {
	padding: 0;
}
h1, h2 {
	font-weight: normal;
	text-rendering: optimizeLegibility;
	font-variant-ligatures: common-ligatures;
	/*text-transform: uppercase;*/
	display: block;
	color: #fff;
	/*letter-spacing: 6px;*/
}
h1 {
	font-family: 'EB Garamond', 'Baskerville', 'Times New Roman', Times, serif;
	padding:2em 0 0.5em;
	font-size: 4em;
	line-height: 1em;
	margin:0 auto;
	/*margin:1em auto 0.5em;*/
	/*max-width: 75%;*/
	text-shadow: 0 0 10px  rgba(0,0,0,.2), 1px 1px 0 #000;
	/*text-transform: uppercase;*/
}
h2,
.size-2,
.vs2-allocations-details h3 {
	font-family: 'EB Garamond', 'Baskerville', 'Times New Roman', Times, serif;
	font-size: 2em;
	line-height: 1em;
	padding-top: 2em;
	/*margin-top: 2em;*/
	margin-bottom: 1em;
	letter-spacing: 0;
	/*text-transform: uppercase;*/
}
h2.tight {
	/*margin-bottom: .5em;
    padding-top: 1em;*/
	line-height: .75em;
}
/*h3 + h2.tight {
margin-top: 0;
padding:0;
}*/
h1.size-2 {
	margin-top: 0;
}
.vs2-allocations-details h3 {
	text-transform: capitalize;
	margin-top: .5em;
}
h3,
.size-3 {
	font-family:'Times New Roman',serif;
	/*font-family: 'BrandonText', Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 1em;
	line-height: 1.5em;
	/*padding-top:.25em;*/
	padding-top: 2em;
	margin-bottom: 1em;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.size-3 {
	font-size:14px;
	line-height: 1em;
}
h2 + h3 {
	margin-top: 1em;
}

h4,
.size-4 {
	font-family: 'BrandonText', Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1em;
	margin-bottom: 1em;
	font-style: italic;
	font-weight: normal;
}

/*h1:first-child, h2:first-child, h3:first-child, h4:first-child {
margin-top: 0;
}*/
p {
	/*text-align: justify;*/
}
p, address {
	/*font-size:1.0666667em;*/
	line-height: 1.5em;
	margin-bottom: 1em;
}
label {
	line-height: 1.5em;
}
address {
	font-style: normal;
}
li {
	margin-bottom: .5em;
}
ol, ul {
	margin-bottom: 1.5em;
}
ul li {
	list-style-type: square;
}

/*@font-face {
font-family: 'Baskerville';
src: url('fonts/baskerville.eot?34446412');
src: url('fonts/baskerville.eot?34446412#iefix') format('embedded-opentype'),
	 url('fonts/baskerville.woff?34446412') format('woff'),
	 url('fonts/baskerville.ttf?34446412') format('truetype'),
	 url('fonts/baskerville.svg?34446412#fontello') format('svg');
font-weight: normal;
font-style: normal;
}*/

@font-face {
	font-family: 'Icons';
	src: url('fonts/entypo.eot?34446412');
	src: url('fonts/entypo.eot?34446412#iefix') format('embedded-opentype'),
	url('fonts/entypo.woff?34446412') format('woff'),
	url('fonts/entypo.ttf?34446412') format('truetype'),
	url('fonts/entypo.svg?34446412#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*@font-face {
font-family: 'Icons';
src: url("fonts/entypo_icons_subset.eot?22598476");
src: url("fonts/entypo_icons_subset.eot?22598476#iefix") format('embedded-opentype'),
	 url("fonts/entypo_icons_subset.woff?22598476") format('woff'),
	 url("fonts/entypo_icons_subset.ttf?22598476") format('truetype'),
	 url("fonts/entypo_icons_subset.svg?22598476#fontello") format('svg');
font-weight: normal;
font-style: normal;
}*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: 'Icons';
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: 0.2em;
	text-align: center;
	line-height: 1em;
	margin-left: 0.2em;
}

.icon-videocam:before { content: '\e800'; } /* '' */
.icon-up-open-big:before { content: '\e807'; } /* '' */
.icon-basket:before { content: '\e801'; } /* '' */
.icon-facebook:before { content: '\e806'; } /* '' */
.icon-instagram:before { content: '\e803'; } /* '' */
.icon-linkedin:before { content: '\e804'; } /* '' */
.icon-pinterest:before { content: '\e805'; } /* '' */
.icon-twitter:before { content: '\e802'; } /* '' */
.icon-mail:before { content: '\e81a'; } /* '' */
.icon-user:before { content: '\e815'; } /* '' */
.icon-camera:before { content: '\e819'; } /* '' */
.icon-menu-1:before { content: '\e814'; } /* '' */
.icon-cancel:before { content: '\e816'; } /* '' */
.icon-menu:before { content: '\e80e'; } /* '' */
.icon-minus:before { content: '\e818'; } /* '' */
.icon-down-open:before { content: '\e813'; } /* '' */
.icon-left-open:before { content: '\e812'; } /* '' */
.icon-right-open:before { content: '\e811'; } /* '' */
.icon-up-open:before { content: '\e810'; } /* '' */
.icon-down-open-mini:before { content: '\e80f'; } /* '' */
.icon-left-open-mini:before { content: '\e80d'; } /* '' */
.icon-right-open-mini:before { content: '\e80c'; } /* '' */
.icon-up-open-mini:before { content: '\e80b'; } /* '' */
.icon-down-open-big:before { content: '\e80a'; } /* '' */
.icon-left-open-big:before { content: '\e809'; } /* '' */
.icon-right-open-big:before { content: '\e808'; } /* '' */
.icon-plus:before { content: '\e817'; } /* '' */





/* =links */


a,
a:link,
a:visited,
#menu-toggle {
	color: #fff;
}
a:hover,
a:focus,
#menu-toggle:hover {
	color:  #fff;
}


/*a, a:link, a:visited {
color: #aaa;
color: rgba(0,0,0,.4);
}
a:hover, a:focus {
color: #ccc;
color: rgba(0,0,0,.2)
}*/
a:focus,
a:active {
	outline: 0 !important;
	-moz-outline: 0 !important;
}
h1 a,
h2 a,
h3 a {
	text-decoration: none;
}
.button,
.button:link,
.button:visited,
button,
input[type=submit],
.button-review,
.button-review:link,
.button-review:visited,
.vs2-cart-edit {
	font-family: 'BrandonText', Verdana, Arial, Helvetica, sans-serif;
	text-shadow:none;
	font-size:13px;
	/*font-size: 0.928571em;*/
	font-weight: bold;
	letter-spacing: 1px;
	display: inline-block;
	padding: .5em 10px;
	margin-bottom: 1em;
	border-radius: 1px;
	text-decoration: none;
	cursor: pointer;
	text-transform: uppercase;
	border:none;
	background-color: transparent;
	/*background-color: #000;*/
	/*background-color: rgba(255,255,255,1);*/
	color: #fff;
	border:1px solid #aaa;
	border:1px solid rgba(255,255,255,.4);
}
.button:hover,
.button:focus,
.button:active,
button:hover,
button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.button-review:hover,
.button-review:focus,
.vs2-cart-edit:hover,
.vs2-cart-edit:focus {
	text-shadow:none;
	text-decoration: none;
	/*background-color: rgba(255,255,255,.1);*/
	background-color: #fff;
	color: #000;
	border:1px solid #fff;
}
.vs2-cart-edit,
.vs2-cart-edit:link,
.vs2-cart-edit:visited {
	font-weight: normal;
	padding: 2px 10px;
	font-size:11px;
	border:1px solid #aaa;
	border:1px solid rgba(255,255,255,.4);
}
.vs2-cart-edit:hover,
.vs2-cart-edit:visited:hover,
.vs2-cart-edit:focus {
	border:1px solid #fff !important;
}
.button-review {
	margin-bottom: 1.5em;
}




.button-reverse,
.button-reverse:link,
.button-reverse:visited {
	letter-spacing: 1px;
	display: inline-block;
	padding: .5em .5em;
	margin-bottom: 1em;
	background-color: #111;
	border:1px solid #333;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	text-transform: uppercase;
}
.button-reverse:hover,
.button-reverse:focus,
.button-reverse:active {
	color: #111;
	background-color: #fff;
	border:1px solid #fff;
}


a.block {
	display: block;
	text-decoration: none;
}

p .button,
p .button:link,
p .button:visited,
p button {
	margin-bottom: .5em;
}
.button i {
	margin-left:-4px;
}
a *,
a h1,
.block *,
.quarter-button *,
.button * {
	text-decoration: none !important;
}



/* =transitions */

a, a:link, a:hover, a:focus, a:active, a:focus:hover, a:focus:active, a:active:hover,
button, button:hover, button:focus,
input[type=submit], input[type=submit]:hover, input[type=submit]:focus,
input,
select,
input[type=text],
input[type=email],
input[type=password],
textarea,
.vsText,
input:focus,
select:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
.vsText:focus,
#menu-toggle,
#menu-toggle:hover,
#header,
#main,
#footer,
.transition,
a.quarter-button *,
body, body:hover {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}



/* =layout */

#sb-site {
	/*border-left:40px solid #111;
    border-right:40px solid #111;*/
}

#container,
#main,
#footer {
	position: relative;
}
#container {
	margin: 0 auto;
	max-width: 980px;
}


@media screen and (min-width: 769px) {
	#main {
		/*overflow: hidden;
        height: 100%;
        min-height: 100%;*/
	}
}
.slider-page #main {
	/*height: calc(100% - 57px);
    min-height: calc(100% - 57px);
    max-height: calc(100% - 57px);*/
}
.slide {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.half {
	width: 50%;
	float: left;
}
.third {
	width: 33%;
	float: left;
}
.single-column {
	max-width: 520px;
}
.narrow {
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}

.wide {
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}






/*.half {
width: 50%;
float: left;
}
.third {
width: 33%;
float: left;
padding:5%;
margin-top: 2em;
}
.two-third {
width: 67%;
float: left;
padding:5%;
}*/





/* =header */

#header {
	padding-top: 10px;
	padding-bottom: 10px;
	/*height: 96px;*/
	height: 56px;
	background-color: #111;
}
#header nav {
	padding-top:8em;
}
/*.sidr-open #header nav {
padding-top: 8em;
}*/

.header-right {
	float: right;
	white-space: nowrap;
	display: none;
}
.header-right .language-controls {
	display: inline-block;
	margin: 0 20px;
}
.language-controls a {
	display: inline-block;
	/*padding:0 5px;*/
}
.header-right a,
.header-right a:link,
.header-right a:visited {
	padding: 5px;
	text-decoration: none;
	font-size: 10px;
	text-transform: uppercase;
	display: inline-block;
	color: #aaa
}
.language-controls > a.active,
.language-controls a:hover,
.language-controls a:focus,
.header-right a.active,
.header-right a.active:visited,
.header-right a:hover,
.header-right a:focus {
	color: #fff;
	color:rgba(255,255,255,1);
}

.key {
	margin:0 auto;
	margin-top: 3em;
	margin-bottom: 2em;
	width: 120px;
	height: 43px;
	text-align: center;
	display: block;
	position: relative;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.transform {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.key img {
	width: 120px;
	height: 43px;
}

#header .key {
	opacity: 1;
	position: absolute;
	top:2px;
	left:15px;
	z-index: 1000;
	width:50px;
	height:18px;
	padding:15px 0 1em;
	margin-top: 0;
	margin-bottom: 0;
}
#header .key img {
	width:50px;
	height:18px;
}
#nav .key {
	width:100px;
	height:35px;
}
#nav .key img {
	width:100px;
	height:35px;
}

/*.sb-active .key {
left:90px !important;
top:29px !important;
max-width: 120px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}*/

#nav {
	z-index: 9999;
}
#nav,
.nav {
	border-left:1px solid #000;
	padding-top: 1em;
}
#footer hr,
#nav hr,
.nav hr {
	width:8px;
	margin:1em auto;
	height:2px;
}
#footer hr {
	margin:1em auto;
}
hr.invisible {
	height: 0 !important;
	background: transparent !important;
	border:none !important;
}
.menu-wrapper {
	padding-bottom: 2em;
}
.language-controls {
	text-align: center;
}
/*#language {
position: absolute;
top:10px;
right:20px;
}*/
/*.logged-in #language {
display: block;
}*/
.language-controls a {
	display: inline-block;
	padding:5px;
	text-decoration: none;
	text-transform: uppercase;
	font-size:12px;
	color:#777;
	letter-spacing: 1px;
	cursor: pointer;
}
.language a.active,
.language a:hover,
.language a:focus {
	color:#fff;
}
#language-test {
	display: none;
}
.logged-in #language-test {
	display: block;
}
*[data-language="chinese"]{
	display: none;
}
#mailchimp-form {
	display: none;
	position: absolute;
	top:50%;
	left:50%;
	min-height:300px;
	margin-top:-150px;
	width:300px;
	margin-left:-155px;
	color:#000;
	position: absolute;
	background-color: #fff;
	/*padding-bottom: 30px;*/
}

#logo {
	margin:0 auto;
	max-width: 600px;
	/*padding-bottom: 2em;*/
}
#logo a {
	display: inline-block;
	text-decoration: none;
	max-width: 100%;
	/*font-size: 1.5em;
    font-family: 'EB Garamond', 'Baskerville','Times New Roman', serif;
    line-height: 1em;*/
	text-transform: uppercase;
	letter-spacing: 12px;
	text-indent: 12px;
	padding:0 20px 0;
}
#logo img {
	/*max-width: 100%;*/

	width:150px;
	height: 36px;
}
#menu-toggle {
	position: fixed;
	z-index: 10000;
	top:14px;
	right:0;
	width: 20px;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	cursor: pointer;
	padding: 15px 20px;
	margin-bottom: 0;
	color: #fff;
}
.mfp-close {
	position: relative;
}

#menu-toggle span,
.mfp-close span {
	position: absolute;
	left: 0;
	top: 50%;
	width:100%;
}

#menu-toggle span:before {
	top: -5px;
}
#menu-toggle span:after {
	bottom: -5px;
}

#menu-toggle span,
#menu-toggle span:before,
#menu-toggle span:after {
	cursor: pointer;
	/*border-radius: 1px;*/
	height: 1px;
	width: 20px;
	background: white;
	position: absolute;
	display: block;
	content: '';
	background-color: rgba(255,255,255,.8);
	/*transition: all 500ms ease-in-out;*/
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#menu-toggle:hover span,
#menu-toggle:hover span:before,
#menu-toggle:hover span:after {
	background-color: #fff;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}



#menu-toggle.active span {
	background-color: transparent;
}
#menu-toggle.active span:before {
	top:0;
}
#menu-toggle.active span:after {
	bottom:0;
}
#menu-toggle.active span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
#menu-toggle.active span:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


button.mfp-close {
	position: fixed;
	/*z-index: 10000;*/
	top:10px;
	right:10px;
	width: 40px;
	height:40px;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	cursor: pointer;
	/*padding: 15px 20px;*/
	margin-bottom: 0;
	color: #fff;
	/*background-color: rgba(17,17,17,.5);*/
	/*background-color:rgba(0,0,0,.5);*/
	/*width: 44px;
    height: 44px;
    line-height: 44px;
    position: fixed;
    right: 10px;
    top: 10px;
    text-decoration: none;
    text-align: center;
    opacity: 0.85;
    color:#fff;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;*/
}
button.mfp-close:hover,
button.mfp-close:focus {
	background-color:rgba(17,17,17,1);
	border:none;
	/*opacity: 1;
    filter: alpha(opacity=100);
    color:#fff;*/
}

.mfp-close span {
	position: absolute;
	left: 10px;
	top: 50%;
	width:100%;
}

.mfp-close span:before {
	top: 10px;
}
.mfp-close span:after {
	bottom: 10px;
}

.mfp-close span,
.mfp-close span:before,
.mfp-close span:after {
	cursor: pointer;
	/*border-radius: 1px;*/
	height: 2px;
	width: 20px;
	background: white;
	position: absolute;
	display: block;
	content: '';
	background-color: #fff;
	/*transition: all 500ms ease-in-out;*/
}
.mfp-close span {
	background-color: transparent;
}
.mfp-close span:before,
.mfp-close span:after {
	top: 0;
}
.mfp-close span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mfp-close span:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}





a .icon-x,
a:link .icon-x,
a:visited .icon-x {
	opacity:.75;
	border: none;
	display: inline-block;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	font-size: 2em;
	padding:0 0 ;
	text-align: center;
	line-height:40px;
	background-color: transparent;
	border: 2px solid #fff;
	box-shadow: 1px 1px 0 #000;
	/*color: #111;*/
}
a:hover .icon-x,
a:focus .icon-x {
	opacity:1;
	border: 2px solid #fff;
	background-color: #fff;
	/*border: 1px solid #fff;*/
	/*color: #000;*/
}


.icon-x,
.icon-x span,
.icon-x span:before,
.icon-x span:after,
a:hover .icon-x span:before,
a:hover .icon-x span:after,
a:focus .icon-x span:before,
a:focus .icon-x span:after {
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}



.icon-x {
	position: relative;
	width: 20px;
	height:20px;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	padding: 20px 20px;
	margin-bottom: 0;
	/*color: #000;*/
}
.icon-x span:before,
.icon-x span:after {
	cursor: pointer;
	height: 2px;
	width: 20px;
	background: white;
	position: absolute;
	display: block;
	content: '';
	background-color: #fff;
	/*box-shadow: 1px 1px 0 #000;*/
	/*transition: all 500ms ease-in-out;*/
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.icon-x span {
	position: absolute;
	left: 50%;
	margin-left:-10px;
	top: 50%;
	width: 100%;
	background-color: transparent;
}
.icon-x span:before {
	top: 0;
}
.icon-x span:after {
	top: 0;
}

/*.icon-x span:before {
transform: rotate(45deg);
}
.icon-x span:after {
transform: rotate(-45deg);
}*/
.icon-x span:before {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.icon-x span:after {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
a:hover .icon-x span:before,
a:hover .icon-x span:after,
a:focus .icon-x span:before,
a:focus .icon-x span:after {
	background-color: #111;
}
a:hover .icon-x span:before,
a:focus .icon-x span:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

a:hover .icon-x span:after,
a:focus .icon-x span:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}




.menu {
	margin: 0;
	font-size: 0;
}
.menu li {
	font-size: 14px;
	margin-bottom: 1px;
}
.menu a {
	text-decoration: none;
	display: block;
	padding: .25em 1em;
	/*border: 1px solid transparent;*/
	border-radius: 2px;
	outline: none;
	text-transform: uppercase;
	font-family: 'EB Garamond', 'Baskerville','Times New Roman', serif;
	font-size:1.5em;
	letter-spacing: 1px;
}
.menu-secondary-menu-container .menu a {
	font-family: 'Times New Roman', serif;
	font-size: 1em;
}
.menu > li {
	display: block;
	position: relative;
	margin: 0 0 1px;
}
.menu a:hover,
.menu a:focus {
}

.menu .current-menu-item > a,
.menu .current-page-ancestor > a,
.menu .current_page_parent > a {
}

.menu .current-menu-item > a:hover,
.menu .current-menu-item > a:focus,
.menu .current-page-ancestor > a:hover,
.menu .current-page-ancestor > a:focus,
.menu .current_page_parent > a:hover,
.menu .current_page_parent > a:focus {
}

.menu .sub-menu {
	font-size: 14px;
}
.sub-menu li {
	display: block;
	text-align: center;
	list-style: none;
}
.sub-menu a {
	display: block;
	border: 1px solid transparent;
}
.sub-menu a:hover,
.sub-menu a:focus {
	outline: none;
	border: 1px solid transparent;
}



/* =footer */

#footer {
	border-top:1px solid #000;
	background: #000;
	padding:6em 20px 0;
	text-align: center;
}
.slider-page #footer {
	display: none;
}
#footer p {
	text-transform: uppercase;
	font-size: 0.85714em;
	text-align: center;
}
#footer img {
	margin-left: auto;
	margin-right: auto;
}
#footer a,
#footer a:link,
#footer a:visited {
	text-decoration: none;
	padding:5px;
	color:#aaa;
}
#footer a:hover {
	color:#fff;
}
/*.site-name {
font-family: 'EB Garamond', 'Times New Roman', Times, serif;
text-transform: uppercase;
font-size: 1.5em;
letter-spacing: 6px;
display: block;
margin-bottom: 1em;
}*/
#footer #top-link,
#footer #top-link:link,
#footer #top-link:visited {
	display: inline-block;
	margin:4em auto 0;
	padding: 20px 20px;
	text-align: center;
	background-color: #111;
	color:#aaa;
}
#footer #top-link:hover,
#footer #top-link:focus {
	background: #222;
	color:#fff;
}
#top-link span {
	display: block;
	font-size:.8125em;
	display: none;
}
.credits {
	opacity:.6;
}
.footer-text a {
	text-decoration: none;
}
.divider {
	display: inline-block;
	margin: 0 5px;
}
#footer .menu-main-menu-container {
	padding-top: 1em;
}



/* home */

#home-bg-video {
	position: absolute;
	z-index: -1;
	top:0;
	left:0;
	height:100%;
	min-height:100%;
	width:100%;
	min-width:100%;
	background: url(/images/splash_mustard_flower.jpg) center center no-repeat #111;
	background-size:cover;
}
#home,
#home-estate,
#home-land ,
#home-approach,
#home-people {
	height: 100%;
	/*height: calc(100% - 50px);*/
	/*background-color: #111;*/
}




.button-play-video {
	display: block;
	text-decoration: none;
	color: #fff;
	text-shadow:0 1px 0 #000;
	text-transform: uppercase;
	text-align: center;
	width:200px;
	margin:0 auto;
	cursor: pointer;
}
.button-play-video p {
	text-align: center;
}
.button-play-video:hover .icon-play-video {
	background-color: #fff;
	color: #000;
}
.icon-play-video i {
	padding:7px 6px;
	font-size:1.25em;
	display: block;
}
.icon-play-video {
	border-radius: 50%;
	border:2px solid #fff;
	width:40px;
	height:40px;
	margin:0 auto 10px;
	box-shadow: 1px 1px 0 #000;
}




/* =pages */

.welcome-slider,
.welcome-slider .align-bottom {
	text-align: center;
}
.home-link {
	display: block;
	text-decoration: none;
}

h2.people-name {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
h3.people-title {
	margin-top: 0;
	padding-top: .5em;
}

#productlist {
	margin-bottom: 3em;
}
.wines-item:nth-child(3){
	margin-right: 0 !important;
}
.wines-item h2 {
	font-size:1.5em;
	/*padding-top: 0;*/
}

@media only screen and (max-height: 768px){

	.wines-item img {
		max-height: 400px;
	}
}

/*#header,*/
#main,
#main.hidden,
.hidden {
	opacity:0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
/*#header.show,*/
#main.show,
#loading.show,
.show {
	opacity:1;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
#loading.show {
	/*padding-top: 10px;*/
}
#header {
	height: 56px;
	/*height: 96px;*/
	transition: all 0.5s ease-in-out;
}
#header.show {
	/*height: 96px;*/
	height: 56px;
	transition: all 0.5s ease-in-out;
	/*top:0;*/
	/*padding-top: 60px;*/
}

#map {
	height: 100%;
	/*width:100%;*/
}

/*.page-template-page-templatesvinespring-register-template-php #main,
.page-template-page-templatesvinespring-account-template-php #main {
background: url(/images/mailing_list.jpg) 50% 0 no-repeat fixed #111;
}*/



#home-estate {
	background: url(/images/home_estate.jpg) 0 0 no-repeat;
	background-size: cover;
}
#home-land {
	background: url(/images/home_land.jpg) 0 0 no-repeat;
	background-size: cover;
}
#home-approach {
	background: url(/images/home_join.jpg) 0 0 no-repeat;
	background-size: cover;
}
#home-people {
	background: url(/images/people.jpg) 0 0 no-repeat;
	background-size: cover;
}
#home-join {
	background: url(/images/home_join.jpg) 0 0 no-repeat;
	background-size: cover;
}


#estate,
#estate2,
#estate3,
#estate4 {
	background: url(/images/estate.jpg) 0 0 no-repeat;
	background-size: cover;
}
#land,
#land2,
#land3,
#land4 {
	background: url(/images/land_2.jpg) 0 0 no-repeat;
	background-size: cover;
}
#people,
#people2,
#people3,
#people4 {
	background: url(/images/people.jpg) 0 0 no-repeat;
	background-size: cover;
}
#approach,
#approach2,
#approach3,
#approach4 {
	background: url(/images/approach.jpg) 0 0 no-repeat;
	background-size: cover;
}
#wine,
#wine2,
#wine3,
#wine4 {
	background: url(/images/wine.jpg) 0 0 no-repeat;
	background-size: cover;
}


/*.page-id-12 h1,
.page-id-18 h1 {
display: none;
}
.page-id-12 #container,
.page-id-12 #main {
padding:0 !important;
}*/
#mobile-cinemagraph {
	background:url(/images/cinemagraph_mustard_540.gif) 0 50% no-repeat;
	height:100%;
	min-height: 480px;
	width:100%;
}

#splash-footer {
	position: absolute;
	bottom:160px;
	left:0;
	width:100%;
	/*background-color:#000;*/
	padding:1em 0 0;
	text-align: center;
}
#splash-footer a {
	margin:0;
	background-color: #eee;
	border:1px solid rgba(255,255,255,.9);
	/*border:4px #ccc double;*/
	border-radius: 0;
	/*border:3px solid #eee;*/
	outline:5px solid rgba(255,255,255,.3);
	color:#333;
	position: relative;
	top:-2.5em;
	padding:1em 1em;
	/*font-family: 'Times New Roman', serif;*/
	/*font-size:1em;*/
	/*font-weight: bold;*/
	letter-spacing: 1px;
}
#splash-footer a:hover {
	background-color: #fff;
	border:1px solid rgba(255,255,255,1);
	/*border:4px #999 double;*/
	outline:5px solid rgba(255,255,255,.8);
	/*border:3px solid #fff;*/
	color:#000;
}
/*.page-template-page-templatessplash-template-php #footer {
display: none;
}*/

.wpcf7-form {
	overflow: hidden;
}
.wpcf7-form textarea,
.wpcf7-form input[type=text],
.wpcf7-form input[type=email]{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 100%;
}
.wpcf7-form .wpcf7-response-output {
	/*background-color: #fff;*/
	padding:10px;
}
div.wpcf7-response-output {
	margin:2em 0 !important;
}
.wpcf7-form span.wpcf7-not-valid-tip {
	position: relative;
	display: block;
	left: 0;
	top:100%;
	padding:5px 0;
	border:0;
	color:#cc0000;
	background-color: transparent;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}



/* =forms */

input,
input[type=text],
input[type=email],
input[type=password],
input[type=number],
select,
textarea,
.vsText,
.vs-text,
.vs-email,
label {
	font-family: 'BrandonText', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
input,
input[type=text],
input[type=email],
input[type=number],
input[type=password],
select,
textarea,
.vs-text,
.vs-email {
	padding: 5px;
	background-color:#333;
	color: #fff;
	/*color: rgba(0,0,0,.8);*/
	border: 1px solid #333;
	/*border: 1px solid rgba(0,0,0,.4);*/
	border-radius: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
input:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
select:focus,
textarea:focus,
.vs-text:focus,
.vs-email:focus {
	color: #fff;
	/*color: rgba(0,0,0,.9);*/
	border: 1px solid #555;
	/*border: 1px solid rgba(0,0,0,.6);*/
}


label {
	text-transform: uppercase;
	color: #fff;
}
label input,
label select,
label textarea {
	margin-top: .5em;
}
.vs-field {
	margin-bottom: 1em;
}
fieldset {
	padding: 15px;
	margin-bottom: 1.5em;
}
legend {
	font-family: 'Times New Roman', Times, serif;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-left: -5px;
	margin-bottom: 1em;
}



/* =util */


.svg .svg,
.svg #loading .svg {
	display: block;
}
img.no-svg,
.svg .no-svg,
.svg #loading .no-svg {
	display: none;
}
.no-svg .svg,
.no-svg #loading .svg {
	display: none;
}
.no-svg .no-svg,
.no-svg #loading .no-svg {
	display: block;
}

.social-links {
	text-align: center;
}

.placeholder {
	background-color: #999;
	min-height: 400px;
}

.centered {
	text-align: center;
}
.align-left {
	text-align: left !important;
}
.align-right {
	text-align: right;
}

.entry-meta {
	position: fixed;
	bottom:0;
	left:0;
	background-color: #000;
	padding:10px;
	z-index:65000;
}

#loading {
	opacity: 0;
	position: absolute;
	z-index:1;
	top:50%;
	left:50%;
	display: block;
	width:200px;
	/*height:35px;*/
	margin-top:-16px;
	margin-left:-100px;
	text-align: center;
	padding-top: 0;
	transition: all 0.5s ease-in-out;
}
#loading img {
	width:100px;
	height:35px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
}
#loading .no-svg {
	display: none;
}

#loading .label {
	display: block;
	position: absolute;
	top:60px;
	left:0;
	width:100%;
	text-align: center;
	text-transform: uppercase;
	color: #aaa;
	font-family:'Times New Roman', serif;
	letter-spacing: 2px;
	text-indent: 4px;
}
/*#loading .label.show {
width:100%;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}*/
hr {
	clear: both;
	border: none;
	border-top: 1px solid #666;
	margin:3em auto;
	height: 0;
	background: transparent;
}
hr.small {
	border-top: 2px double #666;
	width:18px;
	margin:2em auto;
}

.absolute-center {
	position: absolute;
	top:50%;
	margin-top:-.5em;
	left:50%;
	margin-left:-50%;
	display: inline-block;
}


.align-bottom {
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
}


.panel-bottom {
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	background-color: rgba(17,17,17,1);
	padding:30px 40px;
}

.panel-bottom p:last-child {
	margin-bottom: 0;
}

.slide-inner {
	height: 100%;
	position: relative;
	/*background-color: #111;*/
}
.section-title {
	opacity: 1;
	position: absolute;
	z-index: 10010;
	width:100px;
	top:0;
	/*top:calc(100% + 12px);*/
	left:50%;
	margin-left: -50px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-family:'Times New Roman', serif;
	letter-spacing: 2px;
	line-height: 50px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
/*.home .section-title {
display: none;
}*/


.padded {
	padding:57px 40px 40px;
}
.padded-top {
	padding-top: 40px;
}
.big-padded-top {
	padding-top: 80px;
}
.padded-sides {
	padding-left:40px;
	padding-right: 40px;
}
.right.padded {
	padding:60px 50px 30px 30px;
}
.full-height {
	height: 100% !important;
	/*height: 1px;*/
	min-height: 100% !important;
	max-height: 100% !important;
}
/*.full-height h2:first-child {
padding-top: 2em;
}*/

.half-height {
	height: 50%;
	min-height: 50%;
}


.border-wrapper {
	border:24px solid #000;
	min-height: 100%;
}

.slide .border-wrapper {
	border-bottom: 72px solid #000;
}

.quarter-button {
	text-decoration: none;
	text-align: center;
	/*border-bottom:1px solid #000;
    border-right: 1px solid #000;*/
}
.quarter-button:hover {
	color: #111;
	background: #000;
	/*background: rgba(255,255,255,1);*/
}
.quarter-button h3 {
	border:1px solid #000;
	background-color: transparent;
	color: #fff;
	display: inline-block;
	width:33%;
	padding:20px 10px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.quarter-button:hover h3 {
	color: #fff;
	text-shadow:none;
	border-color: #fff;
	background-color: #000;
}
/*.slick-list.draggable,
.grab-cursor {
cursor:url(images/grab.png) 8 8, move;
}
.slick-list.dragging,
.grabbing-cursor {
cursor:url(images/grabbing.png) 8 8, move;
}
*/

.dark {
	background: rgba(17,17,17,1);
}
.vertically-center {
	display: table;
	width: 100%;
	height: 100%;
}
.vertically-center > .inner {
	display: table-cell;
	vertical-align: middle;
}
.vertically-center h1 {
	padding-top: 0;
	margin-top: 0;
}
.container {
	padding-left: 40px;
	padding-right: 40px;
	max-width: 1140px;
	margin:0 auto;
}
.clear {
	clear: both;
}
.clearfix:after,
.wrapper:after,
.slide-inner:after,
.row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
* html .wrapper              { zoom: 1; }
*:first-child+html .wrapper  { zoom: 1; }

* html .slide-inner              { zoom: 1; }
*:first-child+html .slide-inner  { zoom: 1; }

* html .row              	 { zoom: 1; }
*:first-child+html .row  	 { zoom: 1; }

.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.space-right {
	padding-right: 10px;
}
.space-left {
	padding-left: 10px;
}
.big-space-top {
	padding-top: 5em;
}
.big-space-bottom {
	padding-bottom: 5em;
}
.space-top {
	padding-top: 1em;
}
.no-space {
	margin: 0 !important;
	padding: 0 !important;
}
.no-space-top {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.no-space-bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}
.small-space-top {
	padding-top: .5em;
}
.space-bottom {
	padding-bottom: 1em;
}
.no-margin-top {
	margin-top: 0;
}
.no-margin-bottom {
	margin-bottom: 0;
}
.big-margin-bottom {
	margin-bottom:3em;
}
.small-margin-bottom {
	margin-bottom: .5em;
}
.centered {
	text-align: center;
}
.search-form {
	text-align: center;
}
.screen-reader-text {
	display: none;
}

input[type=submit].search-submit {
	/*padding: 3px 5px;*/
}
.widget {
	margin-bottom: 2em;
}
.narrow .search-field {
	width: 100%;
	margin-bottom: 1em;
}
.disable-hover,
.disable-hover * {
	pointer-events: none !important;
}


/* =components */


/* responsive images */

.responsive-image {
	/*display: none;*/
	position: relative;
	z-index:0;
	/*overflow: hidden;*/
}
.responsive-image.desktop {
	height: 100%;
	min-height: 100%;
	width: 100%;
}
.responsive-image.half-height.desktop {
	min-height:50% !important;
	height:50% !important;
}
.responsive-image.desktop img {
	position: fixed;
	left:0;
	top:0;
}
/*.responsive-image.desktop.inline {
text-align: right;
padding:40px 0;
}*/
.responsive-image.desktop.inline img {
	position: relative;
	width:auto;
	max-width:100%;
	height:auto;
	max-height: 100%;
}

@media screen and (min-width: 769px){
	.responsive-image.desktop.inline {
		text-align: right;
		padding:40px 0;
	}
}



/* jscrollpane */

.scroll-pane {
	max-height: 100% !important;
	height:100%;
}
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: red;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: red;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	background: #000;
	position: relative;
}
.jspDrag {
	background: #aaa;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}










/* magnific popup */

.mfp-zoom-in {
	/* start state */
	/* animate in */
	/* animate out */
}
.mfp-zoom-in .mfp-with-anim {
	opacity: 0;
	transition: all 0.5s ease-in-out;
	transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
	opacity: 0;
	transition: all 0.5s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
	opacity: 1;
	transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
	transform: scale(0.8);
	opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}



.mfp-fade.mfp-bg {
	opacity: 0;

	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;

	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}




.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80); }

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden; }

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle; }

.mfp-align-top .mfp-container:before {
	display: none; }

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 10045;
	height:100%;/*jk*/
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto; }

.mfp-ajax-cur {
	cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out; }

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
	cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none; }

.mfp-hide {
	display: none !important; }

.mfp-preloader {
	position: absolute;
	/*top: 50%;
    width: auto;
    text-align: center;*/
	/*margin-top: -0.8em;
    left: 8px;
    right: 8px;*/
	z-index: 10044;
	text-indent:-10000px;

	background: transparent url(images/ajax-loader.gif) center center no-repeat;
	height: 32px;
	width: 32px;
	z-index:0;
	top:50%;
	margin-top:-16px;
	left:50%;
	margin-left:-16px;
}

.mfp-preloader a {
	color: #cccccc; }
.mfp-preloader a:hover {
	color: white; }

.mfp-s-ready .mfp-preloader {
	display: none; }

.mfp-s-error .mfp-content {
	display: none; }

.mfp-close,
.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 11046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}


.mfp-close-btn-in .mfp-close {
	color: #333333;
	color:rgba(255,255,255,.8);
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: white;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%; }

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #cccccc;
	font-size: 12px;
	line-height: 18px; }

.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
	margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7; }

.mfp-arrow-left {
	left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
	border-right: 17px solid white;
	margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
	right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
	border-left: 17px solid white;
	margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
	border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
	/*padding-top: 40px;
    padding-bottom: 40px;*/
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	/*max-width: 900px;*/
}
.mfp-iframe-holder .mfp-close {
	top: -40px; }

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	/*padding-top: 56.25%;*/
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: black; }

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
	line-height: 0; }
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444444; }
.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px; }
.mfp-figure figure {
	margin: 0; }

.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto; }

.mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px; }

.mfp-image-holder .mfp-content {
	max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	/**
    * Remove all paddings around the image on small screen
    */
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0; }
	.mfp-img-mobile img.mfp-img {
		padding: 0; }
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0; }
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; }
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0; }
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px; }
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0; } }

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75); }
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0; }
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%; }
	.mfp-container {
		padding: 0;
		/*padding-left: 6px;
        padding-right: 6px;*/
	} }

.mfp-ie7 .mfp-img {
	padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
	padding: 0; }
.mfp-ie7 .mfp-content {
	padding-top: 44px; }
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0; }



/* caroufredsel */

@media screen and (min-width: 769px) {

	.caroufredsel_wrapper,
	#slider,
	#slider .slide {
		min-height: 100% !important;
		min-width: 100% !important;
		max-height: 100% !important;
		max-width: 100% !important;
		height: 100%;
		width:100%;
		cursor: default !important;
	}
}

/*#slider {
left:0 !important;
}*/

#slider-controls {
	display: none;
	position: absolute;
	z-index: 10000;
	top:calc( 100% - 1px);
	/*top:100%;*/
	/*bottom:0;*/
	left:0;
	background-color: #111;
	border-top:1px solid #000;
	width:100%;
	height: 56px;
}
#slider-controls:hover .section-title {
	opacity: 0;
	z-index: 99;
}

/*.section-title.hidden {
opacity: 0;
z-index: 99;
}
*/

#slider-controls:hover #slider-pagination a {
	width:32px;
}

#slider-pagination {
	position: absolute;
	z-index: 10000;
	top:-1px;
	left:25%;
	width:50%;
	height:57px;
	text-align: center;
}
/*.home #slider-pagination {
bottom:23px;
}*/
#slider-pagination a {
	display: inline-block;
	width: 16px;
	height:57px;
	/*border-top:1px solid #fff;*/
	border-top:1px solid rgba(256,256,256,.5);
	border-right:1px solid #000;
	/*height: 2px;
    background-color: #fff;*/
	/*margin-right: 1px;*/
	outline: none;
	/*line-height: 0;*/
	/*font-size: 0;*/
	color: transparent;
	/*opacity: .2;*/
	/*border:none;*/
}
#slider-pagination a:first-child {
	border-left:1px solid #000;
}
#slider-pagination a:hover {
	width:32px;
	/*opacity: .4;*/
	border-top:1px solid #ccc;
	/*width: 10px;*/
	/*height: 2px;*/
}
#slider-pagination a.selected {
	border-top:1px solid rgb(256,256,256);
	/*opacity:.6;*/
}





.button-prev,
.button-next {
	display: none;
	padding:18px 20px;
	position: absolute;
	bottom: 0;
	z-index: 10101;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	opacity: .5;
	border: none !important;
	background-color: transparent !important;
	text-decoration: none;
	text-shadow:1px 1px 0 #000;
}
.button-prev:focus,
.button-next:focus { outline: none; }


.button-prev {
	left:0;
}
.button-prev:before {
	content: '\e809';
	font-family: "Icons";
	font-size: 20px;
	line-height: 1;
	color: white;
	/*opacity: 0.5;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.button-next {
	right: 0;
}
.button-next:before {
	content: '\e808';
	font-family: "Icons";
	font-size: 20px;
	line-height: 1;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.button-prev:hover,
.button-next:hover {
	opacity: 1;
	/*opacity: 1;*/
}








/* slick slider */

/*.slick-slider {
position: relative;
display: block;
height: 100%;
background-color: #111;
box-sizing: border-box;-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
-ms-touch-action: none; touch-action: none;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0; padding: 0;
height:100%;
}
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(images/ajax-loader.gif) center center no-repeat; }
.slick-list.dragging {
}*/





/*.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track {
height: 100%;
position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.loading { background: url(images/ajax-loader.gif) center center no-repeat; position: relative; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

@font-face { font-family: "slick"; src: url("fonts/slick.eot");
src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"),
url("fonts/slick.woff") format("woff"),
url("fonts/slick.ttf") format("truetype"),
url("fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal;
}*/

/*.slick-prev,
.slick-next {
display: block;
padding:15px 15px;
position: absolute;
bottom: 0;
z-index: 100;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent;
color: transparent;
opacity: 0.5;
border: none !important;
background-color: transparent !important;
}
.slick-prev:focus,
.slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }


.slick-prev {
left:0;
}
.slick-prev:before {
content: '\e809';
font-family: "Icons";
font-size: 20px;
line-height: 1;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.slick-next {
right: 0;
}
.slick-next:before {
content: '\e808';
font-family: "Icons";
font-size: 20px;
line-height: 1;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev:hover,
.slick-next:hover {
opacity: 1;
}
*/

/*.slick-slider {
}
.slick-dots {
background-color: #111;
position: absolute;
z-index: 1;
bottom: 0;
list-style: none;
display: block;
text-align: center;
padding: 18px 0 12px;
margin:0;
width: 100%;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.slick-dots:hover {
background-color: #111;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
}
.slick-dots li a {
display: block;
width:10px;
height: 2px;
background-color: #fff;
margin-right: 1px;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
opacity: .3;
border:none;
}
.slick-dots li.slick-active a {
opacity: 1;
width: 10px;
height: 2px;
}
*/




/* slidebars */

html, body, #sb-site, .sb-slidebar {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#sb-site {
	width: 100%;
	position: relative;
	z-index: 1;
}

@media screen and (min-width: 769px) {
	html, body {
		width: 100%;
		/*overflow-y: hidden;*/
		overflow-x: hidden;
	}

	html {
		height: 100%;
		min-height: 100%;
	}
	body {
		min-height: 100%;
		position: relative;
	}
	#sb-site {
		height: 100%;
		min-height: 100%;
		/*overflow:hidden;*//*  this breaks scrolling on long dsktop pages */

	}
	html, body {
		/*height: 100%;*/
		min-height: 100%;
	}
	body {
		overflow-y:visible;
	}
}

.sb-slidebar {
	height: 100%;
	overflow-y: auto;
	position: fixed;
	top: 0;
	z-index: 0;
	visibility: hidden;
	background-color: #111;
}
.sb-left {
	left: 0;
}
.sb-right {
	right: 0;
}

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute;
}

.sb-slidebar.sb-active {
	visibility: visible;
}
.sb-slidebar.sb-style-overlay {
	z-index: 9999;
}
.sb-slidebar {
	width: 30%;
	min-width: 320px;
}

.sb-width-thin {
	width: 15%;
}

.sb-width-wide {
	width: 45%;
}

@media screen and  (max-width: 480px){
	.sb-slidebar {
		width: 70%;
	}

	.sb-width-thin {
		width: 55%;
	}

	.sb-width-wide {
		width: 85%;
	}
}

@media screen and  (min-width: 481px) {
	.sb-slidebar {
		width: 55%;
	}

	.sb-width-thin {
		width: 40%;
	}

	.sb-width-wide {
		width: 70%;
	}
}

@media screen and (max-width: 769px) {

	#sb-site,
	.caroufredsel_wrapper, #slider {
		height:auto;
		min-height: 0;

	}


}

@media screen and  (min-width: 769px) {
	.sb-slidebar {
		width: 40%;
	}

	.sb-width-thin {
		width: 25%;
	}

	.sb-width-wide {
		width: 55%;
	}
}

@media screen and  (min-width: 999px) {
	.sb-slidebar {
		width: 30%;
	}

	.sb-width-thin {
		width: 15%;
	}

	.sb-width-wide {
		width: 45%;
	}
}

@media (min-width: 1200px) {
	.sb-slidebar {
		width: 20%;
	}

	.sb-width-thin {
		width: 5%;
	}

	.sb-width-wide {
		width: 35%;
	}
}

.sb-slide, #sb-site, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	-moz-transition: -moz-transform 400ms ease;
	-o-transition: -o-transform 400ms ease;
	transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}


.sb-hide {
	display: none;
}







/* mailchimp form */

#mailchimp-form {
	padding:10px;
	background-color: #fff;
}
#mc-embed-signup {
	padding:20px 20px 10px;
	border:1px solid #eee;
	position: relative;
}
#mc-embed-signup .cancel {
	position: absolute;
	top:-5px;
	right:-5px;
	/*float:right;*/
	padding:5px;
	color:#666;
}
#mc-embed-signup .cancel:hover {
	color:#aaa;
}
#mc-embed-signup div.mce_inline_error {
	font-weight: normal !important;
	font-size:11px !important;
	color:red;
}
#mc-embed-signup h2 {
	text-align: left;
	margin-top: 0;
}
#mc-embed-signup form {
	display:block;
	position:relative;
	text-align:left;
}
/*#mc-embed-signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}*/
#mc-embed-signup input {border:1px solid #999; -webkit-appearance:none;}
#mc-embed-signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc-embed-signup input[type=radio]{-webkit-appearance:radio;}
#mc-embed-signup input:focus {border-color:#333;}
#mc-embed-signup .button {
	clear:both;
	background-color: #333;
	border: 0 none;
	/*border-radius:4px;*/
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin: 0 5px 10px 0;
	/*padding: 0 22px;*/
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	white-space: nowrap;
	width: auto;
}
#mc-embed-signup .button:hover {
	background-color:#666;
}
#mc-embed-signup .small-meta {font-size: 11px;}
#mc-embed-signup .nowrap {white-space:nowrap;}

#mc-embed-signup .mc-field-group {
	clear:left;
	position:relative;
	min-height:50px;
	margin-bottom: 10px;
}
#mc-embed-signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc-embed-signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc-embed-signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc-embed-signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc-embed-signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc-embed-signup .datefield, #mc-embed-signup .phonefield-us{padding:5px 0;}
#mc-embed-signup .datefield input, #mc-embed-signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc-embed-signup .phonefield-us .phonearea input, #mc-embed-signup .phonefield-us .phonedetail1 input{width:40px;}
#mc-embed-signup .datefield .monthfield input, #mc-embed-signup .datefield .dayfield input{width:30px;}
#mc-embed-signup .datefield label, #mc-embed-signup .phonefield-us label{display:none;}

#mc-embed-signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc-embed-signup .asterisk {
	color:#c60;
	/*font-size:200%;
    line-height:10px;*/
}
#mc-embed-signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}
#mc-embed-signup .clear {clear:both;}

#mc-embed-signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc-embed-signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc-embed-signup .mc-field-group.input-group label {display:inline;}
#mc-embed-signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc-embed-signup div#mce-responses {
	float:left; top:-1.4em;
	font-weight:normal !important;
	font-size:13px !important;
	/*padding:0em .5em 0em .5em;
    overflow:hidden;
    width:90%;
    margin: 0 5%;*/
	clear: both;
}
#mc-embed-signup div.response {
	margin:1em 0;
	/*padding:1em .5em .5em 0;
    font-weight:bold;
    float:left;*/
	/*top:-1.5em;*/
	/*z-index:1;
    width:80%;*/
}
#mc-embed-signup #mce-error-response {display:none;}
#mc-embed-signup #mce-success-response {color:#529214; display:none;}
#mc-embed-signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 0;}
#mc-embed-signup #num-subscribers {font-size:1.1em;}
#mc-embed-signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}




/* bxslider */

.bx-slider li:first-child {
	display: block;
}
.bx-slider li {
	display: none;
	text-align: center;
}
.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: inline-block;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bxslider/bx_loader.gif) center center no-repeat #111;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
}
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/bxslider/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/bxslider/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/bxslider/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/bxslider/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}



/* video */

#background-video,
#popup-video {
	height: 100%;
	min-height: 100%
	width:auto;
}

.popup-video-content {
	height: 100%;
	min-height: 100%
	width:auto;
	/*margin: 0 auto;
    border:20px solid #000;*/
}

.video-js {
	padding-top: 55.25%;
}

.vjs-fullscreen {
	padding-top: 0px;
}



/* video js */


/*#background-video {
background:url(/images/cinemagraph_mustard_v4.gif) 50% 50% no-repeat;
background-size:cover;
}
*/

#big-video-wrap {
	display: none;
}

#big-video-wrap .vjs-loading-spinner,
#big-video-wrap .vjs-control-bar,
#background-video .vjs-loading-spinner,
#background-video .vjs-control-bar {
	display: none !important;
	position: absolute;
	top:-10000px;
}


.vjs-default-skin {
	color: #cccccc;
}
@font-face {
	font-family: 'VideoJS';
	src: url('fonts/vjs.eot');
	src: url('fonts/vjs.eot?#iefix') format('embedded-opentype'),
	url('fonts/vjs.woff') format('woff'),
	url('fonts/vjs.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
	/* Replace browser focus hightlight with handle highlight */
	outline: 0;
	position: relative;
	cursor: pointer;
	padding: 0;
	/* background-color-with-alpha */
	background-color: #333333;
	background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
	/* box-shadow */
	/*-webkit-box-shadow: 0 0 2em #ffffff;
    -moz-box-shadow: 0 0 2em #ffffff;
    box-shadow: 0 0 2em #ffffff;*/
}
.vjs-default-skin .vjs-slider-handle {
	position: absolute;
	/* Needed for IE6 */
	left: 0;
	top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
	content: "\e009";
	font-family: VideoJS;
	font-size: 1em;
	line-height: 1;
	text-align: center;
	/*text-shadow: 0em 0em 1em #fff;*/
	position: absolute;
	top: 0;
	left: 0;
	/* Rotate the square icon to make a diamond */
	/* transform */
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
	/* Start hidden */
	display: none;
	position: absolute;
	/* Place control bar at the bottom of the player box/video.
    If you want more margin below the control bar, add more height. */
	bottom: 0;
	/* Use left/right to stretch to 100% width of player div */
	left: 0;
	right: 0;
	/* Height includes any margin you want above or below control items */
	height: 3.0em;
	/* background-color-with-alpha */
	background-color: #111;
	/*background-color: rgba(7, 20, 30, 0.7);*/
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
	display: block;
	/* Visibility needed to make sure things hide in older browsers too. */

	visibility: visible;
	opacity: 1;
	/* transition */
	-webkit-transition: visibility 0.1s, opacity 0.1s;
	-moz-transition: visibility 0.1s, opacity 0.1s;
	-o-transition: visibility 0.1s, opacity 0.1s;
	transition: visibility 0.1s, opacity 0.1s;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
	display: block;
	visibility: hidden;
	opacity: 0;
	/* transition */
	-webkit-transition: visibility 1s, opacity 1s;
	-moz-transition: visibility 1s, opacity 1s;
	-o-transition: visibility 1s, opacity 1s;
	transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
	display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
	display: none;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
- "\9" IE8 hack didn't work for this
- Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
	.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
		content: "";
	}
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
	outline: none;
	position: relative;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 3.0em;
	width: 4em;
}
/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
	font-family: VideoJS;
	font-size: 1.5em;
	line-height: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);*/
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
	/*text-shadow: 0em 0em 1em #ffffff;*/
}
.vjs-default-skin .vjs-control:focus {
	/*  outline: 0; */
	/* keyboard-only users cannot see the focus on several of the UI elements when
    this is set to 0 */

}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
	/* hide-visually */
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
	width: 5em;
	cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
	content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
	content: "\e002";
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
	cursor: pointer;
	float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
	content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
	content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
	content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
	content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
	width: 5em;
	float: right;
}
.vjs-default-skin .vjs-volume-bar {
	width: 5em;
	height: 0.6em;
	margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
	height: 2.9em;
}
.vjs-default-skin .vjs-volume-level {
	position: absolute;
	top: 0;
	left: 0;
	height: 0.5em;
	background-color: #fff;
	/*background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;*/
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
	width: 0.5em;
	height: 0.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
	font-size: 0.9em;
	top: -0.2em;
	left: -0.2em;
	width: 1em;
	height: 1em;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
	width: 6em;
	left: -4em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
	position: absolute;
	left: 0;
	right: 0;
	width: auto;
	font-size: 0.3em;
	height: 1em;
	/* Set above the rest of the controls. */
	top: -1em;
	/* Shrink the bar slower than it grows. */
	/* transition */
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
This simply changes the overall font for the progress bar, and this
updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
	font-size: .9em;
	/* Even though we're not changing the top/height, we need to include them in
    the transition so they're handled correctly. */

	/* transition */
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
	height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
	position: absolute;
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	/* Needed for IE6 */
	left: 0;
	top: 0;
}
.vjs-default-skin .vjs-play-progress {
	/*
    Using a data URI to create the white diagonal lines with a transparent
    background. Surprisingly works in IE8.
    Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
    The -50% left position makes that happen.
    */

	background-color:#fff;
	/*background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;*/
}
.vjs-default-skin .vjs-load-progress {
	background: #646464 /* IE8- Fallback */;
	background: rgba(255, 255, 255, 0.4);
}
.vjs-default-skin .vjs-seek-handle {
	width: 1.5em;
	height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
	padding-top: 0.1em /* Minor adjustment */;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
	font-size: 1em;
	/* Align vertically by making the line height the same as the control bar */
	line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
	float: left;
}
.vjs-default-skin .vjs-duration {
	float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
	display: none;
	float: left;
}
.vjs-time-divider {
	float: left;
	line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
	width: 3.8em;
	cursor: pointer;
	float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
	content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
	content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
	left: 0.5em;
	top: 0.5em;
	font-size: 3em;
	display: block;
	z-index: 2;
	position: absolute;
	width: 4em;
	height: 2.6em;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	opacity: 1;
	/* Need a slightly gray bg so it can be seen on black backgrounds */
	/* background-color-with-alpha */
	background-color: #07141e;
	background-color: rgba(7, 20, 30, 0.7);
	border: 0.1em solid #3b4249;
	/* border-radius */
	-webkit-border-radius: 0.8em;
	-moz-border-radius: 0.8em;
	border-radius: 0.8em;
	/* box-shadow */
	/*-webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
    -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
    box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);*/
	/* transition */
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
	/* Center it horizontally */
	left: 50%;
	margin-left: -2.1em;
	/* Center it vertically */
	top: 50%;
	margin-top: -1.4000000000000001em;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
	display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
	display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
	display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
	outline: 0;
	border-color: #fff;
	/* IE8 needs a non-glow hover state */
	background-color: #505050;
	background-color: rgba(50, 50, 50, 0.75);
	/* box-shadow */
	/*-webkit-box-shadow: 0 0 3em #ffffff;
    -moz-box-shadow: 0 0 3em #ffffff;
    box-shadow: 0 0 3em #ffffff;*/
	/* transition */
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s;
}
.vjs-default-skin .vjs-big-play-button:before {
	content: "\e001";
	font-family: VideoJS;
	/* In order to center the play icon vertically we need to set the line height
    to the same as the button height */

	line-height: 2.6em;
	/*text-shadow: 0.05em 0.05em 0.1em #000;*/
	text-align: center /* Needed for IE8 */;
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 4em;
	line-height: 1;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	margin-top: -16px;
	background: url(images/ajax-loader.gif) center center no-repeat transparent;
	/*opacity: 0.75;
    -webkit-animation: spin 1.5s infinite linear;
    -moz-animation: spin 1.5s infinite linear;
    -o-animation: spin 1.5s infinite linear;
    animation: spin 1.5s infinite linear;*/
}

.vjs-default-skin .vjs-loading-spinner:before {
	/*background: white url(images/ajax-loader.gif) center center no-repeat;*/
	/*content: "\e01e";
    font-family: VideoJS;*/
	/*position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    text-align: center;*/
}

/*.vjs-default-skin .vjs-loading-spinner:before {
content: "\e01e";
font-family: VideoJS;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
text-align: center;
text-shadow: 0em 0em 0.1em #000;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}*/
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
	float: right;
	cursor: pointer;
}
.vjs-default-skin .vjs-menu {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0em;
	/* (Width of vjs-menu - width of button) / 2 */

	width: 0em;
	height: 0em;
	margin-bottom: 3em;
	border-left: 2em solid transparent;
	border-right: 2em solid transparent;
	border-top: 1.55em solid #000000;
	/* Same width top as ul bottom */

	border-top-color: rgba(7, 40, 50, 0.5);
	/* Same as ul background */

}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 10em;
	bottom: 1.5em;
	/* Same bottom as vjs-menu border-top */

	max-height: 15em;
	overflow: auto;
	left: -5em;
	/* Width of menu - width of button / 2 */

	/* background-color-with-alpha */
	background-color: #07141e;
	background-color: rgba(7, 20, 30, 0.7);
	/* box-shadow */
	/*-webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
    -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
    box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);*/
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
	display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
	list-style: none;
	margin: 0;
	padding: 0.3em 0 0.3em 0;
	line-height: 1.4em;
	font-size: 1.2em;
	text-align: center;
	text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
	background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
	outline: 0;
	color: #fff;
	/* background-color-with-alpha */
	background-color: #111;
	/*background-color: rgba(255, 255, 255, 0.75);*/
	/* box-shadow */
	/*-webkit-box-shadow: 0 0 1em #ffffff;
    -moz-box-shadow: 0 0 1em #ffffff;
    box-shadow: 0 0 1em #ffffff;*/
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 2em;
	padding: 0;
	margin: 0 0 0.3em 0;
	font-weight: bold;
	cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
	content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
	content: "\e008";
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
	/* box-shadow */
	/*-webkit-box-shadow: 0 0 1em #ffffff;
    -moz-box-shadow: 0 0 1em #ffffff;
    box-shadow: 0 0 1em #ffffff;*/
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
	display: block;
	width: 100% !important;
	height: 100%;
	min-height: 100%;
	background-color: #111;
	position: relative;
	padding: 0;
	/* Start with 10px for base font size so other dimensions can be em based and
    easily calculable. */

	font-size: 10px;
	/* Allow poster to be vertially aligned. */

	vertical-align: middle;
	/*  display: table-cell; */
	/*This works in Safari but not Firefox.*/

	/* Provide some basic defaults for fonts */

	font-weight: normal;
	font-style: normal;
	/* Avoiding helvetica: issue #376 */

	font-family: Arial, sans-serif;
	/* Turn off user selection (text highlighting) by default.
    The majority of player components will not be text blocks.
    Text areas will need to turn user selection back on. */

	/* user-select */
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
<video> or <object> */
.video-js .vjs-tech {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
checking fullScreenEnabled. */
.video-js:-moz-full-screen {
	position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
	padding: 0;
	margin: 0;
	height: 100%;
	/* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
	overflow-y: auto;
}
.video-js.vjs-fullscreen {
	position: fixed;
	overflow: hidden;
	z-index: 1000;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	/* IE6 full-window (underscore hack) */
	_position: absolute;
}
.video-js:-webkit-full-screen {
	width: 100% !important;
	height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
	cursor: none;
}
/* Poster Styles */
.vjs-poster {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	cursor: pointer;
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.vjs-poster img {
	display: block;
	margin: 0 auto;
	max-height: 100%;
	padding: 0;
	width: 100%;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
	display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
	text-align: center;
	position: absolute;
	bottom: 4em;
	/* Leave padding on left and right */
	left: 1em;
	right: 1em;
}
/* Move captions down when controls aren't being shown */
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
	bottom: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
	display: none;
	font-size: 1.4em;
	text-align: center;
	margin-bottom: 0.1em;
	background-color: #000000;
	background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
	color: #ffffff /* Subtitles are white */;
}
.video-js .vjs-captions {
	color: #ffcc66 /* Captions are yellow */;
}
.vjs-tt-cue {
	display: block;
}
.vjs-default-skin .vjs-hidden {
	display: none;
}
.vjs-lock-showing {
	display: block !important;
	opacity: 1;
	visibility: visible;
}








/*	BigVideo */

#big-video-wrap{
	overflow:hidden;position:fixed;height:100%;width:100%;top:0;left:0;
	/*background-color: #111;*/
}
#big-video-vid {
	min-height: 100%;
	height: 100%;
	width: 100%;
	min-width: 100%;
}
#big-video-vid,#big-video-image{position:absolute;}
#big-video-control-container{display:none !important;position:fixed;bottom:0;padding:10px;width:100%;background:rgba(0,0,0,.25);
	-webkit-transition-duration:0.6s;-moz-transition-duration:0.6s;-ms-transition-duration:0.6s;-o-transition-duration:0.6s;transition-duration:0.6s;}
#big-video-control{ width:100%;height:16px;position:relative;}
#big-video-control-middle{margin: 0 56px 0 24px;}
#big-video-control-bar{width:100%;height:16px;position:relative;cursor:pointer;}
#big-video-control-progress{position:absolute;top:7px;height:3px;width:0%;background:#fff;}
#big-video-control-track{position:absolute;top:8px;height:1px;width:100%;background:#fff;}
#big-video-control-bound-left{left:0;}
#big-video-control-bound-right{right:-1px}
#big-video-control-track .ui-slider-handle {opacity:0;}
#big-video-control-playhead{left:30%;}
#big-video-control-play{position:absolute;top:0;left:0;height:16px;width:16px;background-image:url('bigvideo.png');}
#big-video-control-timer{position:absolute;top:1px;right:0;color:#fff;font-size:11px;}
#big-video-control-playhead,#big-video-control-bound-left,#big-video-control-bound-right{position:absolute;top:0;height:16px;width:1px;background:#fff;}
#big-video-control .ui-slider-handle{border-left:solid 1px #fff; width:16px;height:16px;position:absolute;top:-8px;}
.transparent{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.vjs-big-play-button{display:none !important;}




/* =grid */



/*Change box model for grid elements*/
.row, .column {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*Rows with buffer space*/
.row {
	width: 100%;
	clear: both;
	float: none;
}
.row-content {
	margin: 0 auto;
	max-width: 70em;
}
.row-content.buffer,
.row-content.buffer-top {
	padding-top: 2%;
}
.row-content.buffer.even,
.row-content.buffer-top.even {
	padding-top: 6%;
}
.row-content.buffer,
.row-content.buffer-right {
	padding-right: 8%;
}
.row-content.buffer,
.row-content.buffer-bottom {
	padding-bottom: 6%;
}
.row-content.buffer,
.row-content.buffer-left {
	padding-left: 8%;
}

/*Column basics (12-based fluid grid)*/
.column {
	clear: none;
	float: left;
	min-height: 1px;
}
.column.first,
.column.full,
.column.twelve,
.column.center {
	clear: both;
}
.column.right {
	float: right;
}
.column.center, .column.right.center {
	float: none;
}

/*Fluid columns*/
.column {
	margin-left: 0;
	margin-right: 3.8%;
}
.column.last,
.column.reset {
	margin-right: 0 !important;
}

/*Reverse stacking*/
.column.right {
	margin-right: 0;
	margin-left: 3.8%;
}
.column.right.last,
.column.right.reset {
	margin-left: 0 !important;
}

/*Centered columns*/
.column.center, .column.right.center {
	margin-right: auto !important;
	margin-left: auto !important;
}

/*Full-width column*/
.column.full,
.column.twelve {
	width: 100%;
}

/*Fluid column widths*/
.column.one {
	width: 4.85%;
}
.column.two,
.column.sixth {
	width: 13.45%;
}
.column.three,
.column.fourth {
	width: 22.05%;
}
.column.four,
.column.twosixths,
.column.third {
	width: 30.75%;
}
.column.five {
	width: 39.45%;
}
.column.six,
.column.half,
.column.threesixths,
.column.twofourths {
	width: 48%;
}
.column.seven {
	width: 56.75%;
}
.column.eight,
.column.foursixths,
.column.twothirds {
	width: 65.4%;
}
.column.nine,
.column.threefourths {
	width: 74.05%;
}
.column.ten,
.column.fivesixths {
	width: 82.7%;
}
.column.eleven {
	width: 91.35%;
}

/*Shift guttered columns*/
.column.push-one {
	margin-left: 8.65%;
}
.column.right.push-one {
	margin-right: 8.65%;
}
.column.push-two,
.column.push-sixth {
	margin-left: 17.25%;
}
.column.right.push-two,
.column.right.push-sixth {
	margin-right: 17.25%;
}
.column.push-three,
.column.push-fourth {
	margin-left: 25.85%;
}
.column.right.push-three,
.column.right.push-fourth {
	margin-right: 25.85%;
}
.column.push-four,
.column.push-twosixths,
.column.push-third {
	margin-left: 34.55%;
}
.column.right.push-four,
.column.right.push-twosixths,
.column.right.push-third {
	margin-right: 34.55%;
}
.column.push-five {
	margin-left: 43.25%;
}
.column.right.push-five {
	margin-right: 43.25%;
}
.column.push-six,
.column.push-half,
.column.push-threesixths,
.column.push-twofourths {
	margin-left: 51.8%;
}
.column.right.push-six,
.column.right.push-half,
.column.right.push-threesixths,
.column.right.push-twofourths {
	margin-right: 51.8%;
}
.column.push-seven {
	margin-left: 60.55%;
}
.column.right.push-seven {
	margin-right: 60.55%;
}
.column.push-eight,
.column.push-foursixths,
.column.push-twothirds {
	margin-left: 69.2%;
}
.column.right.push-eight,
.column.right.push-foursixths,
.column.right.push-twothirds {
	margin-right: 69.2%;
}
.column.push-nine,
.column.push-threefourths {
	margin-left: 77.85%;
}
.column.right.push-nine,
.column.right.push-threefourths {
	margin-right: 77.85%;
}
.column.push-ten,
.column.push-fivesixths {
	margin-left: 86.5%;
}
.column.right.push-ten,
.column.right.push-fivesixths {
	margin-right: 86.5%;
}
.column.push-eleven {
	margin-left: 95.15%;
}
.column.right.push-eleven {
	margin-right: 95.15%;
}



/*No gutters*/
.column.one.reset {
	width: 8.3%;
}
.column.two.reset,
.column.sixth.reset {
	width: 16.65%;
}
.column.three.reset,
.column.fourth.reset {
	width: 25%;
}
.column.four.reset,
.column.twosixths.reset,
.column.third.reset {
	width: 33.3%;
}
.column.five.reset {
	width: 41.65%;
}
.column.six.reset,
.column.half.reset,
.column.threesixths.reset,
.column.twofourths.reset {
	width: 50%;
}
.column.seven.reset {
	width: 58.3%;
}
.column.eight.reset,
.column.foursixths.reset,
.column.twothirds.reset {
	width: 66.6%;
}
.column.nine.reset,
.column.threefourths.reset {
	width: 75%;
}
.column.ten.reset,
.column.fivesixths.reset {
	width: 83.35%;
}
.column.eleven.reset {
	width: 91.7%;
}

/*Shift no-gutter columns*/
.column.reset.push-one {
	margin-left: 8.3%;
}
.column.reset.right.push-one {
	margin-right: 8.3%;
}
.column.reset.push-two,
.column.reset.push-sixth {
	margin-left: 16.65%;
}
.column.reset.right.push-two,
.column.reset.right.push-sixth {
	margin-right: 16.65%;
}
.column.reset.push-three,
.column.reset.push-fourth {
	margin-left: 25%;
}
.column.reset.right.push-three,
.column.reset.right.push-fourth {
	margin-right: 25%;
}
.column.reset.push-four,
.column.reset.push-twosixths,
.column.reset.push-third {
	margin-left: 33.3%;
}
.column.reset.right.push-four,
.column.reset.right.push-twosixths,
.column.reset.right.push-third {
	margin-right: 33.3%;
}
.column.reset.push-five {
	margin-left: 41.65%;
}
.column.reset.right.push-five {
	margin-right: 41.65%;
}
.column.reset.push-six,
.column.reset.push-half,
.column.reset.push-threesixths,
.column.reset.push-twofourths {
	margin-left: 50%;
}
.column.reset.right.push-six,
.column.right.reset.push-half,
.column.right.reset.push-threesixths,
.column.right.reset.push-twofourths {
	margin-right: 50%;
}
.column.reset.push-seven {
	margin-left: 58.3%;
}
.column.reset.right.push-seven {
	margin-right: 58.3%;
}
.column.reset.push-eight,
.column.reset.push-foursixths,
.column.reset.push-twothirds {
	margin-left: 66.6%;
}
.column.reset.right.push-eight,
.column.reset.right.push-foursixths,
.column.reset.right.push-twothirds {
	margin-right: 66.6%;
}
.column.reset.push-nine,
.column.reset.push-threefourths {
	margin-left: 75%;
}
.column.reset.right.push-nine,
.column.reset.right.push-threefourths {
	margin-right: 75%;
}
.column.reset.push-ten,
.column.reset.push-fivesixths {
	margin-left: 83.35%;
}
.column.reset.right.push-ten,
.column.reset.right.push-fivesixths {
	margin-right: 83.35%;
}
.column.reset.push-eleven {
	margin-left: 91.7%;
}
.column.reset.right.push-eleven {
	margin-right: 91.7%;
}

/*Fixed-width column with another column taking rest of the available space (fixed on the left)*/
.column.fluid {
	clear: none;
	float: left;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.column.fluid > .column-content {
	margin-right: 10em;
}
.column.fixed {
	position: static;
	clear: none;
	float: right;
	margin-right: 0;
	margin-left: -100%;
	width: 10em;
}

/*Reverse stacking*/
.column.fluid.right > .column-content {
	margin-right: 0;
	margin-left: 10em;
}
.column.fixed.right {
	float: left;
}

/*Force floats*/
.keep-left, .keep-right {
	clear: none;
}
.keep-left {
	float: left;
}
.keep-right {
	float: right;
}
.keep-center {
	margin-right: auto;
	margin-left: auto;
}

/*Positioning*/
.static {
	position: static;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.fixed {
	position: fixed;
}

/*Blocks and inline-blocks*/
.block {
	display: block;
}
.inline-block {
	display: inline-block;
}
.inline {
	display: inline;
}
ul.inline, ol.inline, dl.inline {
	display: block;
}

/*Utilities for common CSS-based behavior*/
.hidden {
	display: none;
}
.clear {
	clear: both;
}
.clear-after:after {
	content: " ";
	display: table;
	clear: both;
}
.clear-after {
	*zoom: 1;
}

/*Dry element of its content*/
.dry {
	text-indent: -9999em;
	direction: ltr;
}

/*Include padding and border in dimensions*/
.content-box {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.border-box {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* grid collapses on mobile and tablet */

@media only screen and (max-width: 768px){

	/*.column.six,
    .column.half,
    .column.threesixths,
    .column.twofourths,
    .column.four,
    .column.twosixths,
    .column.third,

    .column.six.reset,
    .column.half.reset,
    .column.threesixths.reset,
    .column.twofourths.reset,
    .column.four.reset,
    .column.twosixths.reset,
    .column.third.reset,

    .column.eight,
    .column.foursixths,
    .column.twothirds,

    .column.eight.reset,
    .column.foursixths.reset,
    .column.twothirds.reset,

    .column.five*/

	.column.one,
	.column.two,
	.column.sixth,
	.column.three,
	.column.fourth,
	.column.four,
	.column.twosixths,
	.column.third,
	.column.five,
	.column.six,
	.column.half,
	.column.threesixths,
	.column.twofourths,
	.column.seven,
	.column.eight,
	.column.foursixths,
	.column.twothirds,
	.column.nine,
	.column.threefourths,
	.column.ten,
	.column.fivesixths,
	.column.eleven,

	.column.one.reset,
	.column.two.reset,
	.column.sixth.reset,
	.column.three.reset,
	.column.fourth.reset,
	.column.four.reset,
	.column.twosixths.reset,
	.column.third.reset,
	.column.five.reset,
	.column.six.reset,
	.column.half.reset,
	.column.threesixths.reset,
	.column.twofourths.reset,
	.column.seven.reset,
	.column.eight.reset,
	.column.foursixths.reset,
	.column.twothirds.reset,
	.column.nine.reset,
	.column.threefourths.reset,
	.column.ten.reset,
	.column.fivesixths.reset,
	.column.eleven.reset {
		width: 100%;
	}

	.push-one,
	.push-two,
	.push-three,
	.push-four,
	.push-five {
		margin-left: 0 !important;
		margin-right: 0;
	}

	.jspScrollable {
		overflow: visible !important;
		height:auto !important;
	}






}




/* =media queries */

/* mobile */

@media only screen and (max-width: 480px){

	div {
		width: auto;
	}
	#header,
	#main,
	#footer {
		max-width: none;
		width: auto;
	}
	#container {
		padding: 0;
	}
	#main {
		padding:0;
	}
	#header {
		padding:10px 0;
		min-height: 24px;
	}
	#header .key {
		display: none;
	}
	#footer,
	.slider-page #footer {
		display: block;
	}
	#home-estate {
		height: calc(100% - 29px);
	}
	#home-land {
		height: calc(100% - 29px);
	}
	#home-approach {
		height: calc(100% - 29px);
	}

	.border-wrapper {
		border:none;
	}

	body.theme-align-center #logo {
		margin:0;
		text-align: center;
	}
	body.theme-align-center #logo a {
		margin: 0 auto;
		font-size:1em;
		letter-spacing: 2px;
	}
	#nav .language,
	.nav .language {
		display: block;
		text-align: center;
		position: relative;
		top:auto;
		left:auto;
		right:auto;
	}
	#nav .language a
	.nav .language a {
		cursor: pointer;
		display: inline-block;
		padding:10px;
	}

	.mobile,
	.mobile-menu-button,
	#menu-toggle {
		display: block;
	}
	#menu-toggle {
		/*top:7px;*/
		right:-3px;
	}
	#header .key {
		top:-3px;
		left:8px;
	}

	.menu {
		font-size:1em;
		text-align: center;
		position: relative;
		top: 0;
		left: 0;
		margin-left: 0;
		padding: 1em 20px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing:border-box;
	}
	.menu li {
		text-align: center;
		font-size:1em;
		float: none;
		display: block;
	}
	.menu a {
		display: block;
	}
	.menu a:hover,
	.menu a:focus,
	.sub-menu a:hover,
	.sub-menu a:focus {
		background-color: none !important;
	}
	.menu .sub-menu {
		display: none;
		margin: 1px 0 0;
	}
	.half {
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	#credits {
		display: block;
		cursor: pointer;
		position: relative;
		float: none;
		text-align: center;
		margin-top: 2em;
	}

	.footer-text > span {
		display: block;
		text-align: center;
	}
	.divider {
		font-size: 0;
		color: rgba(0,0,0,0);
	}
	.social-links a {
		font-size: 1.5em;
	}
	label {
		font-size:1em;
	}
	h1 {
		max-width:100%;
		font-size:3em;
	}
	#main {
		/*padding-top: 33px;*/
	}

	.quarter-button h3 {
		width: auto;
		display: block;
		margin:0 20px;
		border:none;
	}

	.padded {
		padding: 60px 20px;
	}
	/*.mobile-tablet-padding {
    padding:0 20px;
    }*/
	h2, h3 {
		padding-left:20px;
		padding-right:20px;
	}

}



/* mobile and tablet */

@media only screen and (max-width: 768px){

	#header {
		position: fixed;
		z-index: 1000;
		top:0;
		left:0;
		border-bottom:1px solid #000;
		background-color: #111;
		width: 100%;
	}
	#footer,
	.slider-page #footer,
	.home #footer {
		display: block;
	}
	#logo img {
		max-height:40px;
	}

	html,
	body,
	.slick-list,
	#sb-site {
		width: 100%;
		-webkit-overflow-scrolling: touch;
	}
	h1 {
		padding:2em 20px .5em;
	}
	#main, .slide-inner {
		height: auto !important;
		min-height: 100%;
	}
	.half.half-height,
	.vertically-center,
	a.inner.quarter-button {
		height: 320px;
		min-height: 320px;
	}
	.section-title {
		display: none;
	}
	.border-wrapper {
		border: none;
	}

	.slide,
	.slide-inner {
		/*min-height: 480px;*/
	}
	.panel-bottom {
		position: relative;
		z-index: 10;
		bottom:auto;
		padding-top: 0;
	}
	.align-bottom {
		position: relative;
		height: auto;
	}
	.half.half-height, .vertically-center, a.inner.quarter-button {
		min-height: 120px !important;
		height: 120px;
	}

	.wines-item:first-child {
		border:none;
	}
	.wines-item {
		border-top:1px solid #000;
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.wines-item img {
		max-height: 300px;
	}

	/*.padded {
    padding:60px 40px 40px;
    }*/
	.padded .padded {
		padding-left:0;
		padding-right:0;
	}
	.responsive-image {
		border-bottom:1px solid #000;
	}

	.account-wrapper {
		background: url(/images/mailing_list.jpg) 50% 0 no-repeat fixed #111;
		/*background-size:cover;*/
		/*min-height: 600px;*/
	}


}



/* tablet */

@media only screen and (min-width: 481px) and (max-width: 768px){

	.mobile {
		display: block;
	}
	.tablet,
	.tablet.mobile {
		display: block;
	}
	div {
		width: auto;
	}

	#main,
	#footer {
		max-width: none;
		width: auto;
	}
	#container {
		/*padding: 0 24px;
        margin: 0 auto;*/
	}
	#main {
		/*padding-top: 4em;*/
	}

	.padded {
		padding:60px 40px;
	}
	/*.mobile-tablet-padding {
    padding:0 40px;
    }*/

}


/* tablet & desktop */

@media only screen and (min-width: 481px){

	body {
		overflow-y:none;
	}
	#menu-toggle {
		display: block;
		cursor: pointer;
	}

	.menu li:hover ul.sub-menu {
		/* display: block; */
	}
	.menu .sub-menu {
		font-size: 14px;
		background-color: #1a1a1a;
		border: 1px solid #ddd;
		border: 1px solid rgba(0,0,0,.2);
		margin-bottom: 0px;
		border-radius: 2px;
		display: none;
		position: relative;
		/* top: 2.571429em; */
		/*left: 106px;*/
		margin: 0 auto;
		/* z-index: 1000; */
		width: 150px;
		text-align: left;
	}
	.sub-menu a:hover,
	.sub-menu a:focus {
		background-color: #f5f5f5;
		background-color: rgba(0,0,0,.05);
	}
	.footer-text {
		float: left;
	}

	#footer .menu li {
		display: inline-block;
		margin: 0 5px;
	}


}



/* all desktop */

@media only screen and (min-width: 769px){

	#header {
		background-color: #111;
		width: 100%;
		position: fixed;
		z-index: 1000;
		/*top:-60px;*/
		left:0;
		width: 100%;
		border-bottom: 1px solid #000;
	}

	#main {
		position: relative;
		/*-moz-box-sizing:content-box;
        box-sizing:content-box;*/
		/*height:1px;*/
		/*border-top:57px solid #000;*/
		/*min-height: 500px;*/
	}
	.slider-page #main {
		position: absolute;
		top:56px;
		height: calc(100% - 56px);
		width: 100%;
	}

	.slide .align-bottom {
		min-height: 200px;
		padding-bottom: 3em;
	}

	#slider-controls,
	.button-next, .button-prev {
		display: block;
	}

	.panel-bottom h2 {
		margin-top: 0;
		padding-top: 0;
	}

	.border-right-bottom {
		border:1px solid #000;
		border-left:none;
		border-top:none;
	}
	.border-right {
		border:1px solid #000;
		border-left:none;
		border-top:none;
		border-bottom:none;
	}
	.border-bottom {
		border:1px solid #000;
		border-left:none;
		border-right:none;
		border-top:none;
	}

	.full-height {
		/*min-height: 480px !important;*/
	}

	h1:first-child, h2:first-child, h3:first-child, h4:first-child {
		margin-top: 0;
	}

	.person img {
		margin: 0 0 0;/*40px*/
		outline:10px solid #000;
		box-sizing:border-box;
		-ms-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}


	.home-link {
		display: inline-block;
		max-width: 33%;
		margin:0 auto;
	}
	.home-link h1 {
		padding-top: 0;
	}

	.account-wrapper {
		background: url(/images/mailing_list.jpg) 50% 0 no-repeat fixed #111;
		background-size:cover;
		min-height: 600px;
	}


}


/* small desktop */

@media only screen and (min-width: 769px) and (max-width: 999px){

	/*#header,
    #main,
    #footer {
    max-width: none;
    width: auto;
    float: none;
    }
    #container {
    padding: 0 20px;
    }*/

	.two-column {
		-webkit-column-count:2;
		-webkit-column-width:48%;
		-webkit-column-gap:3.8%;
		-moz-column-count:2;
		-moz-column-width:48%;
		-moz-column-gap:3.8%;
		-ms-column-count:2;
		-ms-column-width:48%;
		-ms-column-gap:3.8%;
		column-count:2;
		column-width:48%;
		column-gap:3.8%;
	}



}


/* full desktop */

@media only screen and (min-width: 1000px) {

	.mobile,
	.tablet {
		display: none;
	}

	.two-column {
		-webkit-column-count:2;
		-webkit-column-width:48%;
		-webkit-column-gap:3.8%;
		-moz-column-count:2;
		-moz-column-width:48%;
		-moz-column-gap:3.8%;
		-ms-column-count:2;
		-ms-column-width:48%;
		-ms-column-gap:3.8%;
		column-count:2;
		column-width:48%;
		column-gap:3.8%;
	}


	.six .two-column {
		max-width: 720px;
	}
	.six .narrow {}

}

/* large desktop */

@media only screen and (min-width: 1180px) {


	/*#container {
    width: 1140px;
    }*/

}



/* =print */

@media only print {

	body {
		border: none;
		padding: 2em;
		background-color: #fff;
		color: #000;
	}
	h1, h2, h3, h4,
	a, li, p, div {
		color: #000 !important;
		text-shadow:none;
		width:auto;
	}
	#footer,
	#vs-accountlinks,
	#nav,
	.nav {
		display: none;
	}
	#logo a {
		font-size: 24px;
	}
	div {
		position: relative !important;
		top:0 !important;
		left:0 !important;
		width:auto !important;
		height:auto !important;
		margin:0 !important;
		padding:0 !important;
	}
	img,
	.button-play-video,
	.icon-x {
		display: none;
	}

}



/* =theme alignment */

/* center */

.theme-align-center {}
h1,
h2,
h3,
h4,
.vs-h1,
.vs-h2,
.vs-h3,
ul.menu {
	text-align: center;
}
#logo {
	text-align: center;
}
.centered {
	text-align: center;
}
#vs2-account-nav,
#vsOrderFormLeft,
.vsFormAddFooter,
#vs2-cart-emptyCart-message {
	text-align: center;
}




/* =theme lightness */


/*.theme-lightness-dark {
}
.theme-lightness-dark hr {
background-color: #eee;
background-color: rgba(255,255,255,.2);
}*/


#vs2-accountLinks a,
.menu a,
.menu a:link,
.menu a:visited,
.menu a:active {
	color:  #aaa;
}
.theme-lightness-dark .menu a:hover,
.theme-lightness-dark .menu a:focus {
}
#vs2-accountLinks a:hover,
.menu a:hover,
.menu a:focus,
.menu .current-menu-item > a,
.menu .current-page-ancestor > a,
.menu .current_page_parent > a {
	color: #fff;
}
.current-menu-item > a:hover,
.current-menu-item > a:focus,
.current-page-ancestor > a:hover,
.current-page-ancestor > a:focus,
.current_page_parent > a:hover,
.current_page_parent > a:focus {
	color: #fff;
}
.theme-lightness-dark #footer {
}
.theme-lightness-dark #footer p {
	color: #aaa;
}
.theme-lightness-dark #credits-info {
	color: #aaa;
}
.theme-lightness-dark #credits-info a {
	color: #aaa;
}
.theme-lightness-dark .divider {
	color: #ccc;
	color: rgba(255,255,255,.2);
}
.theme-lightness-dark fieldset {
	border:none;
	/*border-top: 4px double rgba(255,255,255,.2);*/
	padding:0;
	margin-bottom: 3em;
}

.theme-lightness-dark .bx-wrapper .bx-pager.bx-default-pager a {
	background-color: #666;
	background-color:rgba(255,255,255,.4);
}
.theme-lightness-dark .bx-wrapper .bx-pager.bx-default-pager a:hover,
.theme-lightness-dark .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #000;
	background-color:rgba(255,255,255,.8);
}

@media only screen and (max-width: 481px){
	.theme-lightness-dark .sub-menu a:hover,
	.theme-lightness-dark .sub-menu a:focus {
		border: 1px solid transparent;
	}
}

.theme-lightness-dark #credits-info {
	background-color: #111;
}
.theme-lightness-dark legend {
	font-weight: normal;
	text-transform: uppercase;
}
.theme-lightness-dark #vs2-cart-confirmation,
.theme-lightness-dark #vs2-cart-confirmation-custom {
	background-color: #111;
	outline:1px solid #000;
}