@charset 'UTF-8';

/*
fcb813   naranja claro 
f37920   naranja oscuro 

*/

/*
font-family: 'Ovo', serif;
font-family: 'Heebo', sans-serif;
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, section,nav, header, footer, main, aside, article, 
cite, code, del, dfn, em, font, 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, caption, hr, button
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	/*font-size:0;*/
	/* [disabled]vertical-align: baseline; */
	background:transparent;
	font-weight: inherit;
	transition: inherit;
	box-sizing: border-box;
}
html{
	/*height: 100%;*/
	position: relative;
}

body{
	height: 100%;
	width: 100%;
	font-family: 'Roboto', sans-serif;
	/*font-size: 0;*/
	font-weight: 400;
	/*position: absolute;*/
	color: #4f463b;
	background-color: #5E5144;
	transition: all 0.3s ease-in;
}


a{
	text-decoration:none;
	color:inherit;
	cursor: pointer;
	font-size: inherit;
	transition: all .2s ease-in;
}

input, textarea{
	margin:0;
	padding:0;
	-webkit-appearance: none;
	border-radius: 0;
	border:0;
}

input:focus, textarea:focus{
	outline: 0;
}

main{
	width: 900px; 
	margin: 0 auto;
	position: relative;
	height: 548px;
	margin-top: 33px;
	/*background-color: lightgrey;*/
}


.blur{
	height: 100%;
	width: 100%;
	filter: blur(10px);
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
}

.home{
	background: url('../img/home.jpg') no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	position: relative;
}

.idiomas{
	font-family: 'Ubuntu', sans-serif;
	position: absolute;
	bottom: 20px;
	color: #b8b3a6;
	font-size: 8px;
	width: 100%;
	text-align: center;
	letter-spacing: 3px;
	display: block;
}

.idiomas a{
	margin: 0 10px;
	font-weight: 400;
}
.idiomas a:hover{
	color: #deddda;
}

div.eng, div.esp{
	font-family: 'Ubuntu', sans-serif;
	position: absolute;
	width: 100%;
	bottom: 35px;
	color: #ddd;
	font-size: 8px;
	text-align: center;
	letter-spacing: 3px;
	line-height: 14px;
	display: none;
	-webkit-animation:fade 1.5s infinite alternate;
	-moz-animation:fade 1.5s infinite alternate;
	-o-animation:fade 1.5s infinite alternate;
	animation:fade 1.5s infinite alternate;
}
@-webkit-keyframes fade {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes fade {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes fade {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fade {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

.show{
	display: block;
}
.hide{
	/*display: none;*/
	padding: 5%;
}
header{
	/*background-color: #4d463d;*/
	height: 280px;
	vertical-align: top;
	position: relative;
	vertical-align: top;
}

nav:not(.nav-wrapper){
	width: 180px;
	padding-top: 35px;
	background-color: #4d463d;
	display: inline-block;
	height: 100%;
	vertical-align: top;
	margin-right: -3px;
}
nav:not(.nav-wrapper) ul{
	text-align: right;
}
nav:not(.nav-wrapper) ul li{
	list-style: none;
	font-size: 12px;
	color: #afac9b;
	line-height: 20px;
	margin: 2px auto;
	height: 20px;
	letter-spacing: 1px;
	font-weight: 300;
	position: relative;
	display: block;
	z-index: 100;
	transition: all 0.1s ease-out;
}
nav:not(.nav-wrapper) ul li:after{
	width: 10px;
	background-color: #2e2a23;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	content: '';
	transition: all .2s ease-in-out;
	z-index: -1;
	color: #afac9b;
}
nav ul li:hover{
	color: white;
}
nav:not(.nav-wrapper) ul li a{
	display: block;
	padding-right: 45px;
}
nav:not(.nav-wrapper) ul li a:hover{
	padding-right: 60px;
}
nav:not(.nav-wrapper) ul li:hover:after{
	width: 100%;
	color: #afac9b;
}
.selected{
	color: white;
}
.selected a{
	padding-right: 60px;
}

.selected:after{
	width: 100%;
}

.col-4{
	display: inline-block;
	width: 180px;
	height: 100%;
	vertical-align: top;
	margin-right: -3px;
	overflow: hidden;
}
.etiqueta{
	background-color: rgba(0,0,0,0.3);
	text-align: center;
	padding-top: 12px;
	position: absolute;
	left: 358px;
	z-index: 10;
	pointer-events: none;
	top: 0;
	bottom: 0;
}
.etiqueta a{
	color: #dad8cb;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 300;
	line-height: 15px;
	display: block;
	pointer-events: all;
}
.etiqueta a:hover{
	color: white;
}
.division{
	background: url('../img/recorte.png') no-repeat;
	background-size: contain;
	width: 100%;
	height: 41px;
	margin-top: -38px;
	z-index: 10;
	position: relative;
}


.logo{
	font-family: 'Ovo', serif;
	/*font-family: 'Amiri', serif;*/
	font-size: 32px;
	line-height: 21px;
	text-align: center;
	position: absolute;
	top: 234px;
	left: 393px;
	z-index: 10;
}

.logo .blanco{
	color: white;
}

.logo .marron{
	color: #221d07;
	font-size: 33px;
	line-height: 27px;
}
.logo p span{
	color: #bfbcaa;
	font-size: 18px;
	line-height: 27px;
	padding: 0 7px;
	position: relative;
}
.logo p span:before{
	content: '';
	width: 60px;
	height: 1px;
	background-color: #88857c;
	position: absolute;
	left: 100%;
	top: 50%;
}

.logo p span:after{
	content: '';
	width: 60px;
	height: 1px;
	background-color: #88857c;
	position: absolute;
	right: 100%;
	top: 50%;
}

article{
	height: 265px;
	background-color: white;
	text-align: center;
	color: #797663;
	font-family: 'IM Fell French Canon', serif;
	font-size: 14px;
	line-height: 30px;
	padding-top: 55px;
	position: relative;
	overflow: hidden;
}

.firma{
	position: absolute;
	right: 175px;
	margin-top: 15px;
}
.firma p{
	margin-top: -10px;
	line-height: 12px;
}

aside{
	position: absolute;
	bottom: 35px;
	right: 0;
	width: 120px;
}

aside ul{
	text-align: right;
}
aside ul li{
	list-style: none;
	font-size: 11px;
	color: #afac9b;
	line-height: 20px;
	margin: 2px auto;
	height: 20px;
	letter-spacing: 1px;
	font-weight: 300;
	position: relative;
	display: block;
	z-index: 100;
	transition: all 0.1s ease-out;
}
aside ul li:after{
	width: 10px;
	background-color: #bebba9;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	content: '';
	transition: all .2s ease-in-out;
	z-index: -1;
	color: #afac9b;
}
aside ul li:hover{
	color: white;
}
aside ul li a{
	display: block;
	padding-right: 30px;
}
aside ul li a:hover{
}
aside ul li:hover:after{
	width: 100%;
	color: #afac9b;
}

.section{
	position: absolute;
	top: 100%;
	left: 30px;
	/*overflow: hidden;*/
	z-index: 100;
}
.section.ok{
	top: 20px;
	transition: all 1s ease-in;
	display: none;
}
.section img{
	position: relative;
	z-index: 100;
}
.section a{
	position: relative;
	z-index: 20;
	width: 50px;
	background-color: #cccccc;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	font-family: 'Roboto', sans-serif;
	bottom: 10px;
	left: -60px;
	display: inline-block;
}
.section a.ok{
	left: -3px;
	transition: all 0.6s ease-in;
}

.section a:hover{
	background-color: #666666;
	color: #ddd;
	transition: all 0.3s ease-in-out;
}

.section a:before{
	content: '';
	width: 10px;
	height: 11px;
	-webkit-clip-path: polygon(0 0, 50% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 50% 0, 100% 100%, 0 100%);
	position: absolute;
	bottom: 9px;
	right: -5px;
	background-color: #cccccc;
	transition: all 0.6s ease-in;
}

.section a:after{
	content: '';
	width: 10px;
	height: 10px;
	-webkit-clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 50% 100%, 0 100%);
	position: absolute;
	bottom: 0;
	right: -5px;
	background-color: #cccccc;
	transition: all 0.6s ease-in;
}

.section a:hover:before,.section a:hover:after{
	background-color: #666666;
	transition: all 0.3s ease-in-out;
}

.lateral.col-4 {
	float: left;
	margin-right: 0;
	font-family: 'Ubuntu', sans-serif;  
	text-align: right;
	padding-left: 60px;
	/*padding-top: 15px;*/
}

.lateral ul li{
	letter-spacing: 2px;
	font-size: 8px;
	width: 72px;
	line-height: 10px;
	margin-bottom: 15px;
	display: inherit;
	transition: all .2s ease-in;
	list-style: none;
}

.lateral ul li:hover{
	color: #44402d;
	cursor: pointer; 
}

.wrapper {
	display: inline-block;
	margin-right: -3px;
	vertical-align: top;
	width: 585px;
	float: left;
	text-align: justify;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #44402d;
}

.wrapper h1{
	font-size: 10px;
	line-height: 10px;
	margin-bottom: 20px;
	letter-spacing: 3px;
	font-family: 'Ubuntu', sans-serif;  
}
.wrapper p{
	margin-bottom: 20px;
	white-space: initial;
}
#tierra .wrapper{
	display: none;
}
#tierra .wrapper[data-id="la-tierra"]{
	display: block;
}
#cielo .wrapper{
	display: none;
}
#cielo .wrapper[data-id="el-cielo"]{
	display: block;
}
#vinos .wrapper{
	display: none;
	position: relative;
}
#vinos .wrapper[data-id="los-vinos"]{
	display: block;
}
#musica .wrapper{
	display: none;
}
#musica .wrapper[data-id="la-musica"]{
	display: block;
}

#contacto .wrapper{
	display: none;
	position: relative;
}
#contacto .wrapper[data-id="contacto"]{
	display: block;
}

.swiper-container{
	width: 719px;
	height: 283px;
	display: inline-block;
	display: none;
}
.swiper-container.on{
	display: inline-block;
}

.swiper-pagination-bullet-active{
}

.las-estaciones, .galeria{
	width: 900px;
	height: 548px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
	border: 2px solid white;
}


.las-estaciones .swiper-container{
	width: 100%;
	height: 100%;
	display: block;
}
.galeria .swiper-container{
	width: 100%;
	height: 100%;
	display: block;
}
.swiper-slide{
	position: relative;
}

.comentario{
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(68, 66, 66, 0.58);
	font-size: 18px;
	color: white;
	text-align: center;
	line-height: 33px;
	height: 33px;
	font-family: 'Ubuntu', sans-serif;  
	letter-spacing: 2px;
	z-index: 100;
}

.close{
	font-size: 30px;
	color: white;
	position: absolute;
	top: -6px;
	right: -2px;
	z-index: 10000;
}

/*.swiper-button-prev .fa-chevron-circle-left:hover, .swiper-button-next .fa-chevron-circle-right:hover{
	color: rgba(183, 34, 112, 1);
}
*/
.swiper-button-next {
	right: 46%;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAG4SURBVGhD7ZY9SMNQFIWrgqAgnRwEEQfddBFEECdxE9zEURydHVxFV8HNwU3cKjgJDgoupYS2aQaLSzcFEXHoolgoxi/lFkJ51kqSJoH7waGlee+ec/qXl1EURVEURVHSi+u6g/I0vRQKhZFSqXRn2/aOvJQ+qtXqMCWuy+Wyi5qU2ZJL6SGXyw0R/lJKtESpRrFY3JAlyYffxADBz/0l2qLMF2XWZGly8UoQ9tRUoi2uf/C4IluSCSGPO4P/ojqfzKJsSxaUODAE7qZ39szL9mRAoD1D0F70WqlUZmVMvFBiF30bQvaqZ8dxpmVcPFBgO2CJlphRsyxrUsb2FwJsoqY/UBBR5pGv2biM7w+YrqOGKVBAOSgrNtGC0Sr6FOPQxRtk5fP5MbGLBv77lzHybmjGECHqHo2KbbhQYIHhdZ9ZpMLvxjt4in048EnMMfjNZBil8LzyDqASIxgcv2cY+GIy6ofwvghchkFT6Mk/OA5R5sw7kEqs/8HmCVQzDY5DZDmRaL3j3ZjY/NA5LAE6koh/w+Is7e2OAYkR2fYlandYeMiG2ySLjEsSV1EURVEURVGUtJLJ/ABzloKOQKKQ7gAAAABJRU5ErkJggg==');
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background-size: 23px 35px;
}
.swiper-button-prev {
	left: 46%;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAG4SURBVGhD7ZY9SMNQFIWrgqAgnRwEEQfddBFEECdxE9zEURydHVxFV8HNwU3cKjgJDgoupYS2aQaLSzcFEXHoolgoxi/lFkJ51kqSJoH7waGlee+ec/qXl1EURVEURVHSi+u6g/I0vRQKhZFSqXRn2/aOvJQ+qtXqMCWuy+Wyi5qU2ZJL6SGXyw0R/lJKtESpRrFY3JAlyYffxADBz/0l2qLMF2XWZGly8UoQ9tRUoi2uf/C4IluSCSGPO4P/ojqfzKJsSxaUODAE7qZ39szL9mRAoD1D0F70WqlUZmVMvFBiF30bQvaqZ8dxpmVcPFBgO2CJlphRsyxrUsb2FwJsoqY/UBBR5pGv2biM7w+YrqOGKVBAOSgrNtGC0Sr6FOPQxRtk5fP5MbGLBv77lzHybmjGECHqHo2KbbhQYIHhdZ9ZpMLvxjt4in048EnMMfjNZBil8LzyDqASIxgcv2cY+GIy6ofwvghchkFT6Mk/OA5R5sw7kEqs/8HmCVQzDY5DZDmRaL3j3ZjY/NA5LAE6koh/w+Is7e2OAYkR2fYlandYeMiG2ySLjEsSV1EURVEURVGUtJLJ/ABzloKOQKKQ7gAAAABJRU5ErkJggg==');
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	background-size: 23px 35px;
}
.tierr .img1{
	width: 100%;
	height: 100%;
	background: url('../img/tierra-bg1.jpg') no-repeat;
	background-size: 720px 410px;
	background-position: left top;
}
.tierr .img2{
	width: 100%;
	height: 100%;
	background: url('../img/tierra-bg2.jpg') no-repeat;
	background-size: 720px 410px;
	background-position: -180px top;
}

.tierr .img3{
	width: 100%;
	height: 100%;
	background: url('../img/tierra-bg3.jpg') no-repeat;
	background-size: 720px 410px;
	background-position: -360px top;
}
.tierr .img4{
	width: 100%;
	height: 100%;
	background: url('../img/tierra-bg4.jpg') no-repeat;
	background-size: 720px 410px;
	background-position: right top;
}
.contenedor{
	display: inline-block;
	width: 720px;
	margin-left: -4px;
	height: 100%;
}
.tierr .img1.bn{
	background-image: url('../img/tierra-bg1-bn.jpg');
}
.tierr .img2.bn{
	background-image: url('../img/tierra-bg2-bn.jpg');
}
.tierr .img3.bn{
	background-image: url('../img/tierra-bg3-bn.jpg');
}
.tierr .img4.bn{
	background-image: url('../img/tierra-bg4-bn.jpg');
}

.tierr .full{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	left: 177px;
	bottom: 0;
	z-index: 1;
}
.tierr .full div{
	display: none;
}
.tierr .full div{
	background-size: 723px 410px;
	background-position: left top;
}

.tierr .full.show, .tierr .full div.show{
	display: block;
}

.swiper-container#el-cielo .swiper-slide img{
	width: 100%;
	height: 120%;
	margin-top: -8%;
}
.swiper-container#los-vinos .swiper-slide img{
/*	width: 110%;
height: 110%;*/
margin-top: -10%;
}


.bird {
	background-image: url(../img/bird-cells.svg);
	background-size: auto 100%;
	width: 88px;
	height: 125px;
	will-change: background-position;
	-webkit-animation-name: fly-cycle;
	animation-name: fly-cycle;
	-webkit-animation-timing-function: steps(10);
	animation-timing-function: steps(10);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.bird--one {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.bird--two {
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-animation-delay: -0.75s;
	animation-delay: -0.75s;
}
.bird--three {
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-delay: -0.25s;
	animation-delay: -0.25s;
}
.bird--four {
	-webkit-animation-duration: 1.1s;
	animation-duration: 1.1s;
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}
.bird-container {
	position: absolute;
	top: -35px;
	left: -8.5vw;
	-webkit-transform: scale(0);
	transform: scale(0);
	will-change: transform;
	-webkit-animation-name: fly-right-one;
	animation-name: fly-right-one;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.bird-container--one {
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-delay: 0;
	animation-delay: 0;
}
.bird-container--two {
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.bird-container--three {
	-webkit-animation-duration: 12s;
	animation-duration: 12s;
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
.bird-container--four {
	-webkit-animation-duration: 12s;
	animation-duration: 12s;
	-webkit-animation-delay: 3.5s;
	animation-delay: 3.5s;
}
@-webkit-keyframes fly-cycle {
	100% {
		background-position: -900px 0;
	}
}
@keyframes fly-cycle {
	100% {
		background-position: -900px 0;
	}
}
@-webkit-keyframes fly-right-one {
	0% {
		left: -10%;
		-webkit-transform: scale(0.3);
		transform: scale(0.3);
	}
	10% {
		left: 0%;
		-webkit-transform: translateY(2vh) scale(0.4);
		transform: translateY(2vh) scale(0.4);
	}
	20% {
		left: 25%;
		-webkit-transform: translateY(0vh) scale(0.5);
		transform: translateY(0vh) scale(0.5);
	}
	30% {
		left: 50%;
		-webkit-transform: translateY(4vh) scale(0.6);
		transform: translateY(4vh) scale(0.6);
	}
	40% {
		left: 70%;
		-webkit-transform: translateY(2vh) scale(0.6);
		transform: translateY(2vh) scale(0.6);
	}
	50% {
		left: 90%;
		-webkit-transform: translateY(0vh) scale(0.6);
		transform: translateY(4vh) scale(0.6);
	}
	60% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.6);
		transform: translateY(5vh) scale(0.6);
	}
	100% {
		left: 110%;
		opacity: 1;
		-webkit-transform: translateY(0vh) scale(0.6);
		transform: translateY(6vh) scale(0.6);
	}
}
@keyframes fly-right-one {
	0% {
		left: -10%;
		-webkit-transform: scale(0.3);
		transform: scale(0.3);
	}
	10% {
		left: 0%;
		-webkit-transform: translateY(2vh) scale(0.4);
		transform: translateY(2vh) scale(0.4);
	}
	20% {
		left: 25%;
		-webkit-transform: translateY(0vh) scale(0.5);
		transform: translateY(0vh) scale(0.5);
	}
	30% {
		left: 50%;
		-webkit-transform: translateY(4vh) scale(0.6);
		transform: translateY(4vh) scale(0.6);
	}
	40% {
		left: 70%;
		-webkit-transform: translateY(2vh) scale(0.6);
		transform: translateY(2vh) scale(0.6);
	}
	50% {
		left: 90%;
		-webkit-transform: translateY(0vh) scale(0.6);
		transform: translateY(4vh) scale(0.6);
	}
	60% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.6);
		transform: translateY(5vh) scale(0.6);
	}
	100% {
		left: 110%;
		opacity: 1;
		-webkit-transform: translateY(0vh) scale(0.6);
		transform: translateY(6vh) scale(0.6);
	}
}
@-webkit-keyframes fly-right-two {
	0% {
		left: -10%;
		opacity: 1;
		-webkit-transform: translateY(-2vh) scale(0.5);
		transform: translateY(-2vh) scale(0.5);
	}
	10% {
		left: 0%;
		-webkit-transform: translateY(0vh) scale(0.4);
		transform: translateY(0vh) scale(0.4);
	}
	20% {
		left: 25%;
		-webkit-transform: translateY(-4vh) scale(0.6);
		transform: translateY(-4vh) scale(0.6);
	}
	30% {
		left: 50%;
		-webkit-transform: translateY(1vh) scale(0.45);
		transform: translateY(1vh) scale(0.45);
	}
	40% {
		left: 70%;
		-webkit-transform: translateY(-2.5vh) scale(0.5);
		transform: translateY(-2.5vh) scale(0.5);
	}
	50% {
		left: 90%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
	51% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
	100% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
}
@keyframes fly-right-two {
	0% {
		left: -10%;
		opacity: 1;
		-webkit-transform: translateY(-2vh) scale(0.5);
		transform: translateY(-2vh) scale(0.5);
	}
	10% {
		left: 0%;
		-webkit-transform: translateY(0vh) scale(0.4);
		transform: translateY(0vh) scale(0.4);
	}
	20% {
		left: 25%;
		-webkit-transform: translateY(-4vh) scale(0.6);
		transform: translateY(-4vh) scale(0.6);
	}
	30% {
		left: 50%;
		-webkit-transform: translateY(1vh) scale(0.45);
		transform: translateY(1vh) scale(0.45);
	}
	40% {
		left: 70%;
		-webkit-transform: translateY(-2.5vh) scale(0.5);
		transform: translateY(-2.5vh) scale(0.5);
	}
	50% {
		left: 90%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
	51% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
	100% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
}
@-webkit-keyframes fly-right-three {
	0% {
		left: -10%;
		opacity: 1;
		-webkit-transform: translateY(-2vh) scale(0.5);
		transform: translateY(-2vh) scale(0.5);
	}
	10% {
		left: 0%;
		-webkit-transform: translateY(0vh) scale(0.4);
		transform: translateY(0vh) scale(0.4);
	}
	20% {
		left: 25%;
		-webkit-transform: translateY(-4vh) scale(0.6);
		transform: translateY(-4vh) scale(0.6);
	}
	30% {
		left: 50%;
		-webkit-transform: translateY(1vh) scale(0.45);
		transform: translateY(1vh) scale(0.45);
	}
	40% {
		left: 70%;
		-webkit-transform: translateY(-2.5vh) scale(0.5);
		transform: translateY(-2.5vh) scale(0.5);
	}
	50% {
		left: 90%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
	51% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
	100% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
}
@keyframes fly-right-three {
	0% {
		left: -10%;
		opacity: 1;
		-webkit-transform: translateY(-2vh) scale(0.5);
		transform: translateY(-2vh) scale(0.5);
	}
	10% {
		left: 0%;
		-webkit-transform: translateY(0vh) scale(0.4);
		transform: translateY(0vh) scale(0.4);
	}
	20% {
		left: 25%;
		-webkit-transform: translateY(-4vh) scale(0.6);
		transform: translateY(-4vh) scale(0.6);
	}
	30% {
		left: 50%;
		-webkit-transform: translateY(1vh) scale(0.45);
		transform: translateY(1vh) scale(0.45);
	}
	40% {
		left: 70%;
		-webkit-transform: translateY(-2.5vh) scale(0.5);
		transform: translateY(-2.5vh) scale(0.5);
	}
	50% {
		left: 90%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
	51% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
	100% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
}
@-webkit-keyframes fly-right-four {
	0% {
		left: -10%;
		opacity: 1;
		-webkit-transform: translateY(-2vh) scale(0.5);
		transform: translateY(-2vh) scale(0.5);
	}
	10% {
		left: 0%;
		-webkit-transform: translateY(0vh) scale(0.4);
		transform: translateY(0vh) scale(0.4);
	}
	20% {
		left: 25%;
		-webkit-transform: translateY(-4vh) scale(0.6);
		transform: translateY(-4vh) scale(0.6);
	}
	30% {
		left: 50%;
		-webkit-transform: translateY(1vh) scale(0.45);
		transform: translateY(1vh) scale(0.45);
	}
	40% {
		left: 70%;
		-webkit-transform: translateY(-2.5vh) scale(0.5);
		transform: translateY(-2.5vh) scale(0.5);
	}
	50% {
		left: 90%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
	51% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
	100% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
}
@keyframes fly-right-four {
	0% {
		left: -10%;
		opacity: 1;
		-webkit-transform: translateY(-2vh) scale(0.5);
		transform: translateY(-2vh) scale(0.5);
	}
	10% {
		left: 0%;
		-webkit-transform: translateY(0vh) scale(0.4);
		transform: translateY(0vh) scale(0.4);
	}
	20% {
		left: 25%;
		-webkit-transform: translateY(-4vh) scale(0.6);
		transform: translateY(-4vh) scale(0.6);
	}
	30% {
		left: 50%;
		-webkit-transform: translateY(1vh) scale(0.45);
		transform: translateY(1vh) scale(0.45);
	}
	40% {
		left: 70%;
		-webkit-transform: translateY(-2.5vh) scale(0.5);
		transform: translateY(-2.5vh) scale(0.5);
	}
	50% {
		left: 90%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
	51% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
	100% {
		left: 110%;
		-webkit-transform: translateY(0vh) scale(0.45);
		transform: translateY(0vh) scale(0.45);
	}
}

.contenedor-volador{
	width: 500px;
	height: 100px;
	position: absolute;
	top: -20px;
	right: -112px;
	transform: scale(0.5) rotate(-10deg);
}

.contenedor-hormigas{
	/*background-color: yellow;*/
	width: 150px;
	height: 80px;
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: hidden;
	/*transform: scale(0.5) rotate(-10deg);*/
}




.ants {
	fill: black;
	width: 10px;
	height: 20px;
	position: absolute;
}

#ant1 {
	left: 40%;
	bottom: -30%;
	animation: ant1 6s infinite ease-in;
	animation-delay: 2s;
	transform: rotate(45deg);
}


#ant2 {
	left: -25%;
	bottom: -20%;
	animation: ant2 6s infinite ease-in-out;
	animation-delay: 0s;
	transform: rotate(45deg);
}

#ant3 {
	left: -10%;
	bottom: -20%;
	animation: ant3 6s infinite ease-out;
	animation-delay: 1s;
	transform: rotate(45deg);
}

@keyframes ant1 {
	0% {
		left: 40%;
		bottom: -30%;
	}
	100% {
		left: 130%;
		bottom: 80%;
	}
}

@keyframes ant2 {
	0% {
		left: -25%;
		bottom: -20%;
	}
	100% {
		left: 80%;
		bottom: 120%;
	}
}

@keyframes ant3 {
	0% {
		left: -10%;
		bottom: -20%;
	}
	100% {
		left: 100%;
		bottom: 105%;
	}
}
.parte-a,.parte-b,.parte-c,.parte-d,.parte-e,.parte-f,.parte-g{
	display: inline-block;
	width: 585px;
	vertical-align: middle;
	margin-right: -3px;
	animation: 0.7s all ease-in-out;
}
.wrapper[data-id="callejon-de-las-brujas"] .partes{
	opacity: 0;
	display: block;
	position: absolute;
	animation: 0s all;
}
.wrapper[data-id="callejon-de-las-brujas"] .partes.visible{
	opacity: 1;
}
.wrapper[data-id="callejon-de-las-brujas"] .paginado {
    top: 165px;
    position: relative;
}

.wrapper[data-id="los-vinos"]{
	overflow: hidden;
	white-space: nowrap;
}

.move{
	margin-left: -585px;
}
.paginado{
	text-align: center;
	margin-left: -47px;
}
.adelante{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAG4SURBVGhD7ZY9SMNQFIWrgqAgnRwEEQfddBFEECdxE9zEURydHVxFV8HNwU3cKjgJDgoupYS2aQaLSzcFEXHoolgoxi/lFkJ51kqSJoH7waGlee+ec/qXl1EURVEURVHSi+u6g/I0vRQKhZFSqXRn2/aOvJQ+qtXqMCWuy+Wyi5qU2ZJL6SGXyw0R/lJKtESpRrFY3JAlyYffxADBz/0l2qLMF2XWZGly8UoQ9tRUoi2uf/C4IluSCSGPO4P/ojqfzKJsSxaUODAE7qZ39szL9mRAoD1D0F70WqlUZmVMvFBiF30bQvaqZ8dxpmVcPFBgO2CJlphRsyxrUsb2FwJsoqY/UBBR5pGv2biM7w+YrqOGKVBAOSgrNtGC0Sr6FOPQxRtk5fP5MbGLBv77lzHybmjGECHqHo2KbbhQYIHhdZ9ZpMLvxjt4in048EnMMfjNZBil8LzyDqASIxgcv2cY+GIy6ofwvghchkFT6Mk/OA5R5sw7kEqs/8HmCVQzDY5DZDmRaL3j3ZjY/NA5LAE6koh/w+Is7e2OAYkR2fYlandYeMiG2ySLjEsSV1EURVEURVGUtJLJ/ABzloKOQKKQ7gAAAABJRU5ErkJggg==');
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background-size: 15px 25px;
	display: inline-block;
	width: 15px;
	height: 25px;
}

.atras{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAG4SURBVGhD7ZY9SMNQFIWrgqAgnRwEEQfddBFEECdxE9zEURydHVxFV8HNwU3cKjgJDgoupYS2aQaLSzcFEXHoolgoxi/lFkJ51kqSJoH7waGlee+ec/qXl1EURVEURVHSi+u6g/I0vRQKhZFSqXRn2/aOvJQ+qtXqMCWuy+Wyi5qU2ZJL6SGXyw0R/lJKtESpRrFY3JAlyYffxADBz/0l2qLMF2XWZGly8UoQ9tRUoi2uf/C4IluSCSGPO4P/ojqfzKJsSxaUODAE7qZ39szL9mRAoD1D0F70WqlUZmVMvFBiF30bQvaqZ8dxpmVcPFBgO2CJlphRsyxrUsb2FwJsoqY/UBBR5pGv2biM7w+YrqOGKVBAOSgrNtGC0Sr6FOPQxRtk5fP5MbGLBv77lzHybmjGECHqHo2KbbhQYIHhdZ9ZpMLvxjt4in048EnMMfjNZBil8LzyDqASIxgcv2cY+GIy6ofwvghchkFT6Mk/OA5R5sw7kEqs/8HmCVQzDY5DZDmRaL3j3ZjY/NA5LAE6koh/w+Is7e2OAYkR2fYlandYeMiG2ySLjEsSV1EURVEURVGUtJLJ/ABzloKOQKKQ7gAAAABJRU5ErkJggg==');
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	background-size: 15px 25px;
	display: inline-block;
	width: 15px;
	height: 25px;
}

.desaparecer{
	display: none;
}

#galeria img{
	height: 544px;
	width: 926px;
	margin-left: -30px;

}
#vinos .lateral ul li {
	width: 102px;
}
article#vinos{
	overflow: initial;
}
.vino{
	height: 320px;
	top: -140px;
	left: 10px;
	position: relative;
	display: inline-block;
	z-index: 100;
	margin-right: 30px; 
}
.mob li div[data-id="celador"] .vino, .wrapper[data-id="celador"] .vino, .mob li div[data-id="don-juan-nahuel"] .vino, .wrapper[data-id="don-juan-nahuel"] .vino{
	opacity: .4;
	transition: none; 
	margin-right: 0px; 
	vertical-align: top;
}
.mob li div[data-id="celador"] .vino.on, .mob li div[data-id="celador"] .vino2.on,.wrapper[data-id="celador"] .vino.on, .wrapper[data-id="celador"] .vino2.on,
.mob li div[data-id="don-juan-nahuel"] .vino.on, .mob li div[data-id="don-juan-nahuel"] .vino2.on,.wrapper[data-id="don-juan-nahuel"] .vino.on, .wrapper[data-id="don-juan-nahuel"] .vino2.on{
	opacity: 1;
	position: relative;
}
/*.click.on:before{
	content: '';
	width: 16px;
	height: 8px;
	position: absolute;
	top: 10px;
	background-color: red;
}*/
.wrapper[data-id="celador"] .vino:hover, .wrapper[data-id="celador"] .vino2:hover, .wrapper[data-id="don-juan-nahuel"] .vino:hover, .wrapper[data-id="don-juan-nahuel"] .vino2:hover{
	opacity: .7;
	cursor: pointer;
}

.wrapper[data-id="celador"] .vino.on:hover, .wrapper[data-id="celador"] .vino2.on:hover, .wrapper[data-id="don-juan-nahuel"] .vino.on:hover, .wrapper[data-id="don-juan-nahuel"] .vino2.on:hover{
	opacity: 1;
}

.vino2{
	height: 320px;
	top: -140px;
	left: 20px;
	position: relative;
	display: inline-block;
	z-index: 100;
	margin-right: 30px;
	opacity: .4;
	transition: none; 
	vertical-align: top;
}

.proximo{
	display: inline-block;
}
.wrapper[data-id="callejon-de-las-brujas"] .proximo {
    vertical-align: top;
    width: 83%;
}
.wrapper[data-id*="don-juan-nahuel"], .wrapper[data-id="celador"]{
	display: flex;
}
.wrapper[data-id="callejon-de-las-brujas"]{
	display: block;
	white-space: nowrap;
}
.wrapper[data-id*="don-juan-nahuel"] h1, .wrapper[data-id="celador"] h1, .wrapper[data-id="callejon-de-las-brujas"] h1{
	margin-bottom: 10px;
}
.tipografia{
	height: 70px;
}

.wrapper h1 span{
	font-size: 14px;
	vertical-align: top;
	color: #afac9b;
	line-height: 60px;
	font-family: 'Ovo', serif;
}

.descarga{
	font-size: 35px;
    color: #a20303;
    position: absolute;
    right: 0;
    top: 15px;
}
.descarga:hover{
	color: #ff0f0f;
}

.descarga:before{
	content: 'PDF';
	font-size: 12px;
	color: #c50c0c;
	position: absolute;
	bottom: -15px;
	left: 3px;
}
#la-musica .swiper-slide.arriba img{
	margin-top: -100px;
}
#la-musica .swiper-slide.arriba2 img{
	margin-top: -60px;
}

#contacto .wrapper a:hover{
	color: #afac9b;
	text-decoration: underline;
}

#contacto .wrapper p{
	line-height: 18px;
}

#contacto .wrapper h1{
	font-size: 12px;
}

.news main{
	height: auto;
}
.news header{
	height: auto;
	padding-top: 50px;
	position: relative;
	text-align: center;
	width: 900px;
	margin: 0 auto;

}
.news .logo{
	top: auto;
	left: auto;
	position: relative;
}

.news .logo p span{
	color: white;
}
.news .logo p span:before , .news .logo p span:after {
	background-color: white;
}

.news article{
	min-height: 290px;
	margin-bottom: 20px;
	padding: 20px;
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	color: #5E5144;
	text-align: left;
	height: auto;
}
.news article .thumbnail, .news article .info{
	display: inline-block;
	vertical-align: top;
}
.news article .thumbnail{
	width: 250px;
	/*height: 250px;*/
	margin-right: 40px;
}
.news article .info h2, .news article .info h3{
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	margin-bottom: 15px;
	color: #5E5144;
}
.news article .info{
	width: 560px;
	color: #5E5144;
}
.news article .info p{
	color: #5E5144;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	margin-bottom: 10px;
}

.news article .info a{
	color: #837963;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	/*text-transform: uppercase;*/
}

.news article .info a:hover{
	text-decoration: underline;
	color: #d26e22;
}
.nota-completa{
	display: none;
}




.inicio .img1{
	width: 100%;
	height: 100%;
	background: url('../img/inicio-bg1.jpg') no-repeat;
	background-size: 900px 280px;
	background-position: left top;
}
.inicio .img2{
	width: 100%;
	height: 100%;
	background: url('../img/inicio-bg2.jpg') no-repeat;
	background-size: 900px 280px;
	background-position: -180px top;
}

.inicio .img3{
	width: 100%;
	height: 100%;
	background: url('../img/inicio-bg3.jpg') no-repeat;
	background-size: 900px 280px;
	background-position: -360px top;
}
.inicio .img4{
	width: 100%;
	height: 100%;
	background: url('../img/inicio-bg4.jpg') no-repeat;
	background-size: 900px 280px;
	background-position: -540px top;
}
.inicio .img5{
	width: 100%;
	height: 100%;
	background: url('../img/inicio-bg5.jpg') no-repeat;
	background-size: 900px 280px;
	background-position: right top;
}

.inicio.conct .img2{
	background-size: 900px 280px;
	background-position: left top;
}

.inicio.conct .img3{
	background-size: 900px 280px;
	background-position: -180px top;
}
.inicio.conct .img4{
	background-size: 900px 280px;
	background-position: -360px top;
}
.inicio.conct .img5{
	background-size: 900px 280px;
	background-position: -540px top;
}

.inicio .img6{
	width: 100%;
	height: 100%;
	background: url('../img/inicio-bg6.jpg') no-repeat;
	background-size: 900px 280px;
	background-position: left top;
}
.inicio .img7{
	width: 100%;
	height: 100%;
	background: url('../img/inicio-bg7.jpg') no-repeat;
	background-size: 900px 280px;
	background-position: -180px top;
}

.inicio .img8{
	width: 100%;
	height: 100%;
	background: url('../img/inicio-bg8.jpg') no-repeat;
	background-size: 900px 280px;
	background-position: -360px top;
}
.inicio .img9{
	width: 100%;
	height: 100%;
	background: url('../img/inicio-bg9.jpg') no-repeat;
	background-size: 900px 280px;
	background-position: -540px top;
}
.inicio .img10{
	width: 100%;
	height: 100%;
	background: url('../img/inicio-bg10.jpg') no-repeat;
	background-size: 900px 280px;
	background-position: right top;
}
.contenedor.inicio{
	display: block;
	width: 900px;
	margin-left: 0px;
	height: 100%;
}
.contenedor.inicio.conct{
	display: inline-block;
	width: 720px;
	margin-left: -4px;
	height: 100%;
}
.inicio .img1.bn{
	background-image: url('../img/inicio-bg1-bn.jpg');
}
.inicio .img2.bn{
	background-image: url('../img/inicio-bg2-bn.jpg');
}
.inicio .img3.bn{
	background-image: url('../img/inicio-bg3-bn.jpg');
}
.inicio .img4.bn{
	background-image: url('../img/inicio-bg4-bn.jpg');
}
.inicio .img5.bn{
	background-image: url('../img/inicio-bg5-bn.jpg');
}
.inicio .img6.bn{
	background-image: url('../img/inicio-bg6-bn.jpg');
}
.inicio .img7.bn{
	background-image: url('../img/inicio-bg7-bn.jpg');
}
.inicio .img8.bn{
	background-image: url('../img/inicio-bg8-bn.jpg');
}
.inicio .img9.bn{
	background-image: url('../img/inicio-bg9-bn.jpg');
}
.inicio .img10.bn{
	background-image: url('../img/inicio-bg10-bn.jpg');
}




.inicio .full{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.inicio.conct .full{
	left: 177px;
}
.inicio .full div{
	display: none;
}
.inicio .full div{
	background-size: 900px 280px;
	background-position: left top;
}
.inicio.conct .full div{
	background-size: 900px 280px;
	background-position: left top;
}
.tierr .full.show, .tierr .full div.show{
	display: block;
}

.inicio .col-4{
	margin-right: -4px;
}

main.init{
	height: 560px;
}

.init .etiqueta{
	background-color: rgba(0,0,0,0.6);
	text-align: center;
	padding-top: 12px;
	position: absolute;
	left: 359px;
	z-index: 10;
	pointer-events: none;
	top: 0;
	bottom: 0;
	width: 181px;
}


.init .etiqueta .idiomas{
	font-family: 'Ubuntu', sans-serif;
	position: absolute;
	bottom: 20px;
	color: #b8b3a6;
	font-size: 8px;
	width: 100%;
	text-align: center;
	letter-spacing: 3px;
	display: block;
}

.init .etiqueta .idiomas a{
	margin: 0 10px;
	font-weight: 400;
	font-size: 8px;
	text-align: center;
	letter-spacing: 3px;
	display: inline-block;
}
.init .etiqueta .idiomas a:hover{
	color: #deddda;
}


.init .etiqueta div.eng, .init .etiqueta div.esp{
	font-family: 'Ubuntu', sans-serif;
	position: absolute;
	width: 100%;
	bottom: 35px;
	color: #ddd;
	font-size: 8px;
	text-align: center;
	letter-spacing: 3px;
	line-height: 14px;
	display: none;
	-webkit-animation:fade 1.5s infinite alternate;
	-moz-animation:fade 1.5s infinite alternate;
	-o-animation:fade 1.5s infinite alternate;
	animation:fade 1.5s infinite alternate;
}

.init .etiqueta div.eng a, .init .etiqueta div.esp a{
	font-size: 8px;
	text-align: center;
	letter-spacing: 3px;
	line-height: 14px;
}

.recorte-home{
	background: url('../img/recorte-home.png') no-repeat;
	background-size: 900px 42px;
	width: 900px;
	height: 42px;
	position: absolute;
	z-index: 100;
	top: 247px;
	left: 0;
}

.recorte-home .logo{
	top: -4px;
}
.recorte-home .logo p span{
	color: white;
}
.recorte-home .logo p span:before, .recorte-home .logo p span:after{
	background-color: white;
}

.header-mobile{
	display: none;
	height: 95px;
	border-bottom: 1px solid dimgrey;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	background-color: rgba(0,0,0,.8);
}


.nav-icon{
	display: none;
}

/* nav icon */
.nav-icon {
	width: 45px;
	height: 45px;
	position: absolute;
	top: 33px;
	right: 24px;
	cursor: pointer;
	z-index: 20;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.nav-icon span:nth-child(1) {
	top: 15px;
}
.nav-icon span:nth-child(2) {
	top: 22px;
}
.nav-icon span:nth-child(3) {
	width: 24px;
	top: 29px;
}
.nav-icon:hover span:nth-child(3) {
	width: 32px;
}
.nav-icon span {
	display: block;
	position: absolute;
	height: 2px;
	width: 32px;
	background: white;
	left: 6px;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.nav-icon.open span {
	right: 6px;
	background-color: white;
}
.nav-icon.open span:nth-child(1) {
	top: 22px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

.nav-icon.open span:nth-child(2) {
	top: 22px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.nav-icon.open span:nth-child(3) {
	left: -30px;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
}

/* nav icon */

/* nav menu */

.nav-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 15;
	text-align: center;
	background-color: rgba(51, 51, 46, 0.95);
	display: inline-block;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 50px;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
	-webkit-transform: translatey(-130%);
	-moz-transform: translatey(-130%);
	-ms-transform: translatey(-130%);
	-o-transform: translatey(-130%);
	transform: translatey(-130%);
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-ms-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

.nav-wrapper.open {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
	-webkit-transform: translatey(0);
	-moz-transform: translatey(0);
	-ms-transform: translatey(0);
	-o-transform: translatey(0);
	transform: translatey(0);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}
.nav-wrapper .nav {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	margin: 90px 0 40px 0;
}

.nav-wrapper .nav li a {
	outline: 0;
	text-decoration: none;
	color: #fff;
	text-transform: lowercase;
	padding: 2.3% 0;
	margin: 0;
	display: inline-block;
	/*font: 700 21px/21px proxima-nova,Helvetica Neue,Arial,serif;*/
	font: 400 23px/23px 'Roboto', sans-serif;
	width: 100%;
	letter-spacing: 4px;
	-webkit-transition: opacity .2s ease-in;
	-moz-transition: opacity .2s ease-in;
	-ms-transition: opacity .2s ease-in;
	-o-transition: opacity .2s ease-in;
	transition: opacity .2s ease-in;
	font-family: 'Questrial', sans-serif;
}

.nav-wrapper .nav li a:hover {
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	-ms-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	-moz-opacity: .5;
	-khtml-opacity: .5;
	-webkit-opacity: .5;
	opacity: .5;
}

.list {
	list-style: none;
}
.list li {
	float: left;
	margin: 0px 15px;
}
.list--social li a {
	color: #6f797b;
	display: inline-block;
	/*width: 29px;*/
	height: 29px;
	position: relative;
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	font-size: 35px;
}
.list--social li a:hover {
	-webkit-transition: opacity .3s ease;
	-moz-transition: opacity .3s ease;
	-ms-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
	-moz-opacity: .6;
	-khtml-opacity: .6;
	-webkit-opacity: .6;
	opacity: .6;
}

.list--social-nav {
	display: inline-block;
	float: none!important;
	margin-bottom: 50px;
}

.list--social li a span{
	vertical-align: middle;
	font-size: 20px;
	line-height: 35px;
}


/* nav menu */

.mob{
	display: none;
}

.header-index{
	background: url('../img/uvas.jpg') no-repeat;
	background-size: cover;
	background-position: 70% 100%;
}
.header-index-tierra{
	background: url('../img/latierra3.jpg') no-repeat;
	background-size: cover;
	background-position: 70% 100%;
}
.header-index-cielo{
	background: url('../img/cielo-galeria1.png') no-repeat;
	background-size: cover;
	background-position: 70% 100%;
}
.header-index-vinos{
	background: url('../img/vinos-galeria3.png') no-repeat;
	background-size: cover;
	background-position: 70% 100%;
}
.header-index-musica{
	background: url('../img/musica-galeria3.png') no-repeat;
	background-size: cover;
	background-position: 70% 100%;
}
.header-tierra{
	background: url('../img/latierra2.jpg') no-repeat;
	background-size: cover;
}
.header-cielo{
	background: url('../img/el-cielo2.png') no-repeat;
	background-size: cover;
}
.header-musica{
	background: url('../img/musica4.png') no-repeat;
	background-size: cover;
}
.header-vinos{
	background: url('../img/vinos4.png') no-repeat;
	background-size: cover;
}
.header-contacto{
	background: url('../img/galeria2.jpg') no-repeat;
	background-size: cover;
	background-position: 70% 100%;
}
.header-contacto.imgH h1{
	background-color: rgba(0,0,0,.3);
	line-height: 480px;
}

.wrapper .hide h1{
	display: none;
}
.wrapper .hide p{
	font-size: 12px;
	line-height: 18px;
}

.wine1.hide, .wine2.hide,.wine3.hide, .wine4.hide{
	display: none;
}

.contenedor.tierr:hover{
	cursor: pointer;
}


#audio{

}
.mp3 {
    border: 1px solid #afac9b40;
    border-left: none;
    display: inline-block;
    padding: 3px;
    position: relative;
    top: 30px;
}

.mp3 button:hover{
	cursor: pointer;
}
.mp3 button{
	font-size: 15px;
	line-height: 22px;
	color: #afac9b;
	font-weight: normal;
	vertical-align: top;
}
.mp3 span{
	font-size: 22px;
	line-height: 22px;
	color: #afac9b;
}

nav:not(.nav-wrapper) ul li a i {
        font-size: 17px;
    line-height: 20px;
}