.slider {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.slides {
	display: flex;
	transition: transform 0.5s ease;
}
.slide {
	position: relative;
	min-width: 100%;
	height: min(100vw, 100vh);
	cursor: grab;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #eee;
	font-size: 30px;
}
.s_loader {
    position: absolute;
	width: 200px;
	height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.arrows{
	position: absolute;
	top: 50%;
	cursor: pointer;
	transform: translate(0, -50%);
	width: 70px;
	height: 70px;
}
.ar_prev{left: 0;}
.ar_next{right: 0;}