@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; left: -25vw; bottom:0;  display: block; width: 80px; height: 80px;
  padding: 0; cursor: pointer; color: transparent; outline: none; border-radius: 100%;
  background-repeat: no-repeat; background-size: 100% auto; border: 2px solid #1a2c52;
}

.slick-prev { background-image: url("arrow_prev.png"); background-position: center top; }
.slick-next { margin-left: 85px; background-image: url("arrow_next.png"); background-position: center bottom;
             background-color:#1a2c52; }

.slick-prev:hover,
.slick-next:hover { background-color: #a0846c; border-color:#a0846c; background-position: center bottom; }

@media all and (max-width:1850px) {
  .slick-prev,
  .slick-next { left: -26.5vw; bottom:10%; width: 70px; height: 70px;  }
  .slick-next { margin-left: 75px; }
}

@media all and (max-width:1300px) {
  .slick-prev,
  .slick-next {bottom:0; }
}

@media all and (max-width:1080px) {
  .slick-prev,
  .slick-next { left: inherit; bottom: inherit; right:21%;  top: -110px; width: 60px; height: 60px;  }
  .slick-next { margin-left: 0;  }
  .slick-prev { margin-right:70px; }
}

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

@media all and (max-width:834px) {
  .slick-prev, .slick-next { right:17%;  }
}

@media all and (max-width:700px) {
  .slick-prev, .slick-next { right:32%;top: -70px; width: 40px; height: 40px; }
  .slick-prev { margin-right: 50px; }
}

@media all and (max-width:600px) {
  .slick-prev, .slick-next { right:36%;  }
}

@media all and (max-width:520px) {
  .slick-prev, .slick-next { display:none !important; }
}

.interiorSlide .slick-prev,
.interiorSlide .slick-next { bottom: inherit; top: 50%; transform: translateY(-50%); z-index: 99; }

.interiorSlide .slick-prev { left: 30%; background-position: center bottom; background-color:#f15a2c;  }
.interiorSlide .slick-next { left: inherit; right:30%; margin-left:0;  }

/* 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; }

.interiorSlide .slick-dots { bottom: -80px; }
.interiorSlide .slick-dots li { background: #f15a2c; }

@media all and (max-width:568px) {
  .interiorSlide .slick-dots { bottom: -50px; }
}


/**/
.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;}
}