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

.slick-prev,
.slick-prev:active,
.slick-prev:hover,
.slick-prev:focus {
	z-index: 100;
	top: inherit;
	bottom: 16%;
	left: 18%;
	width: 52px;
	height: 52px;
	background: url("/modules/widget_slider_categories/images/arrowleft_category.png") no-repeat center center;
}

.slick-next,
.slick-next:active,
.slick-next:hover,
.slick-next:focus {
	z-index: 100;
	top: inherit;
	bottom: 16%;
	left: 21.5%;
	width: 52px;
	height: 52px;
	background: url("/modules/widget_slider_categories/images/arrowright_category.png") no-repeat center center;
}

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

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

.slick-slide {
	position: relative;
}

.slider-slick::before {
	width: 350px;
	height: 50%;
	padding: 0;
	background: #296aa7;
	position: absolute;
	top: 25%;
	left: 7%;
	content: "";
	z-index: 1;
}

.slider-slick::after {
	width: 350px;
	height: 50%;
	padding: 4.5% 15px;
	color: #fff;
	position: absolute;
	top: 25%;
	left: 7%;
	font-size: 48px;
	font-weight: 300;
	line-height: 54px;
	content: attr(data-before);
	z-index: 10;
}

.slide-single::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
}

.slide-single.slick-center::before {
	background: transparent;
}

.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%;
	}
	.slider-slick::after {
		padding: 5% 15px;
		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%;
	}
	.slider-slick::after {
		padding: 5% 15px;
		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%;
	}
	.slider-slick::after {
		padding: 7% 15px;
		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 {
		width: 250px;
		height: 30%;
		top: 35%;
		left: 1%;
	}
	.slider-slick::after {
		width: 250px;
		height: 30%;
		top: 35%;
		left: 1%;
		padding: 3.5% 10px;
		font-size: 34px;
		line-height: 38px;
	}
}

@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 {
		width: 200px;
		height: 25%;
		top: inherit;
		left: 1%;
		bottom: 0;
	}
	.slider-slick::after {
		width: 200px;
		height: 25%;
		top: inherit;
		left: 1%;
		padding: 3.5% 5px;
		font-size: 28px;
		line-height: 32px;
		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: 160px;
		height: 80px;
		left: 0;
		top: inherit;
		bottom: 0;
	}
	.slider-slick::after {
		width: 160px;
		height: 80px;
		padding: 15px 10px;
		left: 0;
		font-size: 20px;
		line-height: 24px;
		top: inherit;
		bottom: 0;
	}
}