*{font-family: 'Heebo', sans-serif; font-weight:400; }


@font-face {
    font-family: 'romyregular';
    src: url('../../fonts/romy-webfont.woff2') format('woff2'),
         url('../../fonts/romy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

a:hover{text-decoration:none!important;}
html,body{margin:0;padding:0;overflow-x:hidden;}
.section{padding:0px 0;}
.no-padding{padding:0!important;margin:0!important;}
.hidden{display:none!important;}
.clear{ clear:both;}
.full-height{height:100vh;}
.titulo{ font-size:20px; text-align:center;}
.btn_azul:hover{ color:#fff;}
ul{ margin:0; padding:0;}

.centered img.logo{width:100px!important;height:auto!important;display:table;margin:20px auto;}
.btn_azul{ color:#fff; background-color:#002C73;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;border: 0px solid #000000; padding:10px 10px; font-size:10px; font-weight:400; letter-spacing:2px; cursor:pointer;}
.btn_rojo{ color:#fff; background-color:#CF0A2C;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;border: 0px solid #000000; padding:10px 10px; font-size:10px; font-weight:400; letter-spacing:2px; cursor:pointer;}
.btn_bco{ color:#002C73; background-color:#fff;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;border: 0px solid #000000; padding:10px 10px; font-size:10px; font-weight:400; letter-spacing:2px; cursor:pointer;}
.btn_slider{ color:#fff;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;border: 0px solid #000000; padding:10px 10px; font-size:10px; font-weight:400; letter-spacing:2px; cursor:pointer;}
.btn_categorias{ color:#002C73; background:none; font-size:14px; font-weight:500;  cursor:pointer; border:none; margin:0; padding:0;}

.blanco{color:#fff;}
.gris{color:#696969;}
.azul{ color:#002C73;}
.derecha{ text-align:right;}
.izquierda{ text-align:left;}
.negrita{font-weight:600;}
.center{ text-align:center;}

header{padding:15px;position:fixed;width:100%;background:white;z-index:4;}
header .logo{float:left;}
header .logo img{height:64px;}
header .menu{float:right;}
header .menu ul{margin:20px 0;padding:0;}
header .menu ul li{list-style:none;display:inline-block; }
header .menu ul li .fa-envelope{margin-right:10px;}
header .menu ul li .fa-caret-down{margin-left:10px;}
header .menu ul li a{text-transform:uppercase;font-size:12px;padding:10px 15px;margin:5px;}
header .menu ul li a:hover{color:#002C73;}
header .menu ul li a.active{color:#002C73;}



.margin-top{margin-top:120px;}
.base{margin-top:-90px;}
#showRight{display:none;margin-top:10px;float:right;background:none;border:none;box-shadow:none;}
#showRight i{color:#135991;font-size:30px;border:none;box-shadow:none;}
.cbp-spmenu h3{background:#135991!important;}
.cbp-spmenu-vertical a, .cbp-spmenu{background:#135991!important;}
.cbp-spmenu.cbp-spmenu-vertical.cbp-spmenu-right.cbp-spmenu-open{box-shadow:#000000 0px 0px 10px!important;}
.cbp-spmenu-vertical a:hover{background:#278ee2!important;}
.headline{display:table;margin:10px auto;}

p{font-weight:300;font-size:12px;}
strong{font-weight:900;}
.sutbtitulo{ font-size:16px; font-family: 'Oswald', sans-serif;}

/* Banner */
.romy{font-family: 'romyregular'; font-size:60px;}
.frase-banner{color:#fff; text-align:center; font-size:40px; text-shadow: 1px 1px 2px black;}
.frase-banner img{ display:block; margin:0 auto; margin-bottom:40px;}

.frase-banner a{  display:block; width:80%; margin:30px auto 0; font-size:8px;}
.frase-banner a:hover{  color:#fff;}

.slider_index{padding-top:100px;}
img.slider-logo{width:150px;}
.hps-hd, .hps-videotitle, .hps-videotext{color:white!important;}
.hps-videotext{padding-left:15px!important;border-left:white solid 3px;margin-left:15px;}
.hps-vicapton-box{width:100%!important;left:0 !important;top:auto !important;bottom:0 !important;height:35%!important;background:rgba(28, 74, 119, .7)!important;}
.seccion h5{font-size:35px;font-weight:500;text-transform:uppercase;}

/* Bloques mitad */
.amenities{padding:0;color:white;text-align:left; color:#5A5A5A;  margin-top:5px; clear:both;}
.amenities .block .content{ width:80%; padding:2% 0 0 5%;}
.amenities .block .content p{ width:50%;}
.amenities a{color:white;display:table;}
.cocina{background:url(../../img/backgrounds/lasagna.jpg); background-size:cover; background-repeat:no-repeat; height:350px;}
.granja{background:url(../../img/backgrounds/granja.jpg); background-size:cover; background-repeat:no-repeat; height:350px;}
.planta{background:url(../../img/backgrounds/planta.jpg);background-size:cover; background-repeat:no-repeat; height:450px;}
.marcas{ background-image:url(../../img/backgrounds/textura_marcas.jpg); background-repeat:no-repeat; background-size:cover; width:100%; margin:0; padding:5% 0;}

/* Encuentranos */
.encuentranos{ background-image:url(../../img/backgrounds/banner_encuentranos.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px;}
.encuentranos .content { padding:5%; width: 50%; text-align:right; float:right; margin-right:10%;}
.encuentranos .content p, .contactanos .content p{ font-size:10px; margin-bottom:40px; }
.fondo_mapa{ background-image:url(../../img/backgrounds/textura_encuentranos.jpg); background-size:cover; }
.mapa{  position:relative; margin:0 auto; width:60%; padding:5%; }
.mapa img{ width:100%; }
.mapa a{ display:block; cursor:pointer;}
#mapa_google{height: 500px;}


/* Marcas */
.marcas_listado{ display:table; height:100%;background-image:url(../../img/backgrounds/textura_encuentranos.jpg); background-size:cover;}
.marcas_listado ul li{ display:inline-block; width:23%; padding:1% text-align:center; }
.marcas_listado ul li img{ width:80%;} 



/* Productos */
.quesos_frescos{background:url(../../img/backgrounds/quesos_frescos.jpg);background-size:cover; background-repeat:no-repeat; height:350px;}
.quesos_semi{background:url(../../img/backgrounds/quesos_semi.jpg);background-size:cover; background-repeat:no-repeat; height:350px;}
.quesos_procesados{background:url(../../img/backgrounds/quesos_procesados.jpg);background-size:cover; background-repeat:no-repeat; height:350px;}
.crema_menonita{background:url(../../img/backgrounds/crema_menonita.jpg);background-size:cover; background-repeat:no-repeat; height:350px;}
.yogourt{background:url(../../img/backgrounds/yogourt.jpg)center center;background-size:cover;background-repeat:no-repeat; height:350px;}
.aderezos{background:url(../../img/backgrounds/aderezos.jpg);background-size:cover; background-repeat:no-repeat; height:350px;}
.leche{background:url(../../img/backgrounds/leche.jpg);background-size:cover; background-repeat:no-repeat; height:350px;}
#descripcion_categoria li{ list-style-position:inside;} 
.imagen_modal{ width:100%;} .imagen_modal img{ width:100%;}

/* Contacto */
.contactanos{ background-image:url(../../img/backgrounds/banner_contacto.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px;}
.contactanos .content{ padding: 5% 0 0 10%; display:block; color:#fff; width:70%; }
.contactanos_info{ display:table; height:100%;background-color:#F1F2F2}
.directorio1{ display:table-cell;background-color:#F1F2F2;}
.formulario{background:url(../../img/backgrounds/back_formulario.jpg)top left; background-size: cover; background-repeat:no-repeat;display:table-cell;  }
.formulario form{ margin-top:30px; color:#696969;}
.formulario .content{ width:80%; margin:5% auto;}
.formulario label{ width:100%; font-weight:400; padding:0; margin:30px 0 0;}
.formulario input{ width:96%; padding:2%;margin: 0;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box; }
.formulario textarea{ resize:none; width:96%; padding:2%;margin: 0;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;}
::placeholder {color: #ccc; font-weight:400; font-size:10px;}
.formulario form input[type="submit"] {background: #002C73; color: white; border:none; padding:1%;}
.separador{ border-bottom:1px solid #696969; padding-top:30px;}
.directorio{ padding:10% 15% 0;}
.directorio table img{ margin-right:10px;}
.directorio table{ width:100%;font-weight:400; font-size:12px; }
.directorio table a{ text-decoration:none; color:#002C73;}
.directorio table .titulo{ font-size:15px; color:#5D5D5D; font-weight:500; letter-spacing:2px; padding:20px 0 10px 0;}
.directorio table td{ width:50%; padding:2% 0; }


/* NOSOTROS */
.nosotros{ background-image:url(../../img/backgrounds/banner_nosotros.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px;}
.nosotros .content{ padding-top: 3%; margin:0 auto; color:#fff; width:40%; text-align:center; }
.historia{ background-image:url(../../img/backgrounds/back_historia.jpg); background-repeat:no-repeat; background-position:bottom; background-size:auto; height:700px;}
.historia .content, { text-align:center; padding:2% 5% 0; margin:0 auto; width:50%; line-height:20px;}
.historia_cont .content{ text-align:center;  margin:0 auto; width:100%; line-height:20px;}
.historia_cont .content p { width:46%; float:left; text-align:justify; padding:2%;}

.mision{ background-image:url(../../img/backgrounds/back_mision.jpg); background-repeat:no-repeat; background-size:cover; height:450px;}
.vision{ background-image:url(../../img/backgrounds/back_vision.jpg); background-repeat:no-repeat; background-size:cover; height:450px; margin-top: 5px;}
.mision .content, .vision .content{ width:25%; margin-left:60%; padding-top:5%;}

/*Slider Nosotros */
.slider-nosotros{ position:relative;}
.frase_nosotros{ font-size:12px; font-weight:400; color:#fff; text-align:center; line-height:25px; letter-spacing:1px; }
.titulo_slider{ font-size:38px;  font-weight:300; color:#fff; text-align:center; }
.nuestros_valores{ border-radius: 5px 5px 5px 5px;-moz-border-radius:  5px 5px 5px 5px;-webkit-border-radius:  5px 5px 5px 5px;
border:none;  background-color:#C19947; padding:1%; text-align:center; letter-spacing:2px; font-size:10px; width:16%; position:absolute; bottom:10%; left:42%; opacity:.8;}

/* nuestra gente */
.gente{ background-image:url(../../img/backgrounds/banner_gente.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px;}
.gente .content{ width:40%; padding:5% 0 0 10%;}


/* SABIAS QUE */
.sabias_banner{background-image:url(../../img/backgrounds/banner_sabias.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px;}
.sabias_banner .content{text-shadow: 2px 2px 5px black;padding: 5% 0 0 10%; display:block; color:#fff; width:70%; }

.sabias{text-align:left; color:#5A5A5A;  margin-top:5px; width:100%; padding:0;}
.sabias .sabias-quesos{ background-color:#F0E7C1; height:400px;}
.sabias .sabias-semi{ background-color:#E1E1DE; height:400px;font-size:12px;}
.sabias .sabias-procesados{ background-color:#EBE5E1; height:400px;font-size:12px}
.sabias .sabias-crema{ background-color:#D3DCE2; height:400px;}
.sabias .sabias-yogourt{ background-color:#E6E8E5; height:400px;}



.sabias .block .content{ width:80%; padding:10%; }
.sabias-semi content ul li{ font-size:10px;}
.sabias01{background:url(../../img/backgrounds/quesos_frescos.jpg);background-size:100%; background-repeat:no-repeat; height:400px;}
.sabias02{background:url(../../img/backgrounds/quesos_semi.jpg);background-size:100%; background-repeat:no-repeat;height:400px;}
.sabias03{background:url(../../img/backgrounds/quesos_procesados2.jpg)top right;background-size:cover; background-repeat:no-repeat; height:400px;}
.sabias04{background:url(../../img/backgrounds/crema_menonita.jpg)top right;background-size:cover; background-repeat:no-repeat; height:400px;}
.sabias05{background:url(../../img/backgrounds/yogourt.jpg)top right;background-size:cover; background-repeat:no-repeat; height:400px;}


.queso_fresco_banner_inferior{background-image:url(../../img/backgrounds/banner_queso_fresco.jpg); background-repeat:no-repeat; background-size:cover;  height:350px; position:relative;}
.fresas_crema_banner_inferior{background-image:url(../../img/recetas/banner_fresas_crema.jpg); background-repeat:no-repeat; background-size:cover;  height:350px; position:relative;}
.queso_fresco_banner{background-image:url(../../img/backgrounds/banner_productos.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px; position:relative;}
.banner_leche{ background-image:url(../../img/backgrounds/banner_leche2.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px;}


.queso_procesado_banner{background-image:url(../../img/backgrounds/banner_queso_procesados.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px; position:relative;}
.queso_maduro_banner{background-image:url(../../img/backgrounds/banner_queso_maduro.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px; position:relative;}
.yogourt_banner{background-image:url(../../img/backgrounds/banner_yogourt.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px; position:relative;}
.cremas_banner{background-image:url(../../img/backgrounds/banner_cremas.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px; position:relative;}
.queso_fresco_banner .content{padding: 10% 0 0 0; display:block;  width:70%; text-align:center; margin:0 auto; }
.banner .content{padding: 7% 0 0 0; display:block;  width:70%; text-align:left; margin:0 0 0 5%; }
.queso_fresco_banner a:hover{ text-decoration:none;}

.sub-menu{ background-color:#fff;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000;  width:40%; padding:10px; position:fixed; z-index:2;  transition: all .5s ease-in-out; margin-left:30%;}
.sub-menu-50{ background-color:#fff;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000;  width:50%; padding:10px; position:fixed; z-index:2;  transition: all .5s ease-in-out; margin-left:25%;}
.sub-menu-30{ background-color:#fff;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000;  width:30%; padding:10px; position:fixed; z-index:2;  transition: all .5s ease-in-out; margin-left:35%;}
.sub-menu-70{ background-color:#fff;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000;  width:70%; padding:10px; position:fixed; z-index:2;  transition: all .5s ease-in-out; margin-left: 15%; }
.sub-menu-70 nav, .sub-menu-50 nav, .sub-menu-30 nav, .sub-menu nav{ margin:0 auto; padding:0; width:auto; text-align:center;}

.sub-menu ul li{ list-style:none; display:inline-block  width:20%; text-align:center;padding:5px;color:#636565;letter-spacing:1px;font-size:10px;}
.sub-menu-70 ul li{ display:inline-block; list-style:none; text-align:center; padding:5px 15px; color:#636565; letter-spacing:1px; font-size:10px}
.sub-menu-30 ul li{ list-style:none; display:inline-block; text-align:center;padding:5px;color:#636565;letter-spacing:1px;font-size:10px;}
.sub-menu-50 ul li{ list-style:none; display:inline-block;  text-align:center;padding:5px 15px;color:#636565;letter-spacing:1px;font-size:10px;}

.sub-menu nav ul, .sub-menu-productos ul, .sub-menu-nosotros ul, .sub-menu-primavera ul{margin:0;padding:0;}
.sub-menu nav ul li a, .sub-menu-30 ul li a, .sub-menu-50 ul li a, .sub-menu-70 ul li a{display:inline-block;text-transform:uppercase;color:#636565;}
.sub-menu nav ul li a:hover, .sub-menu-30 ul li a:hover, .sub-menu-50 ul li a:hover, .sub-menu-70 ul li a:hover{ color:#002C73}
.sub-menu nav ul li a.active, .sub-menu-30 ul li a.active, .sub-menu-50 ul li a.active, .sub-menu-70 ul li a.active{background:#002C73;}
.sub-menu-productos nav ul li img{ width:80%; display:block; margin:0 auto;}




/* PRODUCTOS LISTADO */
.tipo_de_queso{ float:left; width:30%; margin-top:5%; padding:20px;}
.tipo_de_queso h5{ font-size:28px; font-weight:500; text-transform:uppercase;}
.listado_productos{ float:left; width:70%; padding-bottom:20px;margin-top:5%;}
.listado_productos ul{ padding:0; margin:20px 0 0;}
.listado_productos ul li a{ color:#002C73}
.listado_productos ul li{ list-style:none; width:20%; text-align:center;display:inline-block; padding:20px; color:#002C73; position:relative;}
.listado_productos ul li.barra{ list-style:none; width:36%; text-align:center;display:inline-block; padding:20px; color:#002C73;}
.listado_productos ul li img{ width:100%; height:auto; margin-bottom:20px;}
.listado_productos ul.barra li{ list-style:none; width:30%; text-align:center;display:inline-block; padding:20px; color:#002C73; position:relative;}
.listado_productos ul.barra li img{ width:150px; height:auto;}
.nuevo{ position:absolute; top:20px; right:30px; width:40px; height:40px; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;background: #F6921E; color:#FFF; text-align:center; font-size:8px; line-height:40px;}
.division_productos{ height:50px;  width:100%; display:block; clear:both; border-bottom:5px solid #fff; margin-bottom:20px; }
.division_productos0{ height:50px;  width:100%; display:block; clear:both; margin-bottom:20px; }

/* PORCIONES PRODUCTOS */
.tabla_porciones ul li{ background-image:url(../../img/secciones/back_porciones.png); background-size:cover; height:119px; width:80px; display:inline-block; padding:10px; text-align:center; font-size:12px;}
.tabla_porciones ul li.bco{ background-image:url(../../img/secciones/back_porciones_bco.png); clear:both;}
.tabla_porciones ul li.producto{ background:none; padding:0; margin:0; text-align:center;}
.tabla_porciones ul li.producto img{ width:100%;}
.flotante{ width:50%; float:left;}


.porcentajes{ color:blanco; font-size:18px; display:block; margin-top:10px;	}
.tabla_nutricional{border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: none; background-color:#fff; padding:20px; width:80%; margin:0 auto 10%;}
.tabla_nutricional table{ width:100%; margin:0 auto;}
.tabla_nutricional table td{ font-size:12px; padding:5px;}
.tabla_nutricional table thead td{ font-size:20px;}
.tabla_nutricional table td.separador_tabla{ border-bottom:3px solid #696969;}
.nutricion .imagen_porciones{ text-align:center; margin:40px auto; width:60%; }
.descripcion{ margin-top:100px;}
.ingredientes{ margin-top:150px;} .ingredientes ul li{ font-size:12px; list-style:inside;}
.tabla_porciones p{ margin-left:150px;}
.tabla_porciones ul{ padding:0; margin:0;}
.tabla_porciones ul li{ margin:20px 0;}
.rajas_banner{ background-image:url(../../img/recetas/banner_rajas.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.sandwich_banner{ background-image:url(../../img/recetas/banner_sandwich_americano.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.queso_fundido_banner{ background-image:url(../../img/recetas/banner_queso_fundido.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.yogourt_durazno{ background-image:url(../../img/backgrounds/banner_yogourt_durazno.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.info_recetas{ background: rgba(255, 255, 255, 0.5); width:30%; padding:20px;  margin-left:10%; clear:both;}
.nachos{ background-image:url(../../img/recetas/banner_nachos.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.ensalada_panela_banner{ background-image:url(../../img/recetas/ensalada_panela_banner.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.calabazas_rellenas_banner{ background-image:url(../../img/recetas/calabazas_rellenas.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.banner_yogourt_pinacoco{ background-image:url(../../img/backgrounds/banner_yogourt_pinacoco.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.banner_yogourt_fresa{ background-image:url(../../img/backgrounds/banner_yogourt_fresa.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.banner_yogourt_manzana{ background-image:url(../../img/backgrounds/banner_yogourt_manzana.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.banner_licuado_cereales{ background-image:url(../../img/backgrounds/banner_licuado_cereales.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.banner_licuado_ciruela{ background-image:url(../../img/backgrounds/banner_licuado_ciruela.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.banner_licuado_fresaplatano{ background-image:url(../../img/backgrounds/banner_licuado_fresaplatano.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.banner_yogourt_natural{ background-image:url(../../img/backgrounds/banner_yogourt_natural.jpg); background-repeat:no-repeat; background-size:cover; margin-top:5px; height:350px;}
.banner_aderezos{ background-image:url(../../img/backgrounds/banner_catsup.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px;}
.banner_mayonesa{ background-image:url(../../img/backgrounds/banner_mayonesa.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px;}


.presentaciones li{ display:inline-block; width:15%; text-align:center; font-size:7px; position:relative; height:150px; } 
.presentaciones img{ width:100%; vertical-align: top;} .presentaciones{ clear:both; margin-top:50px;}
.presentaciones p{ position:absolute; bottom:0; text-align:center; width:100%; vertical-align:top;}
.nota{ font-size:9px; text-align:center;}



/* COCINA QDL */
.cocina_banner{ background-image:url(../../img/backgrounds/banner_cocina.jpg); background-repeat:no-repeat; background-size:cover; margin-top:100px; height:350px;}
.back_utencilios{ background-image:url(../../img/backgrounds/back_cocina.jpg); background-size:cover; height:150px;}
.cocina_banner .content{padding: 3% 0 0 15%; display:block; color:#fff; width:35%; }
.titulo_receta{  font-family: 'romyregular';  font-size:60px; display:block; width:100%;  margin-bottom:30px;}
.recetas{ background-color:#F5EFEC; margin-top:5px; width:100%; padding:0;text-align:left; position:relative; font-size:10px;}
.recetas .content{ width:100%; padding:10% 5%; color:#404041; }
.recetas li{ list-style:none; }
.recetas .vinetas li{ list-style: outside;}
.recetas .pizza{ background-image:url(../../img/recetas/pizza.jpg); background-repeat:no-repeat; background-position:cover; background-size:100%; height:550px;}
.recetas .ensalada{ background-image:url(../../img/recetas/ensalada_panela.jpg); background-repeat:no-repeat; background-position:cover; background-size:100%; height:550px;}

.lasagna { background-image:url(../../img/recetas/lasagna.jpg); background-size:cover;  position:relative; }

.preparacion{ position:absolute; left:0; top:0; width:200px; height:100px; padding:20px; margin:0; z-index:2;}
.preparacion img{ width:15px; height:15px; padding:0 2px;}
.preparacion td{ padding:0 10px;}
.marca_receta{ position:absolute; left:20px; top:20px; width:15%;}
.marca_receta2{ position:absolute; right:20px; top:20px; width:30%;}
.marca_receta img, .marca_receta2 img{ width:100%;}
.receta_full{ background: rgba(255,255,255,.5); margin:2%; float:right;}



.logos-quesos{ height:150px; clear:both;}

.form-container{transform:translateX(100%);position:fixed;right:0;top:250px;z-index:5;background:#f8f8f8;padding:20px 20px 50px 20px;box-shadow:black 0px 0px 10px;max-width:500px;text-align:center;}
.form-container .left-side{cursor:pointer;float:left;background:#135991;position:absolute;height:45px;color:white;left:-39px;top:0;padding:12px;font-size:15px;}
.form-container .left-side:hover{background:#157dd1;}
.show-form{transform:translateX(0%);animation-name:'show-form';animation-duration:1s;}
.hide-form{transform:translateX(100%);animation-name:'close-form';animation-duration:1s;}
@-webkit-keyframes show-form{from{transform:translateX(100%);}
to{transform:translateX(0%);}
}
@keyframes show-form{from{transform:translateX(100%);}
to{transform:translateX(0%);}
}
@-webkit-keyframes close-form{from{transform:translateX(0%);}
to{transform:translateX(100%);}
}
@-webkit-keyframes close-form{from{transform:translateX(0%);}
to{transform:translateX(100%);}
}


footer{padding:15px;width:100%;background:white;z-index:4; width:100%; font-size:10px; color:#696969;}
footer .logos-footer{ width:40%; height:64px; float:left; }
footer .logos-footer .qdl{ background-image:url(../../img/logo/qdl-logo.png); background-repeat:no-repeat; width:35%; float:left; height:64px;}
footer .logos-footer .tradicion{ background-image:url(../../img/logo/tradicion.png); background-repeat:no-repeat;  width:65%; float:left;height:31px; margin-top:33px;}
footer .fa-phone{margin-right:10px;}
footer .sucursales{ width:45%; float:left; padding-left:5%;}
footer .sucursales ul{ float:left; width:50%; padding:0; margin:0;}
footer .sucursales li{list-style:none; font-weight:400; }
footer .direcciones {  clear:both;  width:58%; float:right;}
footer .direcciones p{font-size:10px;  clear:both;  width:80%; float:left; text-align:left; padding-left:5%; font-weight:400;}

footer .redes{ float:left; width:20%}
footer .redes li { list-style:none; float:left; width:20%; text-align:center;}
footer .redes li i{ width:10px; color:#002C74}
footer .phone{ color:#fff; background-color:#002C73;border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #000000; padding:10px; text-align:center; float:left; width:15%;}
footer .phone a{ color:#fff; font-size:12px;}
footer .direcciones a{ color:#747475;}




@media only screen 
and (min-width : 320px) 
and (max-width : 480px) 
{ 
.granja{ background-position:top left;}
/*Slider Nosotros */
.frase_nosotros{ font-size:10px; font-weight:400; color:#fff; text-align:center; line-height:15px; }
.titulo_slider{ font-size:25px;  font-weight:300; color:#fff; text-align:center; }
.nuestros_valores{ width:60%; left:20%; font-size:8px;} 
.sub-menu, .sub-menu-30, .sub-menu-50, .sub-menu-70{ display:none;}


}


@media only screen
and (max-width:600px){
	.info_chihuahua, .info_cuauhtemoc, .info_juarez, .info_mexico, .info_monterrey, .info_menonita{ display:block !important; }
	.marcador_monterrey, .marcador_chihuahua, .marcador_juarez, .marcador_mexico, .marcador_matriz, .marcador_cuauhtemoc{ display:none;}
	.mapa img{ display:none;}
	.mapa{ width:90%;  position:relative;}
	.direccion{  width:300px; height:230px; position:relative; margin:0 auto; top: 0; left:0;  }
	.historia{ background-size:100%; background-position:left bottom; height:500px;}
	.vision, .mision{ background-position:center;  height:300px;}
	.historia .content, .historia_cont .content{  width:90%; }
	.historia_cont .content{  width:100%; }
	.historia_cont .content p{ width:96%; float:none; text-align:justify; padding:2%;}
	 .vision .content{ width:60%; margin-left:40%; }
	.mision .content, .nosotros .content{ width:90%; margin:0 5%;}
	footer .sucursales ul{ float:none; width:100%; padding:0; margin:0;}
	footer .sucursales li{ text-align:center;}
	footer .phone{ float:none; width:50%; margin:10% 0 10% 25%;}
	footer .direcciones{ float:none; width:100%}
footer .direcciones p{ float:none; width:100%; text-align:center}
footer .redes{float:none; width:50%; margin:0 auto; }
footer .redes li { list-style:none; float:left; width:50%; text-align:center;}
	.romy{font-size:30px;}
	.frase-banner{color:#fff; text-align:center; font-size:15px; }
	.frase-banner img{ display:block; margin:0 auto; width:50%;}
	.frase-banner a{ font-size:5px; margin-top:20px; display:block; width:80%; margin-left:0; padding:5px;}
	.seccion h5 { font-size: 20px;}
	.seccion p { font-size: 11px;}
	/* PRODUCTOS LISTADO */
	.queso_fresco_banner .content{padding: 30% 0 0 0;  }
	.sub-menu{ width:90%; padding:0; margin-left:5%;}
	.tipo_de_queso{ float:none; width:100%; clear:both; text-align:center;}
	.listado_productos{ float:none; width:100%; } 
	.listado_productos ul li{ width:45%; padding:20px 0;}
	.listado_productos ul.barra li{  width:45%; }
	
	/* COCINA QDL */
	.recetas .content{ width:100%; padding:30% 5% 5%; }
	.lasagna{ height:auto;}  .recetas .content{ width:100%; display:block;}
	.cocina_banner .content{ width:50%; margin:0 auto; text-align:center;}
	
}


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


	footer .logos-footer{width:100%; clear:both; float:none; margin-bottom:30px;}
		footer .sucursales{ width:85%; float:none; clear:both; padding-left:5%;}
		footer .direcciones{ clear:both; float:none; width:100%; text-align:center;}
	#showRight{display:table;}
.separator{border:none!important;}
header .menu{display:none;}
.icon-container{max-width:300px!important;}
.headline h2, .wealth-headline h2{font-size:3em!important;}
.wealth-headline h3{font-size:18px;}
.location img{height:350px!important;width:auto!important;}
.centered{width:auto;min-width:600px;}
.sub-menu{ width:70%; padding:5px; margin-left:15%;}
.cocina_banner .content{ width:50%;}
.titulo_receta{ margin-top:80px;}
}
@media only screen
and (max-width:1440px){.location .description{padding:30px!important;}
.titulo_receta{ margin-top:80px;}

}

/* Michel */
.video-background {position:absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; z-index: 1;}
.text-white {color:#FFF!important;}
.shadow {text-shadow:0 0 5px #000;}
/* Large desktop */
@media (min-width: 1200px) {}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	.nosotros, .planta{background-position: center center;}
	#nosotrosVideo {width:100%; height: auto;}
	.ms-layer.ms-caption {width: 100%!important; top: 20px!important;left: 0!important;padding: 0!important;}
	.erre {font-size:8px;}
}