@charset 'UTF-8';

.slick-loading .slick-list {

  background: #fff url(../images/ajax-loader.gif) center center no-repeat

}

.slick-next, .slick-prev {

  font-size: 0;

  line-height: 0;

  position: absolute;

  top: 50%;

  display: block;

  width: 20px;

  height: 20px;

  padding: 0;

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  cursor: pointer;

  color: transparent;

  border: none;

  outline: 0;

  background: 0 0

}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {

  color: transparent;

  outline: 0;

  background: 0 0

}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {

  opacity: 1

}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {

  opacity: .25

}

.slick-next:before, .slick-prev:before {

  font-family: slick;

  font-size: 20px;

  line-height: 1;

  opacity: .75;

  color: #fff;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale

}

.slick-prev {

  left: -25px

}

[dir=rtl] .slick-prev {

  right: -25px;

  left: auto

}

.slick-prev:before {

  content: '←'

}

[dir=rtl] .slick-prev:before {

  content: '→'

}

.slick-next {

  right: -25px

}

[dir=rtl] .slick-next {

  right: auto;

  left: -25px

}

.slick-next:before {

  content: '→'

}

[dir=rtl] .slick-next:before {

  content: '←'

}

.slick-dotted.slick-slider {

  margin-bottom: 30px

}

.slick-dots {

  position: absolute;

  bottom: -25px;

  display: block;

  width: 100%;

  padding: 0;

  margin: 0;

  list-style: none;

  text-align: center

}

.slick-dots li {

  position: relative;

  display: inline-block;

  width: 20px;

  height: 20px;

  margin: 0 5px;

  padding: 0;

  cursor: pointer

}

.slick-dots li button {

  font-size: 0;

  line-height: 0;

  display: block;

  width: 20px;

  height: 20px;

  padding: 5px;

  cursor: pointer;

  color: transparent;

  border: 0;

  outline: 0;

  background: 0 0

}

.slick-dots li button:focus, .slick-dots li button:hover {

  outline: 0

}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {

  opacity: 1

}

.slick-dots li button:before {

  font-family: slick;

  font-size: 6px;

  line-height: 20px;

  position: absolute;

  top: 0;

  left: 0;

  width: 20px;

  height: 20px;

  content: '•';

  text-align: center;

  opacity: .25;

  color: #000;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale

}

.slick-dots li.slick-active button:before {

  opacity: .75;

  color: #000

}