.heroes-slider{position:relative; margin: -10px;}
.heroes-slider__block{padding:10px; width:490px}
.heroes-slider__block .heroes-slider__cover img{height:630px; width:100%; object-fit:cover}
.heroes-slider__link{position:relative; height:100%; border-radius:12px; overflow:hidden}
.heroes-slider__link::before{transition: all 0.3s linear 0s; background: linear-gradient(360deg, #121212 15.02%, rgba(0, 0, 0, 0) 47.97%); content:""; position:absolute; top:0; left:0; right:0; bottom:0;z-index: 1;}
.heroes-slider__link span{height:100%}
span.heroes-slider__info{position:absolute; bottom:32px; height:auto;right: 16px;left: 16px;z-index: 2;}
span.heroes-slider__title-link{width: 60px;min-width: 60px;height: 60px;background: linear-gradient(112.14deg, rgba(52, 52, 52, 0.4) 0%, rgba(44, 44, 44, 0.24) 57.01%, rgba(32, 32, 32, 0.24) 100%);border-radius: 30px}
.heroes-slider__description{font-weight: 300;font-size: 24px;line-height: 28px;color: #FFFFFF; max-width:460px}
.heroes-slider__description p{margin:12px 0 0}
.heroes-slider__link:hover .heroes-slider__cover img{transform:scale(1.05)}
.heroes-slider .slick-list{overflow:visible}
.heroes-slider .slick-arrow{top:50%; transform:translateY(-50%)}
.heroes-slider .slick-arrow.prevArrow{left:-20px}
.heroes-slider .slick-arrow.nextArrow{right:-20px}


@media(max-width: 1389px){
	.heroes-slider__block{width:390px}
	.heroes-slider__block .heroes-slider__cover img{height:500px}
	span.heroes-slider__info{bottom:24px; right: 12px;left: 12px;}
	span.heroes-slider__title-link{width: 50px;min-width: 50px; height: 50px}
	span.heroes-slider__title-link svg{width:16px; height:auto}
	.heroes-slider__description{font-size: 20px; line-height: 24px}
	.heroes-slider__description p{margin:10px 0 0}
}
@media(max-width: 991px){
	.heroes-slider__block{width:290px}
	.heroes-slider__block .heroes-slider__cover img{height:400px}
	span.heroes-slider__info{bottom:20px; right: 10px;left: 10px;}
	span.heroes-slider__title-link{width: 40px;min-width: 40px; height: 40px}
	span.heroes-slider__title-link svg{max-width:14px; height:auto}
	.heroes-slider__description{font-size: 16px; line-height: 20px}
}
@media(max-width: 767px){
	.heroes-slider{margin: -5px;}
	.heroes-slider__block .heroes-slider__cover img{height:330px}
	.heroes-slider__block{padding:5px; width:250px}
	.heroes-slider__description{font-size: 14px; line-height:16px;}
	span.heroes-slider__title-link{width: 30px;min-width: 30px; height: 30px}
	span.heroes-slider__title-link svg{max-width:9px; height:auto}
	span.heroes-slider__info{bottom:16px; right: 8px;left: 8px;}
	.heroes-slider .slick-arrow.prevArrow{left:-5px}
	.heroes-slider .slick-arrow.nextArrow{right:-5px}
}