@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: -110px; display: block; width: 60px; height: 60px;
   padding: 0; cursor: pointer; color: transparent; outline: none; z-index:100; border:1px solid #bdced3;
}

.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 { right:80px; background:url("/images/main/arrow_prev.png") no-repeat center; border-right:0; }
.slick-next { right:20px; background:url("/images/main/arrow_next.png") no-repeat center; border-left:0;  }
.slick-prev,
.slick-next { background-size: 100% auto; }

.slick-next::before { content:''; width: 1px; height: 30px; position: absolute; left:0; top: 50%; margin-top: -15px; background: #bdced3; }

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


@media all and (max-width: 1280px){
  .slick-prev,
  .slick-next { top: -100px;  }
}

@media all and (max-width: 976px){
  .slick-prev,
  .slick-next { width: 50px; height: 50px; top: -85px; }
  .slick-prev { right: 70px; }
  .slick-next {}

}

@media all and (max-width: 767px){
  .slick-next {  right:10px; }
  .slick-prev { right: 60px; }
}

@media all and (max-width: 568px){
  .slick-prev,
  .slick-next { width: 40px; height: 40px; top: -75px; }
  .slick-prev { right: 50px; }

  .slick-next::before { height: 20px; margin-top: -10px; }
}

@media all and (max-width: 400px){
  .slick-prev,
  .slick-next { top:inherit; bottom:0; background-color: rgba(255,255,255,0.8); }
  .slick-prev { right:49px; }
  .slick-next { right: 9px; }
}


.progressSlide .slick-next,
.progressSlide .slick-prev { top: inherit; bottom: 60px; background-color: #fff; border-width:0;  }
.progressSlide .slick-next {  right: 52%; }
.progressSlide .slick-prev { right: calc(52% + 60px); }

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus { background-color: #; }

@media all and (max-width: 1280px){
  .progressSlide .slick-next,
  .progressSlide .slick-prev { bottom: 70px; }
  .progressSlide .slick-next {  right: 50%; }
  .progressSlide .slick-prev { right: calc(50% + 60px); }
}

@media all and (max-width: 976px){
  .progressSlide .slick-next,
  .progressSlide .slick-prev { bottom: 80px; }
  .progressSlide .slick-next {  right: 45%; }
  .progressSlide .slick-prev { right: calc(45% + 50px); }
}

@media all and (max-width: 767px){
  .progressSlide .slick-next,
  .progressSlide .slick-prev { bottom: inherit; top:0; border-width:1px; }
  .progressSlide .slick-next {  right: 0; }
  .progressSlide .slick-prev { right: 50px; }
}

@media all and (max-width: 568px){
  .progressSlide .slick-prev { right: 40px; }
}



/**/

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

.slick-dots li { display: inline-block; width:6px; height:6px; background: #fff; position: relative;
                    border-radius: 100%; margin: 0 12px; cursor: pointer; }
.slick-dots li.slick-active::before {  content: ''; width: 20px; height: 20px; border: 1px solid rgba(255,255,255,0.6);
                                              position: absolute; left: -7px; top: -7px; border-radius: 100%; }
.slick-dots li:hover { background:#fff; }

@media (max-width: 480px){

}