/* Slider */
.slick-slider{
	position: relative;
	
	display: block;
	
	-moz-box-sizing: border-box;
	 box-sizing: border-box;
	
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
		user-select: none;
	
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	}

.slick-list{
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	
	}
.slick-list:focus{outline: none;}
.slick-list.dragging{
	cursor: pointer;
	cursor: hand;
	}

.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
	}
.slick-track{
	position: relative;
	top: 0;
	left: 0;
	display: block;
	}
.slick-track:before,
.slick-track:after{display: table;  content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	outline:none;
	}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{
	display: block;
	height: auto;
	border: 1px solid transparent;
	}
.slick-arrow.slick-hidden {display: none;}
.btnnone.slick-prev.slick-arrow{display: none;}


/* Arrows */
.slick-prev, .slick-next {
	position: absolute;
	top:50%;
	display: block;
	padding: 0;
	outline: none;
	border: none;
	z-index: 2;
	cursor: pointer;
	width:41px;
	height:41px;
	margin-top:-20px;
	}
.slick-prev {
	left:-45px;
	background: url(../images/prev.png) no-repeat top left;
	}
.slick-next {
	right:-45px;
	background: url(../images/next.png) no-repeat top right;
	}
	
.s3-product-wrap .slick-slide{ margin: 0 12px;}	
	
/*========NAV SLIDER=======*/
.slide-div {
	float: left;
	width: 100%;
	background:#f9f9ff;
	padding:20px 10px;
	}
.prodBox .slick-slide {
    margin: 0 12px;
}	
.prd-slide-1{
	max-width:100%;
	margin:0 auto;
	display:block;
	}
.slider-nav{
	float:left;
	width: 100%;
	margin:30px 0 0 0;
	text-align:center;
	position:relative;
	}
.slider-nav .slick-list {
    padding: 0 !important;
    width: 100% !important;
    margin: 0 auto !important;
	}	
.slider-nav img{
	max-width:100%;
	display:inline-block !important;
	vertical-align:middle !important;
	}
.slider-nav .slick-slide{
	margin:0 5px;
	display:inline-block;
	float:none;
	background:#f9f9ff;
	border:1px solid #bcbcbc;
	position:relative;
	overflow:hidden;
	padding:5px;
	}
.slider-nav .slick-slide { cursor: pointer; outline:none;}

.slider-nav .slick-slide:after{
	content:'';
	position:absolute;
	width:100%;
	left:0;
	top:0;
	height:100%;
	background:rgba(244,242,240,0.2);
	border-radius:4px;
	}
.slider-nav .slick-slide.slick-current:after{
	display:none;
	}
.slider-nav .slick-slide.slick-current{
	border:1px solid #3a52a5;
	}
	
.zoomIn {
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: pointer
	}
.zoomIn>img {
	max-height: 600px;
	width: auto
	}
.prd-slide:hover{
	cursor: zoom-in;
	}
	
/*============dots=======*/
.slick-dots{
	float:left;
	width:100%;
	margin-top:25px;
	text-align:center;
	}
.slick-dots li{
	display:inline-block;
	height:13px;
	width:13px;
	border-radius:50%;
	background:#CCC;
	margin:0 3px;
	cursor:pointer;
    }
.slick-dots li.slick-active{
	background:#22bc33;
	}		

@media only screen and (max-width:1187px){
.mug-slider .slick-prev{left:0;}
.mug-slider .slick-next{ right:0;}	
}

@media only screen and (max-width:1021px){
		
}

@media only screen and (max-width:767px){
.slide-div{ padding: 20px 10px; margin-top: 28px;}
.slick-next{ right:0;}
.slick-prev{ left:0;}
}