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

.slick-dots {
  text-align: center;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  z-index: 21;
}
.slick-dots li {
  display: inline-block;
  margin-right: 8px;
}
.slick-dots li:last-child {
    margin-right: 0;
}
.slick-dots li button {
    border-color: #013649;
    background-color: #fff;
    border-radius: 100%;
    border-width: 0.15rem;
    border-style: solid;
    color: transparent;
    height: 15px;
    padding: 0;
    width: 15px;
}
.slick-dots li button:hover {
    cursor: pointer;
}
.slick-dots li.slick-active button {
    background-color: #70BA7F;
    border-color: #70BA7F;
}
.slick-arrow {
    color:transparent;
    background-color:transparent;
    background-repeat: no-repeat;
    background-size:contain;
    width:20px;
    height:20px;
    border:0;
    box-shadow:0 0 0;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:12;
}
.slick-arrow:hover {
    cursor:pointer;
}
.slick-prev {
    background-image:url(../../img/icons/icon-chevron-left.svg);
    left:-5px;
}
.slick-next {
    background-image:url(../../img/icons/icon-chevron-left.svg);
    right:-5px;
    transform: rotate(180deg);
    margin-top: -9px;
}
.slider-magazine .slick-arrow {
  width: 30px;
  height: 30px;
}
.slider-magazine .slick-arrow {
  top: auto;
  bottom: 0;
  transform: translateX(-50%);
}
.slider-magazine .slick-prev {
  left: 42%;
}
.slider-magazine .slick-next {
  right: 38%;
}
@media (min-width:992px) {
  .slick-dots {
    bottom: -80px;
  }
  .slick-prev {
      left:15px;
  }
  .slick-next {
      right:15px;
  }
  .slider-magazine .slick-arrow {
    top: 70%;
    bottom: auto;
    transform: none;
  }
  .slider-magazine .slick-prev {
    left: auto;
    right: 110px;
  }
  .slider-magazine .slick-next {
    right: 60px;
  }
}