/* Activar para Fondo Navideño*/
  /* body {
                background: url(https://tailoy-web.s3.sa-east-1.amazonaws.com/banner-EC/2022/12/background/fondo-navidad2022-2.jpg);
                background-size: contain;
            } */

  @media screen and (min-width: 767px) {
      .banner-main .bx-controls-direction .bx-prev {
          left: 35px !important;
      }

      .banner-main .bx-controls-direction [class*="bx"] {
          width: 45px !important;
          height: 45px !important;
          line-height: 45px !important;
      }

      .banner-main .bx-controls-direction .bx-next {
          right: 35px !important;
      }

      .home-banner-section .banner-main .bx-controls-direction [class*="bx"] {
          bottom: 45% !important;
      }
  }

  .carrusel-banner-3 .slick-slide img {
      padding: 10px;
  }

  .cajas_compacto {
      width: 100%;
      height: auto;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      grid-template-rows: repeat(2, 1fr);
      column-gap: 8px;
      grid-row-gap: 8px;
      position: relative;
      margin-bottom: 1.5%;
      margin-top: 1.5%;
  }

  .cajas_compacto .item_compacto.item-1 {
      grid-column-start: 1;
      grid-column-end: span 2;
      grid-row-start: 1;
      grid-row-end: span 1;
  }

  .cajas_compacto .item_compacto.item-2 {
      grid-column-start: 3;
      grid-column-end: span 3;
      grid-row-start: 1;
      grid-row-end: span 1;
  }

  .cajas_compacto .item_compacto.item-3 {
      grid-column-start: 1;
      grid-column-end: span 1;
      grid-row-start: 2;
      grid-row-end: span 2;
  }

  .cajas_compacto .item_compacto.item-4 {
      grid-column-start: 2;
      grid-column-end: span 2;
      grid-row-start: 2;
      grid-row-end: span 1;
  }

  .cajas_compacto .item_compacto.item-5 {
      grid-column-start: 4;
      grid-column-end: span 2;
      grid-row-start: 2;
      grid-row-end: span 1;
  }

  .cajas_compacto .item_compacto.item-6 {
      grid-column-start: 2;
      grid-column-end: span 2;
      grid-row-start: 3;
      grid-row-end: span 1;
  }

  .cajas_compacto .item_compacto.item-7 {
      grid-column-start: 4;
      grid-column-end: span 2;
      grid-row-start: 3;
      grid-row-end: span 1;
  }

  @media (max-width: 767px) {
      .cajas_compacto {
          display: flex;
          flex-direction: column;
          flex-wrap: nowrap;
          align-content: center;
          justify-content: center;
          align-items: center;
          row-gap: 10px;
      }
  }

  #maincontent {
      padding: 0 !important;
  }


  /****Estilos para Contador****/
  .contenedorCont {
      color: #000000;
      text-align: center;
  }

  .contenidoCont {
      width: 100%;
      margin: 0 auto;
      border: 0px solid black;
      z-index: 1;
      position: relative;
  }

  .contador {
      position: absolute;
      top: 72px;
      left: 498px;
  }

  .responsivo1 {
      display: inline-block
  }

  .responsivo2 {
      display: inline-block
  }

  .cartel {
      box-sizing: border-box;
      background-color: white;
      width: 56px;
      height: 52px;
      padding: 5px 0px 5px 0px;
      text-align: center;
      display: inline-block;
      margin: 5px;
      /* border: 3px solid #000000; */
      border-radius: 5px;
  }

  .cartel>div {
      font-size: 36px;
      font-family: 'Verdana', sans serif;
      animation: fade 3s;
      line-height: 30px;
      margin-top: 5px;
  }

  .cartel>div>h3 {
      margin-top: 15px;
      font-size: 12px;
      font-weight: normal;
      color: white;
  }

  @media (max-width:1280px) and (min-width:1199px) {
      .contador {
          left: 450px;
      }
  }

  /*=============================================================
        ESCRITORIO GIGANTE ( revisamos en 1440px)
        ==============================================================*/
  @media (max-width:1920px) and (min-width:1440px) {
      .contador {
          left: 518px;
      }
  }

  /*=============================================================
        ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
        ==============================================================*/
  @media (max-width:1199px) and (min-width:992px) {
      .cartel {
          width: 44px;
          height: 40px;
          margin: 4px;
      }

      .cartel>div {
          font-size: 33px;
          line-height: 25px;
      }

      .cartel>div>h3 {
          font-size: 8px;
          margin-top: 0px;
      }

      .contador {
          top: 53px;
          left: 373px;
          margin: auto;
      }
  }

  /*=============================================
        ESCRITORIO PEQUEÑO TABLET VERTICAL (SM revisamos en 768px)
        =============================================*/

  @media (max-width:991px) and (min-width:768px) {
      .contador {
          top: 45px;
          left: 310px;
          margin: auto;
      }

      .cartel {
          width: 36px;
          height: 32px;
          margin: 3px;
      }

      .cartel>div {
          font-size: 25px;
          line-height: 10px;
      }

      .cartel>div>h3 {
          font-size: 8px;
          margin-top: 15px;
      }
  }

  /*===========
        MOVIL 
        ============*/
  @media (max-width: 767px) {
      .cartel {
          width: 40px;
          height: 36px;
          margin: 3px;
      }

      .cartel>div {
          font-size: 27px;
          line-height: 15px;
      }

      .cartel>div>h3 {
          font-size: 9px;
          margin-top: 0px;
      }

      .contador {
          top: 45px;
          left: 88px;
          margin: auto;
      }

      .columna-contador {
          margin-top: -10px !important;
      }
  }

  @keyframes fade {
      0% {
          opacity: 0;
      }

      30% {
          opacity: 0;
      }

      100% {
          opacity: 1;
      }
  }

  .ocultarC {
      display: none !important;
  }

  /*Fin Estilos para Contador*/

  .logos {
      padding-left: unset !important;
      padding-right: unset !important;
  }

  @keyframes scroll {
      0% {
          transform: translateX(0);
      }

      100% {
          transform: translateX(calc(-250px * 10));
      }
  }

  .slider {
      background: white;
      box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);
      height: 100px;
      margin: auto;
      overflow: hidden;
      position: relative;
      width: 2024px;
      max-width: 100%;
  }

  .slider::before,
  .slider::after {
      background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
      content: "";
      height: 100px;
      position: absolute;
      width: 200px;
      z-index: 2;
  }

  .slider::after {
      right: 0;
      top: 0;
      transform: rotateZ(180deg);
  }

  .slider::before {
      left: 0;
      top: 0;
  }

  .slider .slide-track {
      animation: scroll 40s linear infinite;
      display: flex;
      width: calc(250px * 20);
  }

  .slider .slide {
      height: 100px;
      width: 250px;
  }

  /***************Efecto de Movimiento para las imagenes******************/
  .effect-1 {
      overflow: hidden;
  }

  .effect-1 img {
      -webkit-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
  }

  .effect-1:hover img {
      -webkit-transform: scale3d(1.02, 1.02, 1.02);
      -moz-transform: scale3d(1.02, 1.02, 1.02);
      -ms-transform: scale3d(1.02, 1.02, 1.02);
      -o-transform: scale3d(1.02, 1.02, 1.02);
      transform: scale3d(1.02, 1.02, 1.02);
  }

  /***************Efecto de Movimiento para las imagenes******************/

  /*=============================================
      ESTILOS DE BANNERS WEB
=============================================*/


/*Diseño del banners slider*/
.ambanner-content-block{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    height: 100%;
    margin:  0px;
    display: block;
}
/*Fin Diseño del banners slider*/

  .banner-1 {
      position: relative;
      line-height: 0;
  }

  .banner-1 a {
      display: block;
      width: 100% !important;
      height: 100% !important;
      position: absolute !important;
      transition: all 300ms ease 0s !important;
      border-radius: 53px;
  }

  .banner-1 picture img {
      min-width: 100%;
  }

  .banner-1 a:hover {
      background-color: rgb(8 5 5 / 60%);
  }

  .banner-1 a div span {
      position: absolute !important;
      top: 0 !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important;
      margin: auto !important;
      transition: all 300ms ease 0s !important;
      border-radius: 5px !important;
      background-color: #00A160;
      color: #ffffff !important;
      text-align: center !important;
      width: 0 !important;
      line-height: 40px !important;
      height: 0 !important;
      font-size: 12px !important;
      text-transform: uppercase !important;
      opacity: 0 !important;
      transition: all 0.3s 0s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
  }

  .banner-1 a:hover div span {
      width: 123px !important;
      height: 40px !important;
      opacity: 1 !important;
  }

  /*=============================================
    ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

  @media (max-width:1199px) and (min-width:992px) {
      .banner-1 a {
          border-radius: 40px !important;
      }
  }

  /*=============================================
    ESCRITORIO PEQUEÑO TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

  @media (max-width:991px) and (min-width:768px) {
      .banner-1 a {
          border-radius: 30px !important;
      }
  }

  /*===========
    MOVIL 
============*/
  @media (max-width:767px) {
      .banner-1 {
          position: relative;
      }

      .banner-1 a {
          border-radius: 23px;
      }

  }

  /*----------------------------------------------------------------*/
  .banner-1panini a {
      width: 100%;
      height: 97.5%;
      position: absolute;
      -webkit-transition: all 300ms ease 0s;
      transition: all 300ms ease 0s;
  }

  .banner-1panini a:hover {
      background-color: rgb(8 5 5 / 60%)
  }

  .banner-1panini a div span {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      transition: all 300ms ease 0s;
      border-radius: 5px;
      background-color: #9C1130;
      color: #ffffff;
      text-align: center;
      width: 0;
      line-height: 40px;
      height: 0;
      font-size: 12px;
      text-transform: uppercase;
      opacity: 0;
      transition: all 0.3s 0s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }

  .banner-1panini a:hover div span {
      width: 123px;
      height: 40px;
      opacity: 1;
  }

  /*=============================================
    PANTALLAS GIGANTES
=============================================*/
  @media (min-width:1920px) {
      .banner-1panini a {
          height: 98.7%;
      }

  }

  /*----------------------------------------------------------------*/

  .banner-1p a {
      width: 100%;
      height: 100%;
      position: absolute;
      transition: all 300ms ease 0s;
      display: block;
  }

  .banner-1p a:hover {
      background-color: rgb(8 5 5 / 60%)
  }

  .banner-1p a div span {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      transition: all 300ms ease 0s;
      border-radius: 5px;
      background-color: #00A160;
      color: #ffffff;
      text-align: center;
      width: 0;
      line-height: 40px;
      height: 0;
      font-size: 12px;
      text-transform: uppercase;
      opacity: 0;
      transition: all 0.3s 0s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }

  .banner-1p a:hover div span {
      width: 123px;
      height: 40px;
      opacity: 1;
  }

  .promotions-block .caja-larga-1 {
      top: 10px;
  }

  /*=============================================
        PANTALLAS GIGANTES
        =============================================*/
  @media (min-width:1920px) {
      .banner-1p a {
          height: 97.7%;
      }
  }

  /*===========
        MOVIL 
        ============*/
        @media (max-width:767px) {
            .banner-1p a {
                width: 100% !important;
                height: 100% !important;
                left: 0 !important;
                top: 0 !important;
            }

        }

  /*=============================================
        ESCRITORIO PEQUEÑO TABLET VERTICAL (SM revisamos en 768px)
        =============================================*/
  @media (max-width:991px) and (min-width:768px) {
      .promotions-block .caja-larga {
          height: 176px !important;
      }
  }

  @media only screen and (max-width: 767px) {
      .columna-4 {
          margin-top: -18px;
      }

      .promotions-block .caja-larga {
          height: unset !important;
      }

      .promotions-block .pro-col-8 {
          margin-block-end: 0;
      }

      .promotions-block .caja-larga-1 {
          top: 10px !important;
      }
  }

  @media only screen and (min-width: 767px) {
      .columna-3 {
          margin-top: -12px;
      }

      .columna-4 {
          padding: 2px !important;
      }
  }

  /*----------------------------------------------------------------*/

  .banner-2p.vertical a:first-child {
      width: 50%;
      height: 100%;
      left: 0;
      top: 0;
  }

  .banner-2p.vertical a:nth-child(2) {
      width: 50%;
      height: 100%;
      left: 50%;
      top: 0
  }

  .banner-2p a {
      position: absolute;
      transition: all 300ms ease 0s;
  }

  .banner-2p a:hover {
      background-color: rgb(8 5 5 / 60%)
  }

  .banner-2p a div span {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      transition: all 300ms ease 0s;
      border-radius: 5px;
      background-color: #00A160;
      color: #ffffff;
      text-align: center;
      width: 0;
      line-height: 40px;
      height: 0;
      font-size: 12px;
      text-transform: uppercase;
      opacity: 0;
      transition: all 0.3s 0s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }

  .banner-2p a:hover div span {
      width: 123px;
      height: 40px;
      opacity: 1;
  }

  /*===========
        MOVIL 
        ============*/
  @media (max-width:767px) {
      .banner-2p a:first-child {
          width: 100% !important;
          height: 100% !important;
          left: 0 !important;
          top: 0 !important;
      }

      .banner-2p a:nth-child(n+2) {
          display: none;
      }
  }

  /*----------------------------------------------------------------*/

    .banner-2bp.vertical a:first-child {
        width: 65%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .banner-2bp.vertical a:nth-child(2) {
        width: 35%;
        height: 100%;
        left: 65%;
        top: 0
    }   

    .banner-2bp a {
        position: absolute;
        transition: all 300ms ease 0s;
    }

    .banner-2bp a:hover {
        background-color: rgb(8 5 5 / 60%)
    }

    .banner-2bp a div span {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: all 300ms ease 0s;
        border-radius: 5px;
        background-color: #00A160;
        color: #ffffff;
        text-align: center;
        width: 0;
        line-height: 40px;
        height: 0;
        font-size: 12px;
        text-transform: uppercase;
        opacity: 0;
        transition: all 0.3s 0s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    }

    .banner-2bp a:hover div span {
        width: 123px;
        height: 40px;
        opacity: 1;
    }

    /*===========
            MOVIL 
            ============*/
    @media (max-width:767px) {
        .banner-2bp a:first-child {
            width: 100% !important;
            height: 100% !important;
            left: 0 !important;
            top: 0 !important;
        }

        .banner-2bp a:nth-child(n+2) {
            display: none;
        }
    }

    /*----------------------------------------------------------------*/

  .banner-3p.vertical a:first-child {
      width: 33.333333%;
      height: 100%;
      left: 0;
      top: 0;
  }

  .banner-3p.vertical a:nth-child(2) {
      width: 33.333333%;
      height: 100%;
      left: 33.333333%;
      top: 0
  }

  .banner-3p.vertical a:nth-child(3) {
      width: 33.333333%;
      height: 100%;
      left: 66.666666%;
      top: 0
  }

  .banner-3p a {
      position: absolute;
      transition: all 300ms ease 0s;
  }

  .banner-3p a:hover {
      background-color: rgb(8 5 5 / 60%)
  }

  .banner-3p a div span {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      transition: all 300ms ease 0s;
      border-radius: 5px;
      background-color: #00A160;
      color: #ffffff;
      text-align: center;
      width: 0;
      line-height: 40px;
      height: 0;
      font-size: 12px;
      text-transform: uppercase;
      opacity: 0;
      transition: all 0.3s 0s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }

  .banner-3p a:hover div span {
      width: 123px;
      height: 40px;
      opacity: 1;
  }

  /*===========
    MOVIL 
============*/
  @media (max-width: 767px) {
      .banner-3p a:first-child {
          width: 100% !important;
          height: 100% !important;
          left: 0 !important;
          top: 0 !important;
      }

      .banner-3p a:nth-child(n+2) {
          display: none;
      }

      .banner-3p a:nth-child(2) {
          width: 100%;
          height: 33.333333%;
          left: 0;
          top: 33.333333%;
      }
  }

  /*----------------------------------------------------------*/

  .banner-3bp.vertical a:first-child {
      width: 50%;
      height: 100%;
      left: 0;
      top: 0;
  }

  .banner-3bp.vertical a:nth-child(2) {
      width: 25%;
      height: 100%;
      left: 50%;
      top: 0
  }

  .banner-3bp.vertical a:nth-child(3) {
      width: 25%;
      height: 100%;
      left: 75%;
      top: 0
  }

  .banner-3bp a {
      position: absolute;
      transition: all 300ms ease 0s;
  }

  .banner-3bp a:hover {
      background-color: rgb(8 5 5 / 60%)
  }

  .banner-3bp a div span {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      transition: all 300ms ease 0s;
      border-radius: 5px;
      background-color: #00A160;
      color: #ffffff;
      text-align: center;
      width: 0;
      line-height: 40px;
      height: 0;
      font-size: 12px;
      text-transform: uppercase;
      opacity: 0;
      transition: all 0.3s 0s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }

  .banner-3bp a:hover div span {
      width: 123px;
      height: 40px;
      opacity: 1;
  }

  /*===========
    MOVIL 
============*/
  @media (max-width: 767px) {
      .banner-3bp a:first-child {
          width: 100% !important;
          height: 100% !important;
          left: 0 !important;
          top: 0 !important;
      }

      .banner-3bp a:nth-child(n+2) {
          display: none;
      }

      .banner-3bp a:nth-child(2) {
          width: 100%;
          height: 25%;
          left: 0;
          top: 50%;
      }
  }

    /*----------------------------------------------------------*/

    .banner-3cp.vertical a:first-child {
        width: 25%;
        height: 100%;
        left: 0;
        top: 0        
    }
  
    .banner-3cp.vertical a:nth-child(2) {
        width: 25%;
        height: 100%;
        left: 25%;
        top: 0
    }
  
    .banner-3cp.vertical a:nth-child(3) {
        width: 50%;
        height: 100%;
        left: 50%;
        top: 0;
    }
  
    .banner-3cp a {
        position: absolute;
        transition: all 300ms ease 0s;
    }
  
    .banner-3cp a:hover {
        background-color: rgb(8 5 5 / 60%)
    }
  
    .banner-3cp a div span {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        transition: all 300ms ease 0s;
        border-radius: 5px;
        background-color: #00A160;
        color: #ffffff;
        text-align: center;
        width: 0;
        line-height: 40px;
        height: 0;
        font-size: 12px;
        text-transform: uppercase;
        opacity: 0;
        transition: all 0.3s 0s cubic-bezier(0.18, 0.89, 0.32, 1.28);
    }
  
    .banner-3cp a:hover div span {
        width: 123px;
        height: 40px;
        opacity: 1;
    }
  
    /*===========
      MOVIL 
  ============*/
    @media (max-width: 767px) {
        .banner-3cp a:first-child {
            width: 100% !important;
            height: 100% !important;
            left: 0 !important;
            top: 0 !important;
        }
  
        .banner-3cp a:nth-child(n+2) {
            display: none;
        }
  
        .banner-3cp a:nth-child(2) {
            width: 100%;
            height: 25%;
            left: 0;
            top: 50%;
        }
    }

  /*--------------------------------------------------*/

  .banner-4p.vertical a:first-child {
      width: 25%;
      height: 100%;
      left: 0;
      top: 0;
  }

  .banner-4p.vertical a:nth-child(2) {
      width: 25%;
      height: 100%;
      left: 25%;
      top: 0
  }

  .banner-4p.vertical a:nth-child(3) {
      width: 25%;
      height: 100%;
      left: 50%;
      top: 0
  }

  .banner-4p.vertical a:nth-child(4) {
      width: 25%;
      height: 100%;
      left: 75%;
      top: 0
  }

  .banner-4p a {
      position: absolute;
      transition: all 300ms ease 0s;
  }

  .banner-4p a:hover {
      background-color: rgb(8 5 5 / 60%)
  }

  .banner-4p a div span {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      transition: all 300ms ease 0s;
      border-radius: 5px;
      background-color: #00A160;
      color: #ffffff;
      text-align: center;
      width: 0;
      line-height: 40px;
      height: 0;
      font-size: 12px;
      text-transform: uppercase;
      opacity: 0;
      transition: all 0.3s 0s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  }

  .banner-4p a:hover div span {
      width: 123px;
      height: 40px;
      opacity: 1;
  }

  /*===========
        MOVIL 
        ============*/
  @media (max-width: 767px) {
      .banner-4p a:first-child {
          width: 100% !important;
          height: 100% !important;
          left: 0 !important;
          top: 0 !important;
      }

      .banner-4p a:nth-child(n+2) {
          display: none;
      }

      .banner-4p a:nth-child(2) {
          width: 100%;
          height: 25%;
          left: 0;
          top: 25%;
      }
  }

  /*=============================================
    FIN DE ESTILOS DE BANNERS WEB
=============================================*/


  /*=============================================
    ESTILOS DE CATEGORIAS
=============================================*/

  .cajaCategoria {
      display: flex;
      flex-direction: column;
      align-items: center
  }

  .cajaCategoria_box {
      width: 100px;
      height: 100px;
      background-color: #fff;
      border-radius: 5000px !important;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all .4s
  }

  .cajaCategoria_box figure {
      margin: 0
  }

  .cajaCategoria_box figure img {
      width: 100%;
      max-width: 90px
  }

  .categoriaText {
      opacity: .9;
      color: #000;
      font-size: 10.5px;
      font-weight: 800;
      letter-spacing: .68px;
      text-transform: uppercase;
      text-align: center;
      display: flex;
      justify-content: center;
      transition: all .3s;
      margin-top: 10px;
      line-height: 20px;
  }

  .cajaCategoria:hover .cajaCategoria_box {
      -webkit-transform: scale(1.1);
      transform: scale(1.1)
  }

  .cajaCategoria:hover .categoriaText {
      color: #00A56C;
  }

  /*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

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

      .cajaCategoria_box {
          width: 97px;
          height: 97px
      }

      .cajaCategoria_box figure img {
          max-width: 85px
      }

      .categoriaText {
          letter-spacing: -0.32px;
      }

  }

  /*=============================================
ESCRITORIO PEQUEÑO TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

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

      .cajaCategoria_box {
          width: 97px;
          height: 97px
      }

      .cajaCategoria_box figure img {
          max-width: 70px
      }

  }

  /*===========
MOVIL 
============*/
  @media (max-width:767px) {

      .cajaCategoria_box {
          width: 97px;
          height: 97px
      }

      .cajaCategoria_box figure img {
          max-width: 65px
      }

      .categoriaText {
          font-size: 7.5px;
          font-weight: 600;
          margin-top: 5px;
      }

  }

  /*=============================================
   FIN ESTILOS DE CATEGORIAS
=============================================*/

  .container {
      max-width: 1390px !important;
  }

  .my-list-destacados .slick-slide li {
      width: 95% !important;
  }

  .slick-dots {
      display: none !important
  }

  .carrusel-banner-2 .slick-dots {
      display: block !important
  }

  .slick-dots li.slick-active button {
      background: #767676;
  }

  /* img {
            width: 100%;
            height: auto;
        }*/

  section {
      margin: 60px auto;
  }

  p.titlePortafolio {
      font-family: Roboto;
      font-style: normal;
      font-weight: normal;
      font-size: 18.762px;
      line-height: 22px;
      /* identical to box height */
      color: #8B8A8A;
  }

  .container2 {
      position: relative;
      padding: 0px !important;
      width: 100%;
      max-width: 1440px !important;
      margin: 0 auto;
      text-align: center;
  }

  .breakpoint {
      /* One column for smartphones */
      max-width: 45%;
      display: inline-block;
      margin: 5px;
  }

  .breakpointPorta {
      /* One column for smartphones */
      max-width: 90%;
      display: inline-block;
  }

  @media (min-width: 420px) {

      /* Two columns for tablets */
      .breakpoint {
          max-width: 48%;
      }
  }

  @media (min-width: 768px) {

      /* Two columns for tablets */
      .container2 {
          padding: 0px !important;
          position: relative;
          width: 100%;
          max-width: 1440px !important;
          margin: 0 auto;
          text-align: center;
      }
  }

  @media (min-width: 760px) {

      /* Four columns for large devices */
      .breakpoint {
          max-width: 18%;
      }

      .breakpointPorta {
          max-width: 70%;
      }
  }

  .breadcrumbs {
      display: none;
  }

  .history .history_contain .historyblock .block_text {
      top: 50px !important;
  }


  .slick-slider .slick-arrow {
      /* background: url("http://www.tailoy.com.pe/media/amasty/ampromobanners/flecha-der.jpg") center no-repeat !important; */
      background: url("https://tailoy-web.s3.sa-east-1.amazonaws.com/aditional/flecha-tailoy.svg") center no-repeat !important;
  }

  .slick-prev,
  .slick-next {
      z-index: 2;
  }

  .slick-slide img {
      display: block !important;
      margin: 0 auto !important;
  }

  @media (max-width: 480px) {
      .slick-track .slick-slide {
          margin-left: 5px;
          /*border: solid 1px black !important;*/
      }
  }

  /* estilos carrusel multiple */
  .rev_slider.slick-slider {
      margin-left: -12%;
      margin-right: -12%;
  }

  .rev_slider .slick-list {
      padding-top: 8% !important;
      padding-bottom: 6% !important;
      padding-left: 15% !important;
      padding-right: 15% !important;
  }

  .rev_slider .slick-dots {
      display: block !important;
      padding: 0 !important;
      /* text-align: right;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; */
  }

  .rev_slider .slick-track {
      max-width: 100% !important;
      transform: translate3d(0, 0, 0) !important;
      perspective: 100px;
  }

  .rev_slider .slick-slide {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      opacity: 0;
      width: 100% !important;
      transform: translate3d(0, 0, 0);
      transition: transform 1s, opacity 1s;
  }

  .rev_slider .slick-snext,
  .rev_slider .slick-sprev {
      display: block;
  }

  .rev_slider .slick-current {
      opacity: 1;
      position: relative;
      display: block;
      transform: translate3d(0, 0, 20px);
      z-index: 2;
  }

  .rev_slider .slick-snext {
      opacity: 1;
      transform: translate3d(20%, 0, 0px);
      z-index: 1;
  }

  .rev_slider .slick-sprev {
      opacity: 1;
      transform: translate3d(-20%, 0, 0px);
  }

  @media (max-width:767px) {
      .rev_slider .slick-list {
          padding-bottom: 5% !important;
          padding-right: 18% !important;
      }
  }

  /* colores carrusel recomendaciones */
  .rr-widget[data-s="6035592297a5281c703f3cd5"] .swiper-next::before {
      color: #767676 !important;
  }

  .rr-widget[data-s="6035592297a5281c703f3cd5"] .swiper-prev::before {
      color: #767676 !important;
  }

  .rr-widget[data-s="6035592297a5281c703f3cd5"] .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #767676 !important;
  }

  .slide-mini {
      width: 95% !important;
  }

  .pro-col-full-container {
      display: none
  }

  /*inicio activar-desactivar dias de timer*/
  .flipper-group.flipper-dd {
      display: none;
  }

  /*.flipper-group.flipper-delimiter:nth-child(2) {display: none;}*/
  /*fin activar-desactivar dias de timer*/

  /**Fin estilo timer**/
  .promotions-block .pro-col-inner:before {
      background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important
  }

  .pro-row {
      background-color: transparent !important;
      box-shadow: none !important;
  }

  .pro-col-detail-widgets {
      position: relative !important;
      left: 0% !important;
  }

  @media (max-width: 1199px) and (min-width: 768px) {
      div#myFlipper {
          font-size: 1em !important;
      }
  }

  @media (max-width: 767px) and (min-width: 481px) {
      div#myFlipper {
          font-size: 1em !important;
      }
  }

  @media (max-width: 480px) {
      div#myFlipper {
          font-size: 2em !important;
      }
  }

  /**Fin estilo timer**/


  .titulo_carrusel {
      position: relative;
      padding-left: 23px;
      font-size: 1.3em;
      margin-top: 20px;
      clear: both;
      margin-bottom: 20px;
      color: #616161;
  }

  .titulo_carrusel:before {
      content: '';
      height: 12px;
      width: 12px;
      background-color: #ffdd00;
      /*
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        */
      position: absolute;
      bottom: 11px;
      left: 0;
  }

  @media (max-width: 767px) {
      .titulo_carrusel {
          font-size: 1em;
      }

      .titulo_carrusel:before {
          bottom: 6px !important;
      }
  }

  .promotions-block .pro-col-inner:before {

      background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important;

  }

  .promotions-block .pro-col-inner {
      background: white !important;
  }

  .home-banner-section .bx-controls {
      /* bottom: -22px !important; */
      background-color: transparent;
  }

  .banner-main .bx-pager-link {
      width: 8px;
      height: 8px;
      margin: 5.625rem 6px;
      /* margin: 5.625rem 0.25rem 0; pequeño */
      background: #b2b2b2;
  }

  .banner-main .bx-pager-link.active {
      -webkit-transform: scale(1.3);
      background: #939393;
      margin: 5.625rem 6px;
      /* margin: 5.625rem 0.25rem 0; pequeño */
  }

  .titulo_img {
      font-size: 0;
      margin-top: 2%;
      margin-bottom: 2%;
      text-align: center;
  }


  .titulo_img img {
      max-width: 100%;
      height: auto;
  }


  /*
    .hidden-lg {
        display: none!important;
    }
    */


  @media (min-width: 1200px) {
      .hidden-lg {
          display: none !important;
      }
  }

  @media (max-width: 1199px) and (min-width: 992px) {
      .hidden-md {
          display: none !important;
      }
  }

  @media (max-width: 991px) and (min-width: 767px) {
      .hidden-xs {
          display: none !important;
      }

  }

  @media (max-width: 766px) {
      .hidden-xs {
          display: none !important;
      }

      .home-banner-section .bx-controls {
          display: none;
      }

  }

  /*
    .promotions-block .pro-col-3, .promotions-block .pro-col-4, .promotions-block .pro-col-6, .promotions-block .pro-col-8, .promotions-block .pro-col-12 {
    margin-bottom: 0px !important;
    }
    
    .pro-col-detail-widgets p{
    margin-bottom: -1rem !important;
    }
    */


  @media only screen and (max-width: 500px) {
      .bn-cintillo-home {
          margin-top: 14px !important;
      }

      .columna-4 {
          margin-top: -21px !important;
          margin-bottom: 0px !important;
      }
  }

  @media only screen and (max-width: 500px) {
      .columna-1 {
          margin-bottom: -13px !important;
      }

      .columna-1-sec-2 {
          margin-top: -15px !important;
      }
  }

  @media only screen and (min-width: 767px) {

      /*.ves-vertical .caret {
          display:none !important;
        }
        .navigation .ves-megamenu .level0 .submenu .submenu{
           display: contents !important;
        }
        
        .nav-item level2 nav-0{
           margin-left:20px !important;
        }*/
      .rogged-menu-vertical-left .nav-item.level2.nav-0 .submenu {
          display: none !important;
      }

  }


  .home-promotion-footer {
      display: block !important;
  }

  @media (max-width: 767px) {
      .whcenter .wbottom ul {
          font-size: 8px !important;
      }
  }

  /*estilo de Nieve*/
  #snow_tailoy {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      pointer-events: none;
      z-index: 1000;
  }


  /*Categorias en bolas navideñas*/
  @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);

  .bolasnav {
      /* padding: inherit; */
      padding: 12px;
  }

  .snip1566 {
      position: relative;
      display: inline-block;
      margin: 5px;
      max-width: 190px;
      width: 100%;
      color: rgb(231, 231, 231);
      font-size: 16px;
      box-shadow: none !important;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
  }

  .snip1566 *,
  .snip1566:before,
  .snip1566:after {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all 0.3s linear;
      transition: all 0.3s linear;
  }

  .snip1566:before,
  .snip1566:after {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 50%;
      content: '';
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      right: 0px;
      z-index: -1;
      border: 2px solid rgb(0, 55, 15);
      border-color: transparent #D90000;
  }

  .snip1566 img {
      max-width: 100%;
      backface-visibility: hidden;
      vertical-align: top;
      border-radius: 50%;
      padding: 10px;
  }

  .snip1566 figcaption {
      position: absolute;
      top: 5px;
      bottom: 5px;
      left: 5px;
      right: 5px;
      opacity: 0;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 50%;
  }

  .snip1566 i {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      font-size: 4em;
      z-index: 1;
  }

  .snip1566 a {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 1;
  }

  .snip1566:hover figcaption,
  .snip1566.hover figcaption {
      opacity: 0.5;
      -webkit-transform: translateX(0);
      transform: translateX(0);
  }

  .snip1566:hover:before,
  .snip1566.hover:before,
  .snip1566:hover:after,
  .snip1566.hover:after {
      border-width: 10px;
  }

  .snip1566:hover:before,
  .snip1566.hover:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .snip1566:hover:after,
  .snip1566.hover:after {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }

  @media (max-width:767px) {
      .snip1566 {
          max-width: 103px;
      }

      .snip1566 i {
          font-size: 2em;
      }
  }

  /* sticky superior style */
  .barraSticky {
      display: flex;
      /* position: sticky; */
      position: fixed;
      top: 140px;
      overflow: hidden;
      z-index: 11;
      width: 100%;
      max-width: 100% !important;
      padding: unset !important;
  }

  @media (max-width:767px) {
      .barraSticky {
          top: 140px;
      }
  }


  .destacados-fondo {
      background: url(https://dj2ea42ad4rel.cloudfront.net/2023/07/17+07+2023/destacados+del+dia/fondo.png);
  }

  .barbie-fondo {
      background: url(https://dj2ea42ad4rel.cloudfront.net/2023/07/31+07+2023/cat+ddn/fondo.jpg) center top;
  }

  .barbie-fondo .slick-dots li.slick-active button {
      background: black;
  }

  .barbie-fondo .slick-slider .slick-arrow {
      background: url(https://tailoy-home.s3.amazonaws.com/2023/07/17+07+2023/NUEVO+cat+barbie/flecha-tailoy_blanco.svg) center no-repeat !important;
  }

  .et-hero-tabs,
  .et-slide {
      align-items: center;
      position: relative;
      text-align: center;
  }

  .et-hero-tabs h1,
  .et-slide h1 {
      font-size: 2rem;
      margin: 0;
      letter-spacing: 1rem;
  }

  .et-hero-tabs h3,
  .et-slide h3 {
      font-size: 1rem;
      letter-spacing: 0.3rem;
      opacity: 0.6;
  }

  .et-hero-tabs-container {
      display: flex;
      flex-direction: row;
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 50px;
      /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); */
      background: #000000;
      z-index: 10;
  }

  .et-hero-tabs-container img {
      width: 25px;
      margin: 10px;
  }

  .et-hero-tabs-container--top {
      position: fixed;
      top: 114px;
  }

  .et-hero-tab-1 {
      display: flex;
      justify-content: center;
      align-items: center;
      flex: 1;
      color: white !important;
      letter-spacing: 0.1rem;
      /* transition: all 0.5s ease; */
      font-size: 12px;
  }

  .et-hero-tab-1:hover {
      color: white !important;
      background: #f18a00;
      /* transition: all 0.5s ease; */
  }

  .et-hero-tab-2 {
      display: flex;
      justify-content: center;
      align-items: center;
      flex: 1;
      color: white !important;
      letter-spacing: 0.1rem;
      /* transition: all 0.5s ease; */
      font-size: 12px;
  }

  .et-hero-tab-2:hover {
      color: white !important;
      background: #d3125a;
      /* transition: all 0.5s ease; */
  }

  .et-hero-tab-3 {
      display: flex;
      justify-content: center;
      align-items: center;
      flex: 1;
      color: white !important;
      letter-spacing: 0.1rem;
      /* transition: all 0.5s ease; */
      font-size: 12px;
  }

  .et-hero-tab-3:hover {
      color: white !important;
      background: #562679;
      /* transition: all 0.5s ease; */
  }

  .et-hero-tab-4 {
      display: flex;
      justify-content: center;
      align-items: center;
      flex: 1;
      color: white !important;
      letter-spacing: 0.1rem;
      /* transition: all 0.5s ease; */
      font-size: 12px;
  }

  .et-hero-tab-4:hover {
      color: white !important;
      background: #f18a00;
      /* transition: all 0.5s ease; */
  }

  .et-hero-tab-5 {
      display: flex;
      justify-content: center;
      align-items: center;
      flex: 1;
      color: white !important;
      letter-spacing: 0.1rem;
      /* transition: all 0.5s ease; */
      font-size: 12px;
  }

  .et-hero-tab-5:hover {
      color: white !important;
      background: #d3125a;
      /* transition: all 0.5s ease; */
  }

  .et-hero-tab-slider {
      position: absolute;
      bottom: 0;
      width: 0;
      height: 5px;
      background: #00a160;
      transition: left 0.3s ease;
  }

  @media (min-width: 800px) {

      .et-hero-tabs h1,
      .et-slide h1 {
          font-size: 3rem;
      }

      .et-hero-tabs h3,
      .et-slide h3 {
          font-size: 1rem;
      }

      .et-hero-tab {
          font-size: 1rem;
      }
  }

  /*=============================================
    ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
    =============================================*/

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

  /*=============================================
    ESCRITORIO PEQUEÑO TABLET VERTICAL (SM revisamos en 768px)
    =============================================*/

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

  /*===========
        MOVIL 
    ============*/
  @media (max-width:767px) {

      .et-hero-tabs-container img {
          width: 15px;
          margin: 5px;
      }

      .et-hero-tab-1 {
          font-size: 8px;
      }

      .et-hero-tab-2 {
          font-size: 8px;
      }

      .et-hero-tab-3 {
          font-size: 8px;
      }

      .et-hero-tab-4 {
          font-size: 8px;
      }

      .et-hero-tab-5 {
          font-size: 8px;
      }

      .barbie-fondo {
          background: url(https://dj2ea42ad4rel.cloudfront.net/2023/07/31+07+2023/cat+ddn/fondo_mobile.jpg);
      }

  }