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

/* Icons 
@font-face{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('./fonts/slick.eot');
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev,
.slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 70px;height: 70px;padding: 0;background-color: #00aed0; -webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;}
.slick-prev::after{position:absolute;top:50%;right:17%;display:block;content:"";width:28px;height:28px;vertical-align:middle;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.slick-next::after{position:absolute;top:50%;left:17%;display:block;content:"";width:28px;height:28px;vertical-align:middle;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{outline: none;}
.slick-prev:hover::after{opacity: 1;right:23%;}
.slick-next:hover::after{opacity: 1;left:23%;}
.slick-prev:focus:before,
.slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .25;}
.slick-prev{left: -100px;}
.slick-next{right: -100px;}
/* Dots */
.slick-dotted.slick-slider{margin-bottom: 30px;}
.slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 14px;height: 14px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li + li{margin-left: 14px !important;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 14px;height: 14px;padding:0;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{display: block; position: absolute;top: 0;left: 0;width: 14px;height: 14px;content: "";background-color: #fff;}
.slick-dots li.slick-active button:before{background-color: #00aed0;}
/* history */
.hisSlider .slick-prev,
.hisSlider .slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 70px;height: 70px;padding: 0;background-color:transparent; -webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;}
.hisSlider .slick-prev{left: -90px;}
.hisSlider .slick-next{right: -90px;}

/**/

.ipad .slick-next{right: -80px;}
.ipad .slick-prev{left: -80px;}


@media print,screen and (max-width:1182px){
	.slick-next {right: 0;z-index: 1;}
	.slick-prev {left: 0;z-index: 1;}
	
}
@media only screen and (max-width:767px){
	.slick-dots li{width: 8px;height: 8px;}
	.slick-dots li button{width: 8px;height: 8px;}
	.slick-dots li button:before{width: 8px;height: 8px;}
	.slick-next{width: 35px;height: 35px;right:-4.3%;top:calc(50% - 8px);}
	.slick-prev{width: 35px;height: 35px;left:-4.3%;top:calc(50% - 8px);}
	.slick-next::after,
	.slick-prev::after{width: 14px;height: 14px;}
	/* history */
	.hisSlider .slick-prev,
	.hisSlider .slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 30px;height: 30px;padding: 0;background-color:transparent; -webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;}
	.hisSlider .slick-prev{left: -10%;}
	.hisSlider .slick-next{right: -10%;}
	.slick-prev:hover::after{opacity: 1;right:17%;}
	.slick-next:hover::after{opacity: 1;left:17%;}
}
@media only screen and (max-width: 767px) and (orientation: landscape){
	.slick-prev,
	.slick-next{top:50%;}
}