/*Replacing arrow (horizontal): Just add class "arrow" */
div.slick-slider.slick-arrow>button.slick-prev {left:10px; z-index:1; opacity:0; box-shadow:none;
	width:20px; height:37px; background-image:url(img/arrow-left-gray.png);
	background-position:center; background-size:contain;}
div.slick-slider.slick-arrow>button.slick-next {right:10px; z-index:1; opacity:0; box-shadow:none;
	 width:20px; height:37px; background-image:url(img/arrow-right-gray.png);
	background-position:center; background-size:contain;}
div.slick-slider.slick-arrow>ul.slick-dots {bottom:0px; opacity:0;}
div.slick-slider.slick-arrow>ul.slick-dots>li>button {background-color:transparent !important;}
div.slick-slider.slick-arrow>ul.slick-dots>li>button::before {font-size:10px; color:white;}
div.slick-slider.slick-arrow>ul.slick-dots>li.slick-active>button::before {color:blue;}

div.slick-slider.slick-arrow>button.slick-prev:before {content:'';}
div.slick-slider.slick-arrow>button.slick-next:before {content:'';}
div.slick-slider.slick-arrow:hover>button.slick-prev {opacity:1; background-color:rgba(0,0,0,0) !important;}
div.slick-slider.slick-arrow:hover>button.slick-next {opacity:1; background-color:rgba(0,0,0,0) !important;}

div.slick-slider.slick-arrow:hover>ul.slick-dots {opacity:1;}
/*div.slick-slider.slick-arrow:hover>ul.slick-dots>li>button::before {opacity:1; color:blue;}*/



/*Replacing arrow (vertical)*/
div.slick-slider.slick-arrow:hover>button.slick-prev {opacity:1; box-shadow:none;}
div.slick-slider.slick-arrow:hover>button.slick-next {opacity:1; box-shadow:none;}

/*Replacing arrow (vertical) */
div.ver_slider.slick-slider.slick-arrow>button.slick-prev {margin:0 auto; top:10px; z-index:1; opacity:0; box-shadow:none;}
div.ver_slider.slick-slider.slick-arrow>button.slick-next {top:auto; bottom:10px; z-index:1; opacity:0; box-shadow:none;}
div.ver_slider.slick-slider.slick-arrow>button.slick-prev:before {content:'↑';}
div.ver_slider.slick-slider.slick-arrow>button.slick-next:before {content:'↓';}
div.ver_slider.slick-slider.slick-arrow:hover>button.slick-prev {opacity:1; box-shadow:none;}
div.ver_slider.slick-slider.slick-arrow:hover>button.slick-next {opacity:1; box-shadow:none;}
/*Replacing arrow (vertical)*/

.slick-slider>.slick-list {height:100%;}
.slick-slider>.slick-list>.slick-track {height:100%;}
.slick-slider>.slick-list>.slick-track img.item {top:0; height:100%; margin:0 4px 0 0;}
.slick-slider>button.slick-arrow {display:none !important;}