@keyframes right {
	from {
		transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
		-ms-transform: translateX(-4%);
	}
	to {
		transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
		-ms-transform: translateX(4%);
	}
}

@keyframes left {
	from {
		transform: translateX(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
		-ms-transform: translateX(4%);
	}
	to {
		transform: translateX(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
		-ms-transform: translateX(-4%);
	}
}

@keyframes down {
	from {
		transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
		-ms-transform: translateY(-4%);
	}
	to {
		transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
		-ms-transform: translateY(4%);
	}
}

@keyframes up {
	from {
		transform: translateY(calc((4vw + 4vh + 4%)/3)) rotate(0.01deg);
		-ms-transform: translateY(4%);
	}
	to {
		transform: translateY(calc((-4vw + -4vh + -4%)/3)) rotate(0.01deg);
		-ms-transform: translateY(-4%);
	}
}

@keyframes out {
	from {
		transform: scale(1.15);
	}
	to {
		transform: scale(1);
	}
}

@keyframes in {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.15);
	}
}

#slides {
	position: fixed;
	width: 1px;
	height: 1px;
	left: -9999px;
}

#slideshow {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#slideshow .slide, #slideshow span, #slideshow .static-content {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#slideshow .slide span {
	background-size: cover;
	background-position: center;
}

#slideshow .slide span.animate.right, #slideshow .slide span.animate.left {
	left: calc((-4vw + -4vh + -4%)/3);
	right: calc((-4vw + -4vh + -4%)/3);
}

#slideshow .slide span.animate.up, #slideshow .slide span.animate.down {
	top: calc((-4vw + -4vh + -4%)/3);
	bottom: calc((-4vw + -4vh + -4%)/3);
}

#slideshow span.animate {
	animation-fill-mode: forwards;
	animation-timing-function: linear;
}

#slideshow span.animate.right {
	animation-name: right;
}

#slideshow span.animate.left {
	animation-name: left;
}

#slideshow span.animate.up {
	animation-name: up;
}

#slideshow span.animate.down {
	animation-name: down;
}

#slideshow span.animate.in {
	animation-name: in;
}

#slideshow span.animate.out {
	animation-name: out;
}

#slideshow span.animate.paused {
	animation-play-state: paused;
}