.preloader{
	width:100%;
	height: 100vh;
	background: rgb(6, 6, 6);
	opacity: 1;	
	z-index: 200;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
	text-align: center;
	animation-name: preloader__name;
	animation-duration: 4s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
@keyframes preloader__name {
	50%{
		opacity: 1;
		visibility: visible;
	}100%{
		opacity: 0;
		visibility: hidden;
	}
	
}

.preloader__text{
	margin-top: -40px;
	color: white;
	font-size: 16px;
	letter-spacing: 5px;
}




.cssload-cube, .cssload-half1, .cssload-half2, .cssload-container {
	transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
}

.cssload-container {
	position: relative;
	width: 175px;
	height: 175px;
	margin: 263px auto 0;
	perspective: 525px;
		-o-perspective: 525px;
		-ms-perspective: 525px;
		-webkit-perspective: 525px;
		-moz-perspective: 525px;
	transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
}

.cssload-cube {
	width: 175px;
	height: 175px;
	transform-style: preserve-3d;
		-o-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
}

.cssload-cube {
	animation: cube 4.5s forwards infinite;
		-o-animation: cube 4.5s forwards infinite;
		-ms-animation: cube 4.5s forwards infinite;
		-webkit-animation: cube 4.5s forwards infinite;
		-moz-animation: cube 4.5s forwards infinite;
	transform-origin: center 88px;
		-o-transform-origin: center 88px;
		-ms-transform-origin: center 88px;
		-webkit-transform-origin: center 88px;
		-moz-transform-origin: center 88px;
}

.cssload-half1 {
	height: 70px;
	top: 0;
	position: absolute;
	animation: half-fold 4.5s forwards infinite;
		-o-animation: half-fold 4.5s forwards infinite;
		-ms-animation: half-fold 4.5s forwards infinite;
		-webkit-animation: half-fold 4.5s forwards infinite;
		-moz-animation: half-fold 4.5s forwards infinite;
	transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
}

.cssload-side {
	width: 35px;
	height: 35px;
	background: rgb(221,221,221);
	position: absolute;
}

.cssload-s1 {
	top: 0;
	left: 70px;
	transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;
		-moz-transform-origin: 50% 100%;
	animation: s1ani 4.5s forwards infinite;
		-o-animation: s1ani 4.5s forwards infinite;
		-ms-animation: s1ani 4.5s forwards infinite;
		-webkit-animation: s1ani 4.5s forwards infinite;
		-moz-animation: s1ani 4.5s forwards infinite;
}

.cssload-s2 {
	top: 35px;
	left: 70px;
	transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
	animation: s2ani 4.5s forwards infinite;
		-o-animation: s2ani 4.5s forwards infinite;
		-ms-animation: s2ani 4.5s forwards infinite;
		-webkit-animation: s2ani 4.5s forwards infinite;
		-moz-animation: s2ani 4.5s forwards infinite;
}

.cssload-s3 {
	top: 70px;
	left: 70px;
	transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
	animation: s3ani 4.5s forwards infinite;
		-o-animation: s3ani 4.5s forwards infinite;
		-ms-animation: s3ani 4.5s forwards infinite;
		-webkit-animation: s3ani 4.5s forwards infinite;
		-moz-animation: s3ani 4.5s forwards infinite;
}

.cssload-s4 {
	top: 105px;
	left: 70px;
	transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
	animation: s4ani 4.5s forwards infinite;
		-o-animation: s4ani 4.5s forwards infinite;
		-ms-animation: s4ani 4.5s forwards infinite;
		-webkit-animation: s4ani 4.5s forwards infinite;
		-moz-animation: s4ani 4.5s forwards infinite;
}

.cssload-s5 {
	left: 35px;
	top: 35px;
	transform-origin: 100% 50%;
		-o-transform-origin: 100% 50%;
		-ms-transform-origin: 100% 50%;
		-webkit-transform-origin: 100% 50%;
		-moz-transform-origin: 100% 50%;
	animation: s5ani 4.5s forwards infinite;
		-o-animation: s5ani 4.5s forwards infinite;
		-ms-animation: s5ani 4.5s forwards infinite;
		-webkit-animation: s5ani 4.5s forwards infinite;
		-moz-animation: s5ani 4.5s forwards infinite;
}

.cssload-s6 {
	left: 105px;
	top: 70px;
	transform-origin: 0% 50%;
		-o-transform-origin: 0% 50%;
		-ms-transform-origin: 0% 50%;
		-webkit-transform-origin: 0% 50%;
		-moz-transform-origin: 0% 50%;
	animation: s6ani 4.5s forwards infinite;
		-o-animation: s6ani 4.5s forwards infinite;
		-ms-animation: s6ani 4.5s forwards infinite;
		-webkit-animation: s6ani 4.5s forwards infinite;
		-moz-animation: s6ani 4.5s forwards infinite;
}












@keyframes cube {
	0% {
		transform: rotateX(0deg);
	}
	30% {
		transform: rotateX(0deg);
	}
	40% {
		transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
		/* CUBE ROTATES BACK */
	}
	60% {
		transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
		/* ARMS FOLD UP */
	}
	65% {
		transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
		/* SPIN REVEALS CYAN RIGHT, RED LEFT (s2) */
	}
	70% {
		transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
	}
	75% {
		transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
		/* SPIN REVEALS MAGENTA RIGHT, YELLOW LEFT (s4) */
	}
	80% {
		transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
	}
	90% {
		transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
		/* FADE TO BLACK */
	}
}

@-o-keyframes cube {
	0% {
		-o-transform: rotateX(0deg);
	}
	30% {
		-o-transform: rotateX(0deg);
	}
	40% {
		-o-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
		/* CUBE ROTATES BACK */
	}
	60% {
		-o-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
		/* ARMS FOLD UP */
	}
	65% {
		-o-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
		/* SPIN REVEALS CYAN RIGHT, RED LEFT (s2) */
	}
	70% {
		-o-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
	}
	75% {
		-o-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
		/* SPIN REVEALS MAGENTA RIGHT, YELLOW LEFT (s4) */
	}
	80% {
		-o-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
	}
	90% {
		-o-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
		/* FADE TO BLACK */
	}
}

@-ms-keyframes cube {
	0% {
		-ms-transform: rotateX(0deg);
	}
	30% {
		-ms-transform: rotateX(0deg);
	}
	40% {
		-ms-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
		/* CUBE ROTATES BACK */
	}
	60% {
		-ms-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
		/* ARMS FOLD UP */
	}
	65% {
		-ms-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
		/* SPIN REVEALS CYAN RIGHT, RED LEFT (s2) */
	}
	70% {
		-ms-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
	}
	75% {
		-ms-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
		/* SPIN REVEALS MAGENTA RIGHT, YELLOW LEFT (s4) */
	}
	80% {
		-ms-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
	}
	90% {
		-ms-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
		/* FADE TO BLACK */
	}
}

@-webkit-keyframes cube {
	0% {
		-webkit-transform: rotateX(0deg);
	}
	30% {
		-webkit-transform: rotateX(0deg);
	}
	40% {
		-webkit-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
		/* CUBE ROTATES BACK */
	}
	60% {
		-webkit-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
		/* ARMS FOLD UP */
	}
	65% {
		-webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
		/* SPIN REVEALS CYAN RIGHT, RED LEFT (s2) */
	}
	70% {
		-webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
	}
	75% {
		-webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
		/* SPIN REVEALS MAGENTA RIGHT, YELLOW LEFT (s4) */
	}
	80% {
		-webkit-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
	}
	90% {
		-webkit-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
		/* FADE TO BLACK */
	}
}

@-moz-keyframes cube {
	0% {
		-moz-transform: rotateX(0deg);
	}
	30% {
		-moz-transform: rotateX(0deg);
	}
	40% {
		-moz-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg);
		/* CUBE ROTATES BACK */
	}
	60% {
		-moz-transform: rotateX(60deg) rotateY(0deg) rotateZ(45deg);
		/* ARMS FOLD UP */
	}
	65% {
		-moz-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
		/* SPIN REVEALS CYAN RIGHT, RED LEFT (s2) */
	}
	70% {
		-moz-transform: rotateX(60deg) rotate(45deg) rotateZ(180deg);
	}
	75% {
		-moz-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
		/* SPIN REVEALS MAGENTA RIGHT, YELLOW LEFT (s4) */
	}
	80% {
		-moz-transform: rotateX(60deg) rotate(45deg) rotateZ(360deg);
	}
	90% {
		-moz-transform: rotateX(0deg) rotate(0deg) rotateZ(0deg);
		/* FADE TO BLACK */
	}
}

@keyframes s1ani {
	0% {
		opacity: 1;
		transform: translateY(0px);
		background: rgb(221,221,221);
	}
	40% {
		transform: rotateX(0deg);
		background: rgb(221,221,221);
	}
	50% {
		transform: rotateX(-90deg);
		background: rgb(221,221,221);
	}
	90% {
		transform: rotateX(-90deg);
	}
}

@-o-keyframes s1ani {
	0% {
		opacity: 1;
		-o-transform: translateY(0px);
		background: rgb(221,221,221);
	}
	40% {
		-o-transform: rotateX(0deg);
		background: rgb(221,221,221);
	}
	50% {
		-o-transform: rotateX(-90deg);
		background: rgb(221,221,221);
	}
	90% {
		-o-transform: rotateX(-90deg);
	}
}

@-ms-keyframes s1ani {
	0% {
		opacity: 1;
		-ms-transform: translateY(0px);
		background: rgb(221,221,221);
	}
	40% {
		-ms-transform: rotateX(0deg);
		background: rgb(221,221,221);
	}
	50% {
		-ms-transform: rotateX(-90deg);
		background: rgb(221,221,221);
	}
	90% {
		-ms-transform: rotateX(-90deg);
	}
}

@-webkit-keyframes s1ani {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0px);
		background: rgb(221,221,221);
	}
	40% {
		-webkit-transform: rotateX(0deg);
		background: rgb(221,221,221);
	}
	50% {
		-webkit-transform: rotateX(-90deg);
		background: rgb(221,221,221);
	}
	90% {
		-webkit-transform: rotateX(-90deg);
	}
}

@-moz-keyframes s1ani {
	0% {
		opacity: 1;
		-moz-transform: translateY(0px);
		background: rgb(221,221,221);
	}
	40% {
		-moz-transform: rotateX(0deg);
		background: rgb(221,221,221);
	}
	50% {
		-moz-transform: rotateX(-90deg);
		background: rgb(221,221,221);
	}
	90% {
		-moz-transform: rotateX(-90deg);
	}
}

@keyframes s2ani {
	0% {
		opacity: 0;
		transform: rotateX(-179deg);
	}
	10% {
		opacity: 1;
		transform: rotateX(0deg);
	}
	40% {
		background: rgb(221,221,221);
	}
	45% {
		background: rgb(180,180,180);
	}
	65% {
		opacity: 1;
		background: rgb(180,180,180);
		/* DARKEST VISIBLE */
	}
	80% {
		background: rgb(180,180,180);
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-o-keyframes s2ani {
	0% {
		opacity: 0;
		-o-transform: rotateX(-179deg);
	}
	10% {
		opacity: 1;
		-o-transform: rotateX(0deg);
	}
	40% {
		background: rgb(221,221,221);
	}
	45% {
		background: rgb(180,180,180);
	}
	65% {
		opacity: 1;
		background: rgb(180,180,180);
		/* DARKEST VISIBLE */
	}
	80% {
		background: rgb(180,180,180);
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-ms-keyframes s2ani {
	0% {
		opacity: 0;
		-ms-transform: rotateX(-179deg);
	}
	10% {
		opacity: 1;
		-ms-transform: rotateX(0deg);
	}
	40% {
		background: rgb(221,221,221);
	}
	45% {
		background: rgb(180,180,180);
	}
	65% {
		opacity: 1;
		background: rgb(180,180,180);
		/* DARKEST VISIBLE */
	}
	80% {
		background: rgb(180,180,180);
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes s2ani {
	0% {
		opacity: 0;
		-webkit-transform: rotateX(-179deg);
	}
	10% {
		opacity: 1;
		-webkit-transform: rotateX(0deg);
	}
	40% {
		background: rgb(221,221,221);
	}
	45% {
		background: rgb(180,180,180);
	}
	65% {
		opacity: 1;
		background: rgb(180,180,180);
		/* DARKEST VISIBLE */
	}
	80% {
		background: rgb(180,180,180);
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes s2ani {
	0% {
		opacity: 0;
		-moz-transform: rotateX(-179deg);
	}
	10% {
		opacity: 1;
		-moz-transform: rotateX(0deg);
	}
	40% {
		background: rgb(221,221,221);
	}
	45% {
		background: rgb(180,180,180);
	}
	65% {
		opacity: 1;
		background: rgb(180,180,180);
		/* DARKEST VISIBLE */
	}
	80% {
		background: rgb(180,180,180);
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes s3ani {
	0% {
		opacity: 0;
		transform: rotateX(-179deg);
	}
	10% {
		opacity: 0;
		transform: rotateX(-179deg);
	}
	20% {
		opacity: 1;
		transform: rotateX(0deg);
	}
	40% {
		background: rgb(221,221,221);
	}
	45% {
		background: rgb(150,150,150);
		/* DARKEST VISIBLE */
	}
	90% {
		opacity: 1;
		transform: rotateX(0deg);
	}
	100% {
		opacity: 0;
	}
}

@-o-keyframes s3ani {
	0% {
		opacity: 0;
		-o-transform: rotateX(-179deg);
	}
	10% {
		opacity: 0;
		-o-transform: rotateX(-179deg);
	}
	20% {
		opacity: 1;
		-o-transform: rotateX(0deg);
	}
	40% {
		background: rgb(221,221,221);
	}
	45% {
		background: rgb(150,150,150);
		/* DARKEST VISIBLE */
	}
	90% {
		opacity: 1;
		-o-transform: rotateX(0deg);
	}
	100% {
		opacity: 0;
	}
}

@-ms-keyframes s3ani {
	0% {
		opacity: 0;
		-ms-transform: rotateX(-179deg);
	}
	10% {
		opacity: 0;
		-ms-transform: rotateX(-179deg);
	}
	20% {
		opacity: 1;
		-ms-transform: rotateX(0deg);
	}
	40% {
		background: rgb(221,221,221);
	}
	45% {
		background: rgb(150,150,150);
		/* DARKEST VISIBLE */
	}
	90% {
		opacity: 1;
		-ms-transform: rotateX(0deg);
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes s3ani {
	0% {
		opacity: 0;
		-webkit-transform: rotateX(-179deg);
	}
	10% {
		opacity: 0;
		-webkit-transform: rotateX(-179deg);
	}
	20% {
		opacity: 1;
		-webkit-transform: rotateX(0deg);
	}
	40% {
		background: rgb(221,221,221);
	}
	45% {
		background: rgb(150,150,150);
		/* DARKEST VISIBLE */
	}
	90% {
		opacity: 1;
		-webkit-transform: rotateX(0deg);
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes s3ani {
	0% {
		opacity: 0;
		-moz-transform: rotateX(-179deg);
	}
	10% {
		opacity: 0;
		-moz-transform: rotateX(-179deg);
	}
	20% {
		opacity: 1;
		-moz-transform: rotateX(0deg);
	}
	40% {
		background: rgb(221,221,221);
	}
	45% {
		background: rgb(150,150,150);
		/* DARKEST VISIBLE */
	}
	90% {
		opacity: 1;
		-moz-transform: rotateX(0deg);
	}
	100% {
		opacity: 0;
	}
}

@keyframes s4ani {
	0% {
		opacity: 0;
		transform: rotateX(-179deg);
	}
	10% {
		opacity: 0;
	}
	20% {
		opacity: 0;
		transform: rotateX(-179deg);
	}
	30% {
		opacity: 1;
		transform: rotateX(0deg);
	}
	40% {
		transform: rotateX(0deg);
		background: rgb(221,221,221);
	}
	50% {
		transform: rotateX(90deg);
		background: rgb(180,180,180);
	}
	80% {
		background: rgb(180,180,180);
	}
	90% {
		opacity: 1;
		transform: rotateX(90deg);
	}
	100% {
		opacity: 0;
	}
}

@-o-keyframes s4ani {
	0% {
		opacity: 0;
		-o-transform: rotateX(-179deg);
	}
	10% {
		opacity: 0;
	}
	20% {
		opacity: 0;
		-o-transform: rotateX(-179deg);
	}
	30% {
		opacity: 1;
		-o-transform: rotateX(0deg);
	}
	40% {
		-o-transform: rotateX(0deg);
		background: rgb(221,221,221);
	}
	50% {
		-o-transform: rotateX(90deg);
		background: rgb(180,180,180);
	}
	80% {
		background: rgb(180,180,180);
	}
	90% {
		opacity: 1;
		-o-transform: rotateX(90deg);
	}
	100% {
		opacity: 0;
	}
}

@-ms-keyframes s4ani {
	0% {
		opacity: 0;
		-ms-transform: rotateX(-179deg);
	}
	10% {
		opacity: 0;
	}
	20% {
		opacity: 0;
		-ms-transform: rotateX(-179deg);
	}
	30% {
		opacity: 1;
		-ms-transform: rotateX(0deg);
	}
	40% {
		-ms-transform: rotateX(0deg);
		background: rgb(221,221,221);
	}
	50% {
		-ms-transform: rotateX(90deg);
		background: rgb(180,180,180);
	}
	80% {
		background: rgb(180,180,180);
	}
	90% {
		opacity: 1;
		-ms-transform: rotateX(90deg);
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes s4ani {
	0% {
		opacity: 0;
		-webkit-transform: rotateX(-179deg);
	}
	10% {
		opacity: 0;
	}
	20% {
		opacity: 0;
		-webkit-transform: rotateX(-179deg);
	}
	30% {
		opacity: 1;
		-webkit-transform: rotateX(0deg);
	}
	40% {
		-webkit-transform: rotateX(0deg);
		background: rgb(221,221,221);
	}
	50% {
		-webkit-transform: rotateX(90deg);
		background: rgb(180,180,180);
	}
	80% {
		background: rgb(180,180,180);
	}
	90% {
		opacity: 1;
		-webkit-transform: rotateX(90deg);
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes s4ani {
	0% {
		opacity: 0;
		-moz-transform: rotateX(-179deg);
	}
	10% {
		opacity: 0;
	}
	20% {
		opacity: 0;
		-moz-transform: rotateX(-179deg);
	}
	30% {
		opacity: 1;
		-moz-transform: rotateX(0deg);
	}
	40% {
		-moz-transform: rotateX(0deg);
		background: rgb(221,221,221);
	}
	50% {
		-moz-transform: rotateX(90deg);
		background: rgb(180,180,180);
	}
	80% {
		background: rgb(180,180,180);
	}
	90% {
		opacity: 1;
		-moz-transform: rotateX(90deg);
	}
	100% {
		opacity: 0;
	}
}

@keyframes s5ani {
	0% {
		opacity: 0;
		transform: rotateY(-179deg);
	}
	10% {
		opacity: 0;
		transform: rotateY(-179deg);
	}
	20% {
		opacity: 1;
		background: rgb(221,221,221);
		transform: rotateY(0deg);
	}
	40% {
		transform: rotateY(0deg);
	}
	50% {
		transform: rotateY(90deg);
	}
	55% {
		background: rgb(221,221,221);
	}
	60% {
		background: rgb(200,200,200);
	}
	90% {
		transform: rotateY(90deg);
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-o-keyframes s5ani {
	0% {
		opacity: 0;
		-o-transform: rotateY(-179deg);
	}
	10% {
		opacity: 0;
		-o-transform: rotateY(-179deg);
	}
	20% {
		opacity: 1;
		background: rgb(221,221,221);
		-o-transform: rotateY(0deg);
	}
	40% {
		-o-transform: rotateY(0deg);
	}
	50% {
		-o-transform: rotateY(90deg);
	}
	55% {
		background: rgb(221,221,221);
	}
	60% {
		background: rgb(200,200,200);
	}
	90% {
		-o-transform: rotateY(90deg);
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-ms-keyframes s5ani {
	0% {
		opacity: 0;
		-ms-transform: rotateY(-179deg);
	}
	10% {
		opacity: 0;
		-ms-transform: rotateY(-179deg);
	}
	20% {
		opacity: 1;
		background: rgb(221,221,221);
		-ms-transform: rotateY(0deg);
	}
	40% {
		-ms-transform: rotateY(0deg);
	}
	50% {
		-ms-transform: rotateY(90deg);
	}
	55% {
		background: rgb(221,221,221);
	}
	60% {
		background: rgb(200,200,200);
	}
	90% {
		-ms-transform: rotateY(90deg);
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes s5ani {
	0% {
		opacity: 0;
		-webkit-transform: rotateY(-179deg);
	}
	10% {
		opacity: 0;
		-webkit-transform: rotateY(-179deg);
	}
	20% {
		opacity: 1;
		background: rgb(221,221,221);
		-webkit-transform: rotateY(0deg);
	}
	40% {
		-webkit-transform: rotateY(0deg);
	}
	50% {
		-webkit-transform: rotateY(90deg);
	}
	55% {
		background: rgb(221,221,221);
	}
	60% {
		background: rgb(200,200,200);
	}
	90% {
		-webkit-transform: rotateY(90deg);
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes s5ani {
	0% {
		opacity: 0;
		-moz-transform: rotateY(-179deg);
	}
	10% {
		opacity: 0;
		-moz-transform: rotateY(-179deg);
	}
	20% {
		opacity: 1;
		background: rgb(221,221,221);
		-moz-transform: rotateY(0deg);
	}
	40% {
		-moz-transform: rotateY(0deg);
	}
	50% {
		-moz-transform: rotateY(90deg);
	}
	55% {
		background: rgb(221,221,221);
	}
	60% {
		background: rgb(200,200,200);
	}
	90% {
		-moz-transform: rotateY(90deg);
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes s6ani {
	0% {
		opacity: 0;
		transform: rotateY(179deg);
	}
	20% {
		opacity: 0;
		transform: rotateY(179deg);
	}
	30% {
		opacity: 1;
		transform: rotateY(0deg);
	}
	40% {
		transform: rotateY(0deg);
	}
	50% {
		transform: rotateY(-90deg);
		background: #dddddd;
	}
	60% {
		background: #c8c8c8;
	}
	80% {
		background: #c8c8c8;
	}
	90% {
		opacity: 1;
		transform: rotateY(-90deg);
	}
	100% {
		opacity: 0;
	}
}

@-o-keyframes s6ani {
	0% {
		opacity: 0;
		-o-transform: rotateY(179deg);
	}
	20% {
		opacity: 0;
		-o-transform: rotateY(179deg);
	}
	30% {
		opacity: 1;
		-o-transform: rotateY(0deg);
	}
	40% {
		-o-transform: rotateY(0deg);
	}
	50% {
		-o-transform: rotateY(-90deg);
		background: #dddddd;
	}
	60% {
		background: #c8c8c8;
	}
	80% {
		background: #c8c8c8;
	}
	90% {
		opacity: 1;
		-o-transform: rotateY(-90deg);
	}
	100% {
		opacity: 0;
	}
}

@-ms-keyframes s6ani {
	0% {
		opacity: 0;
		-ms-transform: rotateY(179deg);
	}
	20% {
		opacity: 0;
		-ms-transform: rotateY(179deg);
	}
	30% {
		opacity: 1;
		-ms-transform: rotateY(0deg);
	}
	40% {
		-ms-transform: rotateY(0deg);
	}
	50% {
		-ms-transform: rotateY(-90deg);
		background: #dddddd;
	}
	60% {
		background: #c8c8c8;
	}
	80% {
		background: #c8c8c8;
	}
	90% {
		opacity: 1;
		-ms-transform: rotateY(-90deg);
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes s6ani {
	0% {
		opacity: 0;
		-webkit-transform: rotateY(179deg);
	}
	20% {
		opacity: 0;
		-webkit-transform: rotateY(179deg);
	}
	30% {
		opacity: 1;
		-webkit-transform: rotateY(0deg);
	}
	40% {
		-webkit-transform: rotateY(0deg);
	}
	50% {
		-webkit-transform: rotateY(-90deg);
		background: #dddddd;
	}
	60% {
		background: #c8c8c8;
	}
	80% {
		background: #c8c8c8;
	}
	90% {
		opacity: 1;
		-webkit-transform: rotateY(-90deg);
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes s6ani {
	0% {
		opacity: 0;
		-moz-transform: rotateY(179deg);
	}
	20% {
		opacity: 0;
		-moz-transform: rotateY(179deg);
	}
	30% {
		opacity: 1;
		-moz-transform: rotateY(0deg);
	}
	40% {
		-moz-transform: rotateY(0deg);
	}
	50% {
		-moz-transform: rotateY(-90deg);
		background: #dddddd;
	}
	60% {
		background: #c8c8c8;
	}
	80% {
		background: #c8c8c8;
	}
	90% {
		opacity: 1;
		-moz-transform: rotateY(-90deg);
	}
	100% {
		opacity: 0;
	}
}

@keyframes half-fold {
	0% {
		transform: rotateX(0deg);
	}
	50% {
		transform: rotateX(0deg);
	}
	60% {
		transform: rotateX(-90deg);
	}
	90% {
		transform: rotateX(-90deg);
	}
}

@-o-keyframes half-fold {
	0% {
		-o-transform: rotateX(0deg);
	}
	50% {
		-o-transform: rotateX(0deg);
	}
	60% {
		-o-transform: rotateX(-90deg);
	}
	90% {
		-o-transform: rotateX(-90deg);
	}
}

@-ms-keyframes half-fold {
	0% {
		-ms-transform: rotateX(0deg);
	}
	50% {
		-ms-transform: rotateX(0deg);
	}
	60% {
		-ms-transform: rotateX(-90deg);
	}
	90% {
		-ms-transform: rotateX(-90deg);
	}
}

@-webkit-keyframes half-fold {
	0% {
		-webkit-transform: rotateX(0deg);
	}
	50% {
		-webkit-transform: rotateX(0deg);
	}
	60% {
		-webkit-transform: rotateX(-90deg);
	}
	90% {
		-webkit-transform: rotateX(-90deg);
	}
}

@-moz-keyframes half-fold {
	0% {
		-moz-transform: rotateX(0deg);
	}
	50% {
		-moz-transform: rotateX(0deg);
	}
	60% {
		-moz-transform: rotateX(-90deg);
	}
	90% {
		-moz-transform: rotateX(-90deg);
	}
}