/* 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;
	
	}
.club-sec2-testiBx .slick-list{ padding:0 0 10px !important;}
.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:64px;
	height:64px;
	margin-top:-32px;
	}
.slick-prev{
	left:0;
	/*background: url(../images/prev.png) no-repeat top left;*/
	background-size:100%;
	}
.slick-next{
	right:0;
	/*background: url(../images/next.png) no-repeat top right;*/
	background-size:100%;
	}
	
.rev-slider .slick-prev, .rev-slider .slick-next{
	width:48px;
	height:54px;
    text-align: center;
    left: auto;
    top: auto;
    bottom: 30px;
	background-size:45px;	
	}	
.rev-slider .slick-prev {
	background: url(../images/prev1.png) no-repeat center center;
    right: 160px;
	}
.rev-slider .slick-next {
	background: url(../images/next1.png) no-repeat center center;
    right: 100px;
	}
	
.rev-slider .slick-prev.slick-disabled{
	background: url(../images/prev1-active.png) no-repeat center center;
	}
.rev-slider .slick-next.slick-disabled{
	background: url(../images/next1-active.png) no-repeat center center;
	}	
	
/*=======Inner Page========*/
.ing-nav-list .slick-prev, .ing-nav-list .slick-next{
	top:28%;
	width:46px;
	height:46px;
	margin-top:0;
	}	
.ing-nav-list .slick-prev{
	background: url(../images/inggr-prev.png) no-repeat top left;
	background-size:100%;	
	left:0; 
	}
.ing-nav-list .slick-next{
	right:0; 
	background: url(../images/inggr-next.png) no-repeat top right;
	background-size:100%;	
	}
	
.ingredient-row .slick-list{ padding:50px 0 10px!important;}
.slick-current .ing-nav-list-col{
	transform: scale(1.4);
	transition: all ease 1.4s;
	}			

/*//NAV SLIDER*/
.slide-div {
	float: right;
	width:calc(100% - 100px);
	}
.prd-slide{
	max-width:100%;
	margin:0 auto;
	}
.slider-nav{
	float:left;
	width:100px;
	text-align:left;
	}
.slider-nav .slick-slide{
    width:85px !important;
    height:100%;
    display:inline-block;
    float: none;
    cursor: pointer;
    outline: none;
    position: relative;
    overflow: hidden;
	margin:4px 0;
	padding:5px 0 0;
	background:#f3f7f8;
	opacity:0.8;
	border:1px solid #ededed;
	}
.slider-nav img {
    display: block;
    max-width: 100%;
    margin:0 auto 0;
	}
.slider-nav .slick-slide.slick-current{
	border:1px solid #b6d0e9;
	opacity:1;
	}
	
/*============dots=======*/
.slick-dots{
	float:left;
	width:100%;
	margin-top:25px;
	text-align:center;
	}
.slick-dots li{
	display:inline-block;
	height:11px;
	width:11px;
	border-radius:50%;
	background:#CCC;
	margin:0 5px;
	padding:0;
	cursor:pointer;
    }
.slick-dots li.slick-active{
	background:#00c450;
	}

@media only screen and (max-width:1200px){
.slider-nav{width:100px;}
.slider-nav .slick-slide{width: 80px !important;margin:2px 0;}

.slide-div{width: calc(100% - 100px);}
.ingredient-row .slick-prev{ left:0;}
	
}	

@media only screen and (max-width:1021px){
.rev-slider .slick-prev, .rev-slider .slick-next{ bottom:0;}
.rev-slider .slick-prev{ right: 80px;}
.rev-slider .slick-next{ right: 20px;}

.slider-nav{width:70px;}
.slider-nav .slick-slide {width: 65px !important;margin: 1px 0;}
.slide-div {width: calc(100% - 70px);}
	
.ingredient-row .slick-prev {left: 0;top: -13%;}
.ingredient-row .slick-next { right: 0;top: -13%;
}

@media only screen and (max-width:767px){
.slick-dots{ margin-top:15px;}
	
.rev-slider .slick-prev, .rev-slider .slick-next{ top:50%;}
.rev-slider .slick-prev {left:-10px; margin-top:-170px; background-size:35px;}
.rev-slider .slick-next {right:-10px; margin-top:-170px; background-size:35px;}	
.rev-slider .slick-prev.slick-disabled{background-size:35px;}
.rev-slider .slick-next.slick-disabled{background-size:35px;}	

.slider-nav{width: 70px; display:none;}
.slider-nav .slick-slide {width: 70px !important;height: 75px;margin: 1px 0;}
.slide-div {width: 100%; margin-top:0;}

.prd-slide{ max-width:85%; margin:0 auto 0;}

.slick-current .s1-sldr-bx{transition: none;transform: none;box-shadow: 0 0 9px 2px rgb(0 0 0 / 20%)}

.ing-nav-list{ display:none;}
.ingredient-row .slick-prev {left: -10px;top: 27%; background: url(../images/inggr-prev.png) no-repeat top left; margin-top:0;}
.ingredient-row .slick-next {right: -10px;top: 27%; background: url(../images/inggr-next.png) no-repeat top right; margin-top:0;}
}