/*----------ARROWS----------*/

.slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	cursor: pointer;
}

.slick-prev {
	width : 30px;
	height : 30px;
	left : 30px;
}

.slick-next {
	width : 30px;
	height : 30px;
	right : 30px;
}

.slick-prev:before, .slick-next:before {
	font-size : 30px;
}

/*----------DOTS----------*/

.slick-dots {
	bottom : -30px;
}
.slick-dots li {
	margin : 0 4px;
}

.slick-dots li button:before {
	font-size : 40px;
}

@media screen and (max-width: 480px) {
.slick-dots {
	margin-left : 1px;
	bottom : -28px;
	z-index: 100;
}

.slick-dots li {
	margin : 0 1px 0 0;
}

.slick-dots li button:before {
	font-size : 36px;
}

.slick-prev {
	left : 3%;
}

.slick-next {
	right : 3%;
}
}