.perspectiveimage {
	-webkit-perspective: 45em;
	perspective: 45em;
	margin-top: -3%;
	height: 100%;
	/*     -webkit-transform: scale(1.3);
    transform: scale(1.3); */

	zoom: 1.3;
	opacity: 0;
	-webkit-transition: opacity 2s ease-in-out;
	transition: opacity 2s ease-in-out;
	/*  will-change: transform; */
}
.pageloaded .perspectiveimage {
	opacity: 1;
}
.roller {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation: rot 70s linear infinite;
	animation: rot 70s linear infinite;
	will-change: transform;
}
.roller,
.roller * {
	position: absolute;
	top: 75%;
	left: 50%;
}
.roller * {
	background: linear-gradient(
		180deg,
		rgba(192, 2, 214, 0) 0,
		#c002d6 5%,
		#c002d6 46%,
		#c002d6 95%,
		rgba(192, 2, 214, 0) 100%
	);
}
.slice {
	margin: -450px 0;
	width: 9.7vw;
	height: 493px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.slice img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform-style: preserve-3d;
	margin: -370px -4.92457vw;
	width: 9.7vw;
	height: 493px;
	object-fit: 100%;
	background: 0 0;
}
.slice:first-child {
	-webkit-transform: rotateY(0.01deg) translate3d(0, 0, -49vw);
	transform: rotateY(0.01deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(2) {
	-webkit-transform: rotateY(11.25deg) translate3d(0, 0, -49vw);
	transform: rotateY(11.25deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(3) {
	-webkit-transform: rotateY(22.5deg) translate3d(0, 0, -49vw);
	transform: rotateY(22.5deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(4) {
	-webkit-transform: rotateY(33.75deg) translate3d(0, 0, -49vw);
	transform: rotateY(33.75deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(5) {
	-webkit-transform: rotateY(45deg) translate3d(0, 0, -49vw);
	transform: rotateY(45deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(6) {
	-webkit-transform: rotateY(56.25deg) translate3d(0, 0, -49vw);
	transform: rotateY(56.25deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(7) {
	-webkit-transform: rotateY(67.5deg) translate3d(0, 0, -49vw);
	transform: rotateY(67.5deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(8) {
	-webkit-transform: rotateY(78.75deg) translate3d(0, 0, -49vw);
	transform: rotateY(78.75deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(9) {
	-webkit-transform: rotateY(90.01deg) translate3d(0, 0, -49vw);
	transform: rotateY(90.01deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(10) {
	-webkit-transform: rotateY(101.25deg) translate3d(0, 0, -49vw);
	transform: rotateY(101.25deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(11) {
	-webkit-transform: rotateY(112.5deg) translate3d(0, 0, -49vw);
	transform: rotateY(112.5deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(12) {
	-webkit-transform: rotateY(123.75deg) translate3d(0, 0, -49vw);
	transform: rotateY(123.75deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(13) {
	-webkit-transform: rotateY(135deg) translate3d(0, 0, -49vw);
	transform: rotateY(135deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(14) {
	-webkit-transform: rotateY(146.25deg) translate3d(0, 0, -49vw);
	transform: rotateY(146.25deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(15) {
	-webkit-transform: rotateY(157.5deg) translate3d(0, 0, -49vw);
	transform: rotateY(157.5deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(16) {
	-webkit-transform: rotateY(168.75deg) translate3d(0, 0, -49vw);
	transform: rotateY(168.75deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(17) {
	-webkit-transform: rotateY(180.01deg) translate3d(0, 0, -49vw);
	transform: rotateY(180.01deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(18) {
	-webkit-transform: rotateY(191.25deg) translate3d(0, 0, -49vw);
	transform: rotateY(191.25deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(19) {
	-webkit-transform: rotateY(202.5deg) translate3d(0, 0, -49vw);
	transform: rotateY(202.5deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(20) {
	-webkit-transform: rotateY(213.75deg) translate3d(0, 0, -49vw);
	transform: rotateY(213.75deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(21) {
	-webkit-transform: rotateY(225deg) translate3d(0, 0, -49vw);
	transform: rotateY(225deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(22) {
	-webkit-transform: rotateY(236.25deg) translate3d(0, 0, -49vw);
	transform: rotateY(236.25deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(23) {
	-webkit-transform: rotateY(247.5deg) translate3d(0, 0, -49vw);
	transform: rotateY(247.5deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(24) {
	-webkit-transform: rotateY(258.75deg) translate3d(0, 0, -49vw);
	transform: rotateY(258.75deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(25) {
	-webkit-transform: rotateY(270.01deg) translate3d(0, 0, -49vw);
	transform: rotateY(270.01deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(26) {
	-webkit-transform: rotateY(281.25deg) translate3d(0, 0, -49vw);
	transform: rotateY(281.25deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(27) {
	-webkit-transform: rotateY(292.5deg) translate3d(0, 0, -49vw);
	transform: rotateY(292.5deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(28) {
	-webkit-transform: rotateY(303.75deg) translate3d(0, 0, -49vw);
	transform: rotateY(303.75deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(29) {
	-webkit-transform: rotateY(315deg) translate3d(0, 0, -49vw);
	transform: rotateY(315deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(30) {
	-webkit-transform: rotateY(326.25deg) translate3d(0, 0, -49vw);
	transform: rotateY(326.25deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(31) {
	-webkit-transform: rotateY(337.5deg) translate3d(0, 0, -49vw);
	transform: rotateY(337.5deg) translate3d(0, 0, -49vw);
}
.slice:nth-child(32) {
	-webkit-transform: rotateY(348.75deg) translate3d(0, 0, -49vw);
	transform: rotateY(348.75deg) translate3d(0, 0, -49vw);
}
:root {
	--translate-distance: rotateY(1turn);
}

@media (min-width: 2000px) {
	.slice img {
		object-fit: cover;
		margin: -500px -4.92457vw;
		width: 11vw;
		height: 703px;
	}
	.slice {
		width: 9.7vw;
		height: 773px;
	}
	.roller,
	.roller * {
		top: 70%;
	}
}

@media (max-width: 991px) {
	:root {
		--translate-distance: rotateY(0deg) translate3d(-900px, 0, 0);
	}
	.slice:first-child {
		-webkit-transform: rotateY(0) translate3d(-900px, 0, 0);
		transform: rotateY(0) translate3d(-900px, 0, 0);
	}
	.slice:nth-child(2) {
		-webkit-transform: rotateY(0) translate3d(-725px, 0, 0);
		transform: rotateY(0) translate3d(-725px, 0, 0);
	}
	.slice:nth-child(3) {
		-webkit-transform: rotateY(0) translate3d(-550px, 0, 0);
		transform: rotateY(0) translate3d(-550px, 0, 0);
	}
	.slice:nth-child(4) {
		-webkit-transform: rotateY(0) translate3d(-375px, 0, 0);
		transform: rotateY(0) translate3d(-375px, 0, 0);
	}
	.slice:nth-child(5) {
		-webkit-transform: rotateY(0) translate3d(-200px, 0, 0);
		transform: rotateY(0) translate3d(-200px, 0, 0);
	}
	.slice:nth-child(6) {
		-webkit-transform: rotateY(0) translate3d(-25px, 0, 0);
		transform: rotateY(0) translate3d(-25px, 0, 0);
	}
	.slice:nth-child(7) {
		-webkit-transform: rotateY(0) translate3d(150px, 0, 0);
		transform: rotateY(0) translate3d(150px, 0, 0);
	}
	.slice:nth-child(8) {
		-webkit-transform: rotateY(0) translate3d(325px, 0, 0);
		transform: rotateY(0) translate3d(325px, 0, 0);
	}
	.slice:nth-child(9) {
		-webkit-transform: rotateY(0) translate3d(500px, 0, 0);
		transform: rotateY(0) translate3d(500px, 0, 0);
	}
	.slice:nth-child(10) {
		-webkit-transform: rotateY(0) translate3d(675px, 0, 0);
		transform: rotateY(0) translate3d(675px, 0, 0);
	}
	.slice:nth-child(11) {
		-webkit-transform: rotateY(0) translate3d(850px, 0, 0);
		transform: rotateY(0) translate3d(850px, 0, 0);
	}
	.slice:nth-child(12) {
		-webkit-transform: rotateY(0) translate3d(1025px, 0, 0);
		transform: rotateY(0) translate3d(1025px, 0, 0);
	}
	.slice:nth-child(13) {
		-webkit-transform: rotateY(0) translate3d(1200px, 0, 0);
		transform: rotateY(0) translate3d(1200px, 0, 0);
	}
	.slice:nth-child(14) {
		-webkit-transform: rotateY(0) translate3d(1375px, 0, 0);
		transform: rotateY(0) translate3d(1375px, 0, 0);
	}
	.slice:nth-child(15) {
		-webkit-transform: rotateY(0) translate3d(1550px, 0, 0);
		transform: rotateY(0) translate3d(1550px, 0, 0);
	}
	.slice:nth-child(16) {
		-webkit-transform: rotateY(0) translate3d(1725px, 0, 0);
		transform: rotateY(0) translate3d(1725px, 0, 0);
	}
	.slice:nth-child(17) {
		-webkit-transform: rotateY(0) translate3d(1900px, 0, 0);
		transform: rotateY(0) translate3d(1900px, 0, 0);
	}
	.slice:nth-child(18) {
		-webkit-transform: rotateY(0) translate3d(2075px, 0, 0);
		transform: rotateY(0) translate3d(2075px, 0, 0);
	}
	.slice:nth-child(19) {
		-webkit-transform: rotateY(0) translate3d(2250px, 0, 0);
		transform: rotateY(0) translate3d(2250px, 0, 0);
	}
	.slice:nth-child(20) {
		-webkit-transform: rotateY(0) translate3d(2425px, 0, 0);
		transform: rotateY(0) translate3d(2425px, 0, 0);
	}
	.slice:nth-child(21) {
		-webkit-transform: rotateY(0) translate3d(2600px, 0, 0);
		transform: rotateY(0) translate3d(2600px, 0, 0);
	}
	.slice:nth-child(22) {
		-webkit-transform: rotateY(0) translate3d(2775px, 0, 0);
		transform: rotateY(0) translate3d(2775px, 0, 0);
	}
	.slice:nth-child(23) {
		-webkit-transform: rotateY(0) translate3d(4000px, 0, 0);
		transform: rotateY(0) translate3d(4000px, 0, 0);
	}
	.slice:nth-child(24) {
		-webkit-transform: rotateY(0) translate3d(4175px, 0, 0);
		transform: rotateY(0) translate3d(4175px, 0, 0);
	}
	.slice:nth-child(25) {
		-webkit-transform: rotateY(0) translate3d(4350px, 0, 0);
		transform: rotateY(0) translate3d(4350px, 0, 0);
	}
	.slice:nth-child(26) {
		-webkit-transform: rotateY(0) translate3d(4525px, 0, 0);
		transform: rotateY(0) translate3d(4525px, 0, 0);
	}
	.slice:nth-child(27) {
		-webkit-transform: rotateY(0) translate3d(4700px, 0, 0);
		transform: rotateY(0) translate3d(4700px, 0, 0);
	}
	.slice:nth-child(28) {
		-webkit-transform: rotateY(0) translate3d(4875px, 0, 0);
		transform: rotateY(0) translate3d(4875px, 0, 0);
	}
	.slice:nth-child(29) {
		-webkit-transform: rotateY(0) translate3d(5050px, 0, 0);
		transform: rotateY(0) translate3d(5050px, 0, 0);
	}
	.slice:nth-child(30) {
		-webkit-transform: rotateY(0) translate3d(5225px, 0, 0);
		transform: rotateY(0) translate3d(5225px, 0, 0);
	}
	.slice:nth-child(31) {
		-webkit-transform: rotateY(0) translate3d(5400px, 0, 0);
		transform: rotateY(0) translate3d(5400px, 0, 0);
	}
	.slice:nth-child(32) {
		-webkit-transform: rotateY(0) translate3d(5575px, 0, 0);
		transform: rotateY(0) translate3d(5575px, 0, 0);
	}
	.perspectiveimage {
		height: auto;
		opacity: 0.7;
		-webkit-perspective: 45em;
		perspective: 45em;
		margin-top: -3%;
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

	.pageloaded .perspectiveimage {
		opacity: 0.7;
	}
	.slice img {
		margin: auto;
		width: 175px;
	}
}

@-webkit-keyframes rot {
	to {
		-webkit-transform: var(--translate-distance);
		transform: var(--translate-distance);
	}
}

@keyframes rot {
	to {
		-webkit-transform: var(--translate-distance);
		transform: var(--translate-distance);
	}
}