/* Arrows */
.slick-prev,.slick-prev:hover,
.slick-next, .slick-next:hover
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    display: block;

    width: 30px;
    height: 75px;
    padding: 0;

    border: none;
    outline: none;
    background: #b9c455;
}



.slick-prev
{
    left: -48px;
}

.slick-prev:before
{
  font-weight: 900;
  content: "\f053";
  font-size: 1.3rem;
  position: absolute;
  left: 8px;
  top: 37px;
  font-family: "Font Awesome 5 Free";
  color: #fff
}


.slick-next
{
    right: -48px;
}


@media (max-width: 600px) {
  .slick-next
  {
      right: 0px;
  }

  .slick-prev
  {
      left: 0px;
  }

  .slick-prev,
  .slick-next
  {
      font-size: 0;
      line-height: 0;
      position: absolute;
      top: 40%;
      display: block;

      width: 30px;
      height: 75px;
      padding: 0;

      border: none;
      outline: none;
      background: #50a0a4;
      z-index: 2000
  }

}

.slick-next:before
{
  font-weight: 900;
  content: "\f054";
  font-size: 1.3rem;
  position: absolute;
  left: 10px;
  top: 37px;
  font-family: "Font Awesome 5 Free";
  color: #fff
}


.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: #0068b1;
}