@charset "UTF-8";


/* Arrows */

.slick-prev,
.slick-next {
  position: absolute;
  z-index: 10;
  top:0;
  bottom:0;
  margin: auto;
  width: 20px;
  height: 44px;
  font-size: 0;
  cursor:pointer;
  &.slick-disabled{
    display: none !important;
  }
}

.slick-prev {
  left: -40px;
  background:url(../img/common/arrow_left.png) center center no-repeat;
  background-size: 17px;
}

.slick-next {
  right: -40px;
  background:url(../img/common/arrow_right.png) center center no-repeat;
  background-size: 17px;
}

/* Dots */

.slick-dotted.slick-slider {
  margin-bottom: 50px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: 100%;
  li {
    position: relative;
    margin: 0 4px;
    padding: 0;
    cursor: pointer;
    button {
      border: 0;
      display: block;
      height: 7px;
      width: 7px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      cursor: pointer;
      border-radius:100%;
      background-color: #000;
      &:hover, &:focus {
        outline: none;
      }
    }
    &.slick-active button {
      background-color: #b2b2b2;
    }
  }
}