@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: 0; margin-top: 0; display: block; width: 50px; height: 50px;
   padding: 0; cursor: pointer; color: transparent; outline: none; z-index:100;
}

.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: 50px; background:rgba(41,41,41,0.1) url("/images/main/arrow_prev.png") no-repeat center; }
.slick-next { right:0; background:rgba(41,41,41,1) url("/images/main/arrow_next.png") no-repeat center; }
.slick-prev,
.slick-next { width:50px; height:50px; background-size: 100% auto; }

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

@media all and (max-width: 1280px){
}

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

}
@media all and (max-width: 640px){
  .slick-prev,
  .slick-next { width: 30px; height: 30px;   margin-top:-30px }
  .slick-prev {right: 30px;}

}


/**/

/* Dots */
.slick-dots { position: absolute; width:100%;  bottom: 3%; 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:8px; height:8px; border:1px solid #FFF; margin:0 2px; cursor: pointer;  }
.slick-dots li.slick-active {width:60px; background:#fff;  }
.slick-dots li:hover { background:#fff; }
@media all and (max-width:976px){
	.slick-dots li {border:1px solid #555;}
	.slick-dots li.slick-active {background:#555;  }
	.slick-dots li:hover { background:#555; }
}
@media all and (max-width: 568px){
   .slick-dots {  }
   .slick-dots li { width: 4px; height: 4px; }
   .slick-dots li.slick-active {width: 30px; }
}