/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.slick-prev:before, .slick-next:before{
	color: red;
	opacity:0.5;
}
.slick-prev,
.slick-next{
	height: 30px;
	text-align: center;
	opacity: 1;
	width: 30px;
}
.slick-prev,
.slick-prev:hover,
.slick-prev:focus,
.slick-prev:active,
.slick-prev:visited{
	background: url(../images/arrows.png) left center;
/*background: #000  url(../images/arw-left.png) no-repeat;
*/}
.slick-next,
.slick-next:hover,
.slick-next:focus,
.slick-next:active,
.slick-next:visited{
	background: url(../images/arrows.png) right center;
}
.slick-prev:hover, .slick-next:hover {
    opacity: 0.6;
    padding: 0 !important;
}
.slick-next{
	right: -30px;
}
.slick-prev{
	left: -30px;
}

.slick-prev:hover,
.slick-next:hover{
	opacity: 0.6;
}
.slick-prev:before,
.slick-next:before
{
content: none;	
}

 .slick-slide a img,
 .slick-slide img
 {
    padding: 2%;
    position: relative;
    text-align: center;
  	width: 100%;
 } 
#dashboard button:active,
#dashboard button:focus,
#dashboard button:hover{
	border-top: none;
}