.slider-slick {
	float: left;
	width: 100%;
	position: relative;
}

.slick-prev,
.slick-next {
	width: 52px;
	height: 52px;
	z-index: 100;
	top: auto;
	bottom: 16%;
}

.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
	left: 18%;
	background: url("/modules/slider_category_home/images/arrow-left-slider-category.png") no-repeat center/52px;
}

.slick-next,
.slick-next:hover,
.slick-next:focus {
	left: 21.5%;
	background: url("/modules/slider_category_home/images/arrow-right-slider-category.png") no-repeat center/52px;
}

.slick-prev::before {
    content: "";
}

.slick-next::before {
    content: "";
}

.slick-slide {
	position: relative;
}

.slider-slick::before {
	width: 350px;
	height: 171px;
	padding: 0 0 0 15px;
	background-image: url('/modules/slider_category_home/images/bkg-caption.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 50%;
	margin-top: -88.5px;
	left: 7%;
	content: attr(data-before);
	z-index: 1;
	color: #fff;
	font-size: 44px;
	font-weight: 400;
	font-family: "annabelle-jf",sans-serif;
	line-height: 44px;
	display: flex;
	align-items: center;
}

.caption {
	display: none;
}

@media all and (min-width: 1430px) and (max-width: 1599px) {
	.slick-prev,
	.slick-prev:active,
	.slick-prev:hover,
	.slick-prev:focus {
		left: 19.5%;
	}
	.slick-next,
	.slick-next:active,
	.slick-next:hover,
	.slick-next:focus {
		left: 24%;
	}
	.slider-slick::before {
		left: 6%;
	}
}

@media all and (min-width: 1300px) and (max-width: 1429px) {
	.slick-prev,
	.slick-prev:active,
	.slick-prev:hover,
	.slick-prev:focus {
		left: 17%;
	}
	.slick-next,
	.slick-next:active,
	.slick-next:hover,
	.slick-next:focus {
		left: 22%;
	}
	.slider-slick::before {
		left: 2%;
	}
}

@media all and (min-width: 1200px) and (max-width: 1299px) {
	.slick-prev,
	.slick-prev:active,
	.slick-prev:hover,
	.slick-prev:focus {
		left: 18%;
	}
	.slick-next,
	.slick-next:active,
	.slick-next:hover,
	.slick-next:focus {
		left: 24%;
	}
	.slider-slick::before {
		left: 1%;
	}
}

@media all and (min-width: 992px) and (max-width: 1199px) {
	.slick-prev,
	.slick-prev:active,
	.slick-prev:hover,
	.slick-prev:focus {
		bottom: 27.5%;
		left: 13%;
		width: 42px;
		height: 42px;
		background-size: 42px;
	}
	.slick-next,
	.slick-next:active,
	.slick-next:hover,
	.slick-next:focus {
		bottom: 27.5%;
		left: 17.5%;
		width: 42px;
		height: 42px;
		background-size: 42px;
	}
	.slider-slick::before {
		left: 1%;
	}
}

@media all and (min-width: 768px) and (max-width: 991px) {
	.slick-prev,
	.slick-prev:active,
	.slick-prev:hover,
	.slick-prev:focus {
		bottom: -32px;
		left: 12.5%;
		width: 32px;
		height: 32px;
		background-size: 32px;
	}
	.slick-next,
	.slick-next:active,
	.slick-next:hover,
	.slick-next:focus {
		bottom: -32px;
		left: 17%;
		width: 32px;
		height: 32px;
		background-size: 32px;
	}
	.slider-slick::before {
		top: auto;
		left: 1%;
		bottom: 0;
	}
}

@media all and (min-width: 320px) and (max-width: 767px) {
	.slick-prev,
	.slick-prev:active,
	.slick-prev:hover,
	.slick-prev:focus {
		bottom: -32px;
		left: 80px;
		width: 32px;
		height: 32px;
		background-size: 32px;
	}
	.slick-next,
	.slick-next:active,
	.slick-next:hover,
	.slick-next:focus {
		bottom: -32px;
		left: 120px;
		width: 32px;
		height: 32px;
		background-size: 32px;
	}
	.slider-slick::before {
		width: 200px;
		height: 98px;
		left: 0;
		top: auto;
		bottom: 0;
		font-size: 24px;
		line-height: 24px;
	}
}