.slider {
	position: relative;
	touch-action: pan-y;
}
.hslide_fw {width: 100%;overflow: hidden;}
.hslide_cards{width: 94%;margin: 3%;}

.slides {
	display: flex;
	transition: transform 0.4s ease;
	will-change: transform;
}

.slide {
	position: relative;
	cursor: grab;
	user-select: none;
}
.hslide_fw .slide {
	min-width: 100%;
	height: min(100vw, 100vh);
	display: flex;
	justify-content: center;
	align-items: center;
}
.hslide_cards .slide {
	flex: 0 0 min(80%, 380px);
	margin: 3%;
	box-sizing: border-box;
	overflow: hidden;
}
.slide:active {
    cursor: grabbing;
}
.hslide_cards .slide img {
	border-radius: 25px;
	width: 100%;
	height: auto;
}
.hslide_cards .slide video {
	border-radius: 25px;
	width: 100%;
	height: auto;
}
@media (min-width: 960px) {
	.hslide_cards{
		width: 96%;
		margin: 2%;
	}
	.hslide_cards .slide {
		margin: 2%;
	}
}

.s_loader {
    position: absolute;
	width: 200px;
	height: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
	pointer-events: none;
}
.hslide_fw .arrows{
	position: absolute;
	top: 50%;
	cursor: pointer;
	transform: translate(0, -50%);
	width: 70px;
	height: 70px;
}
.hslide_fw .ar_prev{left: 0;}
.hslide_fw .ar_next{right: 0;}

.hslide_cards .arrows{
	cursor: pointer;
	width: 50px;
	height: 50px;
	background: #ccc;
	border-radius: 25px;
	padding: 5px;
}
.hslide_cards .card_info{
	margin: 0 14px;
}
.hslide_cards .card_tit{
	font-size: max(1.5vw, 1.2rem);
	line-height: 100%;
	margin: min(3vw, 20px) 0 min(2vw, 15px) 0;
}
.hslide_cards .card_txt{
	font-size: max(1vw, .9rem);
	line-height: 110%;
	font-weight: normal;
}
.hslide_cards .card_control{
	width: 110px;
	margin: 0 auto 20px auto;
	display: grid; 
	grid-template-columns: 1fr 1fr; 
	grid-gap: 10px;
}