@font-face {
	font-family:'CenturyGothic-Regular';
	src: url('../fonts/CenturyGothic.eot');
	src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CenturyGothic.woff') format('woff'),
		url('../fonts/CenturyGothic.ttf') format('truetype'),
		url('../fonts/CenturyGothic.svg#CenturyGothic-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-F003;
}

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html { color: #222; font-size: 1em; line-height: 1.4; }

/*
 * Remove text-shadow in selection highlight
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }

/*
 * A better looking default horizontal rule
 */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers
 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/*
 * Remove default fieldset styles.
 */
fieldset { border: 0; margin: 0; padding: 0; }

/*
 * Allow only vertical resizing of textareas.
 */
textarea { resize: vertical; }

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Reset CSS
   ========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a{ text-decoration: none}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/*GENERALES*/
html, body{width: 100%;height: 100%;}
body{font-family: 'CenturyGothic-Regular';font-size: 16px;}
.flex_wrapp{max-width: 81.625rem;min-width: 13.75rem;margin: 0 auto;position: relative;}
.txt-center{text-align: center}
.txt_mini{font-size: 0.9375rem;}
.btn{border: none;display: inline-block;color: #FFF;font-size: 0.875rem;padding:0.75rem 1.375rem;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);}
.btnBig{border: none;display: inline-block;color: #FFF;font-size: 1.125rem;padding:0.75rem 1.375rem;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);}
.red{background: rgba(217,43,40,1);background: -moz-linear-gradient(top, rgba(217,43,40,1) 0%, rgba(181,34,32,1) 51%, rgba(217,43,40,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,43,40,1)), color-stop(51%, rgba(181,34,32,1)), color-stop(100%, rgba(217,43,40,1))); background: -webkit-linear-gradient(top, rgba(217,43,40,1) 0%, rgba(181,34,32,1) 51%, rgba(217,43,40,1) 100%); background: -o-linear-gradient(top, rgba(217,43,40,1) 0%, rgba(181,34,32,1) 51%, rgba(217,43,40,1) 100%); background: -ms-linear-gradient(top, rgba(217,43,40,1) 0%, rgba(181,34,32,1) 51%, rgba(217,43,40,1) 100%); background: linear-gradient(to bottom, rgba(217,43,40,1) 0%, rgba(181,34,32,1) 51%, rgba(217,43,40,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d92b28', endColorstr='#d92b28', GradientType=0 );}
.blue{background: rgba(1,112,186,1); background: -moz-linear-gradient(top, rgba(1,112,186,1) 0%, rgba(44,51,146,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,112,186,1)), color-stop(100%, rgba(44,51,146,1))); background: -webkit-linear-gradient(top, rgba(1,112,186,1) 0%, rgba(44,51,146,1) 100%); background: -o-linear-gradient(top, rgba(1,112,186,1) 0%, rgba(44,51,146,1) 100%); background: -ms-linear-gradient(top, rgba(1,112,186,1) 0%, rgba(44,51,146,1) 100%); background: linear-gradient(to bottom, rgba(1,112,186,1) 0%, rgba(44,51,146,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0170ba', endColorstr='#2c3392', GradientType=0 );}
.txt_center{text-align: center;}
.txt_white{color: #FFF;}
.txt_blue{color: #1b4ba2;}
.clear{display: block;clear: both;}
em{font-weight: bolder;}
.heightTop{margin-top: 100%}

/*HEADER*/
header{background: #ba1f1c;position: fixed;width: 100%;z-index: 999;}
#pleca_menu{position: relative;background: rgba(217,43,40,1); background: -moz-linear-gradient(top, rgba(217,43,40,1) 0%, rgba(181,34,32,1) 51%, rgba(217,43,40,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,43,40,1)), color-stop(51%, rgba(181,34,32,1)), color-stop(100%, rgba(217,43,40,1))); background: -webkit-linear-gradient(top, rgba(217,43,40,1) 0%, rgba(181,34,32,1) 51%, rgba(217,43,40,1) 100%); background: -o-linear-gradient(top, rgba(217,43,40,1) 0%, rgba(181,34,32,1) 51%, rgba(217,43,40,1) 100%); background: -ms-linear-gradient(top, rgba(217,43,40,1) 0%, rgba(181,34,32,1) 51%, rgba(217,43,40,1) 100%); background: linear-gradient(to bottom, rgba(217,43,40,1) 0%, rgba(181,34,32,1) 51%, rgba(217,43,40,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d92b28', endColorstr='#d92b28', GradientType=0 );}
#cont_logo img{width: 100%;height: auto;}
nav{text-align: right; padding-left:0%;font-size: 1.5rem;}
.level1 li{display: inline-block;text-align: center;position: relative;}
.level1 li a, .level1 li span{cursor: pointer;color: #FFF;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.level1 li a:hover, .level1 li span:hover, .level1 li a.active{background: rgba(1,112,186,1); background: -moz-linear-gradient(top, rgba(1,112,186,1) 0%, rgba(44,51,146,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,112,186,1)), color-stop(100%, rgba(44,51,146,1))); background: -webkit-linear-gradient(top, rgba(1,112,186,1) 0%, rgba(44,51,146,1) 100%); background: -o-linear-gradient(top, rgba(1,112,186,1) 0%, rgba(44,51,146,1) 100%); background: -ms-linear-gradient(top, rgba(1,112,186,1) 0%, rgba(44,51,146,1) 100%); background: linear-gradient(to bottom, rgba(1,112,186,1) 0%, rgba(44,51,146,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0170ba', endColorstr='#2c3392', GradientType=0 );}
.level2{display: none;position: absolute;top:6.25rem;width:21.75rem;background:#ba1f1c;}
.level2 li a{padding: 1.25rem 1.625rem;font-size: 1.375rem;}

/*HOME*/
#home{width: 100%;}
#home .flex_wrapp{padding: 8vh 0;}
.bg_home{background-color:#FFF; background-image:url(../img/backGrpund.jpg);background-repeat:no-repeat; background-size:cover;background-position:center center;}
.contHomeL img, .contHomeR img{width:100%; height:auto;}
.txt_box, .txt_box_bottom {vertical-align: middle;}
.txt_box p{color: #FFF;line-height: normal;}
.img_box {vertical-align: middle;}
.box_medium img{width: 100%;height: auto;}
.box_big img{width: 100%;height: auto;}
.title{color: #263c98;text-shadow: 2px 5px 0px rgba(255, 255, 255, 1);}
.title em{color: #b52320;}
#bg_home02{background: rgba(230,33,46,1); background: -moz-linear-gradient(top, rgba(230,33,46,1) 0%, rgba(191,33,49,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,33,46,1)), color-stop(100%, rgba(191,33,49,1))); background: -webkit-linear-gradient(top, rgba(230,33,46,1) 0%, rgba(191,33,49,1) 100%); background: -o-linear-gradient(top, rgba(230,33,46,1) 0%, rgba(191,33,49,1) 100%); background: -ms-linear-gradient(top, rgba(230,33,46,1) 0%, rgba(191,33,49,1) 100%); background: linear-gradient(to bottom, rgba(230,33,46,1) 0%, rgba(191,33,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6212e', endColorstr='#bf2131', GradientType=0 );}
.bg_liston{background: url(../img/liston.png) repeat-x bottom center;}
#home_bottom{background:url(../img/bg_homeBottom.jpg); background-attachment:fixed;background-repeat: no-repeat;}
#img-left{position:relative;}
#img-left img{width:100%;}
#txt-imgCenter{position:relative;}
#txt-imgCenter img{width:100%;}
#img-right{position:relative;}
#img-right img{width:100%;}


/*PRODUCTOS*/
#productos{width: 100%;}
.bg_productos{background-image:url(../img/bg_vaca.png);background-repeat: repeat-x;background-attachment:fixed;}
.img_boxVtop{vertical-align: top; margin-bottom: 3.75rem;}
.box_mediumProds img{width: 100%;height: auto;margin-top: -1.25rem;}
.box_smallProds img{width: 100%; height: auto;}
.box_bigProds img{width: 100%;height: auto;}
.box_bigLight img{width: 100%; height: auto;}
#bg_prodsRed{background: rgba(230,33,46,1); background: -moz-linear-gradient(top, rgba(230,33,46,1) 0%, rgba(191,33,49,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,33,46,1)), color-stop(100%, rgba(191,33,49,1))); background: -webkit-linear-gradient(top, rgba(230,33,46,1) 0%, rgba(191,33,49,1) 100%); background: -o-linear-gradient(top, rgba(230,33,46,1) 0%, rgba(191,33,49,1) 100%); background: -ms-linear-gradient(top, rgba(230,33,46,1) 0%, rgba(191,33,49,1) 100%); background: linear-gradient(to bottom, rgba(230,33,46,1) 0%, rgba(191,33,49,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6212e', endColorstr='#bf2131', GradientType=0 );}
#bg_prodsRed p{padding: 0 1.875rem;}
#bg_prodsWithe{background: #FFF;padding: 3.125rem 1.875rem;position: relative;}
#bg_prodsWithe h1{color: #1f459e;font-weight: bolder; text-align: center;left: 0; right: 0;margin: 0 auto;position: absolute; background: #FFF;}
#bg_prodsWithe p{color: #202020; line-height: normal;}
.subtitleWithe{color: #FFF;font-weight: bolder;text-align: center;}
.dotted-line{background: url(../img/dotted.png) repeat-x left center;width: 50%;}
.table_nutri{color: #FFF;line-height: normal;margin: 0 auto;}
.table_nutri td{vertical-align: middle;}
#bg_productosBottom{background:url(../img/bg_vaca.png) !important; background-attachment:fixed;background-repeat: no-repeat;}
#cont_contacto{ margin-top: 25px;}

/*SNAKS*/
#snaks{width: 100%;}
.bg_snaks{background-image:url(../img/bg_gradient.jpg);background-repeat: no-repeat;background-attachment:fixed;}
#bg_prodsWithe .big_title{color: #1f459e;font-weight: bolder; text-align: center;left: 0; right: 0;margin: 0 auto;position:relative; background: #FFF;}
.img_boxVmiddle{vertical-align: middle; margin-bottom: 3.75rem;}
#list_snaks{padding: 0 30px;text-align: center}
#list_snaks li{vertical-align: top;text-align: center;}
#list_snaks img{width: 100%; height: auto;margin-bottom: 1.25rem;}
#list_snaks h3{color: #da2c28;margin-bottom: 0.9375rem}
#bg_prodsWithe #list_snaks p{text-align: left;line-height: normal;margin-bottom: 0.9375rem;}
.snak01{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.title_snaks{color: #d12925;margin-bottom: 1.875rem;}
.list_ingredientes{color: #333;line-height: normal;list-style-image: url(../img/bullet.png);}
.list_ingredientes li {margin: 0 0 0.625rem 0;}
#nav_snaks {text-align: center;}
#nav_snaks li{display: inline-block; vertical-align: middle;}
.arrow_nav img, .snak_nav img {width: 100%; height: auto;}

/*DONDE COMPRAR*/
#comprar{width: 100%;}
.bg_comprar {background-image:url(../img/bg_homeTop.jpg);background-repeat: no-repeat;background-attachment:fixed;}
.img_boxVbottom{vertical-align: bottom; margin-bottom: 3.75rem;}
.logo_list{text-align: center}
.logo_list li{display: inline-block; position: relative;}
.logo_list li img{opacity: 1;width: 100%;vertical-align: middle;-webkit-transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -o-transition: opacity 1s ease-out; transition: opacity 1s ease-out;}
.logo_list a{opacity: 0;display: block;position: absolute;z-index: 10;background: url(../img/ico_plus.png) no-repeat center center;height: 100%;width: 100%;-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out;}
.logo_list a:hover{background: url(../img/ico_plus.png) no-repeat center center;opacity: 1;}
.logo_list a:hover + img{opacity: 0.4;}
.lightbox_busca {display: none;background: #255da4;padding: 1.875rem;color: #FFF;}
.lightbox_busca p{line-height: normal; font-size: 1em;margin-bottom: 2.5rem;}
.lightbox_busca li{display:list-item;margin-right: 1.25rem;margin-bottom: 1.25rem;}
#contSelect{margin-bottom: 2.5rem;}
#contSelect span{display: inline-block;vertical-align: middle;}
.styled-select select {color: #666;background: transparent; width: 18.75rem; padding:0.375rem 0.3125rem; font-size: 1em; line-height: 1; border: 0; border-radius: 0; -webkit-appearance: none; }
.styled-select {display: inline-block; vertical-align: middle;width: 16.25rem; overflow: hidden; background: url(../img/arrowSelect.png) no-repeat right #FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/*CONTACTO*/
#contacto{width: 100%;}
.bg_contacto {background:url(../img/bg_contacto.jpg) no-repeat center 100px;background-size: cover;}
.row_contact{display: inline-block;vertical-align: top}
.td_contactS{display: inline-block;vertical-align: middle;margin-right: 1.25rem;text-align: left;margin-bottom:0.625rem;}
.td_contactM{display: inline-block;vertical-align: middle;margin-right: 1.25rem;margin-bottom:0.625rem;}
.td_contactM input[type="text"]{width: 100%;border: none; background-color: #3daee3;padding: 0.3125rem 0;color: #FFF;}
.td_contactM textarea{background-color: #3daee3;padding: 0.3125rem 0;width: 100%;border: none; color: #FFF;}
.td_contactM img{width: 100%;height: auto;}

/*HISTORIA*/
#historia{width: 100%;}
.bg_historia {background:url(../img/bg_banHistoria.jpg) no-repeat center bottom;background-size: cover;}
#time_line{position: absolute;width: 5px; background: #43b2e5; height: 100%;left: 0;right: 0;margin: 0 auto;}
.left_hist, .right_hist{vertical-align: middle;position: relative; margin-bottom: 1.875rem;}
.right_hist{margin-left: 2.9282576866764276%;}
.left_hist h3, .right_hist h3{color: #e1212e;text-align: left;font-weight: bolder;line-height: normal;}
.left_hist p, .right_hist p {text-align: left; line-height: normal;}
.dot_hist{position: absolute; display: block; width: 20px; height: 20px;border: 2px solid #FFF;background:#e1212e;border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px}

/*FOOTER*/
footer{background:url(../img/bg_footer.png) repeat-x bottom center;}
footer li{color: #FFF;}
footer a{color: #FFF;text-decoration: none;}
footer a:hover{text-decoration: underline;}
#terminos_condiciones, #aviso{display: none;}
.cont_lightbox{color: #FFF;line-height: normal;}
.cont_lightbox h3{text-align: center; text-transform: uppercase; font-size: 1.25rem;font-weight: bolder;}
.cont_lightbox h4{text-transform: uppercase; font-size: 1.125rem; font-weight: bolder;}
.cont_lightbox p{font-size: 1rem;margin-bottom: 1.25rem;}

/*! fancyBox */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, /*.fancybox-close,*/ .fancybox-prev span, .fancybox-next span { background-image: url('../img/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../img/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width:80px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-close::before{content: "Cerrar X";color: #FFF;font-size: 1.125rem;}
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(37, 94, 165, 0.9);; }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, /*.fancybox-close,*/ .fancybox-prev span, .fancybox-next span {
		background-image: url('../img/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../img/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}







/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */
.hidden { display: none !important; }

/*
 * Hide only visually, but have it available for screen readers
 */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard
 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible { visibility: hidden; }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

	 /* Small screens 320px */
	 @media screen and (min-width: 17.5em) {
		 /*HEADER*/
 		#list_social{text-align: right;padding: 0.3125rem 1.25rem 0.3125rem 0;}
 		#list_social li{display: inline-block;text-align: center;margin-left:1.25rem;}
 		#cont_logo{width: 5rem;display: inline-block;position: absolute;top: -1.25rem;left: 1.875rem;}
 		nav{text-align: right; padding-left:0;font-size: 1.5625rem;display: none;position: absolute;width: 90%;top: 52px;left: 0;right: 0; margin: 0 auto;background:rgba(186,31,28,0.9);}
 		.level1 li{display: list-item;text-align: center;position: relative;}
 		.level1 li a, .level1 li span{display: block; padding: 0.9375rem;}
 		.level2{display: block;position: relative;top:0;width:auto;}
 		.level2 li a{padding: 0.9375rem;font-size: 1.125rem;}
 		#submenu:hover .level2{display:block;}
 		.level2 li{display: list-item;}
 		.line_nav {height: 0.25rem;display: block;background: #FFF;}
 		.cont_burger {width: 3.125rem; height: 3.125rem; cursor: pointer; float: right;}

 		.burger { width: 1.875rem; height: 0.3125rem; background: white; position: relative; margin: 0; top: 1.25rem; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; }
 		.burger:before { content: ''; width:1.875rem; height: 0.3125rem; background: white; position: relative; display: block; top: -0.625rem; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }
 		.burger:after { content: ''; width: 1.875rem; height: 0.3125rem; background: white; position: relative; display: block; top: 0.3125rem; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }
 		.burger.active { -webkit-transform: scale(1.5); transform: scale(1.5); border-radius:200%; height: 2.5rem; width: 2.5rem; background: none; top: 0; padding-top: 0.875rem; padding-left:0.625rem; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }
 		.burger.active:before { -webkit-transform: rotate(45deg) scale(0.8); transform: rotate(45deg) scale(0.8); -webkit-transform-origin: 45% 9%; transform-origin: 45% 9%; top: 0; opacity: 1; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }
 		.burger.active:after { -webkit-transform: rotate(-45deg) scale(0.8); transform: rotate(-45deg) scale(0.8); -webkit-transform-origin: 25% 0%; transform-origin: 25% 0%; top: 0; opacity: 1; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }


 		/*HOME*/
 		#home{width: 100%;}
		#home .flex_wrapp{display:flex; flex-direction:column-reverse; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding:5vh 0 0 0;}
		.contHomeL{width:90%; position:relative; margin-right:0;}
		.contHomeR{width:70%; position:relative; padding-bottom:50px;}
 		.bg_home{padding-top: 6rem; background-position: center center;}
		.img_boxVtop{margin-bottom:0rem;}
 		.txt_box {width: 90%; display:block;margin: 0 auto;}
 		.txt_box h2{font-size: 1.75rem;margin-bottom: 1.875rem;}
 		.txt_box p{font-size: 0.875rem;margin-bottom:1.875rem;}
 		.img_box {display: block;margin: 0 auto;}
 		.box_medium{width: 50%;margin-bottom: -0.1875rem;}
 		.box_big{width: 80%;}
 		.box_big img{margin-top: -0.9375rem;}
 		.title{font-size: 1.875rem;margin-bottom:1.875rem;}
 		.title em{font-size:2rem;}
 		.title small{font-size: 1.375rem;}
 		.bg_liston{padding-bottom: 5.625rem;}
 		#home_bottom{height:31.25rem;background-position:center bottom;}
 		/*#home_bottom .txt_box{margin-top: 0;float: none;padding-top: 15%}*/
		#home_bottom .txt_box_bottom{margin-top: 0;float: none;padding-top:15%}
		.txt_box_bottom{width: 90%;display:block;margin: 0 auto}
		.txt_box_bottom h2{font-size: 1.75rem;margin-bottom: 1.875rem;}
		#img-left{display:none;}
		#txt-imgCenter{width:90vw; align-self:flex-end;}
		#img-right{display:none;}


		/*PRODUCTOS*/
		#productos{width: 100%;}
	 .bg_productos{padding-top: 10rem;background-position: center center;}
	 .img_boxVtop {display: inline-block;margin-bottom: 3.75rem;}
	 .box_smallProds{width: 60%;margin: 0 auto 50px auto;}
	 .box_bigProds{width: 90%;margin: 0 auto}
	 .box_mediumProds{width: 90%;margin: 0 auto}
	 .box_bigLight{width: 90%; margin: 0 auto}
	 #bg_prodsWithe{padding: 3.125rem 1.875rem;}
	 #bg_prodsWithe h1{font-size: 1.75rem;width: 90%;top: -6rem;padding: 0.9375rem;}
	 #bg_prodsWithe p{font-size: 0.875rem; }
	 .subtitleWithe{font-size: 1.75rem; padding: 0.9375rem;}
	 .table_nutri{width: 96%; font-size: 1.125rem;}
	 .table_nutri td{padding: 0.3125rem;}
	 #bg_productosBottom{height:36.25rem;background-position: center 15%;}

	 /*SNAKS*/
	 #snaks{width: 100%;}
	 .bg_snaks{padding-top: 10rem;background-position: top center;}
	 .img_boxVmiddle {display: inline-block;margin-bottom: 3.75rem;}
	 #bg_prodsWithe .big_title{font-size: 1.5rem;top: -1.875rem;padding: 0.9375rem;}
	 #list_snaks{padding: 0 20px;}
	 #list_snaks li{width: 100%;display: inline-block;margin-right: 0;margin-bottom: 2.5rem;}
	 #list_snaks:nth-child(1n+3){margin-right: 0}
	 #list_snaks:nth-child(1n+2){margin-right: 0}
	 #list_snaks h3{font-size: 1rem;}
	 #bg_prodsWithe #list_snaks p{font-size: 0.875rem;}
	 #bg_productosBottom .txt_box{top: 30px;position: relative}
	 #bgsnak{height:21.25rem;}
	 .title_snaks{font-size: 1.125rem;}
	 .list_ingredientes{font-size: 0.875rem;padding-left: 1.5625rem;margin-bottom: 1.875rem;}
	 .list_ingredientes li {margin: 0 0 0.625rem 0;}
	 .arrow_nav{width: 20%;}
	 .snak_nav{width: 18%}

	 /*DONDE COMPRAR*/
	 .bg_comprar {padding-top: 10rem;background-position: center top;}
	 .img_boxVbottom{display: inline-block;margin-bottom: 3.75rem;}
	 .logo_list{padding: 0;}
	 .logo_list li{width: 40%;margin: 0 0.625rem 1.25rem 0.625rem;}
	 .logo_list a{background-size: 40px 40px;}
	 .logo_list a:hover{background-size: 40px 40px;}

	 /*CONTACTO*/
	 #contacto{width: 100%;}
	 .bg_contacto {padding-top: 10rem;height: 18.75rem;}
	 .row_contact{width: 100%;display: inline-block;}
	 .td_contactS{width: 98%;display: inline-block;margin-right: 0;font-size: 1rem;}
	 .td_contactM{width: 98%;display: inline-block;margin-right: 0;}

	 /*HISTORIA*/
	 .bg_historia {padding-top: 10rem;height: 28.125rem;}
	 #time_line{display: none;}
	 .left_hist, .right_hist{width: 98%;margin: 0 auto 3.125rem auto; display: block;}
	 .right_hist{margin-left: auto;}
	 .left_hist h3, .right_hist h3{font-size: 1.125rem;}
	 .left_hist h3 span, .right_hist h3 span {font-size: 1.375rem;}
	 .left_hist p, .right_hist p {font-size: 0.875rem;}
	 .dot_hist{right: 50%; top: -30px;}
	 .left_hist img, .right_hist img{width: 90%;height: auto}

 		/*FOOTER*/
 		 footer{width: 100%;height: 16.0625rem;margin-top:-16.0625rem;font-size: 0.875rem;}
 		 footer ul{position: absolute;bottom: -15rem;width: 100%;text-align: center;}
 		 footer li{display: inline-block;}
	 }

	 /* Medium screens 500px */
	@media screen and (min-width: 37.5em) {
		/*HEADER*/
		#list_social{text-align: right;padding: 0.3125rem 1.25rem 0.3125rem 0;}
		#list_social li{display: inline-block;text-align: center;margin-left:1.25rem;}
		#cont_logo{width: 7.5rem;display: inline-block;position: absolute;top: -1.25rem;left: 1.875rem;}
		nav{text-align: right; padding-left:0;font-size: 1.5625rem;display: none;position: absolute;width: 90%;top: 52px;left: 0;right: 0; margin: 0 auto;background:rgba(186,31,28,0.9);}
		.level1 li{display: list-item;text-align: center;position: relative;}
		.level1 li a, .level1 li span{display: block; padding: 0.9375rem;}
		.level2{display: block;position: relative;top:0;width:auto;}
		.level2 li a{padding: 0.9375rem;font-size: 1.125rem;}
		#submenu:hover .level2{display:block;}
		.level2 li{display: list-item;}
		.line_nav {height: 0.25rem;display: block;background: #FFF;}
		.cont_burger {width: 3.125rem; height: 3.125rem; cursor: pointer; float: right;}

		.burger { width: 1.875rem; height: 0.3125rem; background: white; position: relative; margin: 0; top: 1.25rem; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; }
		.burger:before { content: ''; width:1.875rem; height: 0.3125rem; background: white; position: relative; display: block; top: -0.625rem; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }
		.burger:after { content: ''; width: 1.875rem; height: 0.3125rem; background: white; position: relative; display: block; top: 0.3125rem; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }
		.burger.active { -webkit-transform: scale(1.5); transform: scale(1.5); border-radius:200%; height: 2.5rem; width: 2.5rem; background: none; top: 0; padding-top: 0.875rem; padding-left:0.625rem; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }
		.burger.active:before { -webkit-transform: rotate(45deg) scale(0.8); transform: rotate(45deg) scale(0.8); -webkit-transform-origin: 45% 9%; transform-origin: 45% 9%; top: 0; opacity: 1; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }
		.burger.active:after { -webkit-transform: rotate(-45deg) scale(0.8); transform: rotate(-45deg) scale(0.8); -webkit-transform-origin: 25% 0%; transform-origin: 25% 0%; top: 0; opacity: 1; -webkit-transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); transition: 0.3s all cubic-bezier(0.17, 0.67, 0.1, 1.23); }


		/*HOME*/
		#home{width: 100%;}
		#home .flex_wrapp{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:stretch; padding:5vh 0 0 0;}
		.contHomeL{width:50%; position:relative; margin-right:50px;}
		.contHomeR{width:30%; position:relative; padding-bottom:100px;}
		.bg_home{padding-top: 6rem; background-position: center center;}
		.txt_box {width: 53.440702781844806%; display: inline-block;}
		.txt_box h2{font-size: 2.125rem;margin-bottom: 1.875rem;}
		.txt_box p{font-size: 0.875rem;margin-bottom:1.875rem;}
		.img_box {display: inline-block;}
		.box_medium{width: 36%;margin-bottom: -0.1875rem;}
		.box_big{width: 38.06734992679356%;}
		.box_big img{margin-top: -0.9375rem;}
		.title{font-size: 2.875rem;margin-bottom:1.875rem;}
		.title em{font-size:3.125rem;}
		.title small{font-size: 1.875rem;}
		.bg_liston{padding-bottom: 5.625rem;}
		#home_bottom{height:37.5rem;background-position: center 16rem;}
		/*#home_bottom .txt_box{margin-top: 10%;float: right;padding-top: 0}*/
		#home_bottom .txt_box_bottom{margin-top: 10%;float: right;padding-top: 0}
		.txt_box_bottom{width: 39.45827232796486%;display: inline-block;}
		.txt_box_bottom h2{font-size: 2.125rem;margin-bottom: 1.875rem;}
		#img-left{width:20vw; display:block;}
		#txt-imgCenter{width:40vw; align-self:flex-end;}
		#img-right{width:20vw; display:block;}

		/*PRODUCTOS*/
		#productos{width: 100%;}
	 .bg_productos{padding-top: 10rem;background-position: center center;}
	 .img_boxVtop {display: inline-block;margin-bottom: 3.75rem;}
	 .box_smallProds{width: 30.01464128843338%;}
	 .box_bigProds{width: 65.88579795021961%;}
	 .box_mediumProds{width: 39.31185944363104%;}
	 .box_bigLight{width: 50.51244509516838%}
	 #bg_prodsWithe{padding: 3.125rem 1.875rem;}
	 #bg_prodsWithe h1{font-size: 2.25rem;width: 80%;top: -6.875rem;padding: 0.9375rem;}
	 #bg_prodsWithe p{font-size: 1rem; }
	 .subtitleWithe{font-size: 2.25rem; padding: 0.9375rem;}
	 .table_nutri{width: 96%; font-size: 1.125rem;}
	 .table_nutri td{padding: 0.3125rem;}
	 #bg_productosBottom{height:31.25rem;background-position: center 15%;}

	 /*SNAKS*/
	 #snaks{width: 100%;}
	 .bg_snaks{padding-top: 10rem;background-position: top center;}
	 .img_boxVmiddle {display: inline-block;margin-bottom: 3.75rem;}
	 #bg_prodsWithe .big_title{font-size: 2rem;top: -1.875rem;padding: 0.9375rem;}
	 #list_snaks{padding: 0 30px;}
	 #list_snaks li{width: 45.44270833333333%;display: inline-block;margin-right: 2.049780380673499%;margin-bottom: 2.5rem;}
	 #list_snaks:nth-child(1n+3){margin-right: 0}
	 #list_snaks:nth-child(1n+2){margin-right: 0}
	 #list_snaks h3{font-size: 1rem;}
	 #bg_prodsWithe #list_snaks p{font-size: 0.875rem;}
	 #bg_productosBottom .txt_box{top: 30px;position: relative}
	 #bgsnak{height:40.625rem;}
	 .title_snaks{font-size: 1.125rem;}
	 .list_ingredientes{font-size: 1rem;padding-left: 1.5625rem;margin-bottom: 1.875rem;}
	 .list_ingredientes li {margin: 0 0 0.625rem 0;}
	 .arrow_nav{width: 8.272327964860908%;}
	 .snak_nav{width: 7.833089311859444%}

	 /*DONDE COMPRAR*/
	 .bg_comprar {padding-top: 10rem;background-position: center top;}
	 .img_boxVbottom{display: inline-block;margin-bottom: 3.75rem;}
	 .logo_list{padding: 1.875rem;}
	 .logo_list li{width: 30.380673499267935%;margin: 0 0.625rem 1.25rem 0.625rem;}
	 .logo_list a{background-size: 65px 65px;}
	 .logo_list a:hover{background-size: 65px 65px;}
	 .lightbox_busca li{width: auto;}
	 .lightbox_busca li:nth-child(3n+3){margin-right: none;}

	 /*CONTACTO*/
	 #contacto{width: 100%;}
	 .bg_contacto {padding-top: 10rem;height: 28.125rem;}
	 .row_contact{width: 100%;display: inline-block;}
	 .td_contactS{width: 20%;display: inline-block;margin-right: 1.25rem;font-size: 1.125rem;}
	 .td_contactM{width: 70%;display: inline-block;margin-right: 1.25rem;}

	 /*HISTORIA*/
	 .bg_historia {padding-top: 10rem;height: 28.125rem;}
	 #time_line{display: block;}
	 .left_hist, .right_hist{width: 44%;display: inline-block}
	 .right_hist{margin-left: 2.9282576866764276%;}
	 .left_hist h3, .right_hist h3{font-size: 1.5rem;}
	 .left_hist h3 span, .right_hist h3 span {font-size: 2.25rem;}
	 .left_hist p, .right_hist p {font-size: 1.125rem;}
	 .dot_hist{right: -25px; top: 48%;}
	 .left_hist img, .right_hist img{width: 78%;height: auto}

		/*FOOTER*/
		 footer{width: 100%;height: 16.0625rem;margin-top:-16.0625rem;font-size: 0.875rem;}
		 footer ul{position: absolute;bottom: -15rem;width: 100%;text-align: center;}
		 footer li{display: inline-block;}
	}

	 /* Medium screens 850px */
	 @media screen and (min-width: 53.1875em) {
		 /*HEADER*/
		 #list_social{text-align: right;padding: 0.3125rem 1.25rem 0.3125rem 0;}
		 #list_social li{display: inline-block;text-align: center;margin-left:1.25rem;}
		 #cont_logo{width: 7.5rem;display: inline-block;position: absolute;top: -1.25rem;left: 1.875rem;}
		 nav{display: block;text-align: right; padding-left:13%;font-size: 1.125rem;position: relative;width: auto;top: 0;left: 0;right: 0; margin: 0;background:none;}
		 .level1 li{display: inline-block;text-align: center;position: relative;}
		 .level1 li a, .level1 li span{display: block; padding: 1.875rem 1.375rem;}
		 .level2{display: none;position: absolute;top:4.875rem;width:18.125rem;}
		 .level2 li a{padding: 1.25rem 1.625rem;font-size: 1.125rem;}
		 #submenu:hover .level2{display:block;}
		 .level2 li{display: list-item;}
		 .cont_burger{display: none;}

		 /*HOME*/
		 #home{width: 100%;}
		 #home .flex_wrapp{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:stretch; padding:0;}
		 .contHomeL{width:50%; position:relative; margin-right:50px;}
		 .contHomeR{width:30%; position:relative; padding-bottom:100px;}
		 .bg_home{padding-top: 10rem;background-position: top center;}
		 .txt_box {width: 53.440702781844806%; display: inline-block;}
		 .txt_box h2{font-size: 2.5rem;margin-bottom: 1.875rem;}
		 .txt_box p{font-size: 0.875rem;margin-bottom:1.875rem;}
		 .img_box {display: inline-block;}
		 .box_medium{width: 36%;margin-bottom: -0.1875rem;}
		 .box_big{width: 38.06734992679356%;}
		 .box_big img{margin-top: -0.9375rem;}
		 .title{font-size: 3.75rem;margin-bottom:1.875rem;}
		 .title em{font-size:4.125rem;}
		 .title small{font-size: 2.375rem;}
		 .bg_liston{padding-bottom: 5.625rem;}
		 #home_bottom{height:43.75rem;background-position: center 3.125rem;}
		 /*#home_bottom .txt_box{margin-top: 10%;float: right;padding-top: 0}*/
		 #home_bottom .txt_box_bottom{margin-top: 10%;float: right;padding-top: 0}
		 .txt_box_bottom{width: 39.45827232796486%;display: inline-block;}
		 .txt_box_bottom h2{font-size: 2rem;margin-bottom: 1.875rem;}
		 #img-left{width:22vw; display:block;}
		 #txt-imgCenter{width:40vw; align-self:flex-end;}
		 #img-right{width:22vw; display:block;}

		 /*PRODUCTOS*/
		 #productos{width: 100%;}
 		.bg_productos{padding-top: 10rem;background-position: center center;}
		.img_boxVtop {display: inline-block;margin-bottom: 3.75rem;}
 		.box_smallProds{width: 30.01464128843338%;}
 		.box_bigProds{width: 65.88579795021961%;}
 		.box_mediumProds{width: 39.31185944363104%;}
		.box_bigLight{width: 50.51244509516838%}
		#bg_prodsWithe{padding: 3.125rem 1.875rem;}
		#bg_prodsWithe h1{font-size: 2.25rem;width: 80%;top: -6.875rem;padding: 0.9375rem;}
		#bg_prodsWithe p{font-size: 1.125rem; }
		.subtitleWithe{font-size: 2.25rem; padding: 0.9375rem;}
		.table_nutri{width: 96%; font-size: 1.125rem;}
		.table_nutri td{padding: 0.3125rem;}
 		#bg_productosBottom{height:37.5rem;background-position: center 15%;}

		/*SNAKS*/
		#snaks{width: 100%;}
		.bg_snaks{padding-top: 10rem;background-position: center center;}
		.img_boxVmiddle {display: inline-block;margin-bottom: 3.75rem;}
		#bg_prodsWithe .big_title{font-size: 2.75rem;top: -1.875rem;padding: 0.9375rem;}
		#list_snaks{padding: 0 30px;}
		#list_snaks li{width: 30.161054172767205%;display: inline-block;margin-right: 2.049780380673499%;margin-bottom: 2.5rem;}
		#list_snaks:nth-child(1n+3){margin-right: 0}
		#list_snaks:nth-child(1n+2){margin-right: 2.049780380673499%}
		#list_snaks h3{font-size: 1rem;}
		#bg_prodsWithe #list_snaks p{font-size: 0.875rem;}
		#bg_productosBottom .txt_box{top: 0;}
		#bgsnak{height:40.625rem;}
		.title_snaks{font-size: 1.5rem;}
		.list_ingredientes{font-size: 1.125rem;padding-left: 1.5625rem;margin-bottom: 1.875rem;}
		.list_ingredientes li {margin: 0 0 0.625rem 0;}
		.arrow_nav{width: 8.272327964860908%;}
		.snak_nav{width: 7.833089311859444%}

		/*DONDE COMPRAR*/
		.bg_comprar {padding-top: 10rem;background-position: center top;}
		.img_boxVbottom{display: inline-block;margin-bottom: 3.75rem;}
		.logo_list{padding: 0;}
		.logo_list li{width: 23.060029282576867%;margin: 0 0.375rem 1.25rem 0.375rem;}
		.logo_list a{background-size: 65px 65px;}
		.logo_list a:hover{background-size: 65px 65px;}
		.lightbox_busca li{width: auto;}
		.lightbox_busca li:nth-child(3n+3){margin-right: none;}

		/*CONTACTO*/
		#contacto{width: 100%;}
		.bg_contacto {padding-top: 10rem;height: 28.125rem;}
		.row_contact{width: 46%;display: inline-block;}
		.td_contactS{width: 15%;display: inline-block;margin-right: 1.25rem;font-size: 1.125rem;}
		.td_contactM{width: 73%;display: inline-block;margin-right: 1.25rem;}

		/*HISTORIA*/
		.bg_historia {padding-top: 10rem;height: 28.125rem;}
		#time_line{display: block;}
		.left_hist, .right_hist{width: 44%;display: inline-block; }
		.right_hist{margin-left: 2.9282576866764276%;}
		.left_hist h3, .right_hist h3{font-size: 1.5rem;}
		.left_hist h3 span, .right_hist h3 span {font-size: 2.25rem;}
		.left_hist p, .right_hist p {font-size: 1.125rem;}
		.dot_hist{right: -30px; top: 48%;}
		.left_hist img, .right_hist img{width: 78%;height: auto}


		 /*FOOTER*/
 		footer{width: 100%;height: 16.0625rem;margin-top:-16.0625rem;font-size: 0.875rem;}
 		footer ul{position: absolute;bottom: -15rem;width: 100%;text-align: center;}
 		footer li{display: inline-block;}
	 }

	 /* Large screens 1024px */
	 @media screen and (min-width: 64.0625em) {
		 /*HEADER*/
		 #list_social{text-align: right;padding: 0.3125rem 0;}
		 #list_social li{display: inline-block;text-align: center;margin-left:1.25rem;}
		 #cont_logo{width: 8.625rem;display: inline-block;position: absolute;top: -1.25rem;left: 1.25rem;z-index: 99;}
		 nav{display: block;text-align: right; padding-left:15.625%;font-size: 1.5rem;position: relative;width: auto;top: 0;left: 0;right: 0; margin: 0;background:none}
		 .level1 li{display: inline-block;text-align: center;position: relative;}
		 .level1 li a, .level1 li span{display: block; padding: 1.25rem 1.625rem;}
		 .level2{display: none;position: absolute;top:4rem;width:21.75rem;}
		 .level2 li a{padding: 1.25rem 1.625rem;font-size: 1.375rem;}
		 #submenu:hover .level2{display:block;}
		 .level2 li{display: list-item;}
		 .cont_burger{display: none;}

		 /*HOME*/
		 #home{width: 100%;}
		 #home .flex_wrapp{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:stretch; padding:0;}
		 .contHomeL{width:50%; position:relative; margin-right:50px;}
		 .contHomeR{width:30%; position:relative; padding-bottom:100px;}
		 .bg_home{padding-top: 8rem;background-position: center center;}
		 .txt_box {width: 48%; display: inline-block;}
		 .txt_box h2{font-size: 3.75rem;margin-bottom: 1.875rem;}
		 .txt_box p{font-size: 0.875rem;margin-bottom:1.875rem;}
		 .img_box {display: inline-block;}
		 .box_medium{width: 26%;margin-bottom: -0.1875rem;}
		 .box_big{width: 38.06734992679356%;}
		 .box_big img{margin-top: -0.9375rem;}
		 .title{font-size: 3.625rem;margin-bottom: 2.5rem;}
		 .title em{font-size:3.125rem;}
		 .title small{font-size: 3.5rem;}
		 .bg_liston{padding-bottom: 5.625rem;}
		 #home_bottom{height:43.75rem;background-position: center 3.125rem;}
		 #home_bottom .txt_box_bottom{margin-top: 10%;float: right;padding-top: 0}
		 .txt_box_bottom{width: 39.45827232796486%;display: inline-block;}
		 .txt_box_bottom h2{font-size: 2.75rem;margin-bottom: 1.875rem;}
		 #img-left{width:15vw; display:block;}
		 #txt-imgCenter{width:35vw; align-self:flex-end;}
		 #img-right{width:15vw; display:block;}

		 /*PRODUCTOS*/
		 #productos{width: 100%;}
		 .bg_productos{padding-top: 10rem;background-position: center center;}
		 .img_boxVtop {display: inline-block;margin-bottom: 3.75rem;}
		 .box_smallProds{width: 26.01464128843338%;}
		 .box_bigProds{width: 50.88579795021961%;}
		 .box_mediumProds{width: 39.31185944363104%;}
		 .box_bigLight{width: 32.51244509516838%}
		 #bg_prodsWithe{padding: 3.125rem 1.875rem;}
		 #bg_prodsWithe h1{font-size: 2.25rem;width: 80%;top: -6.875rem;padding: 0.9375rem;}
		 #bg_prodsWithe p{font-size: 1.125rem; }
		 .subtitleWithe{font-size: 2.25rem; padding: 0.9375rem;}
		 .table_nutri{width: 99%; font-size: 1.375rem;}
		 .table_nutri td{padding: 0.3125rem;}
		 #bg_productosBottom{height:43.75rem;background-position: center 15%;}
		 #bg_productosBottom .txt_box{top: 0;}

		 /*SNAKS*/
		 #snaks{width: 100%;}
		 .bg_snaks{padding-top: 10rem;background-position: center center;}
		 .img_boxVmiddle {display: inline-block;margin-bottom: 3.75rem;}
		 #bg_prodsWithe .big_title{font-size: 3.75rem;width: auto;top: -1.875rem;padding: 0.9375rem;}
		 #list_snaks{padding: 0 30px;}
		 #list_snaks li{width: 30.161054172767205%;display: inline-block;margin-right: 2.049780380673499%;margin-bottom: 2.5rem;}
		 #list_snaks:nth-child(1n+3){margin-right: 0}
		 #list_snaks:nth-child(1n+2){margin-right: 2.049780380673499%}
		 #list_snaks h3{font-size: 1rem;}
		 #bg_prodsWithe #list_snaks p{font-size: 0.875rem;}
		 #bgsnak{height:32.5rem;}
		 .title_snaks{font-size: 1.5rem;}
		 .list_ingredientes{font-size: 1.125rem;padding-left: 1.5625rem;margin-bottom: 1.875rem;}
		 .list_ingredientes li {margin: 0 0 0.625rem 0;}
		 .arrow_nav{width: 8.272327964860908%;}
		 .snak_nav{width: 7.833089311859444%}

		 /*DONDE COMPRAR*/
		 .bg_comprar {padding-top: 8rem;background-position: center top;}
		 .img_boxVbottom{display: inline-block;margin-bottom: 3.75rem;}
		 .logo_list{padding: 1.875rem;}
		 .logo_list li{width: 23.060029282576867%;margin: 0 0.625rem 1.25rem 0.625rem;}
		 .logo_list a{background-size: 65px 65px;}
		 .logo_list a:hover{background-size: 65px 65px;}
		 .lightbox_busca li{width: auto;}
		 .lightbox_busca li:nth-child(3n+3){margin-right: none;}


		 /*CONTACTO*/
		 #contacto{width: 100%;}
		 .bg_contacto {padding-top: 10rem;height: 22.5rem;}
		 .row_contact{width: 46%;display: inline-block;}
		 .td_contactS{width: 15%;display: inline-block;margin-right: 1.25rem;font-size: 1.125rem;}
		 .td_contactM{width: 75%;display: inline-block;margin-right: 1.25rem;}

		 /*HISTORIA*/
		 .bg_historia {padding-top: 10rem;height: 26.25rem;}
		 #time_line{display: block;}
		 .left_hist, .right_hist{width: 44%;display: inline-block; }
		 .right_hist{margin-left: 2.9282576866764276%;}
		 .left_hist h3, .right_hist h3{font-size: 1.5rem;}
		 .left_hist h3 span, .right_hist h3 span {font-size: 2.25rem;}
		 .left_hist p, .right_hist p {font-size: 1.125rem;}
		 .dot_hist{right: -33px; top: 48%;}
		 .left_hist img, .right_hist img{width: auto;}


		 /*FOOTER*/
 		footer{width: 100%;height: 16.0625rem;margin-top:-16.0625rem;font-size: 1rem;}
 		footer ul{position: absolute;bottom: -15rem;width: 100%;text-align: center;}
 		footer li{display: inline-block;}
	 }

	 /* Large screens 1366px */
	 @media screen and (min-width: 85.3125em) {
		 /*HEADER*/
		 #list_social{text-align: right;padding: 0.3125rem 0;}
		 #list_social li{display: inline-block;text-align: center;margin-left:1.25rem;}
		 #cont_logo{width: 10.625rem;display: inline-block;position: absolute;top: -1.25rem;left: 1.25rem;z-index: 99;}
		 nav{display: block;text-align: right; padding-left:15.625%;font-size: 1.5rem;position: relative;width: auto;top: 0;left: 0;right: 0; margin: 0;background:none}
		 .level1 li{display: inline-block;text-align: center;position: relative;}
		 .level1 li a, .level1 li span{display: block; padding: 2.375rem 1.625rem;}
		 .level2{display: none;position: absolute;top:6.25rem;width:21.75rem;}
		 .level2 li a{padding: 1.25rem 1.625rem;font-size: 1.375rem;}
		 #submenu:hover .level2{display:block;}
		 .level2 li{display: list-item;}
		 .cont_burger{display: none;}

		 /*HOME*/
		 #home{width: 100%;}
		 #home .flex_wrapp{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:stretch; padding:0;}
		 .txt-images {align-self:flex-end;}
		 .contHomeL{width:50%; position:relative; margin-right:50px;}
		 .contHomeR{width:30%; position:relative; padding-bottom:100px;}
		 .bg_home{padding-top: 10rem;background-position: top center;}
		 .txt_box {width: 53.440702781844806%; display: inline-block;}
		 .txt_box h2{font-size: 3.75rem;margin-bottom: 1.875rem;}
		 .txt_box p{font-size: 0.875rem;margin-bottom:1.875rem;}
		 .img_box {display: inline-block;}
		 .box_medium{width: 36%;margin-bottom: -0.1875rem;}
		 .box_big{width: 38.06734992679356%;}
		 .box_big img{margin-top: -0.9375rem;}
		 .title{font-size: 4.375rem;margin-bottom: 2.5rem;}
		 .title em{font-size:4rem;}
		 .title small{font-size: 3.5rem;}
		 .bg_liston{padding-bottom: 5.625rem;}
		 #home_bottom{height:43.75rem;background-position: center 3.125rem;}
		 #home_bottom .txt_box_bottom{margin-top: 10%;float: right;padding-top: 0}
		 .txt_box_bottom{width: 39.45827232796486%;display: inline-block;}
		 .txt_box_bottom h2{font-size: 2.75rem;margin-bottom: 1.875rem;}
		 #img-left{width:15vw; display:block;}
		 #txt-imgCenter{width:35vw; align-self:flex-end;}
		 #img-right{width:15vw; display:block;}

		 /*PRODUCTOS*/
		 #productos{width: 100%;}
		 .bg_productos{padding-top: 10rem;background-position: center center;}
		 .img_boxVtop {display: inline-block;margin-bottom: 3.75rem;}
		 .box_smallProds{width: 30.01464128843338%;}
		 .box_bigProds{width: 65.88579795021961%;}
		 .box_mediumProds{width: 39.31185944363104%;}
		 .box_bigLight{width: 50.51244509516838%}
		 #bg_prodsWithe{padding: 3.125rem 1.875rem;}
		 #bg_prodsWithe h1{font-size: 2.25rem;width: 80%;top: -6.875rem;padding: 0.9375rem;}
		 #bg_prodsWithe p{font-size: 1.125rem; }
		 .subtitleWithe{font-size: 2.25rem; padding: 0.9375rem;}
		 .table_nutri{width: 99%; font-size: 1.375rem;}
		 .table_nutri td{padding: 0.3125rem;}
		 #bg_productosBottom{height:43.75rem;background-position: center 15%;}
		 #bg_productosBottom .txt_box{top: 0;}

		 /*SNAKS*/
		 #snaks{width: 100%;}
		 .bg_snaks{padding-top: 10rem;background-position: center center;}
		 .img_boxVmiddle {display: inline-block;margin-bottom: 3.75rem;}
		 #bg_prodsWithe .big_title{font-size: 3.75rem;width: auto;top: -1.875rem;padding: 0.9375rem;}
		 #list_snaks{padding: 0 30px;}
		 #list_snaks li{width: 30.161054172767205%;display: inline-block;margin-right: 2.049780380673499%;margin-bottom: 2.5rem;}
		 #list_snaks:nth-child(1n+3){margin-right: 0}
		 #list_snaks:nth-child(1n+2){margin-right: 2.049780380673499%}
		 #list_snaks h3{font-size: 1rem;}
		 #bg_prodsWithe #list_snaks p{font-size: 0.875rem;}
		 #bgsnak{height:40.625rem;}
		 .title_snaks{font-size: 1.5rem;}
		 .list_ingredientes{font-size: 1.125rem;padding-left: 1.5625rem;margin-bottom: 1.875rem;}
		 .list_ingredientes li {margin: 0 0 0.625rem 0;}
		 .arrow_nav{width: 8.272327964860908%;}
		 .snak_nav{width: 7.833089311859444%}

		 /*DONDE COMPRAR*/
		 .bg_comprar {padding-top: 10rem;background-position: center top;}
		 .img_boxVbottom{display: inline-block;margin-bottom: 3.75rem;}
		 .logo_list{padding: 1.875rem;}
		 .logo_list li{width: 23.060029282576867%;}
		 .logo_list a{background-size: 65px 65px;}
		 .logo_list a:hover{background-size: 65px 65px;}
		 .lightbox_busca li{width: auto;}
		 .lightbox_busca li:nth-child(3n+3){margin-right: none;}


		 /*CONTACTO*/
		 #contacto{width: 100%;}
		 .bg_contacto {padding-top: 10rem;height: 37.5rem;}
		 .row_contact{width: 46%;display: inline-block;}
		 .td_contactS{width: 15%;display: inline-block;margin-right: 1.25rem;font-size: 1.125rem;}
		 .td_contactM{width: 75%;display: inline-block;margin-right: 1.25rem;}

		 /*HISTORIA*/
		 .bg_historia {padding-top: 10rem;height: 28.125rem;}
		 #time_line{display: block;}
		 .left_hist, .right_hist{width: 44%;display: inline-block; }
		 .right_hist{margin-left: 2.9282576866764276%;}
		 .left_hist h3, .right_hist h3{font-size: 1.5rem;}
		 .left_hist h3 span, .right_hist h3 span {font-size: 2.25rem;}
		 .left_hist p, .right_hist p {font-size: 1.125rem;}
		 .dot_hist{right: -33px; top: 48%;}
		 .left_hist img, .right_hist img{width: auto;}


		 /*FOOTER*/
 		footer{width: 100%;height: 16.0625rem;margin-top:-16.0625rem;font-size: 1rem;}
 		footer ul{position: absolute;bottom: -15rem;width: 100%;text-align: center;}
 		footer li{display: inline-block;}
	 }

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request
   ========================================================================== */

@media print {
    *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

    /*
     * Printing Tables
     */
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}