/*
     _ _      _       _
 ___| (_) ___| | __  (_)___
/ __| | |/ __| |/ /  | / __|
\__ \ | | (__|   < _ | \__ \
|___/_|_|\___|_|\_(_)/ |___/
                   |__/

 Version: 1.9.0
  Author: Ken Wheeler
 Website: http://kenwheeler.github.io
    Docs: http://kenwheeler.github.io/slick
    Repo: http://github.com/kenwheeler/slick
  Issues: http://github.com/kenwheeler/slick/issues

 */
.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block
}
.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden
}
.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {

  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: 0
}
.slick-list.dragging {
  cursor: pointer;
}
.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.slick-track {
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto
}
.slick-track:after, .slick-track:before {
    
    
display: none;
}
.slick-track:after {
  clear: both
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}
[dir=rtl] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
.slick-arrow {
  cursor: pointer;
  position: absolute;
  top: 123px;
  z-index: 9;
  width: 81px;
  height: 81px;
  display: block;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.slick-arrow:hover {opacity: 0.8;}
.slick-prev {
left: -40px;
  background-image: url("../img/index/prev.png");
}
.slick-next {
 right: -40px;
  background-image: url("../img/index/next.png");
}
.slick-dots {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 ;
  gap:20px;
  cursor: pointer;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  bottom: 20px;
}
.slick-dots li {
  display: block;
  line-height: 1;
  font-size: 0;

  border: none;
  width: 14px;
  height: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    cursor: pointer;
}
.slick-dots button {
  font-size: 0;
  background-color: #FFFFFF;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}
.slick-dots li.slick-active button {
  background-color: #FFC400;
}
.slick-dots li.slick-active {
  opacity: 1;
}