.zs-fs-slider {
	position: relative;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding: 0;
}

.zs-fs-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
	transition: opacity ease-in-out;
}

.zs-fs-slide.is-active {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}

/* Slide (horizontal) effect */
.zs-fs-effect-slide .zs-fs-slide {
	opacity: 1;
	visibility: visible;
	transform: translateX(100%);
	transition: transform ease-in-out;
}

.zs-fs-effect-slide .zs-fs-slide.is-active {
	transform: translateX(0);
	z-index: 2;
}

.zs-fs-effect-slide .zs-fs-slide.is-prev {
	transform: translateX(-100%);
}