.slick-prev-arrow, .slick-next-arrow
{
    font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 30px; height: 30px; margin-top:-15px; padding: 0; cursor: pointer;  color: transparent; border: none; outline: none;
}
.slick-prev-arrow,.slick-prev-arrow:focus { background:transparent url('../img/controls.png') no-repeat 0 -32px; z-index:5}
.slick-next-arrow,.slick-next-arrow:focus { background:transparent url('../img/controls.png') no-repeat -43px -32px; z-index:5}
.slick-prev-arrow:hover {
	background:transparent url('../img/controls.png') no-repeat 0px 0px;
}
.slick-next-arrow:hover {
	opacity: 1;
	background:transparent url('../img/controls.png') no-repeat -43px 0px;
	    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

}