.this-is-carousel2-stylesheet {
	/* dont delete, move this line for javascript */
}

#carousel2-loaded { display:none!important; }
#carousel2-loaded:before { content:'carousel2 loaded'; }

.carousel2,
.carousel2 > .carousel-cotents,
.carousel2 > .carousel-contents > .carousel-content,
.carousel2 > .caorousel-contents > .carousel-nav-rel,
.carousel2 > .caorousel-contents > .carousel-nav-rel > *,
.carousel2 > .carousel-nav,
.carousel2 > .carousel-nav > * {
	box-sizing: border-box;
}

.carousel2 {
	overflow: hidden;
	position: relative;
}

.carousel2 > .carousel-contents {
	position: relative;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
}

.carousel2 > .carousel-contents > .carousel-content {
	white-space:normal;
	display: inline-block;
	vertical-align:top;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index: 1;
	
	background:white;
}

.carousel2 > .carousel-contents > .carousel-content + .carousel-content {
	margin-left: -100%;
}

.carousel2.carousel-loading .carousel-contents {
	opacity:0.5;
}

@keyframes carousel-loading {
	0% { transform:scale(0); }
	50% { transform:scale(1); }
	100% { transform: scale(0); }
}
.carousel2.carousel-loading:after {
	content:'';
	display:block;
	position:absolute;
	width:1em;
	height:1em;
	border-radius:.5em;
	top:50%; left:50%; margin-left:-.5em; margin-top:-.5em;
	background:rgba(128,128,128,.5);
	border:rgba(0,0,0,.5);
	animation-name: carousel-loading;
	animation-timing-function: ease;
	animation-delay:0s;
	animation-duration: .5s;
	animation-iteration-count:infinite;
}

/******* nav *********/

.carousel2 > .carousel-contents > .carousel-nav-rel {
	display: block;
	height: 0;
}
.carousel2[data-carousel-navrel='0'] > .carousel-contents > .carousel-nav-rel,
.carousel2[data-carousel-navrel='false'] > .carousel-contents > .carousel-nav-rel {
	display:none;
}

.carousel2 .carousel-nav-prev,
.carousel2 .carousel-nav-next {
	position: absolute;
	bottom: 0;
	top: 0;
	width: 25%;
	z-index: 20;
	opacity: .25;
	cursor: pointer;
}

.carousel2 .carousel-nav-prev:before,
.carousel2 .carousel-nav-next:before {
	font-family: Helvetica;
	font-weight: normal;
	font-style: normal;
	font-size: 200%;
	line-height: 1;
	position: absolute;
	margin-top: -.5em;
	top: 50%;
	color: white;
	text-shadow: 0 0 2px black, 0 0 5px rgba(0, 0, 0, .5);
}

.carousel2 .carousel-nav-prev:before {
	content: '\3008';
	left: 0;
}

.carousel2 .carousel-nav-next:before {
	content: '\3009';
	right: 0;
}

.carousel2 .carousel-nav-prev {
	left: 0;
}

.carousel2 .carousel-nav-next {
	right: 0;
}

.carousel2 .carousel-nav-prev:hover,
.carousel2 .carousel-nav-next:hover {
	opacity: .8;
}

.carousel2[data-carousel-anim$="-down"] .carousel-nav-prev,
.carousel2[data-carousel-anim$="-down"] .carousel-nav-next,
.carousel2[data-carousel-anim$="-up"] .carousel-nav-prev,
.carousel2[data-carousel-anim$="-up"] .carousel-nav-next {
	left: auto;
	right: 0;
	text-align: right;
}

.carousel2[data-carousel-anim$="-down"] .carousel-nav-prev:before,
.carousel2[data-carousel-anim$="-down"] .carousel-nav-next:before,
.carousel2[data-carousel-anim$="-up"] .carousel-nav-prev:before,
.carousel2[data-carousel-anim$="-up"] .carousel-nav-next:before {
	margin-top: 0;
	top: auto;
	bottom: auto;
	right: .5em;
	left: auto;
	transform: rotate(90deg);
}

.carousel2[data-carousel-anim$="-down"] .carousel-nav-prev:before,
.carousel2[data-carousel-anim$="-up"] .carousel-nav-prev:before {
	top: 0;
}

.carousel2[data-carousel-anim$="-down"] .carousel-nav-next:before,
.carousel2[data-carousel-anim$="-up"] .carousel-nav-next:before {
	bottom: 0;
}

.carousel2[data-carousel-anim$="-down"] .carousel-nav-prev,
.carousel2[data-carousel-anim$="-up"] .carousel-nav-prev {
	top: 0;
	bottom: 50%;
}

.carousel2[data-carousel-anim$="-down"] .carousel-nav-next,
.carousel2[data-carousel-anim$="-up"] .carousel-nav-next {
	top: 50%;
	bottom: 0;
}


/******** label ***********/

.carousel2 > input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	top:0; left:0;
	/*
	top: -9999px;
	left: -9999px;
	*/
	z-index: 0;
	opacity: 0;
}

.carousel2 > .carousel-nav {
	position:relative;
	text-align: center;
	line-height:1.2;
	
	opacity:.25;
	color:black;
}
.carousel2 > .carousel-nav:hover {
	opacity:.5;
}

.carousel2 > .carousel-nav > label {
	display: inline-block;
	cursor: pointer;
	margin:0;
	height:1em;
}

.carousel2 > .carousel-nav > label:before {
	/*
	content: ".";
	font-family: ArialMT, Arial, Helvetica;
	font-weight: normal;
	font-style: normal;
	content: '\26AA';
	*/
	content:"";
	display:block;
	position:relative;
	margin:.25em .1em;
	width:.5em;
	height:.5em;
	border:1px solid black;
	border-radius:.25em;
	background:transparent;
}

.carousel2[data-carousel-nav^="over"] > .carousel-nav > label:before {
	border-color:white;
}

.carousel-template .carousel2 > input[type="radio"]:nth-of-type(1):checked ~ .carousel-nav > label:nth-of-type(1):before {
	background:black;
}
.carousel-template .carousel2[data-carousel-nav^="over"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-nav > label:nth-of-type(1):before {
	background:white;
}


.carousel2 > input[type="radio"]:nth-of-type(1):checked ~ .carousel-nav > label:nth-of-type(1):before,
.carousel2 > input[type="radio"]:nth-of-type(2):checked ~ .carousel-nav > label:nth-of-type(2):before,
.carousel2 > input[type="radio"]:nth-of-type(3):checked ~ .carousel-nav > label:nth-of-type(3):before,
.carousel2 > input[type="radio"]:nth-of-type(4):checked ~ .carousel-nav > label:nth-of-type(4):before,
.carousel2 > input[type="radio"]:nth-of-type(5):checked ~ .carousel-nav > label:nth-of-type(5):before,
.carousel2 > input[type="radio"]:nth-of-type(6):checked ~ .carousel-nav > label:nth-of-type(6):before,
.carousel2 > input[type="radio"]:nth-of-type(7):checked ~ .carousel-nav > label:nth-of-type(7):before,
.carousel2 > input[type="radio"]:nth-of-type(8):checked ~ .carousel-nav > label:nth-of-type(8):before,
.carousel2 > input[type="radio"]:nth-of-type(9):checked ~ .carousel-nav > label:nth-of-type(9):before,
.carousel2 > input[type="radio"]:nth-of-type(10):checked ~ .carousel-nav > label:nth-of-type(10):before,
.carousel2 > input[type="radio"]:nth-of-type(11):checked ~ .carousel-nav > label:nth-of-type(11):before,
.carousel2 > input[type="radio"]:nth-of-type(12):checked ~ .carousel-nav > label:nth-of-type(12):before {
	background:black;
}

.carousel2 .carousel-nav-manip {
	position:absolute;
	right:0;
	top:.1em;
	height:1em;
}

.carousel2 .carousel-nav-manip > * {
	position:relative;
	display:inline-block;
	width:.75em;
	height:1em;
	cursor:pointer;
	margin-right:.1em;
	
	/* background:cyan; */
}

.carousel2 .carousel-nav-manip > *:before,
.carousel2 .carousel-nav-manip > *:after {
	content:"";
	display:inline-block;
	position:absolute;
	right:0; top:50%;
	width:0; height:0;
	border:0 solid black;
}

.carousel2 .carousel-nav-pause:before {
	box-sizing:content-box;
	min-width:1px;
	height:.5em; width:.1em;
	margin-top:-.2em;
	left:.15em;
	border-right-width:.15em;
	border-left-width:.15em;
}
.carousel2 .carousel-nav-stop:before {
	height:.5em; width:.1em;
	margin-top:-.2em;
	left:.08em;
	border-left-width:.5em;
}

.carousel2 .carousel-nav-play:before {
	height:0; width:0;
	top:.35em;
	left:-.05em;
	border-width:.23em;
	border-left-color:transparent!important;
	border-bottom-color:transparent!important;
	transform:rotate(45deg);
}
.carousel2 .carousel-nav-rewind:before {
	height:.5em;
	left:.15em;
	top:.3em;
	border-left-width:.15em;
}
.carousel2 .carousel-nav-rewind:after {
	height:0; width:0;
	left:.4em;
	top:.35em;
	border-width:.23em;
	border-left-color:transparent!important;
	border-bottom-color:transparent!important;
	transform:rotate(225deg);
}

.carousel2[data-carousel-autoanim="none"] .carousel-nav-manip {
	display:none;
}

.carousel2 .carousel-nav-stop {
	display:none;
}

.carousel2[data-carousel-autoanim-stat="playing"] .carousel-nav-play,
.carousel2[data-carousel-autoanim-stat="pausing"] .carousel-nav-pause,
.carousel2[data-carousel-autoanim-stat="stopped"] .carousel-nav-stop {
	display:none;
}

.carousel2[data-carousel-nav="none"] .carousel-nav {
	display:none;
}

.carousel2[data-carousel-nav^="over"] .carousel-nav {
	position:absolute;
	bottom:0; left:0; right:0;
	color:white;
	border-color:white;
	background:transparent;
	z-index:20;
	/*
	text-shadow:
		0 0 2px black,
		0 0 4px rgba(0,0,0,.4);
	*/
	opacity:.3;
}
.carousel2[data-carousel-nav^="over"] .carousel-nav:hover {
	opacity:.5;
}

.carousel2[data-carousel-nav^="over"] .carousel-nav-manip {
	background:rgba(0,0,0,.35);
}
.carousel2[data-carousel-nav^="over"] .carousel-nav-manip > *:before,
.carousel2[data-carousel-nav^="over"] .carousel-nav-manip > *:after {
	border-color:white;
}

/*
.carousel2[data-carousel-nav^="over"] .carousel-nav > label:before {
	content: '\26AB';
	color:rgba(255,255,255,.8);
}
.carousel2[data-carousel-nav^="over"] .carousel-nav > label.checked:before {
	content: '\26AB';
	color:white;
}
*/

.carousel2[data-carousel-nav$="-manip"] .carousel-nav > label {
	visibility:hidden;
}
.carousel2[data-carousel-nav$="-point"] .carousel-nav-manip {
	display:none;
}

/************* no animation *************/

.carousel-template .carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	z-index: 3;
}

.carousel-template .carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	z-index: 3;
}

.carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2:not([data-carousel-anim]) > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	z-index: 3;
}

.carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim=""] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	z-index: 3;
}

.carousel2:not(.carousel-valid) .carousel-content,
.carousel2.prevent-anim .carousel-content {
	transition-duration: 0s!important;
	animation-duration: 0s!important;
}


/************* crossfade anim ***********************/

@keyframes fadein {
	0% {
		opacity: 0;
		z-index: 3;
	}
	0.1% {
		opacity: 0;
		z-index: 3;
		visibility:visible;
	}
	99.9% {
		opacity: 1;
		z-index: 3;
	}
	100% {
		opacity: 1;
		z-index: 3;
		visibility:visible;
	}
}

@keyframes fadeout {
	0% {
		opacity: 1;
		z-index: 2;
		visibility:visible;
	}
	0.1% {
		opacity: 1;
		z-index: 2;
		visibility:visible;
	}
	99.9% {
		opacity: 0;
		z-index: 2;
		visibility:visible;
	}
	100% {
		opacity: 0;
		z-index: 2;
		visibility:hidden;
	}
}

.carousel2[data-carousel-anim="crossfade"] > .carousel-contents > .carousel-content {
	z-index:-1;
	visibility:hidden;
}


.carousel-template .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > .carousel-content:nth-child(1) {
	animation-name: fadein;
	animation-timing-function:ease;
	z-index: 3;
	opacity: 1;
	visibility:visible;
}

.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents > .carousel-content:nth-child(1),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents > .carousel-content:nth-child(2),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents > .carousel-content:nth-child(3),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents > .carousel-content:nth-child(4),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents > .carousel-content:nth-child(5),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents > .carousel-content:nth-child(6),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents > .carousel-content:nth-child(7),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents > .carousel-content:nth-child(8),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents > .carousel-content:nth-child(9),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents > .carousel-content:nth-child(10),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents > .carousel-content:nth-child(11),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents > .carousel-content:nth-child(12) {
	animation-name: fadein;
	animation-timing-function:ease;
	z-index: 3;
	opacity: 1;
	visibility:visible;
}

.carousel-template .carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(1):not(:checked) ~ .carousel-contents > .carousel-content:nth-child(1) {
	animation-name: fadeout;
	animation-timing-function: ease;
	z-index: 2;
	opacity: 0;
}

.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents > .carousel-content:nth-child(1),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents > .carousel-content:nth-child(2),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents > .carousel-content:nth-child(3),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents > .carousel-content:nth-child(4),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents > .carousel-content:nth-child(5),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents > .carousel-content:nth-child(6),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents > .carousel-content:nth-child(7),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents > .carousel-content:nth-child(8),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents > .carousel-content:nth-child(9),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents > .carousel-content:nth-child(10),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents > .carousel-content:nth-child(11),
.carousel2[data-carousel-anim="crossfade"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents > .carousel-content:nth-child(12) {
	animation-name: fadeout;
	animation-timing-function: ease;
	z-index: 2;
	opacity: 0;
}

/************ slide animations ***************/

@keyframes slidein-left {
	0% {
		transform: translate(100%, 0);
		z-index: 3;
	}
	100% {
		transform: translate(0, 0);
		z-index: 3;
	}
}

@keyframes slidein-right {
	0% {
		transform: translate(-100%, 0);
		z-index: 3;
	}
	100% {
		transform: translate(0, 0);
		z-index: 3;
	}
}

@keyframes slidein-down {
	0% {
		transform: translate(0, -100%);
		z-index: 3;
	}
	100% {
		transform: translate(0, 0);
		z-index: 3;
	}
}

@keyframes slidein-up {
	0% {
		transform: translate(0, 100%);
		z-index: 3;
	}
	100% {
		transform: translate(0, 0);
		z-index: 3;
	}
}

@keyframes slideout-left {
	0% {
		transform: translate(0, 0);
		z-index: 3;
	}
	100% {
		transform: translate(-100%, 0);
		z-index: 3;
	}
}

@keyframes slideout-right {
	0% {
		transform: translate(0, 0);
		z-index: 3;
	}
	100% {
		transform: translate(100%, 0);
		z-index: 3;
	}
}

@keyframes slideout-down {
	0% {
		transform: translate(0, 0);
		z-index: 3;
	}
	100% {
		transform: translate(0, 100%);
		z-index: 3;
	}
}

@keyframes slideout-up {
	0% {
		transform: translate(0, 0);
		z-index: 3;
	}
	100% {
		transform: translate(0, -100%);
		z-index: 3;
	}
}

@keyframes stay-out {
	0% {
		transform: translate(0, 0);
		z-index: 2;
	}
	99% {
		transform: translate(0, 0);
		z-index: 2;
	}
	100% {
		transform: translate(0, 0);
		z-index: 2;
		display: none;
	}
}


/*********** slide left ********/

.carousel-template .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: slidein-left .5s ease-out;
	transform: translate(0, 0);
	z-index: 3;
	animation-duration: attr(data-carousel-anim-duration);
}

.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: slidein-left .5s ease-out;
	transform: translate(0, 0);
	z-index: 3;
}

.carousel-template .carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: stay .5s ease-out;
	z-index: 2;
}

.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-left"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: stay .5s ease-out;
	z-index: 2;
	animation-duration: attr(data-carousel-anim-duration);
}

.carousel-template .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: stay .5s ease-out;
	z-index: 2;
}

.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: stay .5s ease-out;
	z-index: 2;
}

.carousel-template .carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: slideout-right .5s ease-in;
	transform: translate(100%, 0);
	z-index: 3;
}

.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-left"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: slideout-right .5s ease-in;
	transform: translate(100%, 0);
	z-index: 3;
}


/*********** slidein right ************/

.carousel-template .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: slidein-right .5s ease-out;
	transform: translate(0, 0);
	z-index: 3;
}

.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: slidein-right .5s ease-out;
	transform: translate(0, 0);
	z-index: 3;
}

.carousel-template .carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: stay .5s ease-out;
	z-index: 2;
}

.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-right"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: stay .5s ease-out;
	z-index: 2;
}

.carousel-template .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: stay .5s ease-out;
	z-index: 2;
}

.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: stay .5s ease-out;
	z-index: 2;
}

.carousel-template .carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: slideout-left .5s ease-in;
	transform: translate(100%, 0);
	z-index: 3;
}

.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-right"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: slideout-left .5s ease-in;
	transform: translate(100%, 0);
	z-index: 3;
}


/*********** slide down ***************/

.carousel-template .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: slidein-down .5s ease-out;
	transform: translate(0, 0);
	z-index: 3;
}

.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: slidein-down .5s ease-out;
	transform: translate(0, 0);
	z-index: 3;
}

.carousel-template .carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: none;
	z-index: 2;
}

.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-down"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: none;
	z-index: 2;
}

.carousel-template .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: none;
	z-index: 2;
}

.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: none;
	z-index: 2;
}

.carousel-template .carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: slideout-up .5s ease-out;
	transform: translate(0, -100%);
	z-index: 3;
}

.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-down"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: slideout-up .5s ease-out;
	transform: translate(0, -100%);
	z-index: 3;
}


/*********** slide up ***************/

.carousel-template .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: slidein-up .5s ease-out;
	transform: translate(0, 0);
	z-index: 3;
}

.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: slidein-up .5s ease-out;
	transform: translate(0, 0);
	z-index: 3;
}

.carousel-template .carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: none;
	z-index: 2;
}

.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-up"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: none;
	z-index: 2;
}

.carousel-template .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: none;
	z-index: 2;
}

.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: none;
	z-index: 2;
}

.carousel-template .carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: slideout-down .5s ease-out;
	transform: translate(0, 100%);
	z-index: 3;
}

.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="slidein-up"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: slideout-down .5s ease-out;
	transform: translate(0, 100%);
	z-index: 3;
}


/*********** roll ************/

.carousel2[data-carousel-anim^="roll-"] > .carousel-contents > .carousel-content {
	visibility: hidden;
}


/*********** roll-horiz *****************/

.carousel-template .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: slidein-left .5s ease-out;
	transform: translate(0, 0);
	visibility: visible;
}

.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: slidein-left .5s ease-out;
	transform: translate(0, 0);
	visibility: visible;
}

.carousel-template .carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: slideout-left .5s ease-out;
	transform: translate(-100%, 0);
	visibility: visible;
}

.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="roll-horiz"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: slideout-left .5s ease-out;
	transform: translate(-100%, 0);
	visibility: visible;
}

.carousel-template .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: slidein-right .5s ease-out;
	transform: translate(0, 0);
	visibility: visible;
}

.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: slidein-right .5s ease-out;
	transform: translate(0, 0);
	visibility: visible;
}

.carousel-template .carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: slideout-right .5s ease-out;
	transform: translate(100%, 0);
	visibility: visible;
}

.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="roll-horiz"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: slideout-right .5s ease-out;
	transform: translate(100%, 0);
	visibility: visible;
}


/********* roll-up **************/

.carousel-template .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: slidein-up .5s ease-out;
	transform: translate(0, 0);
	visibility: visible;
}

.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: slidein-up .5s ease-out;
	transform: translate(0, 0);
	visibility: visible;
}

.carousel-template .carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: slideout-up .5s ease-out;
	transform: translate(-100%, 0);
	visibility: visible;
}

.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="roll-up"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: slideout-up .5s ease-out;
	transform: translate(-100%, 0);
	visibility: visible;
}

.carousel-template .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: slidein-down .5s ease-out;
	transform: translate(0, 0);
	visibility: visible;
}

.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: slidein-down .5s ease-out;
	transform: translate(0, 0);
	visibility: visible;
}

.carousel-template .carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: slideout-down .5s ease-out;
	transform: translate(100%, 0);
	visibility: visible;
}

.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="roll-up"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: slideout-down .5s ease-out;
	transform: translate(100%, 0);
	visibility: visible;
}


/********* roll down *************/

.carousel-template .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: slidein-down .5s ease-out;
	transform: translate(0, 0);
	visibility: visible;
}

.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: slidein-down .5s ease-out;
	transform: translate(0, 0);
	visibility: visible;
}

.carousel-template .carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: slideout-down .5s ease-out;
	transform: translate(-100%, 0);
	visibility: visible;
}

.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="roll-down"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: slideout-down .5s ease-out;
	transform: translate(-100%, 0);
	visibility: visible;
}

.carousel-template .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation: slidein-up .5s ease-out;
	transform: translate(0, 0);
	visibility: visible;
}

.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation: slidein-up .5s ease-out;
	transform: translate(0, 0);
	visibility: visible;
}

.carousel-template .carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation: slideout-up .5s ease-out;
	transform: translate(100%, 0);
	visibility: visible;
}

.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="roll-down"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation: slideout-up .5s ease-out;
	transform: translate(100%, 0);
	visibility: visible;
}

/************* turn/flip ***********************/

.carousel2[data-carousel-anim^="flipout-"],
.carousel2[data-carousel-anim^="turn-"] {
	overflow:visible;
}
.carousel2[data-carousel-anim^="flipout-"] > .carousel-contents,
.carousel2[data-carousel-anim^="turn-"] > .carousel-contents {
	overflow:visible;
	-webkit-perspective:100vw;
	-moz-perspective:100vw;
	perspective:100vw;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	position:relative;
	
	background:transparent !important; /* prevent hide under */
}
.carousel2[data-carousel-anim^="turn-"] > .carousel-contents > .carousel-content,
.carousel2[data-carousel-anim^="flipout-"] > .carousel-contents > .carousel-content {
	visibility:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
	
	animation-timing-function: ease;
	animation-duration: .5s;
}

/* turn */

@keyframes turnin-horiz {
	0% {
		transform:rotateY(-180deg);
	}
	100% {
		transform:rotateY(0);
	}
}

@keyframes turnout-horiz {
	0% {
		transform:rotateY(0);
		visibility:visible;
	}
	100% {
		transform:rotateY(180deg);
		visibility:hidden;
	}
}

@keyframes turnin-horiz-rev {
	0% {
		transform:rotateY(180deg);
	}
	100% {
		transform:rotateY(0);
	}
}

@keyframes turnout-horiz-rev {
	0% {
		transform:rotateY(0);
		visibility:visible;
	}
	100% {
		transform:rotateY(-180deg);
		visibility:hidden;
	}
}

@keyframes turnin-vert {
	0% {
		transform:rotateX(-180deg);
	}
	100% {
		transform:rotateX(0);
	}
}

@keyframes turnout-vert {
	0% {
		transform:rotateX(0);
		visibility:visible;
	}
	100% {
		transform:rotateX(180deg);
		visibility:hidden;
	}
}

@keyframes turnin-vert-rev {
	0% {
		transform:rotateX(180deg);
	}
	100% {
		transform:rotateX(0);
	}
}

@keyframes turnout-vert-rev {
	0% {
		transform:rotateX(0);
		visibility:visible;
	}
	100% {
		transform:rotateX(-180deg);
		visibility:hidden;
	}
}

.carousel-template .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation-name: turnin-horiz;
	display: inline-block;
	visibility:visible;
}
.carousel-template .carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation-name: turnin-horiz-rev;
}

.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation-name: turnin-horiz;
	visibility:visible;
}
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation-name: turnin-horiz-rev;
}

.carousel-template .carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation-name: turnout-horiz;
	visibility:hidden;
}
.carousel-template .carousel2[data-carousel-anim="turn-horiz"].animp-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation-name: turnout-horiz-rev;
}
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="turn-horiz"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation-name: turnout-horiz;
	visibility:hidden;
}
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="turn-horiz"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation-name: turnout-horiz-rev;
}

.carousel-template .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation-name: turnin-vert;
	display: inline-block;
	visibility:visible;
}
.carousel-template .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation-name: turnin-vert-rev;
}
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation-name: turnin-vert;
	visibility:visible;
}
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation-name: turnin-vert-rev;
}

.carousel-template .carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation-name: turnout-vert;
	visibility:hidden;
}
.carousel-template .carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation-name: turnout-vert-rev;
}
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="turn-vert"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation-name: turnout-vert;
	visibility:hidden;
}
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim="turn-vert"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation-name: turnout-vert-rev;
}

/*** flipout ***/

@keyframes flipinout-stay {
	0% {
		transform:rotateY(0);
		visibility:visible;
	}
	100% {
		transform:rotateY(0);
		visibility:hidden;
	}
}

@keyframes flipin-left {
	0% {
		transform:rotateY(-90deg);
	}
	100% {
		transform:rotateY(0);
	}
}

@keyframes flipout-left {
	0% {
		transform:rotateY(0);
		visibility:visible;
	}
	100% {
		transform:rotateY(-90deg);
		visibility:hidden;
	}
}

@keyframes flipin-right {
	0% {
		transform:rotateY(90deg);
	}
	100% {
		transform:rotateY(0);
	}
}

@keyframes flipout-right {
	0% {
		transform:rotateY(0);
		visibility:visible;
	}
	100% {
		transform:rotateY(90deg);
		visibility:hidden;
	}
}

@keyframes flipin-top {
	0% {
		transform:rotateX(90deg);
	}
	100% {
		transform:rotateX(0);
	}
}

@keyframes flipout-top {
	0% {
		transform:rotateX(0);
		visibility:visible;
	}
	100% {
		transform:rotateX(90deg);
		visibility:hidden;
	}
}

@keyframes flipin-bottom {
	0% {
		transform:rotateX(-90deg);
	}
	100% {
		transform:rotateX(0);
	}
}

@keyframes flipout-bottom {
	0% {
		transform:rotateX(0);
		visibility:visible;
	}
	100% {
		transform:rotateX(-90deg);
		visibility:hidden;
	}
}

.carousel2[data-carousel-anim^="flipout-"] > .carousel-contents > .carousel-content {
	visibility:hidden;
}

.carousel2[data-carousel-anim="flipout-up"] > .carousel-contents > .carousel-content {
	-webkit-transform-origin:top center;
	-moz-transform-origin:top center;
	transform-origin:top center;
}
.carousel2[data-carousel-anim="flipout-down"] > .carousel-contents > .carousel-content {
	-webkit-transform-origin:bottom center;
	-moz-transform-origin:bottom center;
	transform-origin:bottom center;
}
.carousel2[data-carousel-anim="flipout-left"] > .carousel-contents > .carousel-content {
	-webkit-transform-origin:left center;
	-moz-transform-origin:left center;
	transform-origin:left center;
}
.carousel2[data-carousel-anim="flipout-right"] > .carousel-contents > .carousel-content {
	-webkit-transform-origin:right center;
	-moz-transform-origin:right center;
	transform-origin:right center;
}

.carousel-template .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	visibility:visible;
	z-index:2;
}
.carousel-template .carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	visibility:hidden;
	z-index:3;
}
.carousel-template .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	z-index:3;
}
.carousel-template .carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation-name:flipinout-stay;
	visibility:hidden;
	z-index:2;
}
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	visibility:visible;
	z-index:2;
}
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim^="flipout-"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	visibility:hidden;
	z-index:3;
}
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	z-index:3;
}
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim^="flipout-"].anim-rev > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation-name:flipinout-stay;
	visibility:hidden;
	z-index:2;
}

/* top */
.carousel-template .carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation-name: flipout-top;
}
.carousel-template .carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation-name: flipin-top;
}
.carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim^="flipout-up"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation-name: flipout-top;
}
.carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim^="flipout-up"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation-name: flipin-top;
}


/* bottom */
.carousel-template .carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation-name: flipout-bottom;
}
.carousel-template .carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation-name: flipin-bottom;
}
.carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim^="flipout-down"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation-name: flipout-bottom;
}
.carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim^="flipout-down"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation-name: flipin-bottom;
}

/* left */
.carousel-template .carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation-name: flipout-left;
}
.carousel-template .carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation-name: flipin-left;
}
.carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim^="flipout-left"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation-name: flipout-left;
}
.carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim^="flipout-left"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation-name: flipin-left;
}

/* right */
.carousel-template .carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1) {
	animation-name: flipout-right;
}
.carousel-template .carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1) {
	animation-name: flipin-right;
}
.carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(1).prev-checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(2).prev-checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(3).prev-checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(4).prev-checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(5).prev-checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(6).prev-checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(7).prev-checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(8).prev-checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(9).prev-checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(10).prev-checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(11).prev-checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim^="flipout-right"] > input[type="radio"]:nth-of-type(12).prev-checked ~ .carousel-contents >:nth-child(12) {
	animation-name: flipout-right;
}
.carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(1):checked ~ .carousel-contents >:nth-child(1),
.carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(2):checked ~ .carousel-contents >:nth-child(2),
.carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(3):checked ~ .carousel-contents >:nth-child(3),
.carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(4):checked ~ .carousel-contents >:nth-child(4),
.carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(5):checked ~ .carousel-contents >:nth-child(5),
.carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(6):checked ~ .carousel-contents >:nth-child(6),
.carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(7):checked ~ .carousel-contents >:nth-child(7),
.carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(8):checked ~ .carousel-contents >:nth-child(8),
.carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(9):checked ~ .carousel-contents >:nth-child(9),
.carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(10):checked ~ .carousel-contents >:nth-child(10),
.carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(11):checked ~ .carousel-contents >:nth-child(11),
.carousel2[data-carousel-anim^="flipout-right"].anim-rev > input[type="radio"]:nth-of-type(12):checked ~ .carousel-contents >:nth-child(12) {
	animation-name: flipin-right;
}