/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

*:not([class*="uk-icon"]) {
    font-family: 'Gotham' !important;
    text-align: left;
}

*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-word-wrap: break-word;
    -moz-word-wrap: break-word;
    -ms-word-wrap: break-word;
    -o-word-wrap: break-word;
    word-wrap: break-word;
}

html {
    overflow-x: hidden; 
}
a[href="http://www.faboba.com"]{
    display: none !important;
    visibility: hidden;
    opacity: 0;
}
.uk-container {
	max-width: 1400px;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: 600;
    color: #666666;
}


/*Menu*/
.menu {
    text-align: center;
}
.menu .uk-navbar ul {
	display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1337px)  {
    .menu .uk-navbar ul li {
        margin-right: 0px;
    }
}
@media screen and (max-width: 1142px)  {
    .menu .uk-navbar-nav > li > a {
        font-size: 13px !important;
        font-weight: 500 !important;
        padding: 0 10px !important;
        display: inline;
    }
    .menu .uk-navbar-nav > li.uk-active > a {
        padding: 8px !important;
        height: 50px;
        line-height: 1;
    }
}
.menu .uk-navbar ul li:nth-child(5) span,
#offcanvas .uk-nav-offcanvas li:nth-child(5) {
	display: none;
}
.menu .uk-navbar-nav > li > a {
    text-transform: initial;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    padding: 0 10px;
    display: inline-block;
}
.menu .uk-navbar-nav > li.uk-active > a {
    color: #E82428;
    /*background-color: #E82428;
    padding: 6px 17px;
    height: 50px;
    line-height: 1;
    border-radius: 1000px;*/
}
.uk-navbar-nav > li > a:before {
    background: transparent;
}
@media screen and (max-width: 961px)  {
    .menu {
        text-align: right;
        margin-right: 30px;
    }
}
.menu .uk-navbar ul > li div.uk-dropdown .uk-grid div ul {
    display: block !important;
}

.menu .uk-navbar ul > li div.uk-dropdown .uk-grid div ul li a {
    text-transform: initial;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
    border-bottom: 1px solid #ddd;
}



/*Offcanvas*/
.uk-offcanvas-bar {
    background: #eaeaea;
}
.uk-offcanvas-bar li a {
    text-transform: initial;
    font-size: 15px;
    font-weight: 600;
    color: #333333;
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: #E82428;
    color: #ffffff;
}

/*Breadcrumb*/
ul.uk-breadcrumb {
    height: 100%;
    min-height: 175px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    background-image: url(../../../images/layout/breadcrumb.jpg);
    background-position: 50% 63%;
    background-repeat: no-repeat;
    background-size: cover;
}
ul.uk-breadcrumb > li > span,
ul.uk-breadcrumb > li > a {
    color: #ffffff;
    font-size: 28px;
}
ul.uk-breadcrumb > li:not(.uk-active), 
ul.uk-breadcrumb > li::before {
    display: none;
}
.uk-breadcrumb > li:nth-child(n+2):before {
    content: "";
}
@media screen and (max-width: 769px)  {
    body.rd-nosotros ul.uk-breadcrumb > li > span,
    body.rd-nosotros ul.uk-breadcrumb > li > a {
        font-size: 18px;
        text-align: center;
    }
    a.tm-logo-small.uk-hidden-large img {
        width: 150px;
    }
}

/*Top A - Slideshow*/
#tm-top-a {
	padding-top: 0;
}

/*Top B*/
body.rd-home #tm-top-b {
	padding: 100px 0;
}
body.rd-home #tm-top-b .block-2 img {
	width: 300px;
}
.img-certificados {
	display: block;
    margin: auto;
    margin-bottom: 15px;
}
a.btn-nosotros-home {
    color: #333333;
    font-weight: 500;
    padding-bottom: 7px;
    border-bottom: 1px solid #BF222F;
    margin-top: 15px;
    text-decoration: none;
}
@media screen and (min-width: 1180px) {
	body.rd-home #tm-top-b .block-2 {
		position: absolute;
	    right: 20px;
	    width: 100%;
	    max-width: 400px;
	    height: 500px;
	    z-index: 999;
	    top: -35px;
	}
}
@media screen and (max-width: 769px) {
	body.rd-home #tm-top-b .block-2 {
		text-align: center;
	}
	body.rd-home #tm-top-b {
		padding-top: 50px;
	}
    body.rd-home #tm-top-b .block-2 img {
        width: 200px;
    }
}


/*Top C*/
body.rd-home #tm-top-c {
	background-image: url(../../../images/layout/background-nuestros-productos.png);
	background-position: bottom;
    background-repeat: no-repeat;
	position: relative;
    background-color: #FEC200;
    padding: 100px 0;
    text-align: center;
    z-index: 2;
}
body.rd-home #tm-top-c::before {
    content: '';
    background-image: url(../../../images/layout/borde-top-amarillo.png);
    width: 100%;
    height: 50px;
    position: absolute;
    top: -50px;
}
body.rd-home #tm-top-c::after {
    content: '';
    background-image: url(../../../images/layout/borde-bottom-amarillo.png);
    width: 100%;
    height: 50px;
    position: absolute;
    bottom: -50px;
}
.productos-home h3.title {
	font-family: 'Fall is Coming Regular' !important;
	color: #212121;
	font-size: 50px;
	margin-bottom: 25px;
    text-align: center;
}
ul.switcher-cat-productos {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}
ul.switcher-cat-productos li a {
	background: #FEC200;
    border: 2px solid #FEB000;
    border-radius: 1000px;
    padding: 10px 50px;
    margin-right: 20px;
	color: #333333;
	text-decoration: none;
	font-weight: 600;
	display: inline-block;
}
ul.switcher-cat-productos li.uk-active a {
	background: #E82428;
    border: 2px solid transparent;
	color: #ffffff;
}
div.mod_grid-productos-home div div.uk-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
div.mod_grid-productos-home div div.uk-panel h3 {
	color: #ffffff;
	font-weight: 600;
	font-size: 20px;
}
@media screen and (max-width: 769px) {
    body.rd-home #tm-top-c {
        padding: 50px 0;
    }
	ul.switcher-cat-productos {
		flex-direction: column;
        align-items: center;
	}
	ul.switcher-cat-productos li a {
		margin-bottom: 25px;
	}
}

/*Top D */
#tm-top-d {
	background-image: url(../../../images/layout/background-video-corporativo.png);
	height: 400px;
	margin-bottom: 60px !important;
	margin-top: 40px;
	z-index: 1;
}
.video-corporativo {
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}
.video-corporativo h3 {
    font-family: 'Fall is Coming Regular' !important;
    color: #ffffff;
    font-size: 55px;
}
body.tm-isblog.rd-home .uk-modal.uk-open .uk-modal-dialog iframe {
    width: 100%;
    height: 400px !important;
}
body.tm-isblog.rd-home .uk-modal.uk-open .uk-modal-dialog {
    margin: 250px auto;
    width: 800px !important;
    height: 400px !important;
}
@media screen and (max-width: 769px) {
	#tm-top-d {
	    background-position: center;
	}
    body.tm-isblog.rd-home .uk-modal.uk-open .uk-modal-dialog {
        margin: 100px auto;
    }
}

/*Bottom A*/
div#tm-bottom-a h3.uk-panel-title,
div.mod_bloques-secciones-home .uk-overlay-panel.uk-overlay-fade.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center h3 {
    text-align: center;
    margin-bottom: 40px;
    font-family: 'Fall is Coming Regular' !important;
    font-size: 55px;
}
.grid-puntos-ventas div ul li div.uk-panel {
    background-size: inherit;
}
div.mod_bloques-secciones-home{
	margin-top: 50px;
}
div.mod_bloques-secciones-home .uk-overlay-panel.uk-overlay-fade.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center {
    opacity: 1;
    border: 0;
    background: transparent;
    color: #ffffff;
    align-items: flex-end;
}
div.mod_bloques-secciones-home .uk-overlay-panel.uk-overlay-fade.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center h3 {
    color: #ffffff;
    text-shadow: 0px 0px 3px rgba(150, 150, 150, 1);
}
div.mod_bloques-secciones-home .uk-overlay-panel.uk-overlay-fade.uk-flex.uk-flex-center.uk-flex-middle.uk-text-center a {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	opacity: 0;
}

/*Footer*/
div#tm-footer {
    background-image: url(../../../images/layout/background-footer.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #FF1F23;
    color: #ffffff;
    position: relative;
    margin-top: 100px;
    padding-top: 70px;
    padding-bottom: 100px;
}
div#tm-footer::before {
    content: '';
    background-image: url(../../../images/layout/borde-top-rojo3.png);
    width: 100%;
    height: 50px;
    position: absolute;
    top: -50px;
}
.tm-footer {
	position: relative;
	padding-bottom: 100px;
}
.menu-footer ul li:nth-child(5) {
	display: none;
}
.redes-footer {
    display: flex;
    align-items: baseline;
    color: #ffffff;
    justify-content: center;
}
.redes-footer h3 {
	font-family: 'Fall is Coming Regular' !important;
    color: #ffffff;
    font-size: 50px;
    margin-right: 20px;
}
.redes-footer a.uk-icon-button {
    background-color: #FEC200;
    color: #E82428;
    border-radius: 50%;
    padding: 6px;
    margin-right: 10px;
    border: none;
    display: grid;
    place-content: center;
}
.redes-footer a.uk-icon-button:after {
    background: transparent;
}
.copyright {
    display: flex;
    align-items: center;
    text-align: right;
}
.copyright p {
	margin-right: 25px;
	font-weight: 500;
}
.copyright a {
	color: #ffffff;
	text-decoration: none;
}
.menu-footer .menu li > a,
.menu-footer .menu li > span.separator {
	color: #ffffff;
	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
    text-transform: uppercase;
}
.menu-footer .menu li > a:hover {
	background-color: transparent;
}
.menu-footer .menu li {
    text-align: left;
    line-height: 1;
}
.menu-footer .menu li ul.nav-child{
    display: none;
}
@media screen and (min-width: 769px) {
	.menu-footer .menu li {
	    width: 50%;
	    float: left;
	}
}

@media screen and (max-width: 961px) {
	.redes-copyright {
		flex-direction: column;
	}
}
@media screen and (max-width: 769px) {
	div#tm-footer {
	    padding-top: 0;
	    padding-bottom: 15px;
	    background-size: contain;
	}
	.copyright {
		flex-direction: column;
	}
	.menu-footer, .redes-footer {
		margin-bottom: 30px;
	}
	.menu-footer .menu li > a,
    .menu-footer .menu li.parent {
		text-align: center !important;
		margin-bottom: 10px;
	}
	.copyright p {
	    text-align: center;
	}
}

/*  Nosotros  */
.grid-mvv div div.uk-panel-box {
    border: 1px solid rgb(0 0 0 / 0.1) !important;
    border-radius: 3px;
}

/*Contacto*/
.info-contacto,
.form-contacto  {
    color: #000000;
}
.info-contacto h3, 
.form-contacto h3 {
    font-weight: 600;
    color: #000;
    margin-bottom: 15px !important;
}
.info-contacto p i {
    margin-right: 10px;
    color: #E82428;
}
.info-contacto p a {
    color: #E82428;
}
.info-contacto p span {
    font-weight: 500;
}
label.input-archivo,
.form-contacto .uk-form input,
.form-contacto textarea,
.form-contacto select {
    color: #666666;
    padding: 8px;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    margin-bottom: 8px;
}
.form-contacto .uk-form input::placeholder,
.form-contacto textarea::placeholder,
.form-contacto select::placeholder {
    color: #666666;
}
.form-contacto .uk-form input:focus,
.form-contacto textarea:focus {
    border-color: #E82428;
    box-shadow: 0 1px 0 0 #E82428;
}
.form-contacto select {
    height: auto;
}
.btn-form-contacto {
    color: #ffffff;
    background-color: #E82428 !important;
    padding: 6px 17px;
    height: 40px;
    line-height: 1;
    border-radius: 1000px;
    font-weight: 500;
}

.yoo-zoo.blog-uikit.blog-uikit-politica-de-calidad article div.uk-align-medium-left,
.yoo-zoo.blog-uikit.blog-uikit-nuestros-negocios article div.uk-align-medium-left,
.yoo-zoo.blog-uikit.blog-uikit-empleos article div.uk-align-medium-left {
    opacity: 0;
    display: none;
}

/*  Certificaciones  */
.table-certificaciones thead tr th {
    width: 50%;
}

/*  Politica Calidad  */
body.tm-isblog.rd-politica-calidad div.tm-block-main > .uk-container.uk-container-center {
    max-width: 1000px;
}

/*  Empleos  */
.form-empleos {
    width: 100%;
    max-width: 700px;
    margin: auto;
}
label.input-archivo {
    width: 100%;
}
input[type="file"] {
    width: 100% !important; 
    position: absolute;
    left: 0;
    opacity: 0;
}
label.input-archivo-btn {
    position: absolute;
    right: 0;
    background: #E82428;
    color: #ffffff;
    height: 42px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 769px) {
    .form-empleos {
        box-shadow: unset;
        padding: 0;
    }
    label.input-archivo-btn {
        width: 20%;
    }
}

/*  Negocios  */
.grid-negocios .uk-grid {
    margin-bottom: 30px;
}

/*  Productos  */
.yoo-zoo.product-uikit ul.uk-subnav,
.yoo-zoo.product-uikit ul.uk-subnav + hr,
.yoo-zoo.product-uikit h1 {
    display: none;
}
.yoo-zoo.product-uikit div.uk-grid div div.uk-panel-box {
    border: none;
    text-align: center;
}
.yoo-zoo.product-uikit div.uk-grid div div.uk-panel-box .uk-thumbnail{
    background: transparent;
    text-align: center;
}
.yoo-zoo.product-uikit:not(.product-uikit-pollo-vivo) div.uk-grid div div.uk-panel-box .uk-thumbnail img {
    /*width: 300px;*/
    height: 260px;
    object-fit: contain;
}
.yoo-zoo.product-uikit div.uk-grid div div.uk-panel-box .uk-nbfc {
    font-size: 25px;
    line-height: 21px;
}
.yoo-zoo.product-uikit div.uk-grid div div.uk-panel-box .uk-nbfc h3{
    text-align: center;
}
.yoo-zoo.product-uikit div.uk-grid div div.uk-panel-box {
    padding: 0;
}
.yoo-zoo.product-uikit.product-uikit-pollo-vivo div.uk-grid div div.uk-panel-box .uk-nbfc {
    display: none;
}
.yoo-zoo.product-uikit div.uk-grid div,
div.mod_grid-productos-home div {
    margin: 0 auto;
}


/*  Puntos de Venta  */
.table-puntos-venta thead {
    background-color: #E82428;
    color: #ffffff;
}
.table-puntos-venta td, .table-puntos-venta th {
    padding: 8px 8px;
    border-bottom: 1px solid #E5E5E5;
    vertical-align: middle !important;
    text-align: left;
}

@media screen and (max-width: 769px) {
    .table-puntos-venta td,
    .table-puntos-venta th {
        font-size: 12px !important;
        line-height: 1 !important;
    }
}



/*Mensaje Enviado / Mensaje no Enviado*/
.content-msg-enviado h1 {
    font-weight: 700;
}
.content-msg-enviado h3 {
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 50px;
}
.uk-button-mensaje {
    background-color: #e82428;
    border-radius: 1000px;
    font-weight: 500;
}

/* animacion svg */
.circle{fill:none;stroke:#fec200;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.circle-dash{fill:none;stroke:#fec200;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.check{fill:none;stroke:#E82428;;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.check-dash{fill:none;stroke:#E82428;;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.check {
  stroke-dasharray: 60 100;
  animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;
  -webkit-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;
  -moz-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;
  -o-animation: check 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards 0.15s;
  opacity: 0;
}

@-webkit-keyframes check {
  from {stroke-dashoffset: 60; opacity: 1;}
  to {stroke-dashoffset: 00; opacity: 1;}
}

@-moz-keyframes check {
  from {stroke-dashoffset: 60; opacity: 1;}
  to {stroke-dashoffset: 00; opacity: 1;}
}

@keyframes check {
  from {stroke-dashoffset: 60; opacity: 1;}
  to {stroke-dashoffset: 00; opacity: 1;}
}

.check-dash {
  stroke-dasharray: 10 100;
  animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;
  -webkit-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;
  -moz-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;
  -o-animation: check-dash 1.2s cubic-bezier(0.5, 0, 0.6, 1) forwards;
}

@-webkit-keyframes check-dash {
  from {stroke-dashoffset: 120;}
  to {stroke-dashoffset: 45;}
}

@-moz-keyframes check-dash {
  from {stroke-dashoffset: 120;}
  to {stroke-dashoffset: 45;}
}

@keyframes check-dash {
  from {stroke-dashoffset: 120;}
  to {stroke-dashoffset: 45;}
}

.circle {
  stroke-dasharray: 300 300;
  animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;
  -webkit-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;
  -moz-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;
  -o-animation: circle 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.15s;
  opacity: 0;
}

@-webkit-keyframes circle {
  from {stroke-dashoffset:300;
    opacity: 1;}
  to {stroke-dashoffset:0;
      opacity: 1;}
}

@-moz-keyframes circle {
  from {stroke-dashoffset:300;
  opacity: 1;}
  to {stroke-dashoffset:0;
     opacity: 1;}
}

@keyframes circle {
  from {stroke-dashoffset:300;
         opacity: 1;}
  to {stroke-dashoffset:0;
     opacity: 1;}
  }

.circle-dash {
  stroke-dasharray: 10 300;
  animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
  -webkit-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
  -moz-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
  -o-animation: circledash 1.5s cubic-bezier(0.5, 0, 0.5, 1) forwards 0.05s;
  opacity: 0;
}

@-webkit-keyframes circledash {
  from {stroke-dashoffset:320;
    opacity: 1;}
  to {stroke-dashoffset: 20;
      opacity: 1;}
 }

@-moz-keyframes circledash {
  from {stroke-dashoffset:320;
  opacity: 1;}
  to {stroke-dashoffset: 20;
    opacity: 1;}
}

@keyframes circledash {
  from {stroke-dashoffset:320;
        opacity: 1;}
  to {stroke-dashoffset: 20;
      opacity: 1;}
}

a.logo {height: auto !important;}

a.tm-logo-small.uk-hidden-large > img,
a.logo > img {
    height: 115px;
      object-fit: contain;

}

.tm-navbar-default.tm-navbar-container.uk-text-center {
    padding: 5px 0px;
}