/*
==============================
Page: All
Section: Slick Slider
==============================
*/
/*
==============================
Page: All
Section: Slick Slider
==============================
*/

.slick-dots {
    text-align: center; /* FILTERED: 1702989925.841 */ 
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 21;
  }

  .slick-dots li {
    display: inline-block;
    margin-right: .5em;
  }

  .slick-dots li:last-child {
    margin-right: 0;
  }

  .slick-dots li button {
    border-color: #00000000;
    background-color: #00000066;
    border-radius: 100%;
    border-width: 1px;
    border-style: solid;
    color: transparent;
    height: 7px;
    padding: 0;
    width: 7px;
  }

  .slick-dots li button:hover {
    /*cursor: pointer;*/
    cursor: default!important;
  }

  .slick-dots li.slick-active button {
    background-color: #4c0101;
    border-color: #4c0101;
  }


  .slick-arrow {
    color: transparent!important;
    background-color: transparent !important;
    background-size: 40% !important;
    background-position: center !important;
    width: 35px !important;
    height: 35px !important;
    border: 0 !important;
    box-shadow: 0 0 0 !important;
    position: absolute !important;
    bottom: 45%;
    z-index: 12 !important;
    cursor: pointer;
    background-repeat: no-repeat;
    font-size: 1em !important;
  }


  .control-slider-tarjetas{
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 50%;
  }
  .arrow-left,
  .arrow-right{
    cursor: pointer;
  }
  .arrow-right{
    right: 0 !important;
    position: absolute;
  }
  .control-slider-tarjetas .arrow-left .slick-prev:before{
    border-radius: 0 5px 5px 0;
  }
  .control-slider-tarjetas .arrow-right .slick-next:before{
    border-radius:  5px 0 0 5px;
  }
  .control-slider-tarjetas .arrow-left .slick-prev:before,
  .control-slider-tarjetas .arrow-right .slick-next:before{
    font-size: 40px!important;
    background: whitesmoke;
    padding: 10px 8px;
  }

  .slick-next {
    /* background-image: url(../../img/flecha-2.png); */

    /*right: 2% !important;*/
  }

  .slick-prev {
    /* background-image: url(../../img/flecha-1.png); */
    /*left: 2%;*/
  }