/* 
  hojiblanca
*/
body, html {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #272727;
}
a {
	color: #af8f69;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: rgb(96,77,59);
}

strong {
	font-weight: 500;
}

blockquote {
	font-family: 'Cormorant Upright', serif;
	font-weight: 400;
	font-size: 34px;
	font-size: 2.429em;
	line-height: 1.2;
	color: #af8f69;
	padding-left: 0;
	border-left: 0;
}	
	blockquote.fh {	
		-webkit-transform: translateY(-50%);	
		    -ms-transform: translateY(-50%);	
		        transform: translateY(-50%);
	    margin-top: 125%;
	}
hr.marron {
	border-top: 1px solid #af8f69;
}

.visible {
  -webkit-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  opacity:1!important;
  visibility: visible!important;
}
.disabled {
    pointer-events: none;
    opacity: .6
}
.opa-0 {
	opacity: 0;
}
.nm {
	margin-left: 0;
	margin-right: 0;
}
.seccion {
	width: 100%;
	float: left;
}
.date {
		font-size: 12px;
	    font-size: 0.750em;
	}
	.date small {
		font-size: 70%;
	}

a[href^="tel:"] {
  text-decoration: none;
}

.serif {
	font-family: 'Cormorant Upright', serif;
}

.sans {
/*	font-family: 'lulo_clean', sans-serif;*/
	font-family: 'Montserrat',  sans-serif;
	text-transform: uppercase;
}

.texto-corrido {
	font-family: Montserrat, sans-serif;
	font-size: 9px;
	font-size: 0.563em;
	font-weight: 300;
	color: #000000;
	letter-spacing: 2px;
	line-height: 1.5;
/*	text-transform: upppercase;*/
}

.subtitulo-2-1 {
	font-family: Montserrat, sans-serif;
	font-weight: 700;	
	font-size: 16px;
	font-size: 1.000em;
	color: #272727;
	letter-spacing: 1px;
	line-height: 1;	
}

.subtitulo-2-2 {
	font-family: 'Cormorant Upright', serif;
	font-weight: 400;	
	font-size: 70px;
	font-size: 4.375em;
	color: #272727;
	line-height: 1;	
}

.subtitulo-1-1 {
	font-family: 'Cormorant Upright', serif;
	font-weight: 400;	
	font-size: 86px;
	font-size: 5.375em;
	color: #272727;
	line-height: 1;	
}

.subtitulo-1-2 {
	font-family: Montserrat, sans-serif;
	font-weight: 300;	
	font-size: 10.6px;
	font-size: 0.662em;
	color: #272727;
	letter-spacing: 2px;
	line-height: 1;	
}


.upp {
	text-transform: uppercase;
}

::-moz-selection {
    background: #af8f69;
    color: #000;
}

::selection {
    background: #af8f69;
    color: #000;
}


.vertical-center {
	display: block;
/*	padding-top: 50%;
    transform: translateY(-50%);*/
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);    
}

.hr-primary {
	border-bottom: 3px solid #af8f69;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
    display: inline-block;
}



/*hr.light {
    border-top: 6px solid #FFFFFF;
}

hr.primary, hr.light, hr.dark {
    max-width: 100px;
    margin: 25px auto;
    border-bottom: none;
}*/

.navbar-header {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;	
}
	@media (max-width:480px){
		.navbar-header {
			padding-left: 0px;
			padding-right: 0px;
		}
	}
.navbar-nav {
	margin: 0 -15px;
}

.navbar-theme {
	background-color: #af8f69;
}
	.navbar-brand {
		padding-top:10px;
	}

.main-section {
/*	background-color: #FFFFFF;
	background: transparent url(assets/img/video_cover.jpg) no-repeat top center;
    background-size: cover;*/
/*    height: 100vh;
    max-height: 768px;*/
}

/*.home-carousel {
	padding: 150px 5% 2em;
}*/
	.go-content {
		opacity: 0;
    	margin-left: -90vh;
/*    	margin-top: 12%;*/
	}
	.anim-0-1 {
		opacity: 0;
		visibility: hidden}
	.reveal-right {
		opacity: 1;
		-webkit-transition: all 1s ease-in-out;
		transition: all 1s ease-in-out;
	}
	#carousel-home {
		height: 380px
	}
	
	video#bgndVideo { 
	    position: absolute;
/*	    top: 50%;
	    left: 50%;*/
	    min-width: 100vw;
	    min-height: 100vh;
	    width: auto;
	    height: auto;
	    z-index: -100;
/*	    -ms-transform: translateX(-50%) translateY(0%);
	    -moz-transform: translateX(-50%) translateY(0%);
	    -webkit-transform: translateX(-50%) translateY(0%);
	    transform: translateX(-50%) translateY(0%);*/
/*	    background: url(assets/img/poster-video.jpg) no-repeat;
	    background-size: cover;*/ 
	}	
	.video-foreground,
	.video-background iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  pointer-events: none;
	}
	.home-carousel .carousel {
		height: 100vh;
		width: 100%;
		display: table;
	}
	.home-carousel .carousel .item{
	    display: table-cell;
	    vertical-align: middle;
	}
	.home-carousel .carousel .anim-0-1 {
		position: absolute;
	    margin: 0 auto;
	    width: 100%;
	}
	.home-carousel .item .gtext {
		font-size: 32px;
		font-size: 2em;
	    font-weight: 800;
	    line-height: 1;
	    font-size: 36px;
	    font-size: 2.250em;
/*	    line-height: .9;*/
	}
	.home-carousel .item .mtext {
		font-size: 20px;
		font-size: 1.500em;
	    font-weight: 800;
	    line-height: 1;
	    font-size: 18px;
	    font-size: 1.286em;
	    line-height: 1.35;
	}	
	.home-carousel .item .ptext {
		font-size: 9px;
		font-size: 0.625em;
		line-height: 1.2;
	}	
	.carousel-control.right{
		background-image: none;
	}
	.carousel-control.left{
		background-image: none;
	}
	.carousel-control {
	    font-size: 14px;
	    font-size: 0.875em;
	    color: #000;
	    filter: alpha(opacity=100);
	    opacity: 1;
	    top: 50%;
	}
	.carousel-indicators .active {
		color:#000;
	}


/* The Overlay (background) */
.overlay {   
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 50px;
    background-color: #af8f69; 
    overflow-x: hidden; /* Disable horizontal scroll */
    -webkit-transition: all .8s ease-out;
    -webkit-transition: all .8 ease-out;
    transition: all .8 ease-out;
    overflow: hidden;       
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; 
    width: 100%;
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}
@media (max-height: 768px) {
/*	.overlay-content {
		top: 0;
		margin-top: 0;
	}*/
	.h-slide .owl-item{
		font-size: 80%;
	}
	.h-slide .owl-item .item0>div{
		top:4rem!important;
	}
/*	.producto .espec, .producto .rosco {
	    padding-top: 0px!important;
	}*/
}

/* The navigation links inside the overlay */
.overlay a {
    text-decoration: none;
    color: #ffffff;
    display: block; 
    -webkit-transition: 0.3s; 
    transition: 0.3s;
    position: relative;
}
	.overlay ul.opciones {
		list-style: none;
		font-size: 10px;
/*		font-size: 0.625em;*/
		letter-spacing: 2px;		
		margin-top: 1.5rem;
	}
	.overlay ul.opciones>li {
		padding:4px 0;
	}

	.overlay a:hover, .overlay a:focus {
	    color: rgb(96,77,59);
	}

.overlay .main-menu {
    display: block;
	max-width: 970px;
	max-width: 1170px;	
	color: #ffffff;
}
	.overlay .main-menu ul{
		padding-left: 0;
	}
	.overlay .menu-header {
	    font-size: 28px;
	    font-size: 1.750em;
	    line-height: 1;
	    border-bottom: 1px solid;
	    display: block;
	    margin-bottom: .75rem;
	    padding-bottom: .75rem;
	}

@media (max-width: 992px){
	.overlay .menu-header br {
		display: none
	}
}


/* Position the close button (top right corner) */
.overlay .closebtn {
    font-size: 32px;
    font-size: 2.000em;
}

.owl-stage {
-webkit-transition: 0.8s !important;
transition: 0.8s !important;
}

.home .main-section.velado {
		position: relative;
		height: 100vh;
		width: 100%;
		display: table;
		-webkit-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
		opacity: 0;
}
.home .main-section.velado:before {
		content: '';
		position: absolute;
		z-index: 99;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

}
.home .main-section .velo{
	    position: absolute!important;
		height: 100vh;
		width: 100%;
		-webkit-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
		opacity: 0;
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );

}
.cta-section {
    padding: 6em 0;
    background-color: #000;
    color: #fff;
}

.cta-section h2 {
	font-weight: 300;
	font-size: 42px;
	font-size: 2.625em;
}

	.cta-section .btn {
	    font-weight: 700;
	    font-size: 14px;
	    font-size: 0.875em;
		text-transform: uppercase;    
	    -webkit-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	    border-radius: 0;
	}

	.cta-section .btn-default {
	    border: 2px solid #FFF;
	    color: #FFF;
	    background-color: transparent;
	    background-image: none;
	    text-shadow: none;
	}

	.cta-section .btn-default:focus, .cta-section .btn-default:hover {
	    border: 2px solid #FFF08B;
	    outline: 0;
	    color: rgb(96,77,59);
	    background-color: #FFF08B;
	}

.home #cta-1 {
	background: url('assets/img/home-bg-cta-1.jpg') no-repeat center center;
	background-size: cover; 
}
	.home #cta-1 .velado {
		position: relative;
		height: 100vh;
		width: 100%;
		display: table;
		opacity: 0;
		-webkit-transition: opacity .6s ease-in-out;
		transition: opacity .6s ease-in-out;
	}
	.home #cta-1 .velado > .container{
	    display: table-cell;
	    width: 100%;
	    vertical-align: middle;
	}	
	.home #cta-1 .velado:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 60%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

	}
	.home #cta-1 .gtext {
			font-size: 42px;
		    font-size: 2.625em;
		    line-height: 1;
/*		    font-weight: 600;*/
	    font-size: 36px;
	    font-size: 2.250em;
	    font-weight: 800;

	}
	.home #cta-1 .ptext {
			font-size:10px;
		    font-size: 0.625em;
		    letter-spacing: 2px;
	}

.home #cta-2 {
	position: relative;
	background: url(assets/img/home-bg-cta-2.jpg) no-repeat center center;
	background-size: cover;
	z-index: 99;
}
	.home #cta-2 .textblock-1 {
		color: #272727;
	}
	.home #cta-2 .textblock-1 .titular{
	    font-size: 64px;
	    font-size: 4.571em;
		line-height: 1;
	}
	.home #cta-2 .textblock-1 .texto{
		font-size: 18px;
		font-size: 1.286em;
		line-height: 1.2;
		padding: 0 1em 0 0;
		font-weight: 600;
	}
	.home #cta-2 .textblock-2{
		color: #272727;
		text-align: center;
	}
	.home #cta-2 .textblock-2 .whitebox {
		background-color: rgba(255,255,255,.9);
	    padding: 8em 11em;
	    position: relative;
/*	    margin-top: 22%;*/
/*	    bottom: -16em;*/
/*	    bottom: -30em;
	    transform: translateY(80px);*/
	    -webkit-transition: all 2s ease-in-out;
	    transition: all 2s ease-in-out;
	    max-width: 768px;	    
	}
	@media (max-width: 1600px){
		.home #cta-2 .textblock-2 .whitebox {
			padding: 6em 8em 6em 8em;  
		}
	}
	.home #cta-2 .textblock-2 .pretitular {
		font-weight: 800;
		font-size: 14px;
		font-size: 0.875em;
	}			
	.home #cta-2 .textblock-2 .titular {
	    font-size: 62px;
	    font-size: 3.875em;
		line-height: 1;		
	}
	.home #cta-2 .textblock-2 .texto{
		font-size: 16px;
		font-size: 1em;
		line-height: 1.2;
	    font-size: 18px;
	    font-size: 1.286em;		
	}

.home #cta-3 .tramaclara{
	background-color: #f7f7f8; 
}
/*	.home #cta-3 .textblock-1{
		padding: 10em 0 10em; 
	}
*/	.home #cta-3 .textblock-1 .box-izq, .home #cta-3 .textblock-1 .box-der
	{
		padding: 14em 0 10em; 
	}
	.home #cta-3 .textblock-1 .box-dizq {
		background-color: #fefbfc;
	}	
	.home #cta-3 .textblock-1 .box-der {
		background-color: #f7f7f8;
	}
	.home #cta-3 .textblock-1 .titular{
	    font-size: 62px;
	    font-size: 3.875em;
		line-height: 1;
	    font-size: 64px;
	    font-size: 4.571em;	
	}
	.home #cta-3 .textblock-1 .posttitular{
		font-size: 10px;
		font-size: 0.625em;
		line-height: 1.2;
	}
	.home #cta-3 .textblock-1 .texto{
		font-size: 16px;
		font-size: 1em;
		line-height: 1.2;
	    font-size: 18px;
	    font-size: 1.286em;
	    line-height: 1.2;
	    padding: 0 1em 0 0;
	    font-weight: 600;		
	}
	@media (max-width: 768px) {
		.home #cta-3 .textblock-1 {
			text-align: center;
		}
	}

.home #cta-4 {
	padding-bottom: 0em;
	text-align: center;
}
	.home #cta-4 .textblock-1{
		padding: 6em 0 6em;
	}
	.home #cta-4 .textblock-1 .pretitular{
		font-size: 10px;
		font-size: 0.625em;
		line-height: 1.2;
	}
	.home #cta-4 .textblock-1 .titular{
	    font-size: 62px;
	    font-size: 3.875em;
		line-height: .8;
	    font-size: 64px;
	    font-size: 4.571em;		
	}
	.home #cta-4 .textblock-1 .sep{
		  width: 0%;
		  height: 2px;
		  background-color: #000;
		  display: block;
		  margin: 2em auto 3em;
		  -webkit-transition: all 0.3s ease-in-out 0s;
		  transition: all 0.3s ease-in-out 0s;
	}

	@-webkit-keyframes aniline {
	    0% {
	        width: 0%;
	    }
	    100% {
	        width: 90%;
	    }
	}

	@keyframes aniline {
	    0% {
	        width: 0%;
	    }
	    100% {
	        width: 90%;
	    }
	}

	.reveal-line {
	    -webkit-animation: aniline 1s ease .5s forwards;
	    animation: aniline 1s ease .5s forwards;
		-webkit-animation-name: aniline;
		animation-name: aniline;
	}

	.home #cta-4 .textblock-1 .texto{
		font-size: 16px;
		font-size: 1em;
		line-height: 1.2;
	    font-size: 18px;
	    font-size: 1.286em;		
	}




a.enlace {
	text-decoration: none;
	color: #6f735e;
	border-bottom: 3px solid;
	padding-bottom: 4px;
	display: inline-block;
	font-size: 15px;
	font-size: 1.286em; 
}

a.enlace:hover, a.enlace:active, a.enlace:focus {
	text-decoration: none;
	color: #000000;
}

.first-letter::first-letter {margin-left: -24px}



.fondo img {
	width: 100%;
}
.fondo-aceituna {
	background-color: #6f735e;
	color: #ffffff;
}
.info {
	position: absolute;
	top: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    margin-left: 50%;
}
.gap-top {
	margin-top: 5%;
}
.gap-topx2 {
	margin-top: 10%;
}
.gap-topx3 {
	margin-top: 15%;
}

.gap-height {
	padding: 5% 0;
}
.gap-5m0 {
	padding: 5em 0; 
}



.bg-parallax {
/*    background-image: url('../img/parallax-home.jpg');*/
    min-height: 500px;
    max-height: 100vh; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax-overlay {
    padding: 12em 0;
    color: #fff;
}
	.parallax-overlay h2 {
		font-weight: 300;
		font-size: 42px;
		font-size: 2.625em;
	}
	.parallax-overlay .btn {
	    font-weight: 700;
	    font-size: 14px;
	    font-size: 0.875em;
		text-transform: uppercase;    
	    -webkit-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	    border-radius: 0;
	}

	.parallax-overlay .btn-default {
	    border: 2px solid #FFF;
	    color: #FFF;
	    background-color: transparent;
	    background-image: none;
	    text-shadow: none;
	}

	.parallax-overlay .btn-default:focus, .parallax-overlay .btn-default:hover {
	    border: 2px solid #FFF08B;
	    outline: 0;
	    color: #000;
	    background-color: #FFF08B;
	}

/*  Footer 
*  ------- */

footer {
	background-color: #f7f7f8;
	color: #af8f69;
	padding: 2em 0;
	z-index: 9999;
}
	footer .footer .sans{
		font-size: 9px;
		font-size: 0.563em;
		line-height: 2;
		letter-spacing: 1px;
	}
	footer .footer .serif{
		font-size: 20px;
		font-size: 1.250em;
		padding-top:.5rem;
	}	
	.footer a {
		color: #af8f69;
	}
	.footer a:hover, .footer a:focus, .footer a:active{
		color: rgb(96,77,59);
	}

	.scrollup {
	    width: 30px;
	    height: 30px;
	    position: fixed;
	    bottom: 84px;
	    right: 14px;
	    display: none;
	    text-indent: -9999px;
	    background: url(assets/img/up.png) no-repeat;
	    background-size: 30px 30px;
	    background-position: center center;
	    z-index: 99;
	}

	/* pega el footer al pie de página cuando no hay contenido que lo empuje 
	*/

	body {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    min-height: 100vh;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	        -ms-flex-direction: column;
	            flex-direction: column;
	}

	.site {
	    -webkit-box-flex: 1;
		    -webkit-flex: 1;
		        -ms-flex: 1;
		            flex: 1;
	}

	@media (max-width: 768px) {
		footer {text-align: center;}
		footer div:not(:last-child) {margin-bottom: 2em}
		.home .main-section {
			display: none
		}
	}
	

/* precarga */

@-webkit-keyframes anipreload {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes anipreload {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

div.fadeloading {
    opacity: 0;
    -webkit-animation: anipreload 1s ease .5s forwards;
    animation: anipreload 1s ease .5s forwards;
}


.contacto {
	padding-top: 130px;
}
	.contacto img {
		margin-left: 72px;
	}

.der {text-align: right}

@media (max-width: 480px) {
/*	.navbar {
		height: 50px;
	}
	.navbar-nav {
		margin: 0 -15px;
	}*/
	.navbar-header .navbar-toggle{
		top:25px;
	}
	.navbar-brand {
		max-width: 50%
	}
	.navbar-brand img { 
		max-width: 100% 
	}
	.buscador span {
		padding:0;
		margin:0;
		top:-14px;
		margin-right: 60px;
	}
	.buscador span img {
		width: 24px;
	}	
	.main-section {
		height: auto;
		max-height: 100%;
	}
	.home-carousel {
	    padding: 80px 5% 0;
	}
		.home-carousel .item p {
		    font-size: 22px;
		    font-size: 1.375em;
		}

	.options .item:nth-child(2n+1) {
		clear: both;
		margin-bottom: 1em;
	} 
	footer .logos img {
		max-width: 280px;
		margin: 0;
		padding: 1em;
	}
	.footer,.footer .der{
		text-align: center;
		line-height: 1.5;
	}
	.blog {
		padding:1em;
	}
		.blog h3 {
			font-size: 42px;
			font-size: 2.625em;
		}
		.blog .post {
			margin-bottom: 2em
		}
	.blog .post img{
		width: 100%;
	}
}

.h1title {
	font-size: 42px;
	font-size: 2.625em;
    font-weight: 400;
    margin-bottom: 16px;
    color: #ffffff;
}
.page-header {
    border-bottom: 0px solid #eee;
}
.breadcrumb {
	font-weight: 700;
	background-color: transparent;
}

	.breadcrumb .active{
		font-weight: 400;
	}


/* 	Cargador
============================================================ */

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
	#loader {
		content: url(assets/img/loader.gif);
	    display: block;
	    position: relative;
	    left: 50%;
	    top: 50%;
	    width: 50px;
	    height: 50px;
	    margin: -25px 0 0 -25px;
	    z-index: 11001;
	}
    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #af8f69;
        z-index: 11000;
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }
    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded styles */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader {
        opacity: 0;

        -webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */

    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
    
        -webkit-transition: all 0.3s 1s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                transition: all 0.3s 1s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }


 /* \Cargador */

/* hamburguer menu
======================== */

 #nav-icon{
  width: 32px;
  height: 32px;
  position: relative; 
  margin: 13px 25px 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  -webkit-transform: scale(.65);
      -ms-transform: scale(.65);
          transform: scale(.65);
  float: right;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #ffffff;
/*  border-radius: 9px;*/
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {
  top: 9px;
}

#nav-icon span:nth-child(4) {
  top: 18px;
}

#nav-icon.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 9px;
  width: 0%;
  left: 50%;
}





/* navedor lateral */
.lateral-nav {
    position: fixed;
    top: 40%;
    right: 20px;
    z-index: 999;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;    
}

	.lateral-nav .navbar-nav>li {
		float: none;
		margin-right: 1em;
		margin-bottom: 5px;
	}
	.lateral-nav .navbar-nav>li:not(:last-child):after {
		content: ' ';
		display: block;
		width: 1px;
		height: 40px;
		border-right:1px solid #af8f69;
		margin-left: -11px;
	}
	.lateral-nav .nav>li>a:hover, .lateral-nav .nav>li>a:focus {
		background-color: transparent;
	}
	.lateral-nav .navbar-nav>li>a {
		color: #af8f69;
		font-size: 10px;
		padding: 0;
	    -webkit-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	}
	.lateral-nav .navbar-nav>li a.pulsado {
	}	
	.lateral-nav .navbar-nav>li a:before {
		content: url(assets/img/lateral-nav-dot-off.svg);
		position: absolute;
	    left: -16px;
	    top: 2px;
	}	
	.lateral-nav .navbar-nav>li a.pulsado:before {
		content: url(assets/img/lateral-nav-dot-on.svg);
		position: absolute;
	    left: -16px;
	    top: 2px;
	}
	.lateral-nav #titulo-seccion {
	    position: absolute;
	    -webkit-transform: rotate(-90deg);
	        -ms-transform: rotate(-90deg);
	            transform: rotate(-90deg);
	    -webkit-transform-origin: left center;
	        -ms-transform-origin: left center;
	            transform-origin: left center;
	    color: #af8f69;
	    text-transform: uppercase;
	    white-space: nowrap;
	    top: -20px;
	    left: -26px;
		font-size: 8px;
		letter-spacing: 1px;
		font-weight: bold;
	}
/*	.lateral-nav .titulo-seccion:after {
		content: attr(data-label);
	}*/

/*	.lateral-nav .titulo-seccion:after {
		content: 'Título de la sección';
		display: inline-block;
	    -ms-transform: rotate(-90deg);
	    -ms-transform-origin: -8px 10px;;
	    -webkit-transform: rotate(-90deg);
	    -webkit-transform-origin: -8px 10px;
	    transform: rotate(-90deg);
    	transform-origin: -8px 10px;
		font-weight: 800;
		color: #ffffff;
		font-family: 'lulo_clean', sans-serif;
		font-size: 10px;
		
	}*/

/*.maestros-en-sabor .textblock-1 {
	padding: 5em 0 20em;
}*/
	.maestros-en-sabor .textblock-1 .gtext {
			font-size: 42px;
		    font-size: 2.625em;
		    line-height: 1;
	}
	.maestros-en-sabor .textblock-1 .ptext {
			font-size:10px;
		    font-size: 0.625em;
		    letter-spacing: 2px;
	}
	.maestros-en-sabor .row {
		max-width: 1028px;
	}

.grid-gap-bottom {
	margin-bottom: 20px; 
}

.masonry {
	margin-top: 20px;
	margin-bottom: 20px;
}
	.masonry img {
		width: 100%
	}
	.masonry .item {
		position: relative;
		display: inline-block;
	}
	.masonry .hoverinfo {
		position: absolute;
	    top: 0;
	    left: 0;
	    padding: 3em 2em;
	    opacity: 0;
	    color: #ffffff;
	    width: 100%;
	    height: 100%;
	    -webkit-transition: all .3s ease-out;
	    transition: all .3s ease-out;   
/*	    cursor: pointer;*/ 
	}
	.bc-1 {background-color: #9C806A;background-color: rgba(156, 128, 106,.8);}
	.bc-2 {background-color: #8898AA;background-color: rgba(136, 152, 170,.8);}
	.bc-3 {background-color: #E5ACB3;background-color: rgba(229, 172, 179,.8);}
	.bc-4 {background-color: #84AFB2;background-color: rgba(132, 175, 178,.8);}
	.bc-5 {background-color: #d1766f;background-color: rgba(209, 118, 111,.8);}
	.bc-6 {background-color: #c2c881;background-color: rgba(194, 200, 129,.8);}
	.bc-7 {background-color: #e2d271;background-color: rgba(226, 210, 113,.8);}	

	.masonry .hoverinfo:hover {
	    opacity: 1;
	    -webkit-transition: all .3s ease-in;
	    transition: all .3s ease-in;  	    
	}
	.masonry .hoverinfo .serif{
		font-size: 36px;
		font-size: 2.500em;
		line-height: 1;
	}
	.masonry .hoverinfo .sans{
		font-size: 10px;
		font-size: 0.625em;
		line-height: 1.75;
		letter-spacing: 2px;
	}

	.masonry a.enlace {
	    text-decoration: none;
	    border-bottom: 3px solid;
	    padding-bottom: 4px;
	    display: inline-block;
	    color: #ffffff;
	    font-size: 18px!important;
	    padding-left: .5em;
	    padding-right: .5em;
	    margin-top: 3em;
/*	   	bottom: 3em;
	    position: absolute;*/
	    font-weight: 400;
	}

	.masonry .col-1 {
		width: 70%;
		width: 676px;
	    display: inline-block;
	    margin-right: 20px;
	    float: left;
	}

	.masonry .col-2 {
	    width: 30%;
	    width: 332px;
	    display: inline-block;
	}
	.masonry .col-4 {
		width: 70%;
		width: 676px;
	    display: inline-block;
	}
	.masonry .col-3 {
	    width: 30%;
	    width: 332px;
	    display: inline-block;
	    margin-right: 20px;
	    float: left;	    
	}
	.masonry .col-0 {
		width: 100%;
		max-width: 1028px;
		margin-bottom: 25px;
	}

@media (max-width: 520px) {
	.masonry a.enlace{margin-top: 1.5em;}
	.masonry .hoverinfo {font-size: .7em;}
}

@media (max-width: 1200px) {
	.masonry .item, .masonry .col-1, .masonry .col-2, .masonry .col-3, .masonry .col-4 {
		width: 100%;
	}	
}

.trotamundos .fondo-marron {
	background-color: #b0906a;
	color: #ffffff;
}
	.trotamundos .noticia > img {
		margin-bottom: 1rem;
	}
	.trotamundos .noticia h3 {
		margin-top: 1rem;
		font-weight: 600;
	}
	.trotamundos .noticia p {
		font-size: 18px;
		font-size: 1.125em;
		line-height: 1.2;
	}
	.trotamundos .noticia a.leermas {
		font-size: 0.625em;
		font-size: 10px;
	}

	@media (max-width: 992px) {
		.trotamundos .noticia {
			text-align: center;
		}
		.trotamundos .noticia img {
			margin: 0 auto 2rem;
		}
		blockquote.fh{
			-webkit-transform: none;
		    -ms-transform: none;
		    transform: none;
			margin-top:0;
		}
	}	

.trotamundos .h-slide {
	padding: 0;
	margin-top: 50px;
}
	.trotamundos .owl-carousel:hover
	{
		cursor: ew-resize;
	}

.h-slide div[class^="item"]{
/*	height: calc(100vh - 244px);*/
	height: -webkit-calc(100vh - 50px);
	height: calc(100vh - 50px);
	padding:0;
}
/*	@media (min-width: 1600px){
		.h-slide div[class^="item"]{
			height: calc(100vh - 50px);
		}
	}*/

	.h-slide .item1 {
		background: url(assets/img/thumbnail-1.jpg) no-repeat;
		background-size: cover;
	}
	.h-slide .item2 {
		background: url(assets/img/thumbnail-2.jpg) no-repeat;
		background-size: cover;
	}
	.h-slide .item3 {
		background: url(assets/img/thumbnail-3.jpg) no-repeat;
		background-size: cover;
	}
	.h-slide .item4 {
		background: url(assets/img/thumbnail-4.jpg) no-repeat;
		background-size: cover;
	}
	.h-slide .item5 {
		background: url(assets/img/thumbnail-5.jpg) no-repeat;
		background-size: cover;
	}
	.h-slide .item6 {
		background: url(assets/img/thumbnail-6.jpg) no-repeat;
		background-size: cover;
	}

	.h-slide .hoverinfo {
		position: absolute;
	    top: 0;
	    left: 0;
	    padding: 3em 2em;
	    background-color: rgb(175, 143, 105);
	    color: #ffffff;
	    width: 100%;
	    height: 100%;
	    opacity: 0;
	    -webkit-transition: all .6s ease-in-out;
	    transition: all .6s ease-in-out;    
	}

	.h-slide .hoverinfo:hover {
	    background-color: rgba(175, 143, 105, .7);
	    opacity: 1;
	}
	.h-slide .serif{
		font-size: 48px;
		font-size: 3.429em;
		line-height: 1.2;
		padding-right: 1em;
	}
	.h-slide .sans{
		font-family: Montserrat, sans-serif;
		font-weight: 300;
		letter-spacing: 2px;
		line-height: 1.5;		
		font-size: 9px;
		font-size: 0.643em;
		line-height: 1.5;
	}

	.h-slide a.enlace {
	    text-decoration: none;
	    border-bottom: 3px solid;
	    padding-bottom: 4px;
	    display: inline-block;
	    color: #ffffff;
	    font-size: 18px!important;
	    padding-left: .5em;
	    padding-right: .5em;
	   	bottom: 3em;
	    position: absolute;
	    font-weight: 400;
	}
	a.enlace {
		-webkit-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	}
	a.enlace:hover, a.enlace:active, a.enlace:focus {
		color: rgb(96,77,59);
	 	-webkit-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;		
	}

/* aviso legal */

h1.titular {
	color:#af8f69;
	font-size: 42px;
	font-size: 2.625em;
	line-height: 1.2;
	padding-right:2em;
	border-bottom:2px solid;
	padding-bottom: .5rem;
	margin-bottom: .5rem;
    display: inline-block;	
}
h1.titular2 {
	color:#af8f69;
	font-size: 52px;
	font-size: 3.250em;
	line-height: 1.2;
	border-bottom:1px solid;
	padding-bottom: .5rem;
	margin-bottom: .5rem;
	text-align: center;
}

h2.sans {
	color:#af8f69;
	font-size: 14px;
	font-size: 0.875em;
	line-height: 1.2;
	font-weight: 700;
}
.entrada .noticia h1 {
	font-family: 'Cormorant Upright', serif;
	font-size: 46px;
	font-size: 3.286em;
}
.entrada .noticia p.serif {
	    line-height: 1.35;
	    font-size: 18px;
	    font-size: 1.286em;
}
.entrada h2 {
	font-family: 'Cormorant Upright', serif;
	font-size: 24px;
	font-size: 1.500em; 
	font-weight: 700;
}

.nota-legal p.serif {
	font-size: 18px;
}


.post-navigation {
	display: block;
	margin: 2em 0 8em;
}
	.post-navigation .next-post, .post-navigation .prev-post {
		font-size: 8px;
/*		font-size: .500em;*/
	    display: inline-block;
	}
	.post-navigation .next-post div {
	    text-align: right;
	 	-webkit-transition: all .3s ease-in-out;
	    -webkit-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;	    
	}
	.post-navigation .next-post:hover > div {
	    color: #604d3b;
	  	-webkit-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	}
	.post-navigation .prev-post > div {
	    text-align: left;
	 	-webkit-transition: all .3s ease-in-out;
	    -webkit-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;	    
	}
	.post-navigation .prev-post:hover div {
	    color: #604d3b;
	    -webkit-transition: all .3s ease-in-out;
	    transition: all .3s ease-in-out;
	}

.owl-carousel.carousel-home {
    padding-top: 150px;
}

.owl-item img.arrow-down:hover{
    -webkit-animation-name: arrow-down;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite
}
@-webkit-keyframes arrow-down {
    0% 		{ height: 69px }
    50% 	{ height: 90px }
    100% 	{ height: 69px }
 }

.producto h1 {
	font-size: 72px;
/*	font-size: 3.625em;*/
	color: #af8f69;
    margin: .5rem 0 1rem;
}

	.producto .sans {
		color: #af8f69;
	}
	.producto .sans.texto-corrido {
		font-size: 10px;
		font-size: 0.625em;
/*		font-size: 0.714em;*/
		line-height: 1.75;
		color: #000;
	}
	.no-js .owl-carousel, .owl-carousel.owl-loaded {
	    display: inline-block;
	}
	.to-bottom {

	    max-height: 94vh;
	}
		.site {
			position: relative;
		}
	.producto .rosco {text-align: right; width: 60%;}
	.producto .espec, .producto .rosco {
		padding-top: 150px;
	}
	.producto img.blend_number {
		max-width: 225px;
		width: 100%!important;
	}
	.botella {
		max-height: 50vw;
/*		margin: 0 auto;*/
		display: inline-block;	
    	width: initial!important;	
	}
	@media (max-height: 768px){
		.botella {
/*			max-height: initial;*/
			margin: 0 auto;
			display: inline-block;	
	    	width: initial!important;	
		}
	}
	#botella_entera {
/*		max-height: 50vh;*/
		max-width: 280px;
		margin: 0 auto;
		display: none;	
	}

	.owl-carousel.carousel-producto .owl-item img{
		width: initial;
		height: auto;
	}
	.owl-carousel.carousel-producto #rosco {
		max-width: 280px;
	}
/*	.owl-carousel.carousel-producto svg#rosco {
		max-width: 280px;
	}

	svg:hover #cpicante{
	    fill: red;
	}
	svg #vpicante, svg #vfrutado{
	    font-size: 42px;
	    font-size: 2.625em;
	}

	.filled {
		background: #f00;
	}*/

	@media (max-width: 991px) {
/*		.owl-carousel.carousel-producto svg#rosco {
		    max-width: 120px;
		    position: relative;
		    top: 38vw;
		    z-index: 99;
		    left: -60%;
		}*/
		.producto .espec, .producto .rosco {
		    padding-top: 0;
		}
		.producto .rosco {
			position: absolute;
		    left: 26%;
		    top: -35px;
		}
		#mlens_wrapper_0 {
			display: none;
		}
		#botella_entera {
			display: block;
			margin-bottom: 2em;
			margin-top: 4em;
			max-width: 40%;
			float: right;
			margin-right: 5%;
		}
/*		.owl-carousel.carousel-producto svg#rosco {
		    max-width: 65%;
		    position: relative;
		    top: 38vw;
		    z-index: 99;
		    left: -60%;
		}*/
		.owl-carousel.carousel-producto #rosco {
		    max-width: 85%;
		    position: relative;
		    top: 30vw;
		    z-index: 99;
		    left: -40%;
		}		
		.espec.c992 {
			clear: both;
		}
		.c992 {
			text-align: center;
		}
		.c992 img{
			margin: 0 auto; 
		}
		.to-bottom {
			position: relative;
			top: 0;
		}
		.fs {
			height: auto!important;
/*		    min-height: initial!important;*/ 
		}
	}

.fs {
/*	height: calc(100vh - 48px);
	min-height: calc(100vh - 48px);*/
/*	min-height: 768px*/
	height: 100%;
}

.mh {
	max-height: 768px;
}

.language .active {
	border-bottom: 2px solid;
}

.language span {
    margin: 0 1.575em;
}


.lateral-nav /*,
#cta-2 .textblock-1 .titular, #cta-2 .textblock-1 .texto, 
#cta-3 .textblock-1 .titular, #cta-3 .textblock-1 .posttitular, #cta-3 .textblock-1 .texto, #cta-3 .textblock-1 .enlace,
#cta-4 .textblock-1 .titular, #cta-4 .textblock-1 .pretitular,  #cta-4 .texto*/
{
	opacity: 0;	
}

#cta-4 .alquimia
{
/*	-webkit-transform: translateY(80px);
	    -ms-transform: translateY(80px);
	        transform: translateY(80px);*/
	-webkit-transition: all 1s ease-in-out;
  	transition: all 1s ease-in-out;
}

.reveal-to-0 {
	-webkit-transform: translateY(0px)!important;
	    -ms-transform: translateY(0px)!important;
	        transform: translateY(0px)!important;
	opacity: 1!important;
/*	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	*/
}
.reveal-up {
	-webkit-transform: translateY(-30px);
	    -ms-transform: translateY(-30px);
	        transform: translateY(-30px);
	opacity: 1!important;
/*	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	*/
}

.reveal-upx2 {
	-webkit-transform: translateY(-60px);
	    -ms-transform: translateY(-60px);
	        transform: translateY(-60px);
	opacity: 1!important;
/*	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;	*/
}

.reveal-line {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
      transform: scaleX(1);
}


@media (max-width: 990px){
	.home #cta-2 .textblock-2 .whitebox	{
		bottom: -8em;
	}
	.home #cta-3 .textblock-1 .box-izq {
	    padding: 6em 0 8em;
	    text-align: center;
	}
	.home #cta-3 .textblock-1 .box-der {
	    padding: 3em 0 0;
	    text-align: center;	    

	}	
}
@media (max-width: 767px){
	.home #cta-2 .textblock-2 .whitebox {
		padding: 6em 4em;
	}
	.home #cta-3 .textblock-1 .box-izq {
		padding: 10em 0 0;
	}
	.home #cta-3 .textblock-1 .box-der{
		padding: 0 0 16em;
	}
}
@media (max-width: 480px){
	.home #cta-3 .textblock-1 .box-izq {
		padding: 8em 0 1em;
	}
	.home #cta-3 .textblock-1 .box-der{
		padding: 0 0 22em;
	}
	.bg-parallax {
		min-height: initial;
	}
	.home #cta-1 .velado {
		height: 100%;
	}
	.post-navigation {
		margin: 2em 0 4em;
	}
	.owl-carousel.carousel-producto #rosco {
	    max-width: 58%;
	    position: relative;
	    top: 38vw;
	    z-index: 99;
	    left: -40%;
		object-fit: contain;
	}		
}
/* animations */
@-webkit-keyframes a {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes a {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.fade {
    -webkit-animation-name: a;
    animation-name: a;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: once;
    animation-iteration-count: once;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

@-webkit-keyframes b {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes b {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fade-out {
    -webkit-animation-name: b;
    animation-name: b;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: once;
    animation-iteration-count: once;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes c {
    0% {
        -webkit-transform: translateY(20px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@keyframes c {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.fade-up {
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms
}

.fade-up,
.fade-up-delay-1 {
    -webkit-animation-name: c;
    animation-name: c;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-animation-iteration-count: once;
    animation-iteration-count: once;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

.fade-up-delay-1 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.fade-up-delay-2 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.fade-up-delay-2,
.fade-up-delay-3 {
    -webkit-animation-name: c;
    animation-name: c;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-animation-iteration-count: once;
    animation-iteration-count: once;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}

.fade-up-delay-3 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

@-webkit-keyframes d {
    0% {
        -webkit-transform: translateX(-90px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

@keyframes d {
    0% {
        -webkit-transform: translateX(-90px);
        transform: translateX(-90px);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.fade-right {
    -webkit-animation-name: d;
    animation-name: d;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
    -webkit-animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    animation-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-animation-iteration-count: once;
    animation-iteration-count: once;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards
}


/* Effect 4: fall perspective */
.grid.effect-4 {
	-webkit-perspective: 1300px;
	        perspective: 1300px;
}

.grid.effect-4 li {
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}

.grid.effect-4 li.animate {
	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	        transform: translateZ(400px) translateY(300px) rotateX(-90deg);
	-webkit-animation: fallPerspective .8s ease-in-out forwards;
	        animation: fallPerspective .8s ease-in-out forwards;
}

@-webkit-keyframes fallPerspective {
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@keyframes fallPerspective {
	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 5%, 0);
    transform: translate3d(0, 5%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpShort {
  -webkit-animation-name: fadeInUpShort;
  animation-name: fadeInUpShort;
}

@-webkit-keyframes fadeInRightShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightShort {
  from {
    opacity: 0;
    -webkit-transform: translate3d(5%, 0, 0);
    transform: translate3d(5%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightShort {
  -webkit-animation-name: fadeInRightShort;
  animation-name: fadeInRightShort;
}


.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}


.site .mtop {
	margin-top: 150px;
}

@media (max-width: 1070px){
	.site .mtop {
		margin-top: 100px;
	}
}

@media (max-width: 768px){
	.site .mtop {
		margin-top: 70px;
		margin-bottom: 70px
	}
}

.animtest {
  -webkit-transform: translateY(-80px)!important;
      -ms-transform: translateY(-80px)!important;
          transform: translateY(-80px)!important;
  -webkit-transition: all 2s ease-in-out;
  transition: all 2s ease-in-out;	
}

.animtest2 {
  -webkit-transform: translateY(5%)!important;
      -ms-transform: translateY(5%)!important;
          transform: translateY(5%)!important;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;	
}


/*@-webkit-keyframes retardar {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes retardar {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.retardar {
  -webkit-animation-name: retardar;
  animation-name: retardar;
  -webkit-animation-delay: 4s; 
  animation-delay: 4s;  
}
*/



/* tipografia responsive 
============================== */
@media (max-width:768px){
	.overlay-content {top: 3%;}
}
@media(max-width:991px) {
	#fullNav {    
        overflow: scroll !important;
	}
}

@media(min-width:992px) {
	.overlay ul.opciones {
		min-height: 200px;
	}
}
@media (max-width:480px){

	.home #cta-1 {font-size: 12px}
	.home #cta-1 .gtext {font-size: 2.050em}
	.home #cta-2 .subtitulo-2-2,
	.home #cta-2 .textblock-1 .titular {font-size: 4em}
	.home #cta-2 .textblock-2 .whitebox {bottom: -2em}
	.overlay-content {top: 0%;margin-top: 0;line-height: 1;}
	.home #cta-3 .textblock-1 .box-der {background-color: #fff}
}

/*@media (min-width:1200px) {
	.carousel-inner {
		font-size: 1.2vw; 
	}
	.main-menu {
		font-size: 1.2vw; 
	}

	.h-slide {
		font-size: 1.4em;
	}

	#cta-1, #cta-2, #cta-3, #cta-4, .home-carousel {
		font-size: 1.2em;
	}
	.maestros-en-sabor .fondo-aceituna {
		font-size: 1.1em;
	}

}*/

.sabor .tramaclara {background-color: #F7F7F8}
.sabor ul.blend_menu {list-style: none; position: absolute;bottom:0;right:0;}
	.sabor ul.blend_menu>li {margin:30px 0;}
	.sabor ul.blend_menu>li a>img {opacity: .3;  -webkit-transition: opacity .3s ease-in-out;transition: opacity .3s ease-in-out;}
	.sabor ul.blend_menu>li a.activo img{opacity: 1}
	.sabor ul.blend_menu>li a:hover>img,.sabor ul.blend_menu>li a:focus>img,.sabor ul.blend_menu>li a:active>img{opacity: 1;}

	.sabor a.btn-bigbrown {
		background-color: #AF8F69;
		font-size: 27px;
		color: #fff;
		padding: 1.25em 4em;
	}
	.sabor ul.blend_menu li.activo a>img{opacity: 1}

.owl-carousel.carousel_sabor .owl-stage-outer {overflow: visible!important;}

img.botella1 {
    position: absolute;
    max-width: 334px;
    right: 20%;
}

.gota1, .gota2, .gota3, .gota4, .gota5{
	position: absolute;
    z-index: 9;
}
.gota1{
    top: -18em;  
}
.gota2{
    top: -5%;
}
.gota3{
    top: -5%;
    margin-left: 14%;
}
.gota4{
    bottom: -5%;
    left: 58%;
}
.gota5{
    bottom: -18%;
    left: 50%;
}
@media (max-width: 1366px ){
	img.botella1 {
	    max-width: 240px;
	    right: 20%;
	}
}
body {overflow-x:hidden;}
.sabor_pa {
	position: absolute;
}
.blqpad8{padding:8% 8%;}
.carousel-producto .owl-item:hover, .carousel_sabor .owl-item:hover {cursor:ew-resize;}
.mas_sabores_izq, .mas_sabores_der {
	position: absolute;
	bottom: 5%;
	z-index: 9;
	line-height: 2;
	cursor: pointer;
	display: none
}
.mas_sabores_der { right: 50px;}
.mas_sabores_izq { left: 50px; }
.flecha-exp {
	display: inline-block;
	margin-top: 2em;
}
.mas_sabores_der {font-size: 8px; color:#af8f69;text-align: left;}
.mas_sabores_izq {font-size: 8px; color:#af8f69;text-align: right;}
.mas_sabores_der .flechaD {
	position: absolute;
	left: -5px;
}
.mas_sabores_izq .flechaI {
	position: absolute;
	right: -5px;
}
.producto .enlace {margin-top: 3em;}
.p8488 {padding: 8% 4% 8% 8%}
.p8280 {padding: 8% 2% 8% 0%}
.sabor .tit70 {
    font-size: 70px;
    font-weight: 400;
    line-height: 1;
}
.btn-blends {
	margin-top: -2em;
}

@media only screen and (max-width: 1366px ){
.blqpad8{padding: 8% 4%;}
}
@media only screen and (max-width: 992px ){
	.sabor_pa {	position: relative;}
	img.botella1 {right: 15%;}	
}
@media (max-height: 768px) and (max-width: 1024px) {
		.producto .espec, .producto .rosco {
	    padding-top: 0px;
	}
}
@media only screen and (max-width: 768px ){
	 #nav-icon{margin: 13px 0 0;}
	.h-slide .hoverinfo>div{bottom:30%!important;}
	.h-slide a.enlace {bottom:20%;}
	.sabor .site {overflow: hidden;}
	.p8488 {padding: 4% 8% 0% 8%;}
	.p8280 {padding: 8% 8% 4% 8%}
	svg#graph_anim {
		margin: 0 auto;
    	display: inherit;
	}
	.producto .enlace {margin-top: 0;margin-bottom: 4em;}
	.mas_sabores_izq, .mas_sabores_der{
	    bottom: 4em;
	}
	.entrada .row, .sabor .row {padding:2.5%;}
	.footer > .row div:nth-child(2) a {
    	display: block
    }	
}

@media only screen and (max-width: 480px ){
	.masonry .hoverinfo {padding: 2em}
	.masonry a.enlace {margin-top: .5em}
	.p8488, .p8280 {padding: 0 15px}
	.blqpad8 {padding: 8%}
	#graph_anim {width: 100%}
	.gota1, .gota2, .gota3, .gota4, .gota5 {display: none}
	.blend_menu, .botella1 {display: none!important}
	.sabor a.btn-bigbrown {padding: 0.75em 1em;margin-bottom:2em;display: inline-block;}
	.sabor a.enlace {margin-bottom: 5em;}
	.sabor blockquote {text-align: center;font-size:30px;}
	.sabor .tit70 {font-size: 52px;margin-top: .5em;}
	.h-slide .hoverinfo>div{position: initial!important;bottom:0!important;}
	.h-slide a.enlace {position: relative;margin-top: 4em;}
	.owl-carousel.carousel_sabor .owl-stage-outer {overflow: hidden!important;}	
	.producto .enlace {margin-top: 0;margin-bottom: 4em;}
	.sabor section br {display: none}
	.btn-blends {
		margin-top: 0em;
	}	
}


/* laptop */
@media only screen 
and (width: 1366px) 
and (height:768px){
	.owl-carousel.carousel-producto #rosco {
	    max-width: 240px;
	}
	.botella {
	    max-height: 62vw;
	}	
	.producto .enlace {
	    margin-top: 0;
	}
	.producto .espec, .producto .rosco {
	    padding-top: 50px;
	}
}


@media only screen 
and (height : 768px) 
and (width : 1024px) {
	.owl-carousel.carousel-producto #rosco {
	    max-width: 240px;
	}
	.botella {
	    max-height: 62vw;
	}
	.producto .espec, .producto .rosco {
		padding-top: 50px!important 
	}
	.producto .enlace {
	    margin-top: 0;
	    margin-bottom: 0;
	}
}

/* iPad horizontal*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) and (orientation : landscape) {
	.owl-carousel.carousel-producto #rosco {
	    max-width: 240px;
	}
	.botella {
	    max-height: 62vw;
	}
	.producto .espec, .producto .rosco {
		padding-top: 50px!important 
	}
	.producto .enlace {
	    margin-top: 0;
	    margin-bottom: 0;
	}
	.sabor .tramaclara {
		overflow-x: hidden;
	}
	.sabor section br {display: none}
	.sabor svg#graph_anim {margin-left: -5%;max-width: 115%}
}

@media (min-width: 1024px) {
	.producto .espec, .producto .rosco {
	    padding-top: 50px;
	}
	.producto .enlace {
	    margin-top: 1em;
	    margin-bottom: 0;
	}	
}

@media (width: 1008px) and (height:675px){
	.producto .espec, .producto .rosco {
	    padding-top: 50px;
	}
	.producto .enlace {
	    margin-top: 1em;
	    margin-bottom: 0;
	}
	.owl-carousel.carousel-producto #rosco {
	    max-width: 230px;
	}
	.botella {
	    max-height: 60vw;
	}		
}


/*.producto .botella {
    max-height: 51vw
}
.producto .owl-carousel.owl-drag .owl-item {
	min-height: 100vh
}*/

@media (min-width: 1440px){
	.producto .sans.texto-corrido {
		font-size: 0.714em;
	}

}
@media (max-width: 1440px) and (min-width: 481px){
	.producto .sans.texto-corrido {
		font-size: 0.614em;
	}
	.producto .enlace {
	    font-size: 1em;
	}	
	.owl-carousel.carousel-producto #rosco {
	    max-width: 241px;
	}
}
.producto .blend_number, .producto h1 {
	margin-left: -8px;
}

.producto .subtitle {
	font-size: 12px;
	font-size: 0.857em;
    margin-top: -1.3em;
    margin-bottom: 3em;
    letter-spacing: 2.5px;
}
.producto .codigo {
	font-size: 18px;
/*	font-size: 1em;*/
	letter-spacing: 2.5px;
	margin-bottom: 1em;
}
.producto .codigo span{
	font-size: 12px;
/*	font-size: 0.857em;*/
}

@media (max-width: 1024px){
	.producto .botella {
	    max-height: 60vw;
	}
	.producto .enlace {
	    font-size: .875em;
	}
}
@media (max-width: 991px) {
	.producto img.blend_number {
		max-width: 200px;
		margin: 0 auto;
	}
	.producto .sans.texto-corrido {
	    font-size: 10px;
	    font-size: 0.625em;
	}
    #premios {
	    position: relative;
	    top: 30vw;
	    z-index: 99;
	    left: -40%;
	    width: 320px;
    }			
}

@media (max-width: 480px){
	.producto img.blend_number {
	    max-width: 181px;
	    margin: 0 auto;
	}
	.producto .enlace {
	    font-size: .875em;
	}
    #premios {
    	max-width: 182px;
	    position: relative;
	    top: 34vw;
	    z-index: 99;
	    left: -40%;
    }
}


@media (max-width: 320px){
	#premios {
	    max-width: 160px;
	    position: relative;
	    top: 32vw;
	    z-index: 99;
	    left: -40%;
	}
}
.marca {
	text-align: left;
    margin: 0 auto;
    display: inline-block;
}

@media screen and (max-height: 640px){
	.overlay .main-menu > div{margin-bottom: 1.25em;line-height: .7;}
}

/* WP */
blockquote {
	font-size: 2em;
}
.entrada .noticia {
	    line-height: 1.35;
		font-family: 'Cormorant Upright', serif;
	    font-size: 18px;
	    font-size: 1.286em;
}
.entrada .noticia h1 {
	color: #000!important;
	font-family: 'Cormorant Upright', serif;
	font-size: 2.6em;
	font-weight: 500!important;
}
.post-navigation .nav-next div{
	text-align: right;
}
.post-navigation .nav-next, .post-navigation .nav-previous{
	display: inline-block;
    font-size: 9px;	
}
.post-navigation .nav-previous{
	float: right;
}

/* SIDN */
.btn-custom {
    color: #fff;
    background-color: #af8f69;
    border-color: #af8f69;
    border-radius: unset;

    margin: 15px 0;

    text-transform: uppercase;
    font-size: 0.714em;
    line-height: 1.75;
    letter-spacing: 2px;
    font-family: Montserrat, sans-serif;

    transition: all .5s ease-in;
}

.btn-custom:hover {
    color: #af8f69;
    background-color: #fff;
    border: 1px solid #af8f69;
}

.shop-link {
    margin: 18px 0;
}

.shop-link svg {
    height: 26px;
    margin-right: 10px;
}

.shop-link:hover svg path {
    fill: white;
    transition: all .3s linear;
}

.shop-link:hover svg path {
    fill: rgb(96,77,59);
}

.mt-3 {
    margin-top: 0.7em !important;
}

.mt-5 {
    margin-top: 1em !important;
}

.boton-popup-origen {
    font-family: Montserrat, sans-serif !important;
    background-color: #af8f69 !important;
    border-radius: unset !important;
    font-size: 14px !important;
}



/* 	Single blends
============================================================ */

/* Custom-container */
.custom-container {
    position: relative;
    width: calc(100% - 500px);
    margin: 0 auto;
    max-width: 1700px;
  }
  @media (max-width: 1730px) {
    .custom-container {
      width: calc(100% - 330px);
      margin: 0 165px;
    }
  }
  
  @media (max-width: 1286px) {
    .custom-container {
      width: calc(100% - 50px);
      margin: 0 25px;
    }
  }
  @media (max-width: 767px) {
    .custom-container {
      width: calc(100% - 60px);
      margin: 0 30px;
    }
  }
  @media (max-width: 499px) {
    .custom-container {
      width: calc(100% - 30px);
      margin: 0 15px;
    }
  }

/* Blend style */
#single-blend .row {
	display: flex;
	flex-direction: row;

	margin-top: 87px;
}

#single-blend .rosco {
	z-index: 1000;
}

@media (min-width:1199px) and (max-width: 1666px) {
	#single-blend .imagen-botella {
		display: flex;
    	justify-content: center;
	}

	#single-blend .imagen-botella #botella1 {
		max-height: unset !important;
	}
}

@media (max-width: 1198px) {
	#single-blend .imagen-botella #botella_entera {
		display: block;
	}

	#single-blend .imagen-botella #botella1 {
		display: none;
	}

	#single-blend .row {
		margin-top: 130px;
		margin-bottom: 50px;
	}
}

@media (min-width: 919px) and (max-width: 1198px) {
	#single-blend .rosco {
		min-width: 200px;
	}
}

@media (max-width: 920px) {
	#single-blend .rosco {
		position: absolute;
		margin: unset;
		top: 84px;
		left: 109%;
		transform: translate(-50%,-50%);
		height: 150px;
		width: 150px;
	}
}

@media (max-width: 767px) {
	#single-blend .row {
		flex-direction: column;
	}

	#single-blend .imagen-botella {
		display: flex;
		justify-content: center;
	}

	#single-blend .imagen-botella #botella_entera {
		margin: 0 0 50px 0;
	}

	#single-blend .rosco {
		position: absolute;
		top: 14px;
		left: 30%;
		transform: translate(-50%,-50%);
		height: 100px;
		width: 100px;
	}

	/* #single-blend #rosco {
		max-width: 280px;
	} */
	
}

body {
	min-height: unset !important;
}

#single-blend .smartcommerce .newDivCpDependent {
	margin-top: 3em !important;
}

.smartcommerce {
	padding: unset !important;
}


@media (min-width: 767px) and (max-width: 991px) {
	#single-blend .imagen-botella #botella_entera {
		max-width: unset;
	}

	#single-blend .col-xs-12 {
		display: flex;
		flex-direction: column;
		justify-content: center;	
	}

	#single-blend .c992 {
		padding: 0 50px 0 0;
	}
}

/* Cookie Banner */
#cky-consent {
	z-index: 10000 !important;
}

footer .newlogo {
	width: 120px;
}