/*!
 * La Dorni Website v0.9.0 (http://getvilla.org/)
 * Copyright 2013-2015 Kabana's Info & Mowe
 * Licensed under MIT (https://github.com/mowekabanas/ladorni/blob/master/LICENSE)
*/

/* Contact Form */

.ContactForm {
	max-width: 48em;
	width: 100%;
	padding: 1em 0 0;
}

/* Contact Form Block*/

.ConcatFormBlock {
	padding: 4.5em 0;
}

/* Form Title */

.ContactForm-title {
	font-size: 1em;
	width: 100%;
	padding: 0 3.75em;
	margin: 1em 0 .5em;
}

.ContactForm-title span {
	color: #4e342e;
	font-size: 1.5em;
	font-weight: 300;
}

/* Form Wrapper and Field */

.ContactForm-wrapper,
.ContactForm-field {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.ContactForm-wrapper {
	padding: 0 1em;
	width: 100%;
}

/* Form Field */

.ContactForm-field {
	padding: 0 1.5em;
	width: 100%;
}

.ContactFormFooter .ContactForm-field {
	width: auto;
}

.ContactForm-field--submit {
	padding: 0;
}

.ContactForm-field ::-webkit-input-placeholder {
	color: #607d8b;
}

.ContactForm-field :-moz-placeholder {
	color: #607d8b;
}

.ContactForm-field ::-moz-placeholder {
	color: #607d8b;
}

.ContactForm-field :focus::-webkit-input-placeholder {
	color: #b0bec5;
}

.ContactForm-field :focus:-moz-placeholder {
	color: #b0bec5;
}

.ContactForm-field :focus::-moz-placeholder {
	color: #b0bec5;
}

.ContactForm-field input,
.ContactForm-field label,
.ContactForm-field textarea {
	color: #4e342e;
	border: none;
	background: none;
	width: 100%;
}

.ContactForm-field input,
.ContactForm-field textarea {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #e0e0e0;
	margin: 1px 0 .5em;
	order: 2;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
}

.ContactForm-field input:focus,
.ContactForm-field textarea:focus {
	border-bottom-width: 2px;
	border-bottom-color: #ffab00;
	margin-top: 0;
}

.ContactForm-field input:invalid,
.ContactForm-field textarea:invalid {
	border-bottom-width: 2px;
	border-bottom-color: red;
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.ContactForm-field input {
	font-size: 1em;
	line-height: 1;
	padding: 1em 0 .5em;
}

.ContactForm-field--name input {
	font-weight: 500;
}

.ContactForm-field label {
	color: #ffab00;
	display: none;
	font-size: .75em;
	padding: 1.333333333em 0 0;
}

.ContactForm-field textarea + label {
	order: 1;
	display: block;
}

.ContactForm-field textarea:focus + label {
	color: #ffab00;
}

.ContactForm-field textarea {
	font-size: 1em;
	line-height: 1.5;
	min-height: 4em;
	min-width: 100%;
	padding: .5em 0;
}

/* Contact Form Footer */

.ContactFormFooter {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

/* Contact Form Status */

.ContactFormStatus {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	padding: 0 1em;
}

/* Contact Form Status text */

.ContactFormStatus-text {
	display: none;
	font-size: .875em;
	font-weight: 900;
	letter-spacing: -.5pt;
}

.ContactForm.is-success .ContactFormStatus-text--success,
.ContactForm.is-sending .ContactFormStatus-text--sending,
.ContactForm.is-error .ContactFormStatus-text--error,
.ContactForm.is-fail .ContactFormStatus-text--fail {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.ContactForm.is-sending .ContactFormStatus-text--sending {
	-webkit-animation: sendAnimation infinite .6s ease;
	-o-animation: sendAnimation infinite .6s ease;
	animation: sendAnimation infinite .6s ease;
}

.ContactForm-field .ContactForm-submit {
	color: #ffab00;
	cursor: pointer;
	border: none;
	padding: .625em .5em;
	margin: .5em;
	font-weight: 600;
	text-transform: uppercase;
	width: 6em;
}

.ContactForm-field .ContactForm-submit:hover,
.ContactForm-field .ContactForm-submit:focus {
	background-color: #e0e0e0;
	margin: .5em;
}

@media (min-width: 72em) {

	.ContactForm-field textarea {
		font-size: 1em;
		line-height: 1.5;
		min-height: 6em;
		min-width: 100%;
		padding: .5em 0;
	}

}

@media (min-width: 36em) {

	.ContactForm-wrapper {
		padding: 0 2.25em;
		width: 100%;
	}

}

@-webkit-keyframes loadAnimation {

	0% {
		opacity: 1;
	}

	50% {
		opacity: .48;
	}

	100% {
		opacity: 1;
	}

}

@-o-keyframes loadAnimation {

	0% {
		opacity: 1;
	}

	50% {
		opacity: .48;
	}

	100% {
		opacity: 1;
	}

}

@-moz-keyframes sendAnimation {

	0% {
		opacity: 1;
	}

	50% {
		opacity: .48;
	}

	100% {
		opacity: 1;
	}

}

@keyframes loadAnimation {

	0% {
		opacity: 1;
	}

	50% {
		opacity: .48;
	}

	100% {
		opacity: 1;
	}

}

/* Contact Info */

.ContactInfo {
	margin: 1em 0;
}

.ContactInfo-text {
	font-family: 'Roboto', sans-serif;
}

@media (min-width: 48em) {

	.ContactInfo {
		margin: 1.5em 0;
	}

	.ContactInfo-text {
		font-weight: 900;
		line-height: 2.25;
		font-size: 2.25em;
	}

}

/* Contact Line */

.ContactLine {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	max-width: 48em;
	width: 100%;
}

.ContactLine-stroke {
	border-bottom: dashed 1px #9e9e9e;
	height: 0;
	width: 8em;
}

.ContactLine-text {
	font-family: 'Playfair Display', 'Roboto', sans-serif;
	color: #424242;
	font-style: italic;
	margin: 0 1em;
}

@media (min-width: 48em) {

	.ContactLine-stroke {
		width: 21em;
	}

}

/* Contact */

.Contact {
	font-family: 'Playfair Display', 'Roboto', serif;
	text-align: center;
}

.Contact-title {
	margin-bottom: 1em;
	max-width: 48em;
	padding: 0 1em;
	width: 100%;
}

.Contact h2 {
	line-height: .96;
	font-size: 2.25em;
	font-weight: 900;
	text-align: center;
}

.Contact h3 {
	font-size: 1.125em;
}

.Contact-inner {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	min-height: 100vh;
}

@media (min-width: 48em) {

	.Contact-title {
		margin-bottom: 1.5em;
	}

	.Contact h2 {
		line-height: 1.1;
		font-size: 3em;
		font-weight: 900;
		text-align: center;
	}

}

@media (min-width: 72em) {

	.Contact h2 {
		font-size: 3em;
	}

}

@media (min-width: 96em) {

	.Contact-title {
		margin-bottom: 2.25em;
	}

	.Contact h2 {
		font-size: 3.75em;
	}

}

.MainHeaderBrand {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.MainHeaderBrand-title {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-transition: color .6s .1s, opacity .6s .1s;
	-moz-transition: color .6s .1s, opacity .6s .1s;
	-ms-transition: color .6s .1s, opacity .6s .1s;
	-o-transition: color .6s .1s, opacity .6s .1s;
	transition: color .6s .1s, opacity .6s .1s;
}

body.is-transiting .MainHeaderBrand-title {
	color: #eeeeee;
	opacity: 0;
}

body.is-local .MainHeaderBrand-title,
body.is-contact .MainHeaderBrand-title {
	visibility: hidden;
}

.MainHeaderBrand h1 {
	font-size: 1em;
	font-weight: 300;
	letter-spacing: -.5pt;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	text-transform: uppercase;
}

.MainHeaderBrand h1 strong {
	font-size: 1.125em;
	font-weight: 900;
	letter-spacing: .625pt;
	-webkit-transition: letter-spacing .3s;
	-moz-transition: letter-spacing .3s;
	-ms-transition: letter-spacing .3s;
	-o-transition: letter-spacing .3s;
	transition: letter-spacing .3s;
}

.MainHeaderBrand h1 strong span {
	font-size: 1.05em;
}

@media (min-width: 48em) {

	/* Header */

	.MainHeaderBrand-title {
		display: none;
	}

	body.is-home .MainHeaderBrand-title {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	body.is-home.is-accent .MainHeaderBrand-title {
		color: #e0e0e0;
	}

	.MainHeaderBrand h1 {
		font-size: 1.125em;
		font-weight: 300;
		letter-spacing: -.5pt;
		line-height: 1;
		white-space: nowrap;
	}

	.MainHeaderBrand h1 strong {
		font-size: 1.125em;
		font-weight: 900;
		letter-spacing: .625pt;
		-webkit-transition: letter-spacing .3s;
		-moz-transition: letter-spacing .3s;
		-ms-transition: letter-spacing .3s;
		-o-transition: letter-spacing .3s;
		transition: letter-spacing .3s;
	}

	.MainHeaderBrand h1 strong span {
		font-size: 1.05em;
	}

}

/* Header */

.MainHeader {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	font-family: 'Playfair Display', serif;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 13;
}

@media (min-width: 48em) {

	/* Header */

	.MainHeader {
		position: fixed;
		width: 100%;
	}

}

/* Hero background */

.Hero-background {
	display: none;
}

@media (min-width: 48em) {

	/* Hero background */

	.Hero-background {
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.Hero-background img {
		bottom: 0;
		max-width: 36em;
		position: absolute;
		right: 0;
		opacity: .36;
		width: 100%;
	}

}

@media (min-width: 72em) {

	.Hero-background img {
		bottom: 0;
		max-width: 60em;
		position: absolute;
		right: 0;
		width: 100%;
	}

}

@media (min-width: 96em) {

	.Hero-background img {
		max-width: 72em;
	}

}

/* Hero Gallery Item */

.HeroGalleryItem {  }

.HeroGalleryItem--winemenu {
	background: url("../img/widePhotos/wp-cave.jpg");
}

.HeroGalleryItem--winery {
	background: url("../img/headerPhotos/hp-torre-02.jpg");
}

.HeroGalleryItem--castle {
	background: url("../img/largePhotos/lp-torre-01.jpg");
}

@media (min-width: 48em) {

	/* Hero Gallery Item */

	.HeroGalleryItem {
		background-position: 0 0;
		-webkit-background-size: cover;
		background-size: cover;
		height: 100%;
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		-webkit-transition: opacity 1s, background 8s, visibility 1s;
		-moz-transition: opacity 1s, background 8s, visibility 1s;
		-ms-transition: opacity 1s, background 8s, visibility 1s;
		-o-transition: opacity 1s, background 8s, visibility 1s;
		transition: opacity 1s, background 8s, visibility 1s;
		visibility: hidden;
		width: 100%;
	}

	.HeroGalleryItem.is-active {
		background-position: 100% 100%;
		opacity: .96;
		-webkit-transition: opacity 2s, background 10s, visibility 0s;
		-moz-transition: opacity 2s, background 10s, visibility 0s;
		-ms-transition: opacity 2s, background 10s, visibility 0s;
		-o-transition: opacity 2s, background 10s, visibility 0s;
		transition: opacity 2s, background 10s, visibility 0s;
		visibility: visible;
	}

}

@media (min-width: 48em) {

	.HeroGallery {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

}

/* Hero */

.Hero {
	position: relative;
	width: 100%;
	opacity: 0;
}

body.is-home .Hero {
	opacity: 1;
}

@media (min-width: 48em) {

	/* Hero */

	.Hero {
		height: 100vh;
	}

	/* Hero-inner */

	.Hero-inner {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

}

/* Main Home */

.Home {
	display: none;
	position: fixed;
	width: 100%;
}

@media (min-width: 48em) {

	.Home {
		height: 100%;
	}

	body.is-home .Home {
		display: block;
	}

}
@font-face {
	font-family: 'ladorni';
	src: url('../font/ladorni.eot?41974464');
	src: url('../font/ladorni.eot?41974464#iefix') format('embedded-opentype'),
	url('../font/ladorni.woff?41974464') format('woff'),
	url('../font/ladorni.ttf?41974464') format('truetype'),
	url('../font/ladorni.svg?41974464#ladorni') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ladorni';
    src: url('../font/ladorni.svg?41974464#ladorni') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "ladorni";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-glass:before { content: '\e800'; } /* '' */
.icon-hourglass:before { content: '\e801'; } /* '' */
.icon-hourglass-1:before { content: '\e802'; } /* '' */
.icon-wine:before { content: '\e803'; } /* '' */
.icon-direction:before { content: '\e804'; } /* '' */
.icon-location:before { content: '\e805'; } /* '' */
.icon-facebook-official:before { content: '\e806'; } /* '' */
.icon-facebook:before { content: '\e807'; } /* '' */
.icon-instagram:before { content: '\e808'; } /* '' */
.icon-twitter:before { content: '\e809'; } /* '' */
.icon-blogger:before { content: '\e80a'; } /* '' */
.icon-wordpress:before { content: '\e80b'; } /* '' */
.icon-medium:before { content: '\e80c'; } /* '' */
.icon-th:before { content: '\e80d'; } /* '' */
.icon-th-list:before { content: '\e80e'; } /* '' */
.icon-th-large:before { content: '\e80f'; } /* '' */
.icon-home:before { content: '\e810'; } /* '' */
.icon-angle-left:before { content: '\e811'; } /* '' */
.icon-angle-right:before { content: '\e812'; } /* '' */
.icon-angle-up:before { content: '\e813'; } /* '' */
.icon-angle-down:before { content: '\e814'; } /* '' */
.icon-down-open:before { content: '\e815'; } /* '' */
.icon-left-open:before { content: '\e816'; } /* '' */
.icon-right-open:before { content: '\e817'; } /* '' */
.icon-up-open:before { content: '\e818'; } /* '' */
.icon-right-dir:before { content: '\e819'; } /* '' */
.icon-left-dir:before { content: '\e81a'; } /* '' */
.icon-down-dir:before { content: '\e81b'; } /* '' */
.icon-up-dir:before { content: '\e81c'; } /* '' */
.icon-angle-double-left:before { content: '\e81d'; } /* '' */
.icon-angle-double-right:before { content: '\e81e'; } /* '' */
.icon-angle-double-up:before { content: '\e81f'; } /* '' */
.icon-angle-double-down:before { content: '\e820'; } /* '' */
.icon-paper-plane:before { content: '\e821'; } /* '' */
.icon-globe:before { content: '\e822'; } /* '' */
.icon-mobile:before { content: '\e823'; } /* '' */
.icon-wifi:before { content: '\e824'; } /* '' */
.icon-beer:before { content: '\e825'; } /* '' */
.icon-info:before { content: '\e826'; } /* '' */
.icon-phone:before { content: '\e827'; } /* '' */
.icon-fax:before { content: '\e828'; } /* '' */
.icon-login:before { content: '\e829'; } /* '' */
.icon-logout:before { content: '\e82a'; } /* '' */
.icon-tumblr:before { content: '\e82b'; } /* '' */
.icon-youtube-play:before { content: '\e82c'; } /* '' */
.icon-basket:before { content: '\e82d'; } /* '' */
.icon-menu:before { content: '\e82e'; } /* '' */
.icon-cog:before { content: '\e82f'; } /* '' */
.icon-calendar:before { content: '\e830'; } /* '' */
.icon-volume-up:before { content: '\e831'; } /* '' */
.icon-volume-off:before { content: '\e832'; } /* '' */
.icon-volume-down:before { content: '\e833'; } /* '' */
.icon-ellipsis:before { content: '\e834'; } /* '' */
.icon-ellipsis-vert:before { content: '\e835'; } /* '' */
.icon-clock:before { content: '\e836'; } /* '' */
.icon-bag:before { content: '\e837'; } /* '' */
.icon-box:before { content: '\e838'; } /* '' */

/* LoadBar */

.LoadBar {

}

/* LoadBar progress */

body.is-starting .LoadBar-progress {
	width: 100%;
}

/* Local */

.Local .Page-content {
	background-color: #212121;
	height: 100vh;
	width: 100%;
	overflow: hidden;
	position: relative;
}

/* Local Info */

.LocalInfo {
	bottom: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 1em 1em 2.25em;
	position: absolute;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	width: 100%;
}

.Local.is-active .LocalInfo {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%);
}

.LocalInfo-inner {
	background-color: #ffffff;
	color: #424242;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.72);
	-moz-box-shadow: 1px 1px 6px rgba(0,0,0,.72);
	box-shadow: 1px 1px 6px rgba(0,0,0,.72);
	padding: 1.125em;
	width: 100%;
	max-width: 24em;
}

.LocalInfo h2 {
	font-size: 1.125em;
	margin-bottom: .5em;
	text-transform: uppercase;
}

/* Local Map */

.LocalMap {
	position: absolute;
	height: 100%;
	width: 100%;
}

.LocalMap-canvas {
	background-color: #212121 !important;
	width: 100%;
	height: 100%;
}

/* Logo */

.Logo {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}

.MainHeader .Logo {
	-webkit-transition: opacity 1s ease-in, width .6s .3s;
	-moz-transition: opacity 1s ease-in, width .6s .3s;
	-ms-transition: opacity 1s ease-in, width .6s .3s;
	-o-transition: opacity 1s ease-in, width .6s .3s;
	transition: opacity 1s ease-in, width .6s .3s;
	width: 6em;
	z-index: 13;
}

.MainHeader .Logo.is-loading {
	opacity: 0;
}

.TransitionScreen--start .Logo {
	height: 6em;
	-webkit-transition: opacity .6s .6s, transform 1.2s .6s;
	-moz-transition: opacity .6s .6s, transform 1.2s .6s;
	-ms-transition: opacity .6s .6s, transform 1.2s .6s;
	-o-transition: opacity .6s .6s, transform 1.2s .6s;
	transition: opacity .6s .6s, transform 1.2s .6s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 0;
}

body.is-starting .TransitionScreen--start .Logo {
	-webkit-transform: translateY(-2.25em);
	-moz-transform: translateY(-2.25em);
	-ms-transform: translateY(-2.25em);
	-o-transform: translateY(-2.25em);
	transform: translateY(-2.25em);
	opacity: 1;
}

/* Logo select area */

.MainHeader .Logo-select-area {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 1em 0;
	width: 100%;
}

.Logo.is-only-winery .Logo-select-area {
	-webkit-transition: transform .6s;
	-moz-transition: transform .6s;
	-ms-transition: transform .6s;
	-o-transition:  transform .6s;
	transition: transform .6s;
}

.MainHeader .Logo.is-only-winery .Logo-select-area:active,
.MainHeader .Logo.is-only-winery .Logo-select-area:focus,
.MainHeader .Logo.is-only-winery .Logo-select-area:hover {
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
}

.Logo svg {
	width: 100%;
	height: 100%;
}

.MainHeader .Logo svg {
	fill: #212121;
	max-width: 8em;
	-webkit-transition: fill .6s .1s;
	-moz-transition: fill .6s .1s;
	-ms-transition: fill .6s .1s;
	-o-transition: fill .6s .1s;
	transition: fill .6s .1s;
}

.TransitionScreen--start .Logo svg {
	fill: #eeeeee;
	max-width: 8em;
}

body.is-local .Logo svg,
body.is-transiting .Logo svg {
	fill: #eeeeee;
}

body.has-menu .Logo svg {
	fill: #212121;
}

/*.MainHeader #LaDorniLogo-stripes,*/
.MainHeader #LaDorniLogoLions {
	/*opacity: 0;*/
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

/*.MainHeader .Logo-select-area:hover #LaDorniLogo-stripes,*/
.MainHeader .Logo-select-area:hover #LaDorniLogoLions {
	opacity: 1;
}

#LaDorniLogoWinery-bricks { display: none }
/*#LaDorniLogoWinery { display: none }*/
/*#LaDorniLogo-stripes { display: none }*/
/*#LaDorniLogoLions { display: none }*/
/*#LaDorniLogoLions-left { display: none }*/
/*#LaDorniLogoLions-right { display: none }*/
#LaDorniLogoEyes { display: none }
/*#LaDorniLogoEyes-left { display: none }*/
/*#LaDorniLogoEyes-right { display: none }*/
/*#LaDorniLogo-relief { display: none }*/
/*#LaDorniLogo-border { display: none }*/
#LaDorniLogoSolid { display: none }

/* Logo is only winery */

.Logo.is-only-winery #LaDorniLogoWinery-bricks { display: none }
.Logo.is-only-winery #LaDorniLogoWinery { display: block; }
.Logo.is-only-winery #LaDorniLogo-stripes { display: block; }
.Logo.is-only-winery #LaDorniLogoLions { display: block; }
.Logo.is-only-winery #LaDorniLogoEyes { display: none }
.Logo.is-only-winery #LaDorniLogo-relief { display: none }
.Logo.is-only-winery #LaDorniLogo-border { display: block; }
.Logo.is-only-winery #LaDorniLogoSolid { display: none }

.Logo.is-only-winery #LaDorniLogo-stripes,
.Logo.is-only-winery #LaDorniLogoLions,
.Logo.is-only-winery #LaDorniLogo-border {
	opacity: 0;
	-webkit-transition: opacity .6s;
	-moz-transition: opacity .6s;
	-ms-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s;
}

.Logo.is-only-winery #LaDorniLogo-border {
	-webkit-transition: opacity 0s;
	-moz-transition: opacity 0s;
	-ms-transition: opacity 0s;
	-o-transition: opacity 0s;
	transition: opacity 0s;
}

.MainHeader .Logo.is-only-winery .Logo-select-area:active #LaDorniLogoWinery,
.MainHeader .Logo.is-only-winery .Logo-select-area:active #LaDorniLogo-stripes,
.MainHeader .Logo.is-only-winery .Logo-select-area:active #LaDorniLogoLions,
.MainHeader .Logo.is-only-winery .Logo-select-area:active #LaDorniLogo-border,
.MainHeader .Logo.is-only-winery .Logo-select-area:focus #LaDorniLogoWinery,
.MainHeader .Logo.is-only-winery .Logo-select-area:focus #LaDorniLogo-stripes,
.MainHeader .Logo.is-only-winery .Logo-select-area:focus #LaDorniLogoLions,
.MainHeader .Logo.is-only-winery .Logo-select-area:focus #LaDorniLogo-border,
.MainHeader .Logo.is-only-winery .Logo-select-area:hover #LaDorniLogoWinery,
.MainHeader .Logo.is-only-winery .Logo-select-area:hover #LaDorniLogo-stripes,
.MainHeader .Logo.is-only-winery .Logo-select-area:hover #LaDorniLogoLions,
.MainHeader .Logo.is-only-winery .Logo-select-area:hover #LaDorniLogo-border {
	opacity: 1;
	-webkit-transition: opacity .6s .3s;
	-moz-transition: opacity .6s .3s;
	-ms-transition: opacity .6s .3s;
	-o-transition: opacity .6s .3s;
	transition: opacity .6s .3s;
}

.MainHeader .Logo.is-only-winery .Logo-select-area:hover #LaDorniLogo-border {
	opacity: 1;
	-webkit-transition: opacity .8s .4s;
	-moz-transition: opacity .8s .4s;
	-ms-transition: opacity .8s .4s;
	-o-transition: opacity .8s .4s;
	transition: opacity .8s .4s;
}

@media (min-width: 48em) {

	/* Logo */

	body.is-winemenu .MainHeader .Logo {
		width: 4.5em;
	}

	body.is-winemenu .MainHeader .Logo svg {
		max-width: 4.5em;
	}

	body.is-local .Logo svg,
	body.is-winemenu .Logo svg,
	body.is-transiting .Logo svg {
		fill: #eeeeee;
	}

	body.is-home.is-accent .Logo svg {
		fill: #e0e0e0;
	}

	body.is-winemenu .Logo.is-only-winery #LaDorniLogo-border {
		display: none;
	}

}

@media (min-width: 60em) {

	/* Logo */

	body.is-winemenu .MainHeader .Logo {
		width: 6em;
	}

	body.is-winemenu .MainHeader .Logo svg {
		max-width: 6em;
	}

	body.is-winemenu .Logo.is-only-winery #LaDorniLogo-border {
		display: block;
	}

}

@media (min-width: 72em) {

	/* Logo */

	.MainHeader .Logo {
		width: 6em;
	}

	.MainHeader .Logo svg {
		max-width: 6em;
	}

	body.is-home .MainHeader .Logo {
		width: 8em;
	}

	body.is-home .MainHeader .Logo svg {
		max-width: 8em;
	}

	.MainHeader .Logo.is-loaded {
		opacity: 1;
	}

	/* Logo select area */

	.MainHeader .Logo-select-area {
		padding: 1em 0;
		width: 100%;
	}

	.Logo.is-only-winery .Logo-select-area {
		width: 100%;
	}

}

/* Category */

.Category {
	height: auto;
	width: 100%;
}

.Category-content {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 100%;
	height: 100%;
}

.Category h2 {
	display: none;
	font-size: 1em;
	font-weight: 400;
}

@media (min-width: 48em) {

	.Category {
		height: 100%;
	}

	body.is-home .Category--products {
		width: 33.3333333333%;
	}

	body.is-home .Category--institutional {
		width: 66.6666666666%;
	}

}

@media (min-width: 72em) {

	.Category {
	}

}

@media (min-width: 96em) {

	.Category {

	}

}

/* Main */

.Main {
	position: relative;
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: opacity 1.2s, transform .8s;
	-moz-transition: opacity 1.2s, transform .8s;
	-ms-transition: opacity 1.2s, transform .8s;
	-o-transition: opacity 1.2s, transform .8s;
	transition: opacity 1.2s, transform .8s;
}

body.is-starting .Main {
	opacity: 0;
	-webkit-transform: translateY(1em);
	-moz-transform: translateY(1em);
	-ms-transform: translateY(1em);
	-o-transform: translateY(1em);
	transform: translateY(1em);
}

html.is-debug .Main {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

/* Main content */

.Main-content {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
	height: 100%;
	padding: 8em 0 0;
	position: relative;
	width: 100%;
}

body.is-castle .Main-content,
body.is-winery .Main-content,
body.is-local .Main-content {
	padding: 0;
}

@media (min-width: 48em) {

	.Main {
		min-height: 100vh;
	}

	.Main-content {
		-webkit-flex-flow: row;
		flex-flow: row;
		padding: 0;
	}

}

@media (min-width: 72em) {

	body.is-home .Main-content {
		height: 100vh;
		padding: 0 0 0 8em;
	}

}

/* Menu backdrop */

.Menu.is-animating .Menu-backdrop {
	background-color: rgba(0,0,0,0);
}

.Menu-backdrop {
	background-color: rgba(0,0,0,.48);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
	width: 100%;
	z-index: 10;
}


/* Menu Item */

.MenuItem {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.MainMenu .MenuItem-select-area {
	padding: .375em 3.75em .5em 3em;
	width: 100%;
}

.MainMenu .MenuItem-select-area:hover {
	background-color: #f5f5f5;
	/*color: #ffffff;*/
}

.MainMenu .MenuItem-select-area span {
	font-size: 2.25em;
	font-weight: 700;
	letter-spacing: -.5pt;
	line-height: 1.16;
}

.MainMenu .MenuItem-select-area .slash {
	color: #ffd740;
	margin: 0 2pt 0 -8pt;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s;
}

.MainMenu .MenuItem-select-area:hover .slash {
	color: #ffe57f;
}

@media (min-width: 21em) {

	.MainMenu .MenuItem-select-area {
		padding: .375em 3.75em .5em 3.75em;
	}

	.MainMenu .MenuItem-select-area span {
		font-size: 2.25em;
		letter-spacing: -.75pt;
		line-height: 1.24;
	}

	.MainMenu .MenuItem-select-area .slash {
		margin: 0 3pt 0 -8pt;
	}

}

@media (min-width: 48em) {

	.MainMenu .MenuItem-select-area {
		padding: .5em 4.5em .625em 3em;
	}

	.MainMenu .MenuItem-select-area span {
		font-size: 3em;
		letter-spacing: -.75pt;
		line-height: 1.36;
	}

	.MainMenu .MenuItem-select-area .slash {
		margin: 0 3pt 0 -8pt;
	}

    .Menu--service .MenuItem-select-area {
	    -webkit-align-items: center;
	    align-items: center;
	    color: #424242;
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	    -webkit-justify-content: center;
	    justify-content: center;
	    padding: 0 .75em 0;
    }

	body.is-home.is-accent .Menu--service .MenuItem-select-area,
	body.is-local .Menu--service .MenuItem-select-area {
		color: #eeeeee;
	}

	.Menu--service .MenuItem-select-area span {
		font-weight: 400;
		font-size: 1em;
	}

	.Menu--service .MenuItem-select-area:hover span {
		text-decoration: underline;
	}

	.Menu--service .MenuItem-select-area strong {
		font-weight: 900;
	}

}

/* Menu List */

.MainMenu.is-active .MenuList {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: transform .6s ease-out, visibility 0s;
	-moz-transition: transform .6s ease-out, visibility 0s;
	-ms-transition: transform .6s ease-out, visibility 0s;
	-o-transition: transform .6s ease-out, visibility 0s;
	transition: transform .6s ease-out, visibility 0s;
	visibility: visible;
}

.MainMenu .MenuList {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
	font-family: 'Playfair Display', serif;
	height: 100vh;
	left: 0;
	padding: 10em 0 0;
	position: fixed;
	top: 0;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: transform .6s .2s, visibility 0s .8s;
	-moz-transition: transform .6s .2s, visibility 0s .8s;
	-ms-transition: transform .6s .2s, visibility 0s .8s;
	-o-transition: transform .6s .2s, visibility 0s .8s;
	transition: transform .6s .2s, visibility 0s .8s;
	visibility: hidden;
	z-index: 11;
}

/* Menu List media width */

@media (min-width: 21em) {

	.MainMenu.is-active .MenuList {  }

	.MainMenu .MenuList {
		padding: 9em 0 0;
	}

}

@media (min-width: 48em) {

	.MainMenu .MenuList {
		padding-left: 6em;
	}

	.Menu--service .MenuList {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row;
		flex-flow: row;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		padding: 0 2.25em 0 0;
	}

}

@media (min-width: 72em) {

	.Menu--service .MenuList {
		padding: 0 3.75em 0 0;
	}

}

@media (min-width: 96em) {

	.Menu--service .MenuList {
		padding: 0 4.5em 0 0;
	}

}

/* Menu List media height */

@media (min-height: 36em) {

	.MainMenu .MenuList {
		padding-top: 8em;
	}

}

@media (min-height: 48em) {

	.MainMenu .MenuList {
		padding-top: 12em;
	}

}

/* Menu Toggle Button */

.MainNav .MenuToggleButton {
	visibility: visible;
	position: fixed;
	top: 4.5em;
	left: 0;
	z-index: 12;
	-webkit-transition: opacity 1.2s 1.2s;
	-moz-transition: opacity 1.2s 1.2s;
	-ms-transition: opacity 1.2s 1.2s;
	-o-transition: opacity 1.2s 1.2s;
	transition: opacity 1.2s 1.2s;
}

body.is-transition .MainNav .MenuToggleButton,
body.is-biting .MainNav .MenuToggleButton,
body.is-starting .MainNav .MenuToggleButton {
	opacity: 0;
	visibility: hidden;
}

/* Menu Toggle Button select area */

.MainMenu .MenuToggleButton-select-area {
	color: #ffab00;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 1.5em 0;
	-webkit-transition: all .3s .1s;
	-moz-transition: all .3s .1s;
	-ms-transition: all .3s .1s;
	-o-transition: all .3s .1s;
	transition: all .3s .1s;
	width: 6em;
}

.MainMenu.is-active .MenuToggleButton-select-area {
	color: #000000;
}

/* Menu Toggle Button icon */

.MainMenu .MenuToggleButton-select-area .icon {
	font-size: 2.25em;
}

.MainMenu .MenuToggleButton-select-area .icon--close,
.MainMenu.is-active .MenuToggleButton-select-area .icon--open {
	display: none;
}

.MainMenu.is-active .MenuToggleButton-select-area .icon--close {
	display: block;
}

/*  */

@media (min-width: 21em) {

	.MainMenu .MenuToggleButton-select-area {
		padding: 1.5em 0;
		width: 6em;
	}

	.MainMenu .MenuToggleButton-select-area .icon {
		font-size: 1.125em;
	}

}

@media (min-width: 48em) {

	body.is-home .MainNav .MenuToggleButton {
		visibility: hidden;
	}

	.MainNav .MenuToggleButton {
		bottom: 0;
		position: fixed;
		left: 0;
		top: auto;
	}

	.MainMenu .MenuToggleButton-select-area {
		padding: 1.5em 0;
		width: 6em;
	}

	.MainMenu .MenuToggleButton-select-area .icon {
		font-size: 1.5em;
	}

}

/* Menu */

.Menu {  }

.MainMenu.Menu{  }

.Menu--service {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	opacity: 0;
	-webkit-transition: visibility 0s, opacity .6s;
	-moz-transition: visibility 0s, opacity .6s;
	-ms-transition: visibility 0s, opacity .6s;
	-o-transition: visibility 0s, opacity .6s;
	transition: visibility 0s, opacity .6s;
	visibility: hidden;
	width: 100%;
}

@media (min-width: 48em) {

	body.is-contact .Menu--service,
	body.is-local .Menu--service,
	body.is-home .Menu--service {
		visibility: visible;
		opacity: 1;
	}

}

/* Navigation */

.MainNav {  }
/* Page Header */

.PageHeader {
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	padding: 1em;
	width: 100%;
}

.Page.is-active .PageHeader {
	display: none;
}

/* Page select area */
.PageHeader-select-area {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
}

/* Page title */

.PageHeader-title {
	margin-bottom: 1.125em;
	max-width: 14em;
	padding: 1em;
	position: relative;
}

.Page--winemenu .PageHeader-title:before {
	border-left: solid .75em #ad1457;
	border-top: solid .75em #ad1457;
	content: '';
	height: 1.5em;
	left: 0;
	position: absolute;
	top: 0;
	width: 1.5em;
}

.Page--winery .PageHeader-title:before {
	border-top: solid .75em #ffee58;
	content: '';
	height: 1.5em;
	position: absolute;
	right: 25%;
	top: 0;
	width: 4em;
}

.Page--castle .PageHeader-title:before {
	border-bottom: solid .75em #ffab00;
	border-right: solid .75em #ffab00;
	bottom: 0;
	content: '';
	height: 2.25em;
	right: 0;
	position: absolute;
	margin: 0 auto;
	text-align: center;
	width: 4.5em;
}

/* Page Header secondary title */

.PageHeader-secondary-title {
	display: block;
	position: relative;
	text-align: center;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.PageHeader-secondary-title .icon {
	background-color: #212121;
	border-radius: 50%;
	color: #eeeeee;
	margin-left: 2pt;
	text-align: center;
	padding: 2px 1px 2px 2px;
}

.PageHeader-secondary-title .icon span {
	font-size: .875em;
}

/* Page Header h3 */

.Page h3 {
	font-size: 1.5em;
	font-weight: 300;
	line-height: 1.36;
	text-align: center;
}

.PageHeader h3 strong {
	font-weight: 900;
}

@media (min-width: 48em) {

	.PageHeader h3 {
		font-size: 2.25em;
		line-height: 1.16;
	}

	.PageHeader {
		height: 100vh;
		-webkit-transition: background 2.25s;
		-moz-transition: background 2.25s;
		-ms-transition: background 2.25s;
		-o-transition: background 2.25s;
		transition: background 2.25s;
		z-index: 0;
	}

	.PageHeader.is-over {
		z-index: 1;
	}

	/* Page Header background */

	.PageHeader-background {
		display: none;
		left: 0;
		height: 100%;
		top: 0;
		visibility: hidden;
		width: 100%;
	}

	.PageHeader-overlay {
		top: 0;
		left: 0;
		height: 100%;
		position: absolute;
		width: 100%;
		-webkit-transition: background .6s;
		-moz-transition: background .6s;
		-ms-transition: background .6s;
		-o-transition: background .6s;
		transition: background .6s;
	}

	.PageHeader:hover .PageHeader-overlay {
		background-color: rgba(0,0,0,.24);
		-webkit-transition: background 1s;
		-moz-transition: background 1s;
		-ms-transition: background 1s;
		-o-transition: background 1s;
		transition: background 1s;
	}

	.PageHeader-title {
		-webkit-transform: scale(.84);
		-moz-transform: scale(.84);
		-ms-transform: scale(.84);
		-o-transform: scale(.84);
		transform: scale(.84);
		-webkit-transition: transform .6s, color .6s;
		-moz-transition: transform .6s, color .6s;
		-ms-transition: transform .6s, color .6s;
		-o-transition: transform .6s, color .6s;
		transition: transform .6s, color .6s;
	}

	body.is-home.is-accent .PageHeader-title {
		color: #757575;
	}

	.PageHeader-secondary-title {
		opacity: 0;
	}

	body.is-home.is-header-accent .PageHeader-title {
		color: #616161;
	}

	body.is-home.is-accent .PageHeader:hover .PageHeader-title,
	body.is-home.is-header-accent .PageHeader:hover .PageHeader-title,
	.PageHeader:hover .PageHeader-title,
	.PageHeader:hover .PageHeader-secondary-title {
		color: #eeeeee;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	body.is-home.is-accent .PageHeader:hover .PageHeader-secondary-title {
		color: #bdbdbd;
	}

}

@media (min-width: 72em) {

	.PageHeader h3 {
		line-height: 1.16;
	}

	.PageHeader-title {
		padding: 2.25em;
		max-width: 24em;
	}

	.Page--winemenu .PageHeader-title:before {
		border-left: solid 1em #ad1457;
		border-top: solid 1em #ad1457;
		content: '';
		height: 1.5em;
		left: 0;
		position: absolute;
		top: 0;
		width: 1.5em;
	}

	.Page--winery .PageHeader-title:before {
		border-top: solid 1em #ffee58;
		content: '';
		height: 1.5em;
		position: absolute;
		right: 25%;
		top: 0;
		width: 4em;
	}

	.Page--castle .PageHeader-title:before {
		border-bottom: solid 1em #ffab00;
		border-right: solid 1em #ffab00;
		bottom: 0;
		content: '';
		height: 2.25em;
		right: 0;
		position: absolute;
		margin: 0 auto;
		text-align: center;
		width: 4.5em;
	}

}

@media (min-width: 96em) {

	.PageHeader h3 {
		font-size: 3em;
	}

}

/* Page */

.Page {
	display: none;
	flex: 1;
	-webkit-flex-flow: column;
	flex-flow: column;
	-webkit-justify-content: center;
	justify-content: center;
	min-width: 100%;
}

.Page.is-active,
body.is-home .Page {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

body.is-home .Page--modal {
	display: none;
}

/* Page content */

.Page-content {
	width: 100%;
	display: none;
}

.Page.is-active .Page-content {
	display: block;
}

.Page--winery .Page-content,
.Page--castle .Page-content {
	font-family: 'Playfair Display', serif;
}

@media (min-width: 48em) {

	.Page {
		min-width: 0;
	}

}

@media (min-width: 72em) {

	/* Page */

	.Page {
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-flow: column;
		flex-flow: column;
	}

}

/* Photo Article Cover */

.PhotoArticleCoverContent,
.PhotoArticleCoverHeader {
	position: relative;
	width: 100%;
}

/* Photo Article Cover Content */

.PhotoArticleCoverContent {
	text-align: center;
}

/* Photo Article Cover Header */

.PhotoArticleCoverHeader {
	height: 100vh;
}

/* Photo Article Cover inner */

.PhotoArticleCoverContent-inner,
.PhotoArticleCoverHeader-inner {
	padding: 1em;
}

/* Photo Article Cover background */

.PhotoArticleCover-background {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* Photo Article Cover overlay */

.PhotoArticleCover-overlay {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.18+72,0.36+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.18) 72%, rgba(0,0,0,0.36) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 72%,rgba(0,0,0,0.36) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 72%,rgba(0,0,0,0.36) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#5c000000',GradientType=0 ); /* IE6-9 */
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* Photo Article Cover Header h3 */

.PhotoArticleCoverHeader h3 {
	font-size: 3.75em;
	font-weight: 700;
}

/* Photo Article Cover Header inner */

.PhotoArticleCoverHeader-inner {
	-webkit-align-items: flex-end;
	align-items: flex-end;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	padding-bottom: 8em;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* Photo Article Cover Header figure */

.PhotoArticleCoverHeader-figure {
	/*background-attachment: fixed;*/
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
}

.PhotoArticleCover--winery .PhotoArticleCoverHeader-figure {
	background-image: url("../img/largePhotos/lp-brasao.jpg");
	background-position: center 100%;
}

.PhotoArticleCover--castle .PhotoArticleCoverHeader-figure {
	background-image: url("../img/widePhotos/wp-castle-02.jpg");
	background-position: 36% 0;
}

/* Photo Article Cover Header figure img */

.PhotoArticleCoverHeader-figure img {
	display: none;
}

@media (min-width: 48em) {

	/* Photo Article Cover Header h3 */

	.PhotoArticleCoverHeader h3 {
		font-size: 4.5em;
	}

	/* Photo Article Cover Header inner */

	.PhotoArticleCoverHeader-inner {
		padding-bottom: 8em;
	}

}

@media (min-width: 72em) {

	/* Photo Article Cover Header inner */

	.PhotoArticleCoverHeader-inner {
		padding-bottom: 3em;
	}

}

@media (min-width: 96em) {

	/* Photo Article Cover Header h3 */

	.PhotoArticleCoverHeader h3 {
		font-size: 6em;
	}

	/* Photo Article Cover Header inner */

	.PhotoArticleCoverHeader-inner {
		padding-bottom: 6em;
	}

}

/* Photo Article */

.PhotoArticle {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
	position: relative;
	width: 100%;
}

.PhotoArticle-figure {
	width: 100%;
}

.PhotoArticle-figure img {
	display: block;
	height: 100%;
	width: 100%;
}

/* Photo Article Content */

.PhotoArticleContent {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-flow: column;
	flex-flow: column;
	text-align: justify;
	width: 100%;
}

.PhotoArticleCover .PhotoArticleContent {
	text-align: center;
}

/* Photo Article Content h4 */

.PhotoArticleContent h4 {
	font-size: 2.25em;
	font-weight: 400;
	line-height: 1.36;
	margin-bottom: .75em;
}

/* Photo Article Content p */

.PhotoArticleContent p {
	font-size: 1.125em;
	line-height: 1.6;
	margin-bottom: 1em;
}

/* Photo Article Content inner */

.PhotoArticleContent-inner {
	padding: 2.25em;
	width: 100%;
}

@media (min-width: 48em) {

	/* Photo Article */

	.PhotoArticle {
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-flex-flow: row;
		flex-flow: row;
	}

	.PhotoArticle--left {
		-webkit-flex-flow: row;
		flex-flow: row;
	}

	.PhotoArticle--right {
		-webkit-flex-flow: row-reverse;
		flex-flow: row-reverse;
	}

	.PhotoArticle--wide {
		-webkit-flex-flow: column;
		flex-flow: column;
	}

    .PhotoArticle--wide-reverse {
	    -webkit-flex-flow: column-reverse;
	    flex-flow: column-reverse;
    }

	/* Photo Article figure */

	.PhotoArticle-figure {
		-webkit-align-items: center;
		align-items: center;
		background-size: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-flow: column;
		flex-flow: column;
		position: relative;
		width: 50%;
	}

	.PhotoArticle--left .PhotoArticle-figure,
	.PhotoArticle--right .PhotoArticle-figure {
		min-height: 0;
	}

	.PhotoArticle--wide .PhotoArticle-figure,
	.PhotoArticle--wide-reverse .PhotoArticle-figure {
		height: auto;
		min-height: 0;
		width: 100%;
	}

	/* Photo Article figure img */

	.PhotoArticle-figure img {
		display: block;
		width: 100%;
	}

	/* Photo Article figure img */

	.PhotoArticle-figure figcaption {
		bottom: 0;
		left: 0;
		margin: 0 0 1em;
		position: absolute;
		text-align: center;
		width: 100%;
	}

	/* Photo Article Content */

	.PhotoArticleContent {
		-webkit-align-items: center;
		align-items: center;
		background-color: inherit;
		color: inherit;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-flow: column;
		flex-flow: column;
		width: 50%;
	}

	.PhotoArticleCover .PhotoArticleContent,
	.PhotoArticle--wide .PhotoArticleContent,
	.PhotoArticle--wide-reverse .PhotoArticleContent {
		width: 100%;
	}

	.PhotoArticleContent--bridge,
	.PhotoArticle--wide .PhotoArticleContent,
	.PhotoArticle--wide-reverse .PhotoArticleContent {
		text-align: center;
	}

	/* Photo Article Content inner */

	.PhotoArticleContent-inner {
		padding: 2.25em;
	}

	.PhotoArticleCover .PhotoArticleContent-inner,
	.PhotoArticleContent--bridge .PhotoArticleContent-inner {
		padding: 3em 2.25em;
	}

	/* Photo Article header and text */

	.PhotoArticleContent-header,
	.PhotoArticle-text {
		margin: 0 auto;
		width: 100%;
		max-width: 18em;
	}

	.PhotoArticleCover .PhotoArticleContent-header,
	.PhotoArticleCover .PhotoArticle-text,
	.PhotoArticle--wide .PhotoArticleContent-header,
	.PhotoArticle--wide .PhotoArticle-text,
	.PhotoArticle--wide-reverse .PhotoArticleContent-header,
	.PhotoArticle--wide-reverse .PhotoArticle-text {
		max-width: 36em;
	}

	.PhotoArticleContent--intro .PhotoArticleContent-header,
	.PhotoArticleContent--intro .PhotoArticle-text {
		width: 100%;
	}

	.PhotoArticleContent--intro .PhotoArticleContent-header {
		display: none;
	}

	/* Photo Article Content h4 */

	.PhotoArticleContent h4 {
		font-size: 3em;
		font-weight: 700;
		line-height: 1.36;
	}

	/* Photo Article Content p */

	.PhotoArticleContent p {
		line-height: 1.8;
	}

}

@media (min-width: 72em) {

	/* Photo Article */

	.PhotoArticle h1 {
		font-size: 3em;
	}

	/* Photo Article Content inner */

	.PhotoArticleContent-inner {

	}

	/* Photo Article header and text */

	.PhotoArticleContent-header,
	.PhotoArticle-text {
		max-width: 24em;
	}

	.PhotoArticleCover .PhotoArticleContent-header,
	.PhotoArticleCover .PhotoArticle-text,
	.PhotoArticle--wide .PhotoArticleContent-header,
	.PhotoArticle--wide .PhotoArticle-text,
	.PhotoArticle--wide-reverse .PhotoArticleContent-header,
	.PhotoArticle--wide-reverse .PhotoArticle-text {
		max-width: 48em;
	}

	.PhotoArticleContent-header {
		margin-bottom: 1.5em;
	}

	/* Photo Article Content h4 */

	.PhotoArticleContent h4 {
		font-size: 3.75em;
		line-height: 1.36;
	}

	/* Photo Article Content p */

	.PhotoArticleContent p {
		font-size: 1.3125em;
		line-height: 1.96;
	}

}

@media (min-width: 96em) {

	/* Photo Article header and text */

	.PhotoArticleContent-header,
	.PhotoArticle-text {
		max-width: 30em;
	}

	.PhotoArticleCover .PhotoArticleContent-header,
	.PhotoArticleCover .PhotoArticle-text,
	.PhotoArticle--wide .PhotoArticleContent-header,
	.PhotoArticle--wide .PhotoArticle-text,
	.PhotoArticle--wide-reverse .PhotoArticleContent-header,
	.PhotoArticle--wide-reverse .PhotoArticle-text {
		max-width: 60em;
	}

	.PhotoArticleContent-header {
		margin-bottom: 1.5em;
	}

	/* Photo Article Content h4 */

	.PhotoArticleContent h4 {
		font-size: 3.75em;
		line-height: 1.36;
	}

	/* Photo Article Content p */

	.PhotoArticleContent p {
		font-size: 1.5em;
		line-height: 2.1;
	}

	/* Photo Article Content inner */

	.PhotoArticleCover .PhotoArticleContent-inner,
	.PhotoArticleContent--bridge .PhotoArticleContent-inner,
	.PhotoArticle--wide .PhotoArticleContent-inner,
	.PhotoArticle--wide-reverse .PhotoArticleContent-inner {
		padding: 4.5em 2.25em;
	}

}
.Scroller {
	display: none;
}

@media (min-width: 48em) {

	.Scroller {
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		height: 100%;
		-webkit-justify-content: center;
		justify-content: center;
		opacity: 0;
		position: fixed;
		-webkit-transition: opacity .6s .3s;
		-moz-transition: opacity .6s .3s;
		-ms-transition: opacity .6s .3s;
		-o-transition: opacity .6s .3s;
		transition: opacity .6s .3s;
		width: 3.75em;
		z-index: 2;
	}

	.Scroller:hover {
		opacity: 1;
		-webkit-transition: opacity .3s;
		-moz-transition: opacity .3s;
		-ms-transition: opacity .3s;
		-o-transition: opacity .3s;
		transition: opacity .3s;
	}

	.ScrollerList {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: column;
		flex-flow: column;
		-webkit-align-items: center;
		align-items: center;
		width: 100%;
	}

	.ScrollerItem {
		-webkit-align-items: center;
		align-items: center;
		box-sizing: content-box;
		border: solid 2px transparent;
		border-radius: 50%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		cursor: pointer;
		height: 8px;
		-webkit-justify-content: center;
		justify-content: center;
		margin: 0 0 1.5em;
		padding: 1px;
		-webkit-transition: border .3s ease;
		-moz-transition: border .3s ease;
		-ms-transition: border .3s ease;
		-o-transition: border .3s ease;
		transition: border .3s ease;
		width: 8px;
	}

	.ScrollerItem:first-of-type {
		margin: 1.5em 0 1.5em;
	}

	.ScrollerItem:hover {
		border: solid 2px #757575;
	}

	.ScrollerItem--category {
		height: 10px;
		width: 10px;
	}

	.ScrollerItem--category .ScrollerItem-pill {
		height: 10px;
		width: 10px;
	}

	.ScrollerItem-pill {
		background-color: #bdbdbd;
		border-radius: 50%;
		height: 8px;
		-webkit-transition: background .3s ease;
		-moz-transition: background .3s ease;
		-ms-transition: background .3s ease;
		-o-transition: background .3s ease;
		transition: background .3s ease;
		width: 8px;
	}

	.ScrollerItem:hover .ScrollerItem-pill {
		background-color: #616161;
	}

}

/* Transition Screen */

.TransitionScreen {
	height: 100%;
	position: absolute;
	-webkit-transition-property: transform;
	-moz-transition-property: transform;
	-ms-transition-property: transform;
	-o-transition-property: transform;
	transition-property: transform;
	width: 100%;
}

body.is-transiting .TransitionScreen {
	-webkit-transform: translate3D(-100%, 0, 0);
	-moz-transform: translate3D(-100%, 0, 0);
	-ms-transform: translate3D(-100%, 0, 0);
	-o-transform: translate3D(-100%, 0, 0);
	transform: translate3D(-100%, 0, 0);
}

/* Transition Screen first theme */

.TransitionScreen--first {
	-webkit-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-ms-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
}

/* Transition Screen second theme */

.TransitionScreen--second {
	-webkit-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-ms-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-ms-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
}

/* Transition Screen winemenu theme */

.TransitionScreen--winemenu {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	-ms-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s;
}

body.is-transiting .TransitionScreen--winemenu {
	-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);
	visibility: hidden;
}

body.is-winemenu.is-loading .TransitionScreen--winemenu {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transform: translate3D(-100%, 0, 0);
	-moz-transform: translate3D(-100%, 0, 0);
	-ms-transform: translate3D(-100%, 0, 0);
	-o-transform: translate3D(-100%, 0, 0);
	transform: translate3D(-100%, 0, 0);
}

/* Navigation Transition */

.Transition {
	height: 100%;
	left: 100%;
	/*opacity: .72;*/
	position: fixed;
	width: 100%;
	z-index: 12;
}

/* Wine About */

.WineAbout {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
	margin: 0 0 1em;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
}

@media (min-width: 48em) {

	.WineAbout {
		opacity: 1;
		-webkit-transition: opacity .8s 0s, transform .4s 0s;
		-moz-transition: opacity .8s 0s, transform .4s 0s;
		-ms-transition: opacity .8s 0s, transform .4s 0s;
		-o-transition: opacity .8s 0s, transform .4s 0s;
		transition: opacity .8s 0s, transform .4s 0s;
	}

	.Wine.is-animated .WineAbout {
		opacity: 0;
		-webkit-transform: translateX(1.5em);
		-moz-transform: translateX(1.5em);
		-ms-transform: translateX(1.5em);
		-o-transform: translateX(1.5em);
		transform: translateX(1.5em);
		-webkit-transition: all 0s 0s;
		-moz-transition: all 0s 0s;
		-ms-transition: all 0s 0s;
		-o-transition: all 0s 0s;
		transition: all 0s 0s;
	}

}

/* Wine Checkout */

/* Wine Checkout media width */

@media (min-width: 48em) {

	.WineCheckout {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		margin: 0 0 2.25em; /* Location */
	}

	/* Wine Show More select area */

	.WineCheckout-select-area {
		-webkit-align-items: center;
		align-items: center;
		cursor: pointer;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		height: 3.75em;
		outline: 0;
		position: relative;
		width: 3.75em;
	}

	/* Wine Show More Title */

	.WineCheckoutTitle {
		-webkit-align-items: center;
		align-items: center;
		padding: 0 .625em 0 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		position: absolute;
		right: 100%;
		top: 0;
		height: 100%;
		white-space: nowrap;
	}

	/* Wine Show More Button */

	.WineCheckoutButton {
		border-style: solid;
		border-width: 2px;
		border-color: rgba(0,0,0,1);
		background-color: rgba(0,0,0,0);
		/*border-radius: 50%;*/
		height: 100%; /* Size */
		left: 0;
		position: absolute;
		top: 0;
		width: 100%; /* Size */
	}

	.WineCheckout-select-area:hover .WineCheckoutButton {
		border-color: rgba(0,0,0,1);
		background-color: rgba(0,0,0,1);
		opacity: 1;
	}

	.WineCheckout-select-area:focus .WineCheckoutButton {
		outline: dotted 1px rgba(0,0,0,.28);
	}

	/* Wine Show More Icon */

	.WineCheckoutIcon {
		-webkit-align-items: center;
		align-items: center;
		color: #000000;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		height: 100%; /* Size */
		-webkit-justify-content: center;
		justify-content: center;
		left: 0;
		opacity: 1;
		position: absolute;
		top: 0;
		-webkit-transition: opacity .4s;
		-moz-transition: opacity .4s;
		-ms-transition: opacity .4s;
		-o-transition: opacity .4s;
		transition: opacity .4s;
		width: 100%; /* Size */
	}

	.Wine.is-expanded .WineCheckoutIcon {
		opacity: 1;
		-webkit-transition: opacity 3.75s ease-out;
		-moz-transition: opacity 3.75s ease-out;
		-ms-transition: opacity 3.75s ease-out;
		-o-transition: opacity 3.75s ease-out;
		transition: opacity 3.75s ease-out;
	}

	.Wine.is-animated .WineCheckoutIcon {
	}

	.WineCheckout-select-area:hover .WineCheckoutIcon {
		-webkit-transition: color .3s;
		-moz-transition: color .3s;
		-ms-transition: color .3s;
		-o-transition: color .3s;
		transition: color .3s;
		color: #ffffff;
	}

	/* Wine Show More Icon icon */

	.WineCheckoutIcon-icon {
		margin: 0 3pt 0 0;
		font-size: 1.5em;
	}

}

@media (min-width: 96em) {

	/* Wine Show More */

	.WineCheckout {
		margin: 0 0 3em; /* Location */
	}

	/* Wine Show More select area */

	.WineCheckout-select-area {
		height: 4.5em;
		width: 4.5em;
	}

	/* Wine Show More Title */

	.WineCheckoutTitle {
		padding: 0 1em 0 0;
	}

}

/* Wine Description */

.WineDescription {
	margin-bottom: 1.3125em;
}

.WineDescription-wrapper {
	position: relative;
}

.WineDescription.is-limited .WineDescription-wrapper {
	height: 8em;
	overflow: hidden;
}

.WineDescriptionShowMore {
	-webkit-align-items: flex-end;
	align-items: flex-end;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.96+36,1+100 */
	/*background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.96) 36%, rgba(255,255,255,1) 100%); /!* FF3.6-15 *!/*/
	/*background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.96) 36%,rgba(255,255,255,1) 100%); /!* Chrome10-25,Safari5.1-6 *!/*/
	/*background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.96) 36%,rgba(255,255,255,1) 100%); /!* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!/*/
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /!* IE6-9 *!/*/
	bottom: 0;
	color: #000000;
	cursor: pointer;
	display: none;
	-webkit-justify-content: center;
	justify-content: center;
	height: 2.25em;
	position: absolute;
	text-align: center;
	width: 100%;
}

.WineDescription.is-limited .WineDescriptionShowMore {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.WineDescriptionShowMore-button {
	border: none;
	background: none;
	cursor: pointer;
	margin-bottom: .375em;
}

.WineDescriptionText {
	padding: 0 .5em;
}

.WineDescription.is-limited .WineDescriptionText {
	max-height: 6em;
	overflow: hidden;
}

.WineDescription p {
	color: #424242;
	font-size: .875em;
	line-height: 1.375;
	margin-bottom: .5em;
	text-align: justify;
}

@media (min-width: 48em) {

	.WineDescription p {
		font-size: .875em;
	}

}

@media (min-width: 96em) {

	.WineDescriptionText {
		padding: 0 .5em;
	}

	.WineDescription p {
		font-size: 1em;
	}


}

/* Wine Elements */

/* Wine anchor text */

.Wine-anchor-text {
	font-size: .75em;
	font-weight: 600;
	letter-spacing: -.15pt;
	text-transform: uppercase;
}

@media (min-width: 72em) {

	/* Wine anchor text */

	.Wine-anchor-text {
		letter-spacing: -.225pt;
	}

}

@media (min-width: 96em) {

	/* Wine anchor text */

	.Wine-anchor-text {
		font-size: .875em;
	}

}
/* Wine Figure */

.WineFigure {
	height: 24em;
	margin: 0 0 3.75em;
}

.Wine.is-expanded .WineFigure { }

/* Wine Figure wrappper */

.WineFigure-wrapper {
	background-color: #eeeeee;
	height: 100%;
	padding: 1.5em 0;
	width: 100%;
}

/* Wine Figure img */

.WineFigure-img {
	margin: 0 auto;
	display: block;
	height: 100%;
}

/* Wine Figure media width */

@media (min-width: 48em) {

	/* Wine Figure */

	.WineFigure {
		height: 100%;
		margin: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: -1;
	}

	/* Wine Figure wrappper */

	.WineFigure-wrapper {
		background: none;
		padding: 10em 0;
		-webkit-transition: transform .6s;
		-moz-transition: transform .6s;
		-ms-transition: transform .6s;
		-o-transition: transform .6s;
		transition: transform .6s;
		-webkit-transform: translateX(25%);
		-moz-transform: translateX(25%);
		-ms-transform: translateX(25%);
		-o-transform: translateX(25%);
		transform: translateX(25%);
	}

	.Wine.is-expanded .WineFigure-wrapper {
	    -webkit-transform: translateX(3.333333333%); /* ( headerWidth − ( 100 ÷ 3 ) ) ÷ 2 */
	    -moz-transform: translateX(3.333333333%); /* ( headerWidth − ( 100 ÷ 3 ) ) ÷ 2 */
	    -ms-transform: translateX(3.333333333%); /* ( headerWidth − ( 100 ÷ 3 ) ) ÷ 2 */
	    -o-transform: translateX(3.333333333%); /* ( headerWidth − ( 100 ÷ 3 ) ) ÷ 2 */
	    transform: translateX(3.333333333%); /* ( headerWidth − ( 100 ÷ 3 ) ) ÷ 2 */
    }

}

/* Wine Figure media exception for tablets */

@media (min-width: 48em) and (max-width: 60em) and (min-height: 60em) {

	/* Wine Figure */

	.WineFigure {
		-webkit-transition: height .6s;
		-moz-transition: height .6s;
		-ms-transition: height .6s;
		-o-transition: height .6s;
		transition: height .6s;
	}

	.Wine.is-expanded .WineFigure {
		height: 40%;
		top: 0;
	}

	/* Wine Figure wrappper */

	.WineFigure-wrapper {
		-webkit-transition: padding .6s .0s, transform .6s;
		-moz-transition: padding .6s .0s, transform .6s;
		-ms-transition: padding .6s .0s, transform .6s;
		-o-transition: padding .6s .0s, transform .6s;
		transition: padding .6s .0s, transform .6s;
		padding: 8em 0 12em;
	}

	.Wine.is-expanded .WineFigure-wrapper {
		padding: 2.25em 0;
	}

	.Wine.is-expanded .WineFigure-wrapper {
		-webkit-transform: translateX(25%);
		-moz-transform: translateX(25%);
		-ms-transform: translateX(25%);
		-o-transform: translateX(25%);
		transform: translateX(25%);
	}

}

@media (min-width: 60em) {

	/* Wine Figure wrappper */

	.WineFigure-wrapper {
		padding: 8em 0 12em;
	}

}

@media (min-width: 72em) {

	/* Wine Figure wrappper */

	.WineFigure-wrapper {
		padding: 6em 0;
	}

	.Wine.is-expanded .WineFigure-wrapper {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}

}

@media (min-width: 96em) {

	/* Wine Figure wrappper */

	.WineFigure-wrapper {
		padding: 8em 0;
	}

}

/* Wine Footer */

.WineFooter {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-flow: column;
	flex-flow: column;
	opacity: 1;
	padding-right: 0;
	-webkit-transition: transform .6s;
	-moz-transition: transform .6s;
	-ms-transition: transform .6s;
	-o-transition: transform .6s;
	transition: transform .6s;
	width: 100%;
}

/* Wine Footer media width */

@media (min-width: 48em) {

	/* Wine Footer */

	.WineFooter {
		height: 100%;
		right: 0;
		overflow-x: hidden;
		overflow-y: auto;
		padding: 3em 0 0;
		position: absolute;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		width: 33.333333333%;
	}

	.Wine.is-expanded .WineFooter {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}

}

@media (min-width: 48em) and (max-width: 60em) and (min-height: 60em) {

	/* Wine Footer */

	.WineFooter {
		bottom: 0;
		height: 60%;
		padding: 0 1.5em 0;
		width: 50%;
	}

}

@media (min-width: 60em) {

	.WineFooter {
		padding: 3em 1em 0;
	}

}

@media (min-width: 72em) {

	.WineFooter {
		padding: 4.5em 1.5em 0;
	}

}

@media (min-width: 96em) {

	.WineFooter {
		padding: 8em 2.25em 0;
	}

}
/* Wine Header */

.WineHeader {
	width: 100%;
	padding: 2.25em 0 0;
}

.Wine.is-expanded .WineHeader {  }

/* Wine Header Background and Inner */

.WineHeader-background,
.WineHeader-inner {  }

/* Wine Header background */

.WineHeader-background {  }

/* Wine Header inner */

.WineHeader-inner {  }

/* Wine Header title */

.WineHeader-title {
	margin: 0 0 2.25em;
}

.WineHeader-title h4 {
	font-size: 1.3125em;
	line-height: 1;
	font-weight: 100;
}

.WineHeader-title h4 br {
	display: none;
}

.WineHeader-title .brand {
	display: block;
	font-size: .875em;
	font-weight: 100;
	line-height: 1.3;
	margin: 0 0 6pt 2pt;
}

.WineHeader-title .name {
	display: block;
	font-size: 1.3125em;
	font-weight: 900;
	letter-spacing: 3px;
	line-height: 1.06;
}

/* Wine Header description */

.WineHeader-short-description {
	font-family: 'Crimson Text', serif;
	width: 100%;
	margin: 0 0 3em;
}

.WineHeader-short-description p {
	font-size: 1.125em;
	font-size-adjust: none;
	font-style: italic;
	font-weight: 400;
	line-height: 1.8;
}

.WineHeader-short-description p:before {
	content: '"...';
	letter-spacing: .5pt;
}

.WineHeader-short-description p:after {
	content: '"';
	margin-left: 2.25pt;
}

/* Wine Header media width */

@media (max-width: 36em) {

	.WineHeader {
		color: inherit;
		width: 100%;
		padding: 2.25em 0 0;
	}

}

@media (min-width: 48em) {

	/* Wine Header */

	.WineHeader {
		-webkit-box-shadow: 1px 0 6px rgba(0,0,0,.24);
		-moz-box-shadow: 1px 0 6px rgba(0,0,0,.24);
		box-shadow: 1px 0 6px rgba(0,0,0,.24);
		height: 100%;
		position: absolute;
		-webkit-transition: width .6s;
		-moz-transition: width .6s;
		-ms-transition: width .6s;
		-o-transition: width .6s;
		transition: width .6s;
		width: 75%;
	}

	.Wine.is-expanded .WineHeader {
		width: 40%;
	}

	/* Wine Header Background and Inner */

	.WineHeader-background,
	.WineHeader-inner {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	/* Wine Header background */

	.WineHeader-background {
		width: 100%;
		height: 100%;
	}

	/* Wine Header inner */

	.WineHeader-inner {
		-webkit-transition: padding .6s;
		-moz-transition: padding .6s;
		-ms-transition: padding .6s;
		-o-transition: padding .6s;
		transition: padding .6s;
		padding: 3.75em 1.5em 0 6em;
	}

	.Wine.is-expanded .WineHeader-inner {
		padding: 3.75em 1.5em 0 4.5em;
	}

	/* Wine Header title */

	.WineHeader-title {
		margin: 0 0 2.25em;
	}

	.WineHeader-title h4 {
		font-size: 2.25em;
		line-height: 1.3;
	}

	.WineHeader-title h4 br {
		display: inherit;
	}

	.WineHeader-title .brand {
		font-size: .75em;
		line-height: 1.3;
	}

	.WineHeader-title .name {
		font-size: 1.125em;
		line-height: 1.06;
	}

	/* Wine Header description */

	.WineHeader-short-description {
		max-width: 14em;
		margin: 0 0 3em;
	}

	.WineHeader-short-description p {
		font-size: 1em;
		line-height: 1.48;
	}

}

@media (min-width: 48em) and (max-width: 60em) and (min-height: 60em) {

	/* Wine Header */

	.Wine.is-expanded .WineHeader {
		width: 50%;
	}

	/* Wine Header title */

	.WineHeader-title h4 {
		font-size: 2.25em;
	}

	/* Wine Header description */

	.WineHeader-short-description {
		max-width: 18em;
		margin: 0 0 3em;
	}

}

@media (min-width: 60em) {

	/* Wine Header inner */

	.WineHeader-inner {
		padding: 3em 1.5em 0 6em;
	}

	.Wine.is-expanded .WineHeader-inner {
		padding: 3em 1.5em 0 6em;
	}

	/* Wine Header title */

	.WineHeader-title {
		margin: 0 0 1.125em;
	}

	.WineHeader-title h4 {
		line-height: 1;
		font-size: 2.25em;
	}

	.WineHeader-title .brand {
		font-size: .75em;
		line-height: 1.3;
	}

	.WineHeader-title .name {
		font-size: 1.125em;
		line-height: 1.06;
	}

	/* Wine Header description */

	.WineHeader-short-description {
		max-width: 16em;
		margin: 0 0 1.5em;
	}

	.WineHeader-short-description p {
		line-height: 1.6;
	}

}

@media (min-width: 72em) {

	/* Wine Header */

	.Wine.is-expanded .WineHeader {
		width: 33.3333333%;
	}

	/* Wine Header inner */

	.WineHeader-inner {
		padding: 3em 1em 0 8em;
	}

	.Wine.is-expanded .WineHeader-inner {
		padding: 3em 1em 0 6em;
	}

	/* Wine Header title */

	.WineHeader-title {
		margin: 0 0 1.5em;
		max-width: 21em;
	}

	.WineHeader-title h4 {
		line-height: 1;
		font-size: 3em;
	}

    .WineHeader-title .brand {
	    font-size: .75em;
	    line-height: 1.3;
    }

    .WineHeader-title .name {
	    font-size: 1.125em;
	    line-height: 1.06;
    }

	/* Wine Header description */

	.WineHeader-short-description {
		max-width: 18em;
	}

	.WineHeader-short-description p {
		font-size: 1.125em;
		line-height: 1.72;
	}

}

@media (min-width: 96em) {

	/* Wine Header inner */

	.WineHeader-inner {
		padding: 4.5em 1.5em 0 12em;
	}

	.Wine.is-expanded .WineHeader-inner {
		padding: 4.5em 1.5em 0 6em;
	}

	/* Wine Header title */

	.WineHeader-title {
		margin: 0 0 2.25em;
		max-width: 24em;
	}

    .WineHeader-title h4 {
	    font-size: 3.75em;
    }

	/* Wine Header description */

	.WineHeader-short-description {
		padding: 0;
		max-width: 24em;
		margin: 0 0 3em;
	}

	.WineHeader-short-description p {
		font-size: 1.125em;
		line-height: 1.96;
	}

}
/* Wine Resume */

.WineResume {
	margin: 0 0 2.25em;
}

.WineFooter .WineResume {
	display: none;
}

/* Wine Resume List */

.WineResumeList {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 100%;
	min-height: 40px;
}

/* Wine Resume Item */

.WineResumeItem {
	width: 33.3333333333%;
	margin: 0 0 2.25em;
}

/* Wine Resume Item select area */

.WineResumeItem-select-area {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 0 auto;
}

/* Wine Resume Item header */

.WineResumeItem-header {
	-webkit-align-items: center;
	align-items: center;
	border-radius: 50%;
	border-style: solid;
	border-width: 1px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 3em;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: .75em;
	width: 3em;
}

.WineResumeItem-header span {
	font-size: 1.125em;
}

/* Wine Resume Item title */

.WineResumeItem-title {
	text-transform: uppercase;
}

.WineResumeItem-title span {
	font-size: .875em;
	font-weight: 400;
	letter-spacing: 1pt;
}

/* Wine Resume media width */

@media (min-width: 48em) {

	/* Wine Resume */

	.WineResume {
		margin: 0 0 .5em;
	}

	.WineHeader .WineResume {
		max-width: 14em;
	}

	/* Wine Resume Item */

	.WineResumeItem {
		margin: 0 0 1em;
		width: 50%;
	}

	.WineHeader .WineResumeItem {
		margin: 0 0 2.25em;
	}

	.WineResumeItem-header {
		border-width: 1px;
		height: 3em;
		margin-bottom: .5em;
		width: 3em;
	}

	.WineHeader .WineResumeItem-header {
		height: 3.75em;
		width: 3.75em;
	}

	.WineResumeItem-header span {
		font-size: 1em;
	}

	.WineHeader .WineResumeItem-header span {
		font-size: 1.125em;
	}

	.WineResumeItem-title span {
		letter-spacing: .1pt;
		font-size: .875em;
		font-weight: 600;
	}

}

@media (min-width: 60em) {

	/* Wine Resume Item */

	.WineHeader .WineResume {
		max-width: 16em;
	}

	.WineHeader .WineResumeItem {
		margin: 0 0 1.5em;
		width: 3.75em;
	}

	.WineHeader .WineResumeItem-header {
		height: 3em;
		width: 3em;
	}

	.WineHeader .WineResumeItem-header span {
		font-size: 1em;
	}

}

@media (min-width: 72em) {

	/* Wine Resume */

	.WineResume {
		margin: 0 0 1em;
	}

	.WineHeader .WineResume {
		max-width: 18em;
	}

	/* Wine Resume Item */

	.WineResumeItem,
	.WineHeader .WineResumeItem {
		width: 4.5em;
	}

	.WineHeader .WineResumeItem-header {
		height: 3em;
		width: 3em;
	}

	.WineHeader .WineResumeItem-header span {
		font-size: 1.125em;
	}

}

@media (min-width: 96em) {

	.WineResume {
		margin: 0 0 1.5em;
	}

	.WineHeader .WineResume {
		max-width: 24em;
	}

	.WineHeader .WineResumeItem {
		width: 6em;
	}

	.WineResumeItem-header {
		border-width: 1px;
		height: 3.75em;
		margin-bottom: 1em;
		width: 3.75em;
	}

	.WineResumeItem-header span {
		font-size: 1.125em;
	}

	.WineResumeItem-title span {
		font-size: 1em;
	}

}

/* Wine Show More button */

/* Wine Show More */

.WineShowMore {
	display: none;
}

/* Wine Footer media width */

@media (min-width: 48em) {

	/* Wine Show More */

	.WineShowMore {
		bottom: 0;
		display: block;
		margin: 0 2.25em 0 0; /* Location */
		padding: 0 0 2.25em; /* Location */
		position: absolute;
		right: 0; /* Location */
	}

	.Wine.is-expanded .WineShowMore {
		margin: 0 -3em 0 0; /* Size - a little minor size */
		right: 60%; /* Location */
	}

	/* Wine Show More select area */

	.WineShowMore-select-area {
		-webkit-align-items: center;
		align-items: center;
		cursor: pointer;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		height: 3.75em;
		outline: 0;
		position: relative;
		width: 3.75em;
	}

	/* Wine Show More Title */

	.WineShowMoreTitle {
		-webkit-align-items: center;
		align-items: center;
		padding: 0 .625em 0 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		position: absolute;
		left: 0;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
		top: 0;
		height: 100%;
		white-space: nowrap;
	}

	.WineShowMore-select-area:hover .WineShowMoreTitle {
		opacity: 1;
		visibility: visible;
	}

	.Wine--ladonna .WineShowMoreTitle {
		color: #f50057;
	}

	.Wine--demi-sec .WineShowMoreTitle {
		color: #ffab00;
	}

	.Wine--suave-de-mesa .WineShowMoreTitle {
		color: #f50057;
	}

	.Wine--seco-de-mesa .WineShowMoreTitle {
		color: #304ffe;
	}

	.WineShowMoreTitle-text {
		display: none;
	}

	.WineShowMoreTitle-text--closed {
		display: block;
	}

	.WineShowMoreTitle-text--opened {
		display: none;
	}

	.Wine.is-expanded .WineShowMoreTitle-text--closed {
		display: none;
	}

	.Wine.is-expanded .WineShowMoreTitle-text--opened {
		display: block;
		opacity: 0;
		visibility: hidden;
	}

    .WineShowMore-select-area:hover .WineShowMoreTitle-text--opened {
	    opacity: 1;
	    -webkit-transition: opacity .6s;
	    -moz-transition: opacity .6s;
	    -ms-transition: opacity .6s;
	    -o-transition: opacity .6s;
	    transition: opacity .6s;
	    visibility: visible;
    }

	/* Wine Show More Button */

	.WineShowMoreButton {
		border-style: solid;
		border-width: 2px;
		border-color: rgba(0,0,0,1);
		background-color: rgba(0,0,0,0);
		border-radius: 50%;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}

	.Wine.is-expanded .WineShowMoreButton {
		border-color: rgba(0,0,0,0);
		background-color: rgba(0,0,0,0);
	}

	.Wine.is-animated .WineShowMoreButton {
		border-color: rgba(0,0,0,0);
		background-color: rgba(0,0,0,0);
	}

	.WineShowMore-select-area:hover .WineShowMoreButton {
		border-color: rgba(0,0,0,1);
		background-color: rgba(0,0,0,1);
		opacity: 1;
	}

	.WineShowMore-select-area:focus .WineShowMoreButton {
		outline: dotted 1px rgba(0,0,0,.28);
	}

	/* Wine Show More Icon */

	.WineShowMoreIcon {
		-webkit-align-items: center;
		align-items: center;
		color: #424242;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		height: 100%;
		-webkit-justify-content: center;
		justify-content: center;
		left: 0;
		opacity: 1;
		position: absolute;
		top: 0;
		-webkit-transition: opacity .4s;
		-moz-transition: opacity .4s;
		-ms-transition: opacity .4s;
		-o-transition: opacity .4s;
		transition: opacity .4s;
		width: 100%;
	}

	.Wine.is-expanded .WineShowMoreIcon {
		color: #757575;
		opacity: 1;
		-webkit-transition: opacity 3.75s ease-out;
		-moz-transition: opacity 3.75s ease-out;
		-ms-transition: opacity 3.75s ease-out;
		-o-transition: opacity 3.75s ease-out;
		transition: opacity 3.75s ease-out;
	}

	.Wine.is-animated .WineShowMoreIcon {
		opacity: 0;
		-webkit-transition: opacity 0s;
		-moz-transition: opacity 0s;
		-ms-transition: opacity 0s;
		-o-transition: opacity 0s;
		transition: opacity 0s;
	}

	.WineShowMore-select-area:hover .WineShowMoreIcon {
		-webkit-transition: color .3s;
		-moz-transition: color .3s;
		-ms-transition: color .3s;
		-o-transition: color .3s;
		transition: color .3s;
		color: #ffffff;
	}

	/* Wine Show More Icon icon */

	.WineShowMoreIcon-icon {
		display: none;
		text-align: center;
		font-size: 2.25em;
	}

	/* Wine Show More Icon icon close */

	.Wine.is-expanded .WineShowMoreIcon-icon--close {
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	/* Wine Show More Icon icon open */

	.WineShowMoreIcon-icon--open {
		display: block;
	}

	.Wine.is-expanded .WineShowMoreIcon-icon--open {
		display: none;
	}

	.WineShowMoreIcon-icon--close span {
		margin: 0 -3px 0 0; /* Ajust icon position */
	}

	.WineShowMoreIcon-icon--open span {
		margin: 0 3px 0 0; /* Ajust icon position */
	}

}

@media (min-width: 48em) and (max-width: 60em) and (min-height: 60em) {

	/* Wine Show More */

	.Wine.is-expanded .WineShowMore {
		right: 50%; /* Location */
	}

}

@media (min-width: 72em) {

	/* Wine Show More */

	.Wine.is-expanded .WineShowMore {
		right: 66.666666666%; /* Location */
	}

}

@media (min-width: 96em) {

	/* Wine Show More */

	.WineShowMore {
		padding: 0 0 3em; /* Location */
		margin: 0 2.25em 0 0; /* Location */
	}

	.Wine.is-expanded .WineShowMore {
		margin: 0 -3.75em 0 0; /* Size - a little minor size */
	}

	/* Wine Show More select area */
    
    .WineShowMore-select-area {
	    height: 4.5em;
	    width: 4.5em;
    }

	/* Wine Show More Title */

	.WineShowMoreTitle {
		padding: 0 1em 0 0;
	}

}

/* Wine Info Table */

.WineTable {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 0 3em;
	padding: 1px 1px 2px; /* security padding to show the borders */
	width: 100%;
}

/* Wine Info Table Cell */

.WineTable-cell {
	border-style: solid;
	border-width: 1px;
	margin: -1px 0 0 -1px;
	flex: 1;
	padding: .675em 1.3125em .75em;
	text-align: left;
}

.WineTable-cell p {
	font-size: .875em;
}

/* Wine Info Table cell alternative sizes */

.WineTable-cell--fourth,
.WineTable-cell--third {
	min-width: 50%;
}

.WineTable-cell--half,
.WineTable-cell--full {
	min-width: 100%;
}

/* Wine Info Table media width */

@media (min-width: 48em) {

	.WineTable {
		margin: 0 0 1em;
	}

	.WineTable-cell {
		border-style: solid;
		border-width: 1px;
		margin: -1px 0 0 -1px;
		flex: 1;
		padding: .5em 1em;
		text-align: left;
	}

}

@media (min-width: 60em) {

	.WineTable-cell--fourth {
		min-width: 25%;
	}

	.WineTable-cell--third {
		min-width: 33.33333333%;
	}

	.WineTable-cell--half {
		min-width: 50%;
	}

}

@media (min-width: 96em) {

	.WineTable-cell {
		padding: .75em 1.125em;
	}

	.WineTable-cell p {
		font-size: 1em;
	}

}
/* Wine */

.Wine {
	overflow-x: hidden;
	padding: 0 1.5em 3.75em;
	position: relative;
	width: 100%;
}

/* Wine media */

@media (min-width: 48em) {

	/* Wine */

	.Wine {
		background: none;
		height: 100vh;
		overflow: hidden;
		padding: 0;
		position: relative;
		width: 100%;
	}

	/* Wine Background and Inner */

	.Wine-background,
	.Wine-inner {
		position: absolute;
		width: 100%;
		height: 100%;
	}

    .Wine-background {
	    z-index: -2;
    }

}

/* Winery Photos */

.Photo {
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	display: block;
	height: 36em;
	width: 100%;
}

.Photo--exterior {
	/*background-image: url('http://uve.info/assets/img/pages/winebar-1.jpg');*/
	background-image: url('../dist/img/largePhotos/17-2.jpg');
	background-position: center 72%;
	height: 100vh;
	width: 100%;
}

.Photo--inside {
	/*background-image: url('http://uve.info/assets/img/pages/winebar-2.jpg');*/
	background-image: url('../dist/img/largePhotos/contraste%204.jpg');
	background-position: center;
	width: 100%;
}

.Photo--front-door {
	background-image: url('../dist/img/largePhotos/3.jpg');
}

.Photo--outside-window-1 {
	background-image: url('../dist/img/largePhotos/contraste%205.jpg');
}

.Photo--outside-window-2 {
	background-image: url('../dist/img/largePhotos/10.jpg');
}

.Photo--inside-view-1 {
	background-image: url('../dist/img/largePhotos/pano%205.jpg');
}

.Photo--inside-view-2 {
	background-image: url('../dist/img/largePhotos/pano%203.jpg');
}

.Photo--tasting-space {
	background-image: url('../dist/img/largePhotos/pano%201.jpg');
}

.Photo--castle-front-view {
	background-image: url('../img/largePhotos/11.jpg');
	width: 50%;
	height: 72em;
}

.Photo--internal-builds {
	background-image: url('../dist/img/largePhotos/16.jpg');
}

.Photo--cellar {
	background-image: url('../dist/img/largePhotos/14.jpg');
	background-position: 0 100%;
	height: 36em;
}

/* Winery Photos */

@media (min-width: 48em) and (max-width: 60em) and (min-height: 60em) {

	.Photo--exterior {
		height: 24em;
	}

}

@media (min-width: 72em) {

	.Photo--front-door {
		background-position: center 100%;
		height: 60em;
		width: 50%;
	}

}

@media (min-width: 96em) {

	.Photo--inside {
		height: 36em;
	}

}
/* Main */

.Main {
	position: relative;
	width: 100%;
}

/* Header */

.Header {
	/*background-color: #ffffff;*/
	/*border-right: solid 1px #f5f5f5;*/
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	/*height: 100vh;*/
	position: fixed;
	width: 4.5em; /* Header Width */
	z-index: 1;
}

.HeaderLogo {
	width: 100%;
}

.Logo-select-area {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 1.3125em 0;
	width: 100%;
}

.HeaderLogo svg {
	/*fill: #ffffff;*/
	display: block;
	width: 3em;
}

.HeaderNav {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column;
	flex-flow: column;
	width: 100%;
	height: 100%;
}

.HeaderNavMenu {
	/*height: 100%;*/
}

.HeaderNavToggle {
	-webkit-align-items: center;
	align-items: center;
	/*border-top: solid 1px #f5f5f5;*/
	border-radius: 50%;
	color: #424242;
	cursor: pointer;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	height: 3.75em; /* Header Width */
	width: 3.75em;
}

.HeaderNavToggle:hover {
	background-color: #000000;
	color: #ffffff;
}

.HeaderNavToggle span {
	font-size: 1.125em;
}

@media (min-width: 96em) {

	.Header {
		width: 6em; /* Header Width */
	}

	.HeaderLogo svg {
		width: 3.75em; /* Logo size */
	}

	.HeaderNavToggle {
		height: 3.75em; /* Header Width */
		width: 3.75em;
	}

	.HeaderNavToggle span {
		font-size: 1.5em;
	}

}

/* Content */

.Content {
	/*height: 100%;*/
	overflow-x: hidden;
	overflow-y: auto;
	/*padding-left: 4.5em; /!* Header Width *!/*/
	/*position: absolute;*/
	width: 100%;
}

@media (min-width: 96em) {

	.Content {
		/*padding-left: 6em; /!* Header Width *!/*/
	}

}

/* Text */

.TextBlock {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	padding: 8em 0;
	text-align: center;
}

.TextContent {
	max-width: 96em;
	padding: 0 2.25em;
	width: 100%;
}

.TextContent p {
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.6;
}

@media (min-width: 72em) {

	.TextBlock {
		padding: 12em 0;
	}

	.TextContent {
		max-width: 72em;
		padding: 0 3em;
	}

	.TextContent p {
		font-size: 1.5em;
		line-height: 1.6;
	}

}

@media (min-width: 96em) {

	.TextBlock {
		padding: 14em 0;
	}

	.TextContent {
		max-width: 96em;
		padding: 0 3.75em;
	}

	.TextContent p {
		font-size: 2.25em;
		line-height: 1.72;
	}

}