@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list{/* background: #fff url('./ajax-loader.gif') center center no-repeat; */}

/* Arrows */
.slick-prev,
.slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; margin-top: -18px; display: block; width: 36px; height: 36px;
   padding: 0; cursor: pointer; color: transparent; outline: none; z-index:100; border-radius: 100px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {color: transparent; outline: none; background-color:rgba(255,255,255,0.9); }

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{opacity: 1; }

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .6;}

.slick-prev:before,
.slick-next:before {font-size: 0; line-height: 1; opacity: .75; color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev { left:-5%; background:rgba(255,255,255,0.8) url("/images/main/arrow_prev.png") no-repeat center; }
.slick-next { right: -5%; background:rgba(255,255,255,0.8) url("/images/main/arrow_next.png") no-repeat center; }
.slick-prev,
.slick-next { background-size: 100% auto; }

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

@media all and (max-width: 1280px){
  .slick-prev { left:0; }
  .slick-next { right: 0; }
}

@media all and (max-width: 568px){
  .slick-prev,
  .slick-next { width: 26px; height: 26px; }
  .slick-prev { left:-8px; }
  .slick-next { right: -8px; }
}


/**/

/* Dots */
.slick-dots { position: absolute; width:100%; top: 65%; left: 0;  display: block; padding: 0; margin: 0; list-style: none;  text-align: center; font-size:0;}
.slick-dots li button { font-size:0; }

.slick-dots li { display: inline-block; *zoom:1; *display: inline; width:10px; height:10px; background: rgba(255,255,255,0.7);
                    margin:0 7.5px; cursor: pointer; border-radius: 20px; }
.slick-dots li.slick-active { background:#fff;  }
.slick-dots li:hover { background:#fff; }

@media all and (max-width: 1280px){
  .slick-dots { top: 72%; }
}

@media all and (max-width: 1280px){
  .slick-dots { top: 77%; }
}

@media all and (max-width: 976px){
  .slick-dots { top: unset; bottom: 5%; }
  .slick-dots li { margin:0 5px; }
}

@media all and (max-width: 767px){
   .slick-dots li { width:8px; height:8px;  }
}