@font-face {
    font-family: 'Dancing Script';
    src: url('fonts/DancingScriptOT.eot');
    src: url('fonts/DancingScriptOT.eot?#iefix') format('embedded-opentype'),
        url('fonts/DancingScriptOT.woff2') format('woff2'),
        url('fonts/DancingScriptOT.woff') format('woff'),
        url('fonts/DancingScriptOT.ttf') format('truetype'),
        url('fonts/DancingScriptOT.svg#DancingScriptOT') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Calibri', sans-serif;
	font-weight:300;
	color:#FFF;
}
button,input,optgroup,select,textarea{
    font-family: 'Calibri', sans-serif;
	font-weight:300;
	color:#FFF;
}
a, a:hover, a:focus, a:active {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
	outline:none;
}
img, img:hover, img:focus, img:active {
	outline:none;
	border : 0;
}
.hidden {
	display:none;
}
.divider{
	height:1px;
	padding:20px 0;
}
.divider.small{
	padding:10px 0;
}
.divider.big{
	padding:80px 0;
}
.divider:before, .divider:after{
	content:"";
	clear:both;
	display:block;
}
.sep {
	clear:both;
	display:block;
}

.flechadown {
    text-align: center;
    position: absolute;
    z-index: 2;
    bottom: 26px;
	left: 50%;
    transform: translate(-50%,0);
}
.padding0 {
	padding:0px;
}

#pantalla.voltear{
    background-color: #4f2e34;
    background-image: url(/images/flipmobile.png?v=1.0);
    background-position: center center;
    background-repeat: no-repeat;
	height: 100vh;
}
#pantalla.voltear > *{
	opacity:0;
	display:none;
}

/* ################ HEADER ################ */
#top{
    position: fixed;
    width: 100%;
    text-align: center;
    z-index: 1;
    padding: 20px 20px 0 20px;
	z-index:1001;
}
.logo {
	margin-left:3%;
}
/* ################ FOOTER ################ */
.footer{
    position: fixed;
    bottom: 0;
    width: 45%;
    min-height: 70px;
    z-index: 1;
    color: #FFF;
	padding:0 20px;
}
.footer .titulos{
	display:block;
	font-size: 75%;
    font-weight: 700;
}
.footer .nav li{
	border:2px solid #FFF;
	border-radius:50%;
	margin:0 2px;
}
.footer .nav li i{
	width:18px;
	height:16px;
	padding:2px 1px;
	text-align:center;
}
.footer .nav li a{
	padding: 4px 6px;
}

.footer .nav li a:hover,
.footer .nav li a:active,
.footer .nav li a:focus{
	background:none;
}
.footer.comparte{
	left:0;
}
.footer.comparte .nav li{
	float: left;
}
.footer.siguenos{
	right:0;
}
.footer.siguenos .nav{
	float:right;
}
.footer.siguenos .nav li{
	float:right;
}

/* ################ SIDEBAR STYLE ################ */
#sidebarfade {width: 50px;height: 40px;background: none;position: absolute;left: 20px;margin-top:0;}
#sidebarfade span {width: 80%;height: 2px;margin: 5px auto;display: block;background: #FFF;-webkit-box-shadow: 1px 1px 1px 0px rgba(133,133,133,1);
-moz-box-shadow: 1px 1px 1px 0px rgba(133,133,133,1);
box-shadow: 1px 1px 1px 0px rgba(133,133,133,1);}
.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}
#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: -250px;
    height: 100vh;
    z-index: 1010;
    background: #4f2e34;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#sidebar.active {
    left: 0;
}
#dismiss {
    width: 35px;
    height: 35px;
    padding: 5px;
    text-align: center;
    background: #4f2e34;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    clear: both;
    float: right;
    margin: 10px 8px;
}
#dismiss:hover {
    opacity:0.7;
}
.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}
#sidebar .sidebar-header {
    padding: 20px;
}
#sidebar ul li {}
#sidebar ul li a {
	padding: 10px;
    font-size: 1.5em;
    display: block;
    border-top: 1px solid #734c53;
}
#sidebar ul li.active>a, #sidebar ul li a:hover {
    color: #4f2e34;
	font-weight:800;
    background: #f58220;
}
#sidebar ul li.submenu ul li a{}
#sidebar ul li.submenu ul li a i{
	display:none;
}
#sidebar ul li.submenu ul li.activo a{
	font-weight: 800;
}
#sidebar ul li.submenu ul li.activo a i{
    display: initial;
    margin-left: -15px;
    margin-right: 5px;
    color: #f58220;
}
a[aria-expanded="true"] {
    color: #fff;
}
a[data-toggle="collapse"] {
    position: relative;
}
#sidebar ul ul a {
    font-size: 1.2em !important;
    padding-left: 30px !important;
    border:none;
}
#content {
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}
#contentscroll, .contentscroll {
    width: 100%;
    min-height: 100vh;
    transition: all 0.3s;
	position:relative;
}

.claimcentrado{
    text-align: center;
}
.claimcentrado.abs{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* ################ HOME ################ */
#section3:before {
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.38);
}

.section .flecha{
    position: absolute;
}
.section .flecha.final{
	-webkit-animation: bummer 2s;
	animation: bummer 2s;
	-webkit-transform: scale(1,1); 
	transform: scale(1,1);
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
	@-webkit-keyframes bummer {
		100% {
			-webkit-transform: scale(1,1); 
		}
		50% {
			-webkit-transform: scale(2,2); 
		}
		25% {
			-webkit-transform: scale(1,1); 
		}
	}
	@keyframes bummer {
		100% {
			transform: scale(1,1); 
		}
		50% {
			transform: scale(2,2); 
		}  
		25% {
			-webkit-transform: scale(1,1); 
		}
	}
.section .bgimg{
    background-size: cover;
    background-position: center 50%;
}
.section .bgcaja .botonreceta {
	display:block;
	width:500px;
	font-family: 'Calibri', sans-serif;
	text-align:center;
	font-size:1.5em;
}
.section .bgcaja .botonreceta span {
	background-color:rgba(0, 0, 0, 0.5);
	display:block;
	border:2px solid #FFF;
	padding:7px 15px;
}
.section .bgcaja .botonreceta .boton {
	background:#be0f1c;
	font-weight:bold;
	padding:7px 15px;
	border-right:2px solid #FFF;
	border-bottom:2px solid #FFF;
	border-left:2px solid #FFF;
}

/* Categorias */
.categorias{
	background: #4F2E34;
}
.categorias .categoria{
	background-size: 110%;
	-webkit-transition: background-size 1s; /* Safari */
    transition: background-size 1s;
	opacity:0.8;
}
.categorias .categoria:hover {
	background-size: 100%;
	opacity:1;
}
.categorias .categoria img.pixel{width:100%;}
.categorias .categoria .divcentrado{
	width: 30%;
	-webkit-transition: width 1s; /* Safari */
    transition: width 1s;
}
.categorias .categoria:hover  .divcentrado{
    width: 45%;
}

/* Pasarela */
.pasarela,.pasarela .foto{
	background-position:center bottom;
	background-size:cover;
}
.pasarela.p1,.pasarela .foto.p1{background-image:url(/images/pasarela/bg-pasarela-1.jpg);}
.pasarela.p2,.pasarela .foto.p2{background-image:url(/images/pasarela/bg-pasarela-2.jpg);}
.pasarela.p3,.pasarela .foto.p3{background-image:url(/images/pasarela/bg-pasarela-3.jpg);}
.pasarela.p4,.pasarela .foto.p4{background-image:url(/images/pasarela/bg-pasarela-4.jpg);}
.pasarela.p5,.pasarela .foto.p5{background-image:url(/images/pasarela/bg-pasarela-5.jpg);}
.pasarela.p6,.pasarela .foto.p6{background-image:url(/images/pasarela/bg-pasarela-1.jpg);}
.pasarela.p7,.pasarela .foto.p7{background-image:url(/images/pasarela/bg-pasarela-2.jpg);}
.pasarela.p8,.pasarela .foto.p8{background-image:url(/images/pasarela/bg-pasarela-3.jpg);}
.pasarela.p9,.pasarela .foto.p9{background-image:url(/images/pasarela/bg-pasarela-4.jpg);}
.imgtitular{
    width: 190px;
    float: right;
    margin-right: 1%;
}
.cajatitular {
    position: absolute;
    z-index: 10;
    top: 10%;
    right: 0;
    width: 100%;
}
.cajatitular .links{text-shadow: 1px 1px 2px rgba(45, 45, 45, 1);}
.cajatitular .links i{
	font-size: 2.8em;
}
.cajatitular .links .categoria{
	font-size: 1.3em;
	font-weight:800;
}
.cajatitular .links .top .categoria{
	margin-bottom: 32px;
}
.productos{}
.slider .producto{
	text-align:center;
}
.slider .producto img{
    margin: 0 auto;
	-webkit-filter: saturate(0.6);
}
.slider .producto.slick-center img{
	-webkit-filter: none;
}

.pasarela .capanegra{
	position: absolute;
    width: 34%;
    height: 100%;
    z-index: 5;
    top: 0;
}
.pasarela .capanegra.ladoizq{
	left:0;
	background: rgba(0,0,0,1);
	background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(2%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 2%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}
.pasarela .capanegra.ladoder{
	right:0;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 98%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(98%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 98%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 98%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 98%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 98%, rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.fichaproducto .descripcion{
	padding: 1px 20px 20px 20px;
	font-weight: 600;
	text-align:left;
}
.fichaproducto .descripcion .titular{
    border-bottom: 2px solid #FFF;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-weight: inherit;
}
.fichaproducto .descripcion .resumen{
	margin-bottom:40px;
}
.fichaproducto .descripcion .presentacion{
	margin-bottom:60px;
}
.fichaproducto .descripcion .presentacion .titulo{
	font-weight:100;
}
.fichaproducto .descripcion .volver{}

/* Recetas */
.buscadorrecetas {
	background-size: 110%;
	font-weight:bold;
	font-size:16px;
}
.buscadorrecetas h2 {
	font-weight:bold;
	font-size:32px;
	text-align:center;
	padding:25% 0 2% 0;
}
.buscadorrecetas img {
	width:11%;
}
.buscadorrecetas .campobusqueda {
	margin-top:3%;
	text-align:right;
}
.buscadorrecetas select {
	background:#4f2e34;
	border:1px solid #FFFFFF;
	width:80%;
	margin-top:6%;
	padding:3px 10px;
	font-size:13px;
	max-width:140px;
   	-webkit-border-radius: 2px;
   	-moz-border-radius: 2px;
   	border-radius: 2px;
}
.buscadorrecetas img.pixel{width:100%;}
.buscadorrecetas .posabsolute{
	position: absolute;
	top: 0;
}
.botonbuscar {
	text-align:center;
	margin:35px 0px 50px 0px;
}
.botonbuscar a ,
.botonbuscar input {
	display:block;
	background:#4f2e34;
	width:180px;
	border:1px solid #FFFFFF;
	padding:5px 0px;
	font-size:18px;
	font-weight:bold;
   	-webkit-border-radius: 2px;
   	-moz-border-radius: 2px;
   	border-radius: 2px;
    margin: 0 auto;
}

.receta .iconocategoria {
	width:48%;
}
.receta .iconotiempo {
	width:5%;
}
.receta .leftborder {
	border-left:1px solid #FFF;
	padding-left:6%;
}
.receta .receta .hvrbox .hvrbox-layer_top {
	line-height:30px;
}
/* Ficha Receta */
.fichareceta {
	background-position: bottom center;
    background-size: cover;
}
.bandareceta {
    background: #4f2e34;
    background-color: rgba(79,46,52,.8);
    width: 100%;
    padding: 15px 0 25px 0;
    position: absolute;
    height: 180px;
    line-height: 40px;
    bottom: 0;
}
.fichareceta .iconocategoria {
	width:100px;
	float:right;
	padding-right:30px;
}
.fichareceta .iconotiempo {
	width:30px;
}
.fichareceta .leftborder {
	border-left:1px solid #FFF;
	padding-left:2%;
}
.fichareceta .leftborder .tit {
	font-size:30px;
}
.fichareceta .leftborder {
	font-size:22px;
}
.fichareceta .receta .hvrbox .hvrbox-layer_top {
	line-height:30px;
}
.cabecerareceta {
	background:#ff0000;
	width: 100%;					
	padding: 15px 0 25px 0;
	position: relative;
}
h2.cabreceta {
	font-family: 'Dancing Script', sans-serif;
	font-size:2.3vw;
	font-weight:bold;
}
.textoreceta {
    font-family: 'Calibri', sans-serif;
    background: #4f2e34;
    width: 100%;
	padding: 5% 0 8% 0;
    position: relative;
}
.textoreceta .ingredientes {
    font-size: 1.8em;
    line-height: 1.5em;
}
.textoreceta .preparacion {
    font-size: 1.6em;
    line-height: 1.15em;
}

/* Tu elección */
.tueleccion{
	background-position:center bottom;
	background-size:cover;
	width:100%;
    transition: all 0.3s;
}
.tueleccion.p1{
	background-color: #4f2e34;
}
.tueleccion .cabeceratueleccion img.svg {
	width:100%;
}
.tueleccion .flechadown {
	padding:11vw 0 1vw 0;
	z-index:100000000000000;
}

#bandatueleccion .cerrar{
	cursor:pointer;
	position:absolute;
	top: 6%;
    right: 1%;
}
#bandatueleccion h2 {
	text-align:center;
	font-family: 'Dancing Script', sans-serif;
	font-weight:bold;
}
#bandatueleccion p{
	text-align:left;
}
#bandahashtag {
	background-color:#e30708;
	padding:6vw 0 2vw 0;
	font-size:1.2vw;
	text-align:center;
    position: relative;
    z-index: 2;
}
#bandahashtag .has1 {
	font-size:2vw;
	font-weight:bold;
}
#divinstagram{
    background: #4f2e34;
}
.datosinsta{
    margin-top: -38px;
    position: relative;
    z-index: 1;
}
/* La Costeña TV */
.lacostenatv{
	background-position: center top;
    background-size: cover;
    border-bottom: 8px solid #e50a0a;
    width: 100%;
    height: 360px;
}
.lacostenatv.p1{background-image:url(/images/la-costena-tv/fondo-tv.jpg);}

.lacostenatv .claim{
    text-align: center;
    padding-top: 135px;
}
.lacostenatv .claim p{
    font-size: 2.5em;
    line-height: 1em;
    margin-top: 14px;
}
.video {
	margin:0;
	padding:0;
	width:100%;
}
.video a {

}
.video a img.hvrbox-layer_bottom {
	background-color: rgba(0,0,0,0.7);
	filter:brightness(0.7);
	margin: 0 auto;
}
.video a:hover img.hvrbox-layer_bottom {
  background-color: rgba(0,0,0,0.9);
  filter:brightness(0.9);
}
.video .icoplay {
	position:absolute;
	top:-220px;
	left:37%;
}

/* Nuestra marca */
.parallax-window {
    min-height: 570px;
    background: transparent;
}
#historiamarca{width: 100%;}
.nuestramarca{
	background-position:center bottom;
	background-size:cover;
}
.nuestramarca.p1{
	background-image:url(/images/nuestra-marca/fondo-nuestra-marca.jpg);
}
.nuestramarca .parallax-window,
.nuestramarca.imagen {
	position:relative;
}
.nuestramarca.texto {
	background:#FFF;
}
.nuestramarca .cabeceranuestramarca {
	position: absolute;
	top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    margin: 0 auto;
	z-index:1;
}
.nuestramarca .titular {
	text-align: center;
    font-size: 23px;
    font-weight: bold;
    padding: 0;
    width: 80%;
    max-width: 960px;
    margin: -6% auto 0 auto;
}
.bgmenu {
	background-color:#4f2e34;
	z-index:1000;
	width: 100%;
	height:146px;
}
.espaciobgmenu{
	position: relative;
    width: 100%;
    height: 136px;
    background: #4f2e34;
}
.nuestramarca ul.menucontenidos {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    background-color: #4f2e34;
    width: 752px;
    overflow: hidden;
}
.nuestramarca ul.menucontenidos li {
	float:left;
	margin:105px 30px 0 30px;
	background-color:#4f2e34;
	font-family:"Calibri", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:20px;
}
ul.menucontenidos li a {
	color:#FFFFFF;
}
.cuadronuestramarca {
	margin:0px;
	padding:0px;
	font-size:22px;
	color:#000;
}
.cuadronuestramarca img {
	width:100%;
}
.cuadronuestramarca .p {
	text-align:justify;
	padding:10%;
}
.cuadronuestramarca .p p {}
.nuestramarca.texto .bgreceta1{
	background-color:#d3cbcc;
}
.nuestramarca.texto .bgreceta2{
	background-color:#ccd3bf;
}
.nuestramarca.texto .bgreceta3{
	background-color:#bfcdd8;
}
.nuestramarca.texto .bgreceta4{
	background-color:#bfd9ea;
}

/* Puntos de Venta */
.puntosdeventa{
	background-position:center bottom;
	background-size:cover;
}
.puntosdeventa.p1{
	background-image:url(/images/puntos-de-venta/fondo-cabecera-puntosdeventa.jpg);
}
.puntosdeventa .cabecerapuntosdeventa {
	position: absolute;
	top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    margin: 0 auto;
	z-index:1;
}
.puntosdeventa .linkspuntosdeventa{
	position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
}
.puntosdeventa .logotipo{
    width: 400px;
	height: 320px;
    margin: 0 auto;
    padding-top: 30px;
}
.puntosdeventa .logotipo img{}
.puntoventa{
	text-align: center;
}
.puntoventa img {
	width:100%;
}

/* Contacto */
.contacto {
	background:url(../images/contacto/fondo-contacto.jpg);
	padding:140px 0 80px 0;
	color:#FFFFFF;
}
.podemosayudarte {
	padding-bottom:60px;
}
.contacto img.iconocontacto {
	float:left;
	height:60px;
	margin-right:20px;
}
.contacto .telefono .tel {
	padding:0.4vw 0 1.6vw 0;
	font-size:60px;
	font-family: "Calibri", sans-serif;
	font-weight:bold;
	color:#FFFFFF;
}
.contacto .telefono span, .contacto .direccion span, .contacto .formulario span {
	float:left;
	font-family: 'Dancing Script', sans-serif;
	font-weight:bold;
	font-size:2.5vw;
	color:#ea8118;
}
.contacto .direccion .dir {
	padding-top:1vw;
	font-size:1.2vw;
	font-family: "Calibri", sans-serif;
	color:#FFFFFF;
}
.formulario .titular {
	font-size: 25px;
	font-weight:bold;
	padding:3% 0 4% 0;
}
#formu {
	
}
#formu input[type="text"], #formu textarea {
	border: 1px solid #FFFFFF;
	width:100%;
	background: hsla(180,0%,50%,0.40);
	padding: 3px 10px;
	margin-bottom:15px;
	font-size: 21px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color:#FFFFFF;
	font-weight:bold;
}
/* Customize the label (the radiobutton) */
.radiobutton {
  float:left;
  padding:0 10% 2% 35px;
  display: block;
  position: relative;
  font-weight:normal;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height:26px;
}
.radiobutton a {
  text-decoration:none;
  color:#ea8118;
}
/* Hide the browser's default radio button */
.radiobutton input {
  position: absolute;
  opacity: 0;
}
/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: hsla(180,0%,50%,0.40);
  border:2px solid #FFFFFF;  
}
/* On mouse-over, add a grey background color */
.radiobutton:hover input ~ .checkmark {
  background-color: white;
  background: hsla(180,0%,50%,0.40);
  border:2px solid #FFFFFF;
}
/* When the radio button is checked, add a blue background */
.radiobutton input:checked ~ .checkmark {
  background-color: white;
  background: hsla(180,0%,50%,0.40);
  border:2px solid #FFFFFF;  
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.radiobutton input:checked ~ .checkmark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.radiobutton .checkmark:after {
  top: 6px;
  left: 6px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #feee00;
}
.botonenviar {
	text-align:center;
}
.botonenviar a {
	display:block;
	background:#4f2e34;
	width:150px;
	border:1px solid #FFFFFF;
	padding:7px 0px;
	font-family: "Calibri",Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:bold;
   	-webkit-border-radius: 2px;
   	-moz-border-radius: 2px;
   	border-radius: 2px;
	z-index:100000000000;
}
.privacidad {
	font-size:21px;
}

/** Cookies bar **/
#cookies{
    font-family: "Calibri",Arial, Helvetica, sans-serif;
	font-size:12px;
	display: none;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 999;
	width: 100%;
	height: auto;
	background-color: rgba(40, 40, 40, 0.95);
	color: rgba(40, 40, 40, 0.95);
	box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.5);
	padding: 12px 25px 10px 25px;
}
#cookies .wrapper_fixed{width:80%;}
#cookies .title{color: #D5E7F5;text-align: center;font-size: 13px;font-family: "Roboto";text-transform: uppercase;margin-bottom: 5px;}
#cookies .texto{color: #FFF;}
#cookies .texto a{color: #FFF;text-decoration:underline;}
#cookies button{cursor:pointer;color: #FFF;font-size: 12px;font-weight: normal;margin-top: 12px;padding: 2px 20px;border-bottom: 2px solid #9e9b70;
background: #000;float: right;display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
/** !- Cookies bar **/

/* ################ RESPONSIVE ################ */

@media (min-width: 768px) {
	.pc{display:inherit;}
	.movil{display:none;}

	/* HOME */
	.section .flecha{height: 36px;width: 30px;}
	.section .divizquierda{ left: 9%; transform: translate(0, -50%); }
	.section .divderecha{ right: 9%; transform: translate(0, -50%); }
	.section .divcentrado{ left: 50%; transform: translate(-50%, -50%); z-index: 5; }
	.section .divizquierda, .section .divderecha, .section .divcentrado{ display:none; position: absolute; top: 50% !important; }
	#section2{background-image: url(/images/home/home-productos.jpg);}
	#section4{background-image: url(/images/home/home-eleccion.jpg);}
	#section5{background-image: url(/images/home/home-tv.jpg);}
	#section6{background-image: url(/images/home/home-marca.jpg);}
	#section7{background-image: url(/images/home/home-puntosdeventa.jpg);}
	#fullpage .section .bgcaja{ top:85% !important;}
	
	/* PRODUCTOS */
	.cajatitular .links{float:right;width:152px;text-align:center;}
	.fichaproducto .contenedor{
		width: 85%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}	
	.fichaproducto .foto{
		width:50%;
		background:none !important;
	}
	.fichaproducto .foto .volver{display:none;}
	.fichaproducto .descripcion{
		position:absolute;
		width:50%;
		height: 80%;
		top: 20%;
		right: 0;
		font-size:1.6em;
		background: #4f2e34ad;
		border: 1px solid #FFF;
		border-radius: 10px;
	}
	/* Eleccion */
	.tueleccion.p1{
		background-image:url(/images/tu-eleccion/fondo-somos-tu-eleccion.jpg);
	}
	.tueleccion .cabeceratueleccion {
		padding-top: 12%;
		text-align: center;
		width: 100%;
	}
	.tueleccion .cabeceratueleccion a{
		max-width: 420px;
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	#bandatueleccion {
		display:none;
		background: rgba(79,46,52,0.8);
		position:absolute;
		bottom:0px;
		padding:1% 0 8% 0;
		line-height:1.25em;
		z-index: 1;
	}
	/* Puntos de Venta */
	.puntosdeventa.p1 {
		background-image: url(/images/puntos-de-venta/fondo-cabecera-puntosdeventa.jpg);
	}
	/* Recetas */
	.buscadorrecetas h2 {font-size: 25px;padding: 18% 0 1% 0;}
	.botonbuscar {margin: 30px 0px 20px 0px;}
}
@media (min-width: 991px) {
	.buscadorrecetas h2 {font-size: 25px;padding: 25% 0 1% 0;}
	.botonbuscar {margin: 15px 0px 5px 0px}
}
@media (min-width: 1201px) {
	.buscadorrecetas h2 {font-size: 25px;padding: 25% 0 1% 0;}
	.botonbuscar {margin: 30px 0px 20px 0px;}
}

@media (min-width: 1601px) {
	/* Eleccion */
	#bandatueleccion {font-size:30px;}
	#bandatueleccion h2 {font-size: 90px;padding: 0 0 50px 0;}
	/* Puntos de Venta */
	.puntosdeventa .cabecerapuntosdeventa {width: 85%;}
	.puntosdeventa .linkspuntosdeventa{bottom: -20px;width: 50%;height: 220px;}
	.tipopuntoventa img {max-width:250px;}
	/* Nuestras marcas */
	.nuestramarca .cabeceranuestramarca {width: 85%;}
	.nuestramarca.parallax-window, .nuestramarca.imagen {height: 540px;min-height: 540px;}
	.cuadronuestramarca .p {padding: 8%;}
	
}
@media (min-width: 1201px) and (max-width: 1600px) {
	/* Productos */
	.imgtitular {width: 150px;margin-right: 2%;}
	.cajatitular .links .categoria {font-size: 1.2em;}
	.cajatitular .links .top .categoria {margin-bottom: 20px;}
	.fichaproducto .contenedor{height: 80%;}
	.section .flecha{height: 35px;width: 28px;}
	
	/* Eleccion */
	#bandatueleccion {font-size:26px;}
	#bandatueleccion h2 {font-size: 80px;padding: 0 0 40px 0;}
	
	/* Nuestras marcas */
	.nuestramarca .cabeceranuestramarca {width: 80%;}
	.nuestramarca .titular{font-size: 20px;}
	.nuestramarca .parallax-window, .nuestramarca.imagen {height: 420px;min-height: 420px;}
	.cuadronuestramarca .p {padding: 8%;}
	.cuadronuestramarca .p p {font-size: 16px;}

	/* Puntos de Venta */
	.puntosdeventa .cabecerapuntosdeventa {width: 80%;}
	.puntosdeventa .linkspuntosdeventa{bottom: -20px;width: 60%;height: 150px;}
	.tipopuntoventa img {max-width:160px;}
	.puntosdeventa .logotipo {width: 328px;height: 290px;padding-top: 45px;}	
}
@media (min-width: 992px) and (max-width: 1200px) {
	/* Productos */
	.fichaproducto .contenedor { height: 70%;}
	.fichaproducto .descripcion{font-size:1.25em;}
	.fichaproducto .descripcion .titular{font-size:32px;}
	/* Eleccion */
	#bandatueleccion {font-size:22px;}
	#bandatueleccion h2 {font-size: 70px;padding: 0 0 30px 0;}
	/* Puntos de Venta */
	.puntosdeventa .cabecerapuntosdeventa {top: 20%;width: 80%;}
	.puntosdeventa .linkspuntosdeventa{bottom: -52px;width: 60%;height: 150px;}
	.tipopuntoventa img {max-width:160px;}
	.puntosdeventa .logotipo {width: 280px;height: 265px;padding-top: 45px;}
	.puntoventa a {font-size: 12px;}
	/* Nuestras marcas */
	.nuestramarca .cabeceranuestramarca {width: 80%;}
	.nuestramarca .titular {font-size:16px;}
	.nuestramarca .parallax-window, .nuestramarca.imagen {height: 390px;min-height: 390px;}
	.cuadronuestramarca .p {padding: 6% 8%;}
	.cuadronuestramarca .p p {font-size: 15px;}
	
}
@media (min-width: 768px) and (max-width: 991px) {
	/* Home */
	.section .flecha{width: 18px;height: 21px;}
    /* Productos */
	.fichaproducto .contenedor { height: 58%;}
	.fichaproducto .descripcion{font-size:1em;top: 10%;height: 90%;}
	.fichaproducto .descripcion .titular{font-size:25px;}
	.fichaproducto .descripcion .presentacion {margin-bottom: 25px;}
	/* Eleccion */
	#bandatueleccion {font-size:20px;}
	#bandatueleccion h2 {font-size: 60px;padding: 0 0 25px 0;}
	/* Puntos de Venta */
	.puntosdeventa .cabecerapuntosdeventa {top: 22%;width: 85%;}
	.puntosdeventa .linkspuntosdeventa{bottom: -50px;width: 65%;height: 126px;}
	.tipopuntoventa img {max-width:160px;}
	.puntosdeventa .logotipo {width: 150px;height: 180px;padding-top: 70px;}
	.puntoventa a {font-size: 12px;}
	/* Nuestras marcas */
	.nuestramarca .cabeceranuestramarca {top: 22%;width: 85%;}
	.nuestramarca .titular {font-size: 16px;margin: -4% auto 0 auto;}
	.nuestramarca .parallax-window, .nuestramarca.imagen {height: 340px;min-height: 340px;}
	.cuadronuestramarca .p {padding: 6% 8%;}
	.cuadronuestramarca .p p {font-size: 12px;}
	.nuestramarca ul.menucontenidos {width: 620px;}
	.nuestramarca ul.menucontenidos li {margin: 110px 25px 0 25px;font-size: 16px;}
}
@media (min-width: 768px) and (max-width: 1200px) {
	/* Productos */
	.imgtitular {width: 140px;margin-right: 2%;}
	.cajatitular .links .categoria {font-size: 1em;}
	.cajatitular .links .top .categoria {margin-bottom: 8px;}
}

@media screen and (max-width: 1200px) {
	body {font-size:15px;}	
	.slider .producto img{padding-top:50px;max-width: 400px;}
	.slider .producto.slick-center img{padding-top:0;}
	.video img.icoplay {
		position:absolute;
		top:-135px;
		left:40%;
	}

	.divizquierda{left: 50%; top: 50%; transform: translate(-50%, -50%);}
	.divderecha{left: 50%; top: 50%; transform: translate(-50%, -50%);}
	img.svg{padding:0 10%;}
	
	.podemosayudarte img{padding-left:3%;padding-right:3%;}
	.contacto{padding-left:1%;padding-right:1%;}
	.contacto img.iconocontacto {height:40px;margin-right:20px;}
	.contacto .telefono .tel {padding:0.4vw 0 1.6vw 0;font-size:45px;}
	.contacto .telefono span, .contacto .direccion span, .contacto .formulario span {font-size:33px;}
	.contacto .direccion .dir {padding-bottom:75px;font-size:22px;}
	.formulario .titular {font-size: 20px;padding:3% 0 4% 0;}
	#formu input[type="text"], #formu textarea {font-size: 19px;}
	.radiobutton {font-size: 18px;line-height:25px;}
	.checkmark {height: 22px;width: 22px;}
	.radiobutton .checkmark:after {top: 5px;left: 5px;width: 8px;height: 8px;}
	.botonenviar a {width:130px;font-size:24px;}
	.privacidad {font-size:20px;}
	
}
@media screen and (max-width: 767px) {
	.pc{display:none;}
	.movil{display:initial;}
	#pantalla.voltear{}
	body{font-size:14px;}
	.cuadronuestramarca { font-size:18px; }
	.nodisplaymobile {display:none;}
	.buscadorrecetas h2 {font-size:26px;padding:110px 0 2px 0;}
	.divizquierda{left: 50%; top: 50%; transform: translate(-50%, -50%);}
	.divderecha{left: 50%; top: 50%; transform: translate(-50%, -50%);}
	img.svg{padding:0 10%; max-height:80%;}	
	.podemosayudarte{padding-left:6%;padding-right:6%;}
	.contacto{padding-left:4%;padding-right:4%;}
	.contacto img.iconocontacto {height:40px;margin-right:20px;}
	.contacto .telefono .tel {padding:0.4vw 0 1.6vw 0;font-size:50px;}
	.contacto .telefono span, .contacto .direccion span, .contacto .formulario span {font-size:40px;}
	.contacto .direccion .dir {padding-bottom:75px;font-size:22px;}
	.formulario .titular {font-size: 17px;padding:3% 0 4% 0;}
	#formu input[type="text"], #formu textarea {font-size: 16px;}
	.radiobutton {font-size: 18px;line-height:22px;}
	.checkmark {height: 22px;width: 22px;}
	.radiobutton .checkmark:after {top: 5px;left: 5px;width: 8px;height: 8px;}
	.botonenviar a {font-size:20px;}
	.privacidad {font-size:19px;}
	#top .logo img{width: 150px;}
	/* HOME */
	.section .divizquierda, .section .divderecha, .section .divcentrado{ display:none;position: absolute; top: 10%;left: 50%; transform: translate(-50%,0); z-index: 5; }
	.section .flecha{ width: 22px; height: 27px; }
	.section .bgcaja .botonreceta { width: 100%; font-size: 1em; }
	#section2{background-image: url(/images/home/home-productos-mob.jpg);background-position: 50% 78%;}
	#section2 .divizquierda { width: 360px; height: 392px; 	}
	#section3 .divizquierda { width: 360px;height: 200px;}
	#section3 .divderecha { width: 360px; height: 438px; }
	#section4{background-image: url(/images/home/home-eleccion-mob.jpg);}
	#section4 .divcentrado { width: 360px; height: 380px; }
	#section5{background-image: url(/images/home/home-tv-mob.jpg);}
	#section5 .divizquierda { width: 360px; height: 395px; }
	#section6{background-image: url(/images/home/home-marca-mob.jpg);}
	#section6 .divcentrado { width: 360px; height: 390px; }
	#section7{background-image: url(/images/home/home-puntosdeventa-mob.jpg);background-position: 50% 50%;}
	#section7 .divizquierda { width: 360px; height: 365px;}
	/* PRODUCTOS */
	.pasarela .capanegra { width: 30%; }
	.cajatitular {top: 16%;}
	.cajatitular .links {position: absolute;width: 152px;text-align: center;left: 50%;transform: translate(-50%,0);}
	.imgtitular {width: 130px;}
	.cajatitular .links .categoria {font-size: 1em;}
	.cajatitular .links .top .categoria {margin-bottom: 20px;}
	.cajatitular .links i {font-size: 2.4em;}
	.fichaproducto.pasarela{background:none;background-color: #4f2e34;}
	.fichaproducto .foto{width:100%;}
	.fichaproducto .foto .volver{position: absolute;left: 3%;}
	.fichaproducto .foto img{padding-top: 105px;padding-bottom:50px;}
	.fichaproducto .descripcion{
		width: 100%;
		background: #4f2e34;
		font-size: 1.2em;
		min-height: 230px;
		padding-bottom: 90px;
	}
	.fichaproducto .descripcion .volver{display:none;}
	/* TV */
	.lacostenatv .container{width: 80%;max-width: 480px;}
	.lacostenatv .container img{width: 90%;}
	.lacostenatv .claim p{font-size: 1.8em;margin-top: 25px;}
	/* Eleccion */
	.tueleccion .flechadown{display:none;}
	.tueleccion .cabeceratueleccion {padding:0; background-color: #4f2e34;}
	.tueleccion .cabeceratueleccion img.svg {width: 100%;padding: 0;}
	.cabeceratueleccion .somoseleccion{
		position:relative;
		background-image: url(/images/tu-eleccion/fondo-somos-tu-eleccion-mob.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat:no-repeat;
		height: 420px;
	}
	a#mostrartueleccion {
		width: 420px;
		display: block;
		z-index: 1;
		position: absolute;
		top: 200px;
		left: 50%;
		transform: translate(-50%,0);
	}
	#bandatueleccion{
		display: block !important;
		background: #4f2e34;
		padding:164px 0 35px 0px;
		font-size: 1.4em;
	}
	#bandatueleccion h2,
	#bandatueleccion .cerrar{display:none;}
	.cabeceratueleccion .instaconstena{
		position:relative;
		height: 224px;
		z-index: 9;
	}
	.cabeceratueleccion .instaconstena a{
		width: 420px;
		display: block;
		z-index: 1;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%,0);
	}
	#bandahashtag{padding-top: 160px;font-size: 1.20em;}
	#bandahashtag .has1{font-size: 1.5em;}
	#bandahashtag .has2{font-size: 0.8em;}
	/* Nuestras marcas */
	.nuestramarca.p1 {
		background-image: url(/images/nuestra-marca/fondo-nuestra-marca-mob.jpg);
		background-position: center 20%;
	}
	.nuestramarca .cabeceranuestramarca {top: 46%;width: 100%;transform: translate(-50%,-50%);}
	.nuestramarca .titular {font-size: 15px;}
	.espaciofooter{padding:40px 0;}
	/* Puntos de Venta */
	.puntosdeventa.p1 {
		background-image: url(/images/puntos-de-venta/fondo-cabecera-puntosdeventa-mob.jpg);
		background-position: center 20%;
	}
	.puntosdeventa .cabecerapuntosdeventa {top: 46%;width:95%;transform: translate(-50%,-50%);}
	.puntosdeventa .linkspuntosdeventa{position: relative;width: 90%;}
	.puntosdeventa .linkspuntosdeventa:before,.puntosdeventa .linkspuntosdeventa:after{content:"";display:block;clear:both;}
	.tipopuntoventa img {max-width:160px;}
	.puntosdeventa .logotipo {width: 280px;height: 280px;padding-top: 60px;}
	/* Recetas */
	.botonbuscar {margin: 22px 0px 0 0px;}
	.botonbuscar a, .botonbuscar input {width: 135px;padding: 2px 0px;font-size: 15px;}
	
	.buscadorrecetas img.pixel,
	.categorias .categoria img.pixel{height: 450px;}
	.categorias .categoria {background-position: center center;}
	
	.fichareceta .iconocategoria {width: 80px;}
	.fichareceta .leftborder {font-size: 20px;}
	.fichareceta .leftborder .tit {font-size: 26px;line-height: 1.25em;margin-bottom: 6px;}
	.fichareceta .iconotiempo {width: 18px;}
	h2.cabreceta {font-size: 30px;}
	.textoreceta{padding-top:0;padding-bottom:20%;}
	.textoreceta .ingredientes{background: #ff0000;padding-bottom: 8%;font-size: 1.5em;}
	.textoreceta .preparacion{padding-top:5%;font-size: 1em;}
	.textoreceta .preparacion h2{padding-bottom:4%;display: block;}
}
@media screen and (max-width: 620px) {	
	.video img.icoplay {
		position:absolute;
		top:-160px;
		left:40%;
	}
	.cuadronuestramarca { font-size:18px; }
	.nodisplaymobile {display:none;}

	.divizquierda{left: 50%; top: 50%; transform: translate(-50%, -50%);}
	.divderecha{left: 50%; top: 50%; transform: translate(-50%, -50%);}
	img.svg{padding:0 10%;}
	
	.podemosayudarte{padding-left:6%;padding-right:6%;}
	.contacto{padding-left:4%;padding-right:4%;}
	.contacto img.iconocontacto {height:30px;margin-right:12px;}
	.contacto .telefono .tel {padding:0.4vw 0 1.6vw 0;font-size:34px;}
	.contacto .telefono span, .contacto .direccion span, .contacto .formulario span {font-size:27px;}
	.contacto .direccion .dir {padding-bottom:75px;font-size:16px;}
	.formulario .titular {font-size: 17px;padding:3% 0 4% 0;}
	#formu input[type="text"], #formu textarea {font-size: 16px;}
	.radiobutton {font-size: 18px;line-height:22px;}
	.checkmark {height: 22px;width: 22px;}
	.radiobutton .checkmark:after {top: 5px;left: 5px;width: 8px;height: 8px;}
	.botonenviar a {width:104px;font-size:20px;}
	.privacidad {font-size: 12px;line-height: 1.3em;}
	/* Eleccion */
	a#mostrartueleccion {width: 310px;top: 258px; }
	#bandatueleccion{padding: 138px 0 0 0;font-size: 1.25em;}
	.cabeceratueleccion .instaconstena{height: 166px;}
	.cabeceratueleccion .instaconstena a{width: 310px;top: 0;}
	#bandahashtag{padding-top: 125px;padding-bottom: 40px;font-size: 1.10em;}
	/* TV */
	.lacostenatv{height: 265px;}
	.lacostenatv .claim {padding-top: 120px;}
	.lacostenatv .claim p{font-size: 1em;}
	/* Recetas */
	.buscadorrecetas img.pixel,
	.categorias .categoria img.pixel{height: 390px;}
	.buscadorrecetas {padding-bottom: 20px;}
	.buscadorrecetas h2 {padding: 95px 0 2px 0;}
}
@media screen and (max-width: 480px) {
	#top .logo img{width: 120px;}
	.nodisplaymobile {display:none;}
	.cuadronuestramarca { font-size:15px; }
	.navbar-nav img{width: 40px;}
	.divizquierda{left: 50%; top: 50%; transform: translate(-50%, -50%);}
	.divderecha{left: 50%; top: 50%; transform: translate(-50%, -50%);}
	img.svg{width:450px;}

	/* HOME */
	.section .divizquierda, .section .divderecha, .section .divcentrado { top: 12%; }
	.section .flecha { width: 13px; height: 16px; }
	.section .bgcaja {top: 60% !important;}
	#section2 .divizquierda { width: 220px; height: 238px; }
	#section3 .divizquierda { width: 220px;height: 200px; }
	#section3 .divderecha { width: 220px; height: 264px; }
	#section4 .divcentrado { width: 220px; height: 235px; }
	#section5 .divizquierda { width: 220px; height: 250px; }
	#section6 .divcentrado { width: 220px; height: 250px; }
	#section7 .divizquierda { width: 220px; height: 225px; }
	/* PRODUCTOS */
	.imgtitular {width: 95px;}
	.cajatitular .links {width: 125px;}
	.cajatitular .links i {font-size: 1.5em;}
	.cajatitular .links .top .categoria {margin-bottom: 10px;}
	.fichaproducto .foto img{padding-top: 85px;padding-bottom:39px;}
	.fichaproducto .descripcion .titular {font-size: 25px;}
	.fichaproducto .descripcion {font-size: 1em;}
	.footer.siguenos{width: 60%;}
	.footer.comparte{width: 40%;}
	/* Eleccion */
	.cabeceratueleccion .somoseleccion{height:290px;}
	a#mostrartueleccion {width: 220px;top: 174px; }
	#bandatueleccion{padding: 104px 0 0 0;}
	.cabeceratueleccion .instaconstena{height: 118px;}
	.cabeceratueleccion .instaconstena a{width: 220px;top: 0;}
	#bandahashtag{padding-top: 85px;padding-bottom: 25px;}
	/* PUNTOS DE VENTA */
	.puntosdeventa .logotipo {width: 170px;height: 190px;}
	.puntoventa a{font-size: 12px;}
	/* Recetas */
	.buscadorrecetas img.pixel,
	.categorias .categoria img.pixel{height: 335px;}
	
	.fichareceta .iconocategoria {width: 62px;}
	.fichareceta .leftborder {font-size: 16px;}
	.fichareceta .leftborder .tit {font-size: 20px;line-height: 1.25em;margin-bottom: 6px;}
	.fichareceta .iconotiempo {width: 18px;}
	h2.cabreceta {font-size: 36px;}
	.textoreceta{padding-top:0;padding-bottom:20%;}
	.textoreceta .ingredientes{background: #ff0000;padding-top:5%;padding-bottom: 8%;font-size: 1.15em;}
	.textoreceta .preparacion{padding-top:5%;font-size: 1em;}
	.textoreceta .preparacion h2{padding-bottom:8%;display: block;}
	
}