@charset "utf-8";
.rotating {
	display: inline-block;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
	-moz-transform: rotateX(0) rotateY(0) rotateZ(0);
	-ms-transform: rotateX(0) rotateY(0) rotateZ(0);
	-o-transform: rotateX(0) rotateY(0) rotateZ(0);
	transform: rotateX(0) rotateY(0) rotateZ(0);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	-webkit-transform-origin-x: 50%;
}
.rotating.flip {
	position: relative;
}
.rotating .front, .rotating .back {
	left: 0;
	top: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.rotating .front {
	position: absolute;
	display: inline-block;
	-webkit-transform: translate3d(0, 0, 1px);
	-moz-transform: translate3d(0, 0, 1px);
	-ms-transform: translate3d(0, 0, 1px);
	-o-transform: translate3d(0, 0, 1px);
	transform: translate3d(0, 0, 1px);
}
.rotating.flip .front {
	z-index: 1;
}
.rotating .back {
	display: block;
	opacity: 0;
}
.rotating.spin {
	-webkit-transform: rotate(360deg) scale(0);
	-moz-transform: rotate(360deg) scale(0);
	-ms-transform: rotate(360deg) scale(0);
	-o-transform: rotate(360deg) scale(0);
	transform: rotate(360deg) scale(0);
}
.rotating.flip .back {
	z-index: 2;
	display: block;
	opacity: 1;
	-webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
	-moz-transform: rotateY(180deg) translate3d(0, 0, 0);
	-ms-transform: rotateY(180deg) translate3d(0, 0, 0);
	-o-transform: rotateY(180deg) translate3d(0, 0, 0);
	transform: rotateY(180deg) translate3d(0, 0, 0);
}
.rotating.flip.up .back {
	-webkit-transform: rotateX(180deg) translate3d(0, 0, 0);
	-moz-transform: rotateX(180deg) translate3d(0, 0, 0);
	-ms-transform: rotateX(180deg) translate3d(0, 0, 0);
	-o-transform: rotateX(180deg) translate3d(0, 0, 0);
	transform: rotateX(180deg) translate3d(0, 0, 0);
}
.rotating.flip.cube .front {
	-webkit-transform: translate3d(0, 0, 100px) scale(0.9, 0.9);
	-moz-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
	-ms-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
	-o-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
	transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
}
.rotating.flip.cube .back {
	-webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
	-moz-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
	-ms-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
	-o-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
	transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
}
.rotating.flip.cube.up .back {
	-webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
	-moz-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
	-ms-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
	-o-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
	transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.85, 0.85);
}