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

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

}
@font-face {
    font-family: 'GothamMedium';
    src: url('../fonts/gotham-medium.188282b3aad6.eot');
    src: url('../fonts/gotham-medium.188282b3aad6.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-medium.db20a3532005.woff2') format('woff2'),
         url('../fonts/gotham-medium.woff') format('woff'),
         url('../fonts/gotham-medium.ttf') format('truetype'),
         url('../fonts/gotham-medium.svg#GothamMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'GothamLight';
    src: url('../fonts/gotham-light.188282b3aad6.eot');
    src: url('../fonts/gotham-light.188282b3aad6.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-light.woff') format('woff'),
         url('../fonts/gotham-light.ttf') format('truetype'),
         url('../fonts/gotham-light.svg#GothamMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
/***** Globales *****/
body, h1, h2, h3, h4, h5, h6 {
	font-family: GothamLight, 'GothamLight', GothamBook, 'GothamBook', sans-serif !important;
	color: #fff !important;
	font-weight: 400 !important;
}
body {
	background-color: #000 !important;
	xxbackground-image: url('../imgs/bg01.jpg') !important;
	background-size: auto 210%;
	background-position: center bottom;
	letter-spacing: 1px;
}
h1, h2 {
	letter-spacing: 2px;
}
.oculto {
	display: none;
}
.gotham-book {
	font-family: GothamBook, 'GothamBook', sans-serif !important;
}
.gotham-medium {
	font-family: GothamMedium, 'GothamMedium', sans-serif !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb8 {
	margin-bottom: 8px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt8 {
	margin-top: 8px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.p0 {
	padding: 0px !important;
}
.p5 {
	padding: 5px !important;
}
.p10 {
	padding: 10px !important;
}
.p20 {
	padding: 20px !important;
}
.p30 {
	padding: 30px !important;
}
.pb0 {
	padding-bottom: 0px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb45 {
	padding-bottom: 45px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pt0 {
	padding-top: 0px !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl35 {
	padding-left: 35px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pr5 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt50 {
	padding-top: 45px !important;
}
.no-border {
	border: 0 !important;
}
.no-shadow {
	box-shadow: none !important;
}
.bold {
	font-weight: bold !important;
}
.fw-900 {
	font-weight: 900 !important;
}

.italic {
	font-variant: italic !important;
	font-style: italic !important;
}
.fs1-25 {
	font-size: 1.25rem !important;
}
.fs1-375 {
	font-size: 1.375rem !important;
}
.fs2 {
	font-size: 2rem !important;
}
.fs3 {
	font-size: 3rem !important;
}
.fs4 {
	font-size: 4rem !important;
}
.fs6 {
	font-size: 6rem !important;
}
.text-blanco {
	color: #fff !important;
}
.text-rojo {
	color: #c51618;
}
.text-rojo-2 {
	color: #c12126 !important;
}
.text-primary {
	color: #c31920 !important;
}
.text-ama-1 {
	color: #fcc909 !important;
}
.text-ama-2 {
	color: #e3ab03 !important;
}
.text-platinum {
	color: #5871ad !important;
}
.text-gold {
	color: #9b7319 !important;
}
.text-silver {
	color: #636368 !important;
}
.bg-platinum {
	background-color: #5871ad !important;
}
.bg-gold {
	background-color: #9b7319 !important
}
.bg-silver {
	background-color: #636368 !important
}

.bg-ama-2 {
	background-color: #e3ab03 !important;
	color: #1a1a1a !important;
}
.bg-blanco {
	background-color: #fff !important;
}
.bg-rojo {
	background-color: #c51618;
	color: #fff !important;
}
.bg-rojo-2 {
	background-color: #c12126;
	color: #fff !important;
}
button.bg-rojo-2:hover {
	background-color: #c51618;
}

.bg-guinda {
	background-color: #7f1b17;
	color: #fff !important;
}
.bg-primary {
	background-color: #c31920 !important;
}
.bg-gris-1 {
	color: #1a1a1a !important;
	background-color: #f2f2f2 !important;
}
.bg-gris-2 {
	color: #fff !important;
	background-color: #4d4d4d !important;
}
.bg-gris-3 {
	color: #fff !important;
	background-color: #333333 !important;
}
.bg-negro {
	background-color: #000 !important;	
}
.btn {
	font-family: Avenir, 'Avenir', sans-serif !important;
}
.btn-c1 {
	background-color: #333333 !important;
	color: #fff !important;
}
.btn-c1:hover {
	background-color: #c32126 !important;
}
.btn-c2 {
	background-color: #c32126 !important;
	color: #fff !important;
}
.btn-c2:hover {
	background-color: #777 !important;
}
.btn-square {
	border-radius: 0 !important;
}
.btn-curve  {
	border-radius: 6px !important;
}
section {
	padding: 80px 0;
}

.flag {
	height: 1em;
	padding-left: 0.375em;
	margin-bottom: 0.25em;
}


/***** Template *****/
#top-bar {
    position: relative;
    padding: 10px 0;
    height: 36px;
    text-align: center;
    line-height: normal;
    font-size: 13px;
    color: #1c1c1c;
    background: #fff;
}

@media (min-width: 576px) and (max-width: 767.98px) {

	#top-bar {
		font-size: 10px !important;
		padding: 8px 0;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {

	#top-bar {
		font-size: 11px !important;
		padding: 8px 0;
	}
	
}

@media (min-width: 992px) and (max-width: 1199.98px) {

	#top-bar {
		font-size: 11.5px !important;
	}
	
}



body header {
	top: 36px !important;
}
body.is-scrolling header {
	top: 0px !important;
}
footer a {
	color: #fcc909 !important;
	color: #fff !important;
}
.header-inverse .navbar-nav > .nav-item.active > .nav-link {
	color: #E3AB02 !important;
}
.is-scrolling .header-inverse .navbar-nav > .nav-item.active > .nav-link {
	color: #C31F24 !important;
}

@media (max-width: 575px) {

	.header {
		padding-top: 0 !important;
		top: 0 !important;
	}
	.carousel .display-4 {
		font-size: 2.5rem;
	}

}


.separador {
	clear: both;
	display:block;
	width:166px;
	margin:0;
	margin-top: 10px;
	height:3px;
	top:-15px;
	background-color:#c32126;
	text-align: left;
}
.separador-2 {
	width: 66px !important;
	margin: 0 auto !important;
}
.separador-gris {
	height: 1px;
	width: 60%;
	margin: 0 auto;
	background: #ddd;
}#form-suscribete input,
#form-suscribete textarea {
	background: #999999;
	border: none;
	border-radius: 0;
	padding: 3px 10px;
	color: #fff;
}

#form-suscribete input::placeholder,
#form-suscribete textarea::placeholder {
    color: #ccc;
    opacity: 1;
}
.slide-principal {
	min-height: 620px;
	background-size: cover;
}


/***** Home *****/

/***** Home: Cifras *****/
#home-cifras {
	background: #f2f2f2 !important;
	color: #1a1a1a;
}
.icon_box .image_wrapper,.icon_box .icon_wrapper{padding-top:5px;margin-bottom:8px}
.icon_box .icon_wrapper{font-size:80px;background-color:transparent;box-shadow:0 0 0 0 rgba(0,0,0,.0);border-width:0;background-image:none;-webkit-transform:scale(1)!important;-moz-transform:scale(1)!important;-ms-transform:scale(1)!important;-o-transform:scale(1)!important;transform:scale(1)!important}
.icon_box .icon_wrapper:before{display:none}
.icon_box .icon_wrapper i{position:relative;top:0}
.icon_box .image_wrapper h1,.icon_box .image_wrapper img{position:relative;top:0}
.icon_box .desc_wrapper .title{margin-bottom:20px}
.icon_box .desc_wrapper .title:before{content:"";display:block;width:0;margin:0 auto;height:2px;top:-15px;position:relative;background-color:#c32126}
.icon_box:hover .icon_wrapper i{top:-5px}
.icon_box:hover .image_wrapper h1{top:-5px}
.icon_box:hover .image_wrapper img{top:-5px}
.icon_box:hover .desc_wrapper .title:before{width:120px}
.icon_box .icon_wrapper h1,.icon_box .icon_wrapper i,.icon_box .image_wrapper img,.icon_box .desc_wrapper .title:before{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.boton-cifras:hover { color: #000 !important; background-color: rgba(255,255,255,0.35); transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; cursor: pointer; }
a h4.boton-cifras { color: #fff; text-decoration: none; }

/***** Home: Más Importante *****/
#home-importante h4 {
	text-transform: uppercase;
	font-style: italic;
}

/***** Home: Conoce *****/
#home-conoce {
	background: #fff;
	font-size: 18px;
}
#home-conoce img {
	padding-bottom: 14px;
}

/***** Home: Revisa lo Sucedido *****/
#home-revisa {
	background: #333333 !important;
	color: #fff;
	text-align: center
}

#home-micro {
	background: #333333 !important;
	color: #fff;
}

/***** Home: Parallax 90% *****/
#home-parallax {
	padding: 120px 0;
}
#home-parallax h4 {
	width: 100%;
	font-style: italic;
	padding: 10px 0;
	margin-bottom: 15px;
	border: solid 1px #fff;
}
#home-parallax h1 {
	font-size: 7.5rem;
	line-height: 3rem;
	padding-bottom: 15px;
}
#home-parallax span {
	font-size: 1.625rem;
}

/***** Home: Overs *****/
.home-overs {
	padding: 0;
	background: #a92517;
}
.home-over {
	min-height: 240px;
	background-size: cover;
	padding-top: 100px;
	text-align: center;
}
.home-over:hover {
	cursor: pointer;
}
.home-over a {
	color: #fff;
}
.home-over:hover a {
	text-decoration: none;
}
.home-over h2 {
	font-size: 20px !important;
}
#home-over-avances {
	background-image: url('../imgs/avances_tecnologicos_rollover.jpg');
	background-size: cover;
}
#home-over-avances:hover {
	background-image: url('../imgs/avances_tecnologicos_rollout.jpg');
	background-size: cover;
}
#home-over-proceso {
	background-image: url('../imgs/avances_tecnologicos_rollover.jpg');
	background-size: cover;
}
#home-over-proceso:hover {
	background-image: url('../imgs/avances_tecnologicos_rollout.jpg');
	background-size: cover;
}
#home-over-aditivos {
	background-image: url('../imgs/aditivos_e_ingredientes_rollover.jpg');
	background-size: cover;
}
#home-over-aditivos:hover {
	background-image: url('../imgs/aditivos_e_ingredientes_rollout.jpg');
	background-size: cover;
}
#home-over-empacar {
	background-image: url('../imgs/equipos_y_recipientes_para_empacar_rollover.jpg');
	background-size: cover;
}
#home-over-empacar:hover {
	background-image: url('../imgs/equipos_y_recipientes_para_empacar_rollout.jpg');
	background-size: cover;
}
#home-over-equipos {
	background-image: url('../imgs/equipos_y_recipientes_para_empacar_rollover.jpg');
	background-size: cover;
}
#home-over-equipos:hover {
	background-image: url('../imgs/equipos_y_recipientes_para_empacar_rollout.jpg');
	background-size: cover;
}
#home-over-maquinaria {
	background-image: url('../imgs/maquinaria_rollover.jpg');
	background-size: cover;
}
#home-over-maquinaria:hover {
	background-image: url('../imgs/maquinaria_rollout.jpg');
	background-size: cover;
}
#home-over-logistica {
	background-image: url('../imgs/distribucion_rollover.jpg');
	background-size: cover;
}
#home-over-logistica:hover {
	background-image: url('../imgs/distribucion_rollout.jpg');
	background-size: cover;
}
#home-over-calidad {
	background-image: url('../imgs/control_de_calidad_rollover.jpg');
	background-size: cover;
}
#home-over-calidad:hover {
	background-image: url('../imgs/control_de_calidad_rollout.jpg');
	background-size: cover;
}
#home-over-refrigeracion {
	background-image: url('../imgs/refrigeracion_rollover.jpg');
	background-size: cover;
}
#home-over-refrigeracion:hover {
	background-image: url('../imgs/refrigeracion_rollout.jpg');
	background-size: cover;
}
#home-over-servicios {
	background-image: url('../imgs/servicios_rollover.jpg');
	background-size: cover;
}
#home-over-servicios:hover {
	background-image: url('../imgs/servicios_rollout.jpg');
	background-size: cover;
}
#home-over-rastros {
	background-image: url('../imgs/equipos_rastros_rollover.jpg');
	background-size: cover;
}
#home-over-rastros:hover {
	background-image: url('../imgs/equipo_rastros_rollout.jpg');
	background-size: cover;
}
#home-over-y-mas {
	background-image: url('../imgs/y_mas_rollover.jpg');
	background-size: cover;
}
#home-over-y-mas:hover {
	background-image: url('../imgs/y_mas_rollout.jpg');
	background-size: cover;
}
#home-over-hospedaje {
	background-image: url('../imgs/img_hospedaje_rollover.jpg');
	background-size: cover;
}
#home-over-hospedaje:hover {
	background-image: url('../imgs/img_hospedaje_rollout.jpg');
	background-size: cover;
}
#home-over-plano {
	background-image: url('../imgs/img_plano_rollover.jpg');
	background-size: cover;
}
#home-over-plano:hover {
 	background-image: url('../imgs/img_plano_rollout.jpg');
	background-size: cover;
	cursor: default;
}
#home-over-transporte {
	background-image: url('../imgs/img_transporte_rollover.jpg');
	background-size: cover;
}
#home-over-transporte:hover {
	background-image: url('../imgs/img_transporte_rollout.jpg');
	background-size: cover;
	cursor: default;
}
#home-over-prensa {
	background-image: url('../imgs/img_prensa_rollover.jpg');
	background-size: cover;
}
#home-over-prensa:hover {
	background-image: url('../imgs/img_prensa_rollout.jpg');
	background-size: cover;
	cursor: default;
}

/***** Home: En Desuso *****/
.home-iconos {
	background: #333333;
	min-height: 180px;
	border: solid 1px #fff;
	border-collapse: collapse;
}
.home-iconos a {
	color: #fff;
}
.home-iconos:hover a {
	color: #fcc909;
	text-decoration: none;
}
.home-iconos img {
	margin-top: 30px;
}
.home-iconos:hover {
	background: #c1242c;
}
.home-iconos h3 {
	font-size: 20px;
}


.interna {
	padding-top: 50px;
}
.interna a {
	color: #c12126 !important;
}
.interna a.btn {
	color: #fff !important;
}
.interna h1 {
	color: #c01d22;
	margin-bottom: 30px;
}
.interna h4 {
	color: #c01d22;
	margin-top: 36px;
}
.interna-img-fl {
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 20px;
}
.interna-img-fr {
	padding-top: 10px;
	padding-left: 30px;
	padding-bottom: 20px;
}

/***** Directorio *****/
#directorio {
	background: #f0f0f0 !important;
}
#directorio .expositor-datos {
	padding: 8px 0px;
	font-size: 12px;
}
#directorio .list .expositor-datos {
	padding-top: 0px;
}

#directorio span {
	font-weight: 900;
}

/***** Giro *****/
.giro-fondo {
	position: relative;
	background-color: #f00;
	background-size: cover;
	min-height: 260px;
	padding: 0;
	margin-top: 20px;
}
.giro-pleca {
	position: absolute;
	width: 100%;
	color: #fff;
	bottom: 0;
	height: 56px;
	padding: 0px 10px;
	padding-bottom: 20px;
	background-color: rgba(0,0,0,0.5);
	text-align: center; padding-top:
	8px;
	text-transform: uppercase;
	font-size: 14px;
	
}

@media (min-width: 576px) and (max-width: 767.98px) {

	#top-bar {
		font-size: 10px !important;
		padding: 8px 0;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {

	.giro-fondo {
		min-height: 320px;
	}
	.giro-pleca {
		padding-top: 16px;
	}

	
}

@media (min-width: 992px) {

	#top-bar {
		font-size: 11.5px !important;
	}
	
}

/* Botones Programa */

.nav-tabs .nav-link.active {
	background-color: #c01d22;
	color: #fff !important;
}

.nav-tabs .nav-link {
	background-color: #333333;
	color: #fff !important;
}
.nav-tabs .nav-item {
	margin-right: 16px;
}
#tabs-contenido {
	padding-top: 20px;
}

.taller-costo {
	color: #fff;
	text-align: center;
	padding: 6px 18px;
	background-color: #1a1a1a;
	font-weight: bold;
	margin: 0px 60px;
}
.taller-datos {
	border: solid 1px #bf2126;
	padding: 16px 12px; 
}
.conf-dia {
	font-weight: bold;
	margin-bottom: 26px;
	padding-top: 18px;
	font-size: 1.25rem;
}
.conf-erencista {
	color: #bd142b;
	font-style: italic;
	font-weight: bold;
	
}
.conf-detalles {
	margin-top: 20px;
	line-height: 1.625;
	font-size: 0.875em;
}
.conf-descripcion {
	margin-top: 12px;
	line-height: 1.375;
	font-size: 0.9325em;
}
.conf-bg-gris {
	background-color: #eeeeee;
}

.modal-backdrop {
	z-index: 1050 !important;
}
.taller-lightbox {
	font-style: italic !important;
	color: #414141;
	max-width: 840px;
}
.taller-lb-nombre {
	font-weight: 800;
	text-transform: uppercase;
	color: #404040;
	margin-top: 12px;
	margin-bottom: 14px;
	font-size: 18px;
	line-height: 24px;
}
.taller-lb-taller {
	margin-top: 12px;
	margin-bottom: 16px;
}
.taller-lb-semblanza {
	margin-bottom: 16px;
}
.separador-talleres {
	height: 1px;
	width: 240px;
	margin: 0 auto;
	background: #717171;
}
.feria-celda {
	border: solid 1px #cf595c;
	border: none;
	padding: 0;
}
.feria-borde-interno {
	height: 100%;
	padding: 15px;
	margin: 0 15px;
	border: solid 1px #cf595c;
}

.micro-renglon {
	padding: 10px 16px;
}

@media (min-width: 992px) {
	
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: .375rem;
	    padding-left: .375rem;
	}
	
}
.navbar-brand {
	max-width: 300px;
}
.navbar-nav > .nav-item {
    margin-left: 8px;
}
.navbar-nav > .nav-item > .nav-link  {
    font-size: 15px;
}

#forma-directorio-container {
	background: #777777;
	color: #fff;
	padding: 25px;
}
#forma-directorio input,
#forma-directorio select {
	padding: 9px 12px;
}

body header {
    top: 12px !important;
}
.header {
	padding-top: 0 !important;
	padding-left: 10px !important;
}



.flecha-container {
	position: absolute;
	bottom: 50px;
}

.scroll-down {
	position: absolute;
	left: 50%;
	bottom: 16px;
	display: block;
	text-align: center;
	font-size: 20px;
	z-index: 100;
	text-decoration: none;
	text-shadow: 0;
	width: 48px;
	height: 48px;
	border-bottom: 8px solid #fff;
	border-right: 8px solid #fff;
	z-index: 9;
	left: 50%;
	-webkit-transform: translate(-50%, 0%) rotate(45deg);
	-moz-transform: translate(-50%, 0%) rotate(45deg);
	transform: translate(-50%, 0%) rotate(45deg);
	-webkit-animation: fade_move_down 4s ease-in-out infinite;
	-moz-animation:    fade_move_down 4s ease-in-out infinite;
	animation:         fade_move_down 4s ease-in-out infinite;
}


/*animated scroll arrow animation*/
@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-10px) rotate(45deg); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,10px) rotate(45deg); opacity: 0; }
}