/*
Theme Name: Taj Ingredientes
Theme URI: https://ollindigital.com
Author: the ollindigital team
Author URI: https://ollindigital.com
Description: tema personalizado para taj ingredientes
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: taj ingredientes
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.grecaptcha-badge{
  /* visibility: hidden; */
}
h2{
  font-size: 35px;
  font-weight: 300;
  color: #535353;
}
h3{
  font-size: 30px;
  font-weight: 300;
  color: #535353;
}
em{
 color:#B5D8AE!important; 
}
.teaxareacustom{
  height: 130px;
}
.paginador_center{
  display: block;
  text-align: center;
  margin-bottom: 16px;
}
.wp-pagenavi {
    margin: 0 auto;
    display: block;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
}
.wp-pagenavi span.current {
    font-weight: bold;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #000;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
}

.uk-button-default {
    background-color: transparent !important;
    color: #333;
    border: 2px solid #e5e5e5 !important;
    color: #fff !important;
    font-weight: bold;
}

@font-face {
  font-family: 'todolist';
  src: url(fonts/todolist.eot);
  src: url(fonts/todolist.eot) format("embedded-opentype"), url(fonts/todolist.ttf) format("truetype"), url(fonts/todolist.woff) format("woff"), url(fonts/todolist.svg) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'todolist' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-pencil:before {
  content: "\E905"; }

.icon-envelop:before {
  content: "\E945"; }

.icon-user:before {
  content: "\E971"; }

.icon-key:before {
  content: "\E98D"; }

.icon-list:before {
  content: "\E9BA"; }

.icon-cross:before {
  content: "\EA0F"; }

.icon-checkmark:before {
  content: "\EA10"; }

.icon-exit:before {
  content: "\EA14"; }

.fondo-gris {
  background: #F1F1F1 !important; }

.fondo-VerdeClaro {
  background: #B5D8AE !important; }

.color-black {
  color: #002107 !important; }

.tcon {
  position: absolute;
  z-index: 1;
  top: 20%;
  left: 0;
  display: none !important; }

.paddingTopMenuHeader {
  padding-top: 70px; }

.wrapperNav {
  background: #4E5736;
  color: #CFCFCF;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 3;
  height: 70px;
}
  .wrapperNav .gritMenuHeader {
    display: grid;
    grid-template-areas: "logo menu";
    grid-template-columns: 200px 2fr; 
    max-width: 1364px;
  }
    .wrapperNav .gritMenuHeader a {
      color: #CFCFCF;
      display: inline-block;
    }
      .wrapperNav .gritMenuHeader .logoNav{
        height: 70px;
        padding: 10px 0;
      }
      .wrapperNav .gritMenuHeader .logoNav img{
        height: 100%;
        height: 50px;
      }
    .wrapperNav .gritMenuHeader .menuItems {
      grid-area: menu;
    }
    .wrapperNav .gritMenuHeader ul{
      margin: 0!important;
      height: 69px;
    }
.menuItems {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .menuItems li {
    margin: 0 0px 0px 15px;
    display: inline-block;
    vertical-align: top;
    text-align: center; }
    .menuItems li a {
      text-decoration: none; }

.wrapperNav .gritMenuHeader .menuItems.openMenu {
  left: -0%; }

@media screen and (max-width: 1024px) {
  .wrapperNav .gritMenuHeader {
    grid-template-areas: "logo" "menu";
    grid-template-columns: 1fr; }
  .wrapperNav .gritMenuHeader .logoNav {
    text-align: center; }
  .wrapperNav .gritMenuHeader .logoNav img {
    display: inline;
    margin-right: 0%;
    max-width: 150px; 
    position: inherit;
  }
  .menuItems {
    justify-content: center;
    margin-bottom: 0; }
  /* .paddingTopMenuHeader {
    padding-top: 151px; } */
  .wrapperNav .gritMenuHeader .menuItems {
    position: fixed;
    left: -85%;
    top: 69px;
    background: #4E5736;
    height: 90vh;
    width: 85%;
    transition: all .8s; }
  .menuItems {
    flex-direction: column;
    margin: 0; }
  .menuItems li {
    margin: 10px 0;
    font-size: 1.5em; }
  /* .paddingTopMenuHeader {
    padding-top: 117px; } */
  .tcon {
    display: block !important; } }

@media screen and (max-width: 600px) {
  .menuItems li {
    font-size: 1.2em; } }

.tcon {
  appearance: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  transition: 0.3s;
  user-select: none;
  width: 40px;
  background: transparent;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }
  .tcon > * {
    display: block; }
  .tcon:hover, .tcon:focus {
    outline: none; }
  .tcon::-moz-focus-inner {
    border: 0; }

.tcon-menu__lines {
  display: inline-block;
  height: 5.71429px;
  width: 40px;
  border-radius: 2.85714px;
  transition: 0.3s;
  background: #CFCFCF;
  position: relative; }
  .tcon-menu__lines::before, .tcon-menu__lines::after {
    display: inline-block;
    height: 5.71429px;
    width: 40px;
    border-radius: 2.85714px;
    transition: 0.3s;
    background: #CFCFCF;
    content: '';
    position: absolute;
    left: 0;
    transform-origin: 2.85714px center;
    width: 100%; }
  .tcon-menu__lines::before {
    top: 10px; }
  .tcon-menu__lines::after {
    top: -10px; }
  .tcon-transform .tcon-menu__lines {
    transform: scale3d(0.8, 0.8, 0.8); }

.tcon-menu--xcross {
  width: auto; }
  .tcon-menu--xcross.tcon-transform .tcon-menu__lines {
    background: transparent; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before, .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      transform-origin: 50% 50%;
      top: 0;
      width: 40px; }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::before {
      transform: rotate3d(0, 0, 1, 45deg); }
    .tcon-menu--xcross.tcon-transform .tcon-menu__lines::after {
      transform: rotate3d(0, 0, 1, -45deg); }

.tcon-visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .tcon-visuallyhidden:active, .tcon-visuallyhidden:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.wrapperMain {
  min-height: 100vh; 
  overflow: hidden;
}

.wrapperCertificaciones {
  padding-top: 200px;
  padding-bottom: 100px;
  text-align: center; }
  .wp-block-gallery.logoCertificacion{
    align-content: center;
    justify-content: center;
  }
  .wrapperCertificaciones .logoCertificacion li{
    width: 15%;
    max-width: 150px;
    min-width: 95px; 
    margin: 50px 1%;
  }
  .wrapperCertificaciones p {
    width: 100%;
    max-width: 1364px;
    margin: 30px auto;
    font-size: 29px;
    font-weight: 300; }

.logoGota {
  margin: 15px 0; }

.hojaUnoHome {
  position: absolute;
  top: -150px;
  left: 5%; }

.hojaDosHome {
  position: absolute;
  right: 0;
  bottom: 30; }

@media screen and (max-width: 1024px) {
  .wrapperCertificaciones .logoCertificacion {
    margin: 10px 1%; } }

@media screen and (max-width: 768px) {
  .hojaUnoHome {
    display: none; }
  .hojaDosHome {
    display: none; }
  .wrapperCertificaciones {
    padding-top: 50px; } }

@media screen and (max-width: 600px) {
  .wrapperCertificaciones p {
    font-size: 1.1em; } }

.wrapperSliderHome {
  position: relative;
  background: #B5D8AE;
}
.wrapperSliderHome .hoja_1 {
  position: absolute;
  left: -50px;
  bottom: 0;
}
.wrapperSliderHome .hoja_2 {
  position: absolute;
  right: -50px;
  bottom: 0;
}

  .wrapperSliderHome .container {
    height: 100%;
    display: flex;
    /* alineacion vertical */
    align-items: center;
    /* alineacion horizontal */
    justify-content: center; }
  .wrapperSliderHome .wrapperDost {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
    .wrapperSliderHome .wrapperDost .uk-dotnav {
      margin-left: 0px; }
    .wrapperSliderHome .wrapperDost ul li{
      margin: 0px 5px;
    }
    .wrapperSliderHome .wrapperDost ul .uk-active a {
      background: #00FD00;
    }
    .wrapperSliderHome .wrapperDost ul li a {
      border: 1px solid #a400ff; }
      .wrapperSliderHome .wrapperDost .uk-active a{
        border: 1px solid #a400ff;
      }
  .wrapperSliderHome .dotsNav {
    left: 12px;
    width: 100%; }
  .wrapperSliderHome .uk-dotnav > * {
    padding-left: 0; }
  .wrapperSliderHome .textSliderHome {
    width: 60%;
    padding: 15px 15px;
    pointer-events: none;
    color: #193819!important;
  }
  .wrapperSliderHome h1 {
    font-size: 45px;
    color: #193819!important;
    width: 100%;
    max-width: 600px;
  }
  .wrapperSliderHome p {
    font-size: 45px;
    color: #193819!important;
    margin: 0;
    width: 100%;
    max-width: 600px;
  }
  .wrapperSliderHome .btnCotizarSlider {
    background: #A400FF;
    padding: 10px 25px;
    font-size: 30px;
    display: inline-block;
    font-weight: 300;
    text-decoration: none;
    pointer-events: auto;
    text-transform: uppercase;
    margin-top: 50px;
  }
    .wrapperImage{
      width: 100%;
      min-width: 600px;
      /* height: 380px; */
    }

@media screen and (max-width: 1024px) {
  .wrapperSliderHome .textSliderHome {
    width: 70%; }
  .wrapperSliderHome h1 {
    font-size: 40px; }
  .wrapperSliderHome p {
    font-size: 40px; } }

@media screen and (max-width: 768px) {
  .wrapperSliderHome .textSliderHome {
    width: 100%;
    text-align: center; }
  .wrapperSliderHome h1 {
    font-size: 30px; }
  .wrapperSliderHome p {
    font-size: 30px; }
  .wrapperSliderHome .wrapperDost {
    display: none; } }

@media screen and (max-width: 540px) {
  .wrapperSliderHome .container{
    flex-direction: column-reverse;
  }
  .wrapperImage{
    width: 250px;
  }
  .wrapperSliderHome h1 {
    font-size: 1.7em;
    margin: 20px 0; }
  .wrapperSliderHome .btnCotizarSlider {
    font-size: 1em;
    padding: 10px 20px;
    margin-top: 15px;
  }
  .wrapperSliderHome p {
    display: none; } }

.titleProductos {
  font-weight: 700;
  font-size: 18px;
  width: 100%;
  max-width: 398px;
  margin: 0 auto;
  margin-bottom: 0px;
  text-align: left;
  text-decoration: none;
}

@media screen and (max-width: 600px) {
  .titleProductos {
    font-size: 1.1em; } }

.wrapperTextTendenciasySoluciones {
  text-align: center; }
  .wrapperTextTendenciasySoluciones p {
    font-size: 1.8em; }
  .wrapperTextTendenciasySoluciones h2 {
    font-size: 3.3em;
    margin-top: 43px; }

.wrapperNumerosTendenciasySoluciones {
  text-align: center; }
  .wrapperNumerosTendenciasySoluciones .itemNumeros {
    display: inline-block;
    vertical-align: top;
    width: 170px;
    margin: 0 4%; }
    .wrapperNumerosTendenciasySoluciones .itemNumeros h5 {
      font-weight: 700;
      font-size: 104px; }
      .wrapperNumerosTendenciasySoluciones .itemNumeros h5 p{
      font-weight: 700;
      font-size: 104px; }
    .wrapperNumerosTendenciasySoluciones .itemNumeros p {
      font-weight: 300;
      font-size: 26px; }

.ramaTendencias1 {
  position: absolute;
  left: 0; }

.ramaTendencias2 {
  position: absolute;
  right: 0; }

.wrapperBoxTendenciasySoluciones {
  overflow: hidden;
  padding: 50px 0;
  display: grid;
  grid-template-areas: "boxleft boxright";
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px; }
  .wrapperBoxTendenciasySoluciones .wrapperBoxLeft {
    padding-top: 150px;
    grid-area: boxleft;
    text-align: center; }
  .wrapperBoxTendenciasySoluciones .wrapperBoxRight {
    grid-area: boxright;
    text-align: center; }
  .wrapperBoxTendenciasySoluciones .titleBox {
    margin-bottom: 75px;
    font-size: 23px;
    text-align: left;
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    margin-top: 23px;
    margin-bottom: 50px; }
  .wrapperBoxTendenciasySoluciones .boxFigure {
    text-align: left;
    width: 100%;
    max-width: 650px;
    position: relative;
    transition: all .8s; }
    .wrapperBoxTendenciasySoluciones .boxFigure a {
      text-decoration: none;
      display: inline-block; }
    .wrapperBoxTendenciasySoluciones .boxFigure  .wrapperDescripcionBox {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(0, 33, 7, 0.8);
      text-align: center;
      opacity: 0;
      transition: all .8s; }
    .wrapperBoxTendenciasySoluciones .boxFigure:hover  .wrapperDescripcionBox {
      opacity: 1;
       }
    .wrapperBoxTendenciasySoluciones .boxFigure .borderBoxDescription {
      border: 2px solid #00FD00;
      position: absolute;
      top: 20px;
      left: 20px;
      right: 20px;
      bottom: 20px;
      padding-top: 62px;
      padding: 62px 24px 10px 24px; 
      color: #fff !important;}
      .borderBoxDescription h2, .borderBoxDescription h1, .borderBoxDescription h3, .borderBoxDescription h4,.borderBoxDescription h5    {
        color: #fff;
        font-weight: bold;
      }
      .borderBoxDescription p{
        font-size: 33px;
      }
      
    .wrapperBoxTendenciasySoluciones .boxFigure .titleBoxSolucion {
      color: #FFF;
      font-weight: 700;
      font-size: 33px; }
    .wrapperBoxTendenciasySoluciones .boxFigure .pBoxSolucion {
      color: #FFF;
      font-weight: 400;
      font-size: 33px; }

@media screen and (max-width: 1024px) {
  .wrapperNumerosTendenciasySoluciones .itemNumeros {
    width: 160px;
    margin: 0 1%; }
  .wrapperNumerosTendenciasySoluciones .itemNumeros h5 {
    font-size: 70px; }
  .wrapperNumerosTendenciasySoluciones .itemNumeros p {
    font-size: 26px; }
  .ramaTendencias1 {
    display: none; }
  .ramaTendencias2 {
    display: none; } }

@media screen and (max-width: 600px) {
  .wrapperTextTendenciasySoluciones p {
    font-size: 1em; }
  .wrapperTextTendenciasySoluciones h2 {
    font-size: 1.5em; }
  .wrapperBoxTendenciasySoluciones .boxFigure .titleBoxSolucion {
    font-size: 1.2em; }
  .wrapperBoxTendenciasySoluciones .boxFigure .pBoxSolucion {
    font-size: 1em; }
  .wrapperBoxTendenciasySoluciones .boxFigure .wrapperDescripcionBox {
    padding: 24px 24px 10px 24px; }
  .wrapperBoxTendenciasySoluciones .wrapperBoxLeft {
    padding-top: 0px; }
  .wrapperBoxTendenciasySoluciones {
    display: grid;
    grid-template-areas: "boxleft" "boxright";
    grid-template-columns: 1fr;
    grid-gap: 0px; } }

.sectionDestacado {
  display: inline-block; }
  .sectionDestacado a {
    text-decoration: none; }
  .sectionDestacado .articleDestacado {
    display: grid;
    grid-template-areas: "descripcion imagen";
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px; }
    .sectionDestacado .articleDestacado .wrapperdescripcion {
      grid-area: descripcion;
      display: grid;
      align-content: center; }
      .sectionDestacado .articleDestacado .wrapperdescripcion .titleArticleDestacado {
        color: #002107;
        font-size: 2.9em;
        font-weight: 400; }
      .sectionDestacado .articleDestacado .wrapperdescripcion .descripcionArticleDestacado {
        color: #535353;
        font-size: 1.3em;
        font-weight: 300; }
    .sectionDestacado .articleDestacado .imgArticleDestacado {
      grid-area: imagen; }
.imgPrincipalProducto{
  width: 100%;
}
/* .container{
  max-width: 1000px;
} */
.articlesBox {
  padding-top: 100px; }
  .articlesBox .titleSectionAticles {
    color: #002107;
    font-size: 2.9em;
    font-weight: 400; }
  .articlesBox .wrapperArticlesBox {
    padding: 50px 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-gap: 4em;
    justify-content: space-between; }
    .articlesBox .wrapperArticlesBox a {
      display: block;
      text-decoration: none; }
    .articlesBox .wrapperArticlesBox .boxArticle {
      display: block; }
      .articlesBox .wrapperArticlesBox .boxArticle img {
        width: 100%; }
      .articlesBox .wrapperArticlesBox .boxArticle .titleBoxArticle {
        font-size: 23px;
        font-weight: 700;
        margin-top: 23px; }

  .equivalenciayEspecificaciones{
    background: #F1F1F1;
    color:#002107;
    padding: 50px 0;
    width: 140%;
    position: relative;
    left: -20%;
    margin:20px 0;
}
.equivalenciayEspecificaciones .container{
  width: 75%;
}
.body-productos{
  overflow-x: hidden;
}
.equivalencia,.especificaciones{
    width: 49%;
    /* border: 1px solid red; */
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.titleEquivalenciaEspecificaciones{
    font-size: 20px;
    color:#002107;
    /* border: 1px solid red; */
    width: 90%;
    margin: 0 auto 20px;
    min-height: 90px;
    font-weight: 700;

}
.numeroEquivalencia,.numeroEspecificacion{
    /* border: 1px solid blue; */
    font-size: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    font-weight: 700;

}
.numeroEquivalencia div, .numeroEspecificacion div{
    /* border: 1px solid green; */
    
}
.txtDato{
    font-size: 20px;
    margin: 10px 0 0 0;
    font-weight: 300;
}
.articleAbierto {
  position: relative;
  background: #FFF;
  padding: 30px 0 20px;
 }
  .articleProductoAbierto{
    /* margin-top: 25% !important; */
  }
  .articleAbierto .titleArticleAbierto {
    font-weight: 400;
    font-size: 2.9em;
    width: 95%;
    max-width: 1364px;
    margin: auto; }
  .articleAbierto .contentArticleAbierto {
    margin-top: 20px;
    width: 95%;
    max-width: 1364px;
    margin: 30px auto 0; }
    .articleAbierto .contentArticleAbierto p {
      font-size: 1.5em; }
  .articleAbierto img {
    width: 100%; }
    .container-img-product{
      position: relative;
      overflow: hidden;
      max-height: 325px;
    }
@media screen and (max-width: 1164px) {
  .sectionDestacado .articleDestacado .wrapperdescripcion .titleArticleDestacado {
    font-size: 2em; }
  .sectionDestacado .articleDestacado .wrapperdescripcion .descripcionArticleDestacado {
    font-size: 1em; } }
@media screen and (max-width: 1000px){
  .imgPrincipalProducto{
    position: relative;
    max-width: 100%
  }
  .body-productos .articleProductoAbierto{
    margin-top: 0% !important;
  }
  .body-productos .articleAbierto{
    padding: 10px 0 20px;
  }
}
@media screen and (max-width:950px){
  .equivalencia, .especificaciones{
      width: 100%;
      margin: 10px 0;
  }
  .titleEquivalenciaEspecificaciones{
      width: 100%;
  }
  .numeroEquivalencia, .numeroEspecificacion{
      font-size: 40px;
  }
  .txtDato{
    font-size: 16px;
  }
}
@media screen and (max-width: 877px) {
  .sectionDestacado .articleDestacado {
    display: grid;
    grid-template-areas: "imagen" "descripcion";
    grid-template-columns: 1fr;
    grid-gap: 20px; } }

@media screen and (max-width: 768px) {
  .articleAbierto .titleArticleAbierto {
    font-size: 2.5em; }
  .articleAbierto .contentArticleAbierto p {
    font-size: 1em; } }

.sectionDireccion {
  display: grid;
  grid-template-areas: "texto mapa";
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px; }
  .sectionDireccion .direccionText {
    display: grid;
    align-content: center;
    grid-area: texto; }
    .sectionDireccion .direccionText h1 {
      color: #002107;
      font-size: 2.9em; }
    .sectionDireccion .direccionText p {
      font-size: 1.8em; }
  .sectionDireccion .googleMaps {
    grid-area: mapa;
    position: relative; }
    .sectionDireccion .googleMaps iframe {
      width: 100%;
      min-height: 443px; }

.slideryForm {
  display: grid;
  grid-template-areas: "slider form";
  grid-template-columns: 1fr 1fr;
  margin-top: 150px; }
  .slideryForm .sliderCotizar {
    grid-area: slider; }
  .slideryForm .formCotizar {
    grid-area: form;
    padding: 50px 0;
    background: #B5D8AE; }
    .slideryForm .formCotizar h2 {
      color: #002107;
      font-size: 2em;
      width: 90%;
      max-width: 635px;
      margin: 10px auto; }
    .slideryForm .formCotizar p {
      font-size: 1.3em;
      width: 90%;
      max-width: 635px;
      margin: 10px auto; }
    .slideryForm .formCotizar form {
      width: 90%;
      max-width: 635px;
      margin: 10px auto; }
      .slideryForm .formCotizar form input {
        margin: 5px 0;
        background: rgba(255, 255, 255, 0.5); }
      .slideryForm .formCotizar form textarea {
        margin: 5px 0;
        background: rgba(255, 255, 255, 0.5); }
      .slideryForm .formCotizar form button {
        margin: 5px 0;
        color: #FFF !important;
        font-weight: 700;
        border: 2px solid #FFF !important;}

.dostCotizar {
  position: absolute;
  bottom: 0;
  width: 100%; }

.ramaCotizar {
  position: absolute;
  left: -110px;
  bottom: -90px; }

.ramaCotizar2 {
  position: absolute;
  right: -150px;
  bottom: -150px; }

@media screen and (max-width: 1024px) {
  .ramaCotizar {
    display: none; }
  .ramaCotizar2 {
    display: none; } }

@media screen and (max-width: 768px) {
  .sectionDireccion {
    display: grid;
    grid-template-areas: "mapa" "texto";
    grid-template-columns: 1fr; }
  .slideryForm {
    display: grid;
    grid-template-areas: "form" "slider";
    grid-template-columns: 1fr;
    margin-top: 150px; }
  .sectionDireccion .direccionText h1 {
    color: #002107;
    font-size: 2em; }
  .sectionDireccion .direccionText p {
    font-size: 1.1em; }
  .sectionDireccion .googleMaps iframe {
    width: 100%;
    min-height: 200px; } }

.prefoter {
  color: #002107;
  font-size: 1.8em;
  position: relative; }
  .prefoter div{
    position: relative;
    z-index: 1;
  }
  .prefoter h1 {
    color: #002107 !important; }
  .prefoter .uk-width-1-2\@m {
    width: 70%; }
  .prefoter .uk-button {
    font-size: 1em; }
  .prefoter .uk-button-default {
    border: 4px solid #e5e5e5; }
  .prefoter .fondoPrefooter {
    position: absolute;
    bottom: 0;
    right: 0; }

@media screen and (max-width: 500px) {
  .prefoter {
    font-size: 1.5em; } }

@media screen and (max-width: 400px) {
  .prefoter {
    font-size: 1em; } }

.footer {
  padding: 35px 0; }
  .footer .wrapperFooterGrid {
    display: grid;
    grid-template-areas: "menu logo";
    grid-template-columns: 3fr 2fr; }
    .footer .wrapperFooterGrid .favoritos {
      grid-area: menu;
      line-height: 2em; }
    .footer .wrapperFooterGrid .logoFooter {
      grid-area: logo;
      text-align: right; }
      .footer .wrapperFooterGrid .logoFooter img {
        widows: 100%;
        max-width: 267px;
        display: inline-block; }

@media screen and (max-width: 800px) {
  .footer .wrapperFooterGrid {
    grid-template-areas: "logo" "menu";
    grid-template-columns: 1fr; }
  .footer .wrapperFooterGrid .logoFooter {
    text-align: center;
    margin-bottom: 15px; }
  .footer .wrapperFooterGrid .favoritos {
    text-align: center; } }

body {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  background: #FFF; }

figure {
  display: inline-block;
  vertical-align: top;
  margin: 0!important;
}

.container {
  width: 90%;
  margin: 0 auto;
  position: relative; }

.title {
  font-size: 35px;
  font-weight: 300;
  color: #535353; }
.relativeClass {
  position: relative; }

.overflowVisible {
  overflow: visible; }

.paddingTop {
  padding-top: 150px; }
.paddingTopMini{
  padding-top: 50px;
}
.paddingBottomMini{
  padding-bottom: 50px;
}
.paddingBottom {
  padding-bottom: 150px; }

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0; }

@media screen and (max-width: 600px) {
  .title {
    font-size: 1.5em; } }

@media screen and (max-width: 550px) {
  .paddingTop {
    padding-top: 50px; }
  .paddingBottom {
    padding-bottom: 50px; } 
    .equivalenciayEspecificaciones {
      width: 100%;
      left: 0%;
    }
    .numeroEquivalencia, .numeroEspecificacion {
      font-size: 30px;
    }
    .titleEquivalenciaEspecificaciones {
      min-height: 50px;
    }
    .articleAbierto .titleArticleAbierto{
      font-size: 2em;
    }
    h2 {
      font-size: 1.7em;
    }
    .articlesBox .titleSectionAticles{
      font-size: 2em;
    }
    .articlesBox{
      padding-top: 30px; 
    }
    .wrapperNav .gritMenuHeader .menuItems{
      top: 67px;
    }
    .menuItems{
      justify-content:flex-start;
    }
    .menuItems li {
      font-size: 1em;
    }
    .paddingTopMenuHeader {
      padding-top: 67px;
    }
    .wrapperNumerosTendenciasySoluciones .itemNumeros h5{
      font-size: 35px;
    }
    .wrapperNumerosTendenciasySoluciones .itemNumeros h5 p{
      font-size: 1em;
    }
    .wrapperNumerosTendenciasySoluciones .itemNumeros p {
      font-size: 16px;
    }
    .wrapperNumerosTendenciasySoluciones .itemNumeros {
      width: 100px;
      margin: 0 1%;
    }
    .grecaptcha-badge{
      visibility: hidden;
    }
  }
  .title-solutions{
    text-align: center;
    margin-top: 15px;
    margin-bottom: 40px;
  }
  .wrapper-solutions-main{
    text-align: center;
    margin-top: 15px;
  }
  .wrapper-solutions{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
  }
  .wrapper-solutions .item-solution{
    text-align: center;
  }
  .wrapper-solutions .item-solution a{
    text-decoration: none;
    color: #666;
  }
  .wrapper-solutions .item-solution h5{
    color: #1A2D1D;
    font-weight: bold;
  }
  .wrapper-solutions .item-solution p{
    margin: 0;
  }
  .btn-catalogue{
    background: #A400FF;
    color: white;
    padding: 10px 15px;
    font-size: 20px;
    display: inline-block;
    margin-top: 25px;
  }
  .btn-catalogue:hover{
    color: white;
    text-decoration: none;
  }

  .wrapper-extracts{
    padding: 100px 100px;
  }
  .wrapper-extracts h4{
    text-align: center;
    margin-bottom: 50px;
  }
  .extracts{
    position: relative;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 65%;
  }
  .plato{
    margin: 0 auto;
    width: 100%;
  }
  .box-extracts{
    position: absolute;
  }
  .box-extracts h5, p{
    margin: 0;
    padding: 0;
  }
  .text_1 img , .text_2 img{
    margin-left: 25px;
  }
  .box-extracts p{
    width: 230px;
  }
  .text_1{
    top: 210px;
    left: 15%;
  }
  .text_2{
    bottom: 100px;
    left: 15%;
  }
  .text_3{
    top: 110px;
    right: 19%;
    text-align: right;
  }
  .text_4{
    bottom: 100px;
    right: 19%;
    text-align: right;
  }
  .text_1 b, .text_2 b{
    display: inline-block;
    width: 130px;
  }
  .text_3 p{
    float: right;
  }
  .text_4 p{
    float: right;
  }
  .text_3 img {
    margin-right: 10px;
  }
  .text_4 img {
    margin-right: 35px;
  }

  .title-ingredientes-populares{
    text-align: center;
    margin-bottom: 30px;
  }
  .owl-carousel-ingredientes{
    position: relative;
  }
  .owl-carousel-ingredientes .item{
    border-radius: 10px;
    overflow: hidden;
    width: 350px;
  }

  .owl-carousel-ingredientes .owl-nav{
    position: absolute;
    top: 35%;
    width: 100%;
    margin-top: 0!important;
    font-size: 30pt;
    pointer-events: none;
  }
  .owl-carousel-ingredientes .owl-nav .owl-prev{
    float: left;
    pointer-events: auto;
    border: 1px solid black!important;
    border-radius: 0!important;
    width: 35px;
    color: #000!important;
  }
  .owl-carousel-ingredientes .owl-nav .owl-next{
    float: right;
    pointer-events: auto;
    border: 1px solid black!important;
    border-radius: 0!important;
    width: 35px;
    color: #000!important;
  }
  .owl-carousel-ingredientes .owl-nav .owl-prev:hover{
    background: none!important;
  }
  .owl-carousel-ingredientes .owl-nav .owl-next:hover{
    background: none!important;
  }

  .wrapperCertificates{
    margin: 50px 0;
  }
  .wrapperCertificates h4{
    text-align: center;
  }
  .wrapperCertificates ul{
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 25px;
    text-align: center;
  }
  .wrapperCertificates ul li{
    display: inline-block;
    vertical-align: top;
    width: 100px;
    margin: 0 10px;
  }

  .wrapperIcons{
    margin: 20px;
  }
  .wrapperIcons h4{
    text-align: center;
    margin-bottom: 30px;
  }
  .icons{
    text-align: center;
  }
  .icons .boxIcon{
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin: 0 20px;
  }
  .wrapperCTA{
    text-align: center;
    justify-content: center;
    margin: 50px 0;
    width: 100%;
    max-width: 1364px;
    margin: 50px auto;
  }
  .wrapperCTA a{
    text-decoration: none;
  }
  .bannerCTA{
    display: grid;
    background: url('/wp-content/themes/tajIn/images/home/baner_cta_contact.png');
    background-size: cover;
    background-position: center;
    width: 100%;
    max-width: 1364px;
    height: 302px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    color: #FFF;
  }
  .bannerCTA h3{
    color: #FFF;
    font-weight: 700;
    font-size: 21pt;
  }
  .bannerCTA p{
    color: #FFF;
    font-size: 18pt;
  }
  .bannerCTA .textCTA{
    width: 450px;
  }

  .wrapperFooterContact{
    display: grid;
    grid-template-columns: auto 1fr;
    width: 100%;
    max-width: 1364px;
  }
  .wrapperFooterContact_2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    max-width: 1364px;
    grid-gap: 25px;
  }
  .wrapperText h3{
    color: #000;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .wrapperText .instaWhats{
    margin-bottom: 25px;
  }
  .wrapperText .instaWhats a{
    text-decoration: none;
    color: #666;
  }
  .wrapperText .instaWhats img{
    margin-right: 10px;
  }
  .wrapperText .instaWhats span{
    position: relative;
    left: -5px;
    top: 1px;
    font-size: 10pt;
  }
  .wrapperText p {
    margin: 15px 0;
  }
  .wrapperText .btnContact{
    background: #A400FF;
    color: white;
    padding: 10px 15px;
    font-size: 20px;
    display: inline-block;
  }
  .wrapperText .btnContact:hover{
    text-decoration: none;
  }

  .wrapperFooterMenu{
    width: 100%;
    max-width: 1364px;
    margin: 40px auto 0;
  }
  .wrapperFooterMenu .logo{
    width: 100px;
    display: inline-block;
    vertical-align: top;
  }
  .wrapperFooterMenu .menuFooter{
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
  }
  .wrapperFooterMenu .menuFooter ul{
    list-style: none;
  }
  .wrapperFooterMenu .phoneEmailInsta{
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
  }
  .wrapperFooterMenu .phoneEmailInsta a{
    display: inline-block;
    margin-bottom: 5px;
  }

  .wrapperFooterMenu a {
    color: #666;
  }
  .wrapperForm{
    text-align: center;
    margin: 0px 0 50px;
  }
  .sidebar-box{
    display: inline-block;
    vertical-align: top;
    margin: 0 10px;

  }
  .sidebar-box select{
    display:block;
    padding: 10px 10px;
    height:52px!important;
    width: 300px;
    -webkit-appearance: none;
    height: 34px;
    /* background-color: #ffffff; */
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
        linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
      background-repeat: no-repeat, repeat;
      background-position: right .7em top 50%, 0 0;
      background-size: .65em auto, 100%;
    border: 2px solid #7C61BA;
  }
  .sidebar-box select:required:invalid {
    color: gray;
  }
  /* .sidebar-box option[value=""][disabled] {
    display: none;
  } */
  .sidebar-box option {
    color: black;
  }
  
  .wrapperProducts{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    width: 100%;
    max-width: 1300px;
    margin: 50px auto;
  }
  .wrapperProducts .box-product{
    text-decoration: none;
  }
  .wrapperProducts .box-product .image{
    border-radius: 20px;
    overflow: hidden;
  }




  .articleAbierto .titleArticleAbiertoInfo {
    font-weight: 400;
    font-size: 12pt;
    width: 95%;
    max-width: 1364px;
    margin: auto; }

    .articleAbierto .contentArticleAbiertoInfo {
      margin-top: 20px;
      width: 95%;
      max-width: 1364px;
      margin: 30px auto 0; }
      .articleAbierto .contentArticleAbiertoInfo h2 {
        margin: 50px 0;
        font-weight: 600;
      }
      .articleAbierto .contentArticleAbiertoInfo p {
        font-size: 1.5em;
        margin: 20px 0;
      }

.instaWhatsConctact a img{
  width: 25px;
}
.instaWhatsConctact a{
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  color: #666;
  text-decoration: none;
}

.infoLegal{
  margin-top: -70px;
}

.hiddenTipo{
  display: none;
}
.hiddenAplicativos{
  display: none;
}
.hiddenFuncionalidad{
  display: none;
}
.productoCertificaciones .size-large{
  width: 100%!important;
  max-width: 100px!important;
  margin: 10px 10px!important;
}

@media screen and (max-width: 1400px) {
  .extracts{
    position: relative;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 50%;
  }
  .text_1 {
    top: 100px;
    left: 10%;
  }
  .text_2 {
    bottom: 40px;
    left: 10%;
  }
  .text_3 {
    top: 100px;
    right: 10%;
    text-align: right;
  }
  .text_4 {
    bottom: 40px;
    right: 10%;
  }
}

@media screen and (max-width: 1400px) {
  .extracts{
    position: relative;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 50%;
  }
  .text_1 {
    top: 100px;
    left: 10%;
  }
  .text_2 {
    bottom: 40px;
    left: 10%;
  }
  .text_3 {
    top: 100px;
    right: 10%;
    text-align: right;
  }
  .text_4 {
    bottom: 40px;
    right: 10%;
  }
}

@media screen and (max-width: 1300px) {
  .extracts{
    position: relative;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 50%;
  }
  .text_1 {
    top: 70px;
    left: 50px;
  }
  .text_2 {
    bottom: 0px;
    left: 50px;
  }
  .text_3 {
    top: 70px;
    right: 50px;
    text-align: right;
  }
  .text_4 {
    bottom: 10px;
    right: 100px;
  }
  .sidebar-box select{
    width: 250px;
  }
}
@media screen and (max-width: 1100px) {
  .wrapperProducts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 1024px) {
  .wrapper-solutions-main{
    margin: 0 20px;
  }
  .wrapper-solutions {
    grid-template-columns: 1fr 1fr;
  }
  .extracts {
    position: relative;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .text_1 {
    position: initial;
  }
  .text_2 {
    position: initial;
  }
  .text_3 {
    position: initial;
  }
  .text_4 {
    position: initial;
  }
  .text_1 img{
    display: none;
  }
  .text_2 img{
    display: none;
  }
  .text_3 img{
    display: none;
  }
  .text_4 img{
    display: none;
  }
  .box-extracts h5{
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
  .box-extracts p{
    width: 100%;
    text-align: center;
  }
  .wrapperFooterContact{
    grid-template-columns: 1fr;
  }
  .wrapperFooterContact_2{
    grid-template-columns: 1fr;
  }
  .wrapperText{
    width: 100%;
    max-width: 600px;
    text-align: center;
    margin: 0 auto 20px;
  }
  .wrapperImage {
    width: 100%;
    text-align: center;
  }
  .sidebar-box select{
    width: 160px;
  }
}
@media screen and (max-width: 900px) {
  .wrapperProducts {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 650px) {
  .sidebar-box{
    margin: 5px 0px;
    width: 100%;
  }
  .sidebar-box select{
    width: 100%;
  }
}
@media screen and (max-width: 530px) {
  .wrapper-solutions {
    grid-template-columns: 1fr 1fr;
  }
}