@charset 'UTF-8';

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

/* Arrows */
/* Arrows */
.slick-arrow {font-size: 0; line-height: 0; position: absolute; right:0; bottom:0; display: block; width: 45px; height: 45px; padding: 0; cursor: pointer; color: transparent; border: none; outline: none;
                  background-color: rgba(73,111,242,0.9); background-repeat: no-repeat; background-position: center; background-size: 100% auto; z-index:99; }




.slick-prev { transform: translateX(-100%); background-image: url("/images/main/arrow_prev.png"); border-radius: 15px 0 0 0;}
.slick-next { background-image: url("/images/main/arrow_next.png"); }
.slick-next::before { content: ''; width: 1px; height: 100%; background: rgba(255,255,255,0.1); position: relative; top:0; left:0; display: block; }

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


.groupSlide .slick-arrow { width: 12px; height: 18px; right: inherit; bottom:inherit; top: 42%; background-color: inherit; }
.groupSlide .slick-prev { left:-20px; background-image: url("/images/main/arrow_prev2.png");  transform: translateY(-50%); }
.groupSlide .slick-next { right:-20px; background-image: url("/images/main/arrow_next2.png");  transform: translateY(-50%); }
.groupSlide .slick-next::before { display: none; }

.gallerySlide .slick-arrow { right: inherit; left: -19%; top: 60%; }
.gallerySlide .slick-next { border-radius: 0 0 15px 0; }


@media all and (max-width:1280px) {
  .gallerySlide .slick-arrow { left: -18vw; }

  .gallerySlide .slick-prev { transform: none; }
  .gallerySlide .slick-next { transform: translateX(100%); }
}

@media all and (max-width:1080px) {
  .slick-arrow { width: 38px; height: 38px; }

  .gallerySlide .slick-arrow { top: 70%; }
}

@media all and (max-width:767px) {
  .gallerySlide .slick-arrow { left: -23vw; }
}

@media all and (max-width:640px) {
  .slick-arrow { width: 34px; height: 34px; }

  .gallerySlide .slick-arrow { left: inherit; right:0; top:-2.5rem;  }
  .gallerySlide .slick-prev { transform: translate(-100%, -100%); }
  .gallerySlide .slick-next { transform: translate(0, -100%); }
}

@media all and (max-width:480px) {
  .slick-arrow { width: 30px; height: 30px; }

  .groupSlide .slick-arrow { width: 10px; height: 16px; }
  .groupSlide .slick-prev { left:-15px; }
  .groupSlide .slick-next { right:-15px; }
}




/* Dots */
.slick-dotted.slick-slider { margin-bottom:0px; }
.slick-dots { position: absolute; bottom: 20px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block;  width:12px; height:12px; margin:0 4px; padding: 0; cursor: pointer;
                   box-sizing:border-box; background: #fff; border-radius: 30px; opacity: 0.3; }
.slick-dots li button { font-size:0; }
.slick-dots li.slick-active { opacity: 1; }


/**/

.dot_wh .slick-dots li{width:12px; height:12px; border-radius:100%; border:2px solid rgba(255,255,255,0.5); margin:0 4px;}
.dot_wh .slick-dots li.slick-active{background:#FFF}
.dot_wh .slick-dots li:hover{border:2px solid rgba(255,255,255,1);}

.dot_or .slick-dots li{width:10px; height:10px; border-radius:100%; border:1px solid rgba(255, 114, 20, 0.5); margin:0 4px;}
.dot_or .slick-dots li.slick-active{background:#FF7214}
.dot_or .slick-dots li:hover{border:1px solid #FF7214;}

@media all and (max-width:850px) {
	.dot_wh .slick-dots li{width:8px; height:8px; margin:0 3px;}
	.dot_or .slick-dots li{width:8px; height:8px; margin:0 3px;}
}