* {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	color: #524b47;
	font-family: 'Noto Serif', serif;
}

a {
	color: #db7e2b;
	text-decoration: none;
}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}

body {
	background: #1d1918 url(../images/website_bg_color.jpg) no-repeat 50% -20px;
}

#header {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
	#header.innerpage {
		height: 250px !important;
	}
	.stick #header {
		margin-bottom: 96px;
	}
	#header_inner {
		position: relative;
		display: block;
		width: 100%;
		max-width: 1400px;
		height: 480px;
		margin: 0 auto;
		padding-top: 180px;
		overflow: visible;
	}
		#header.innerpage #header_inner {
			height: 250px !important;
			padding: 0 !important;
		}
		#madsoft_top {
			position:absolute;
			top:10px;
			left:10px;
			display:block;
			width: 216px;
			height: 118px;
			background: transparent url(../images/madsoft_top.png) no-repeat center center;
		}
	#header_hider {
		position: absolute;
		bottom: 0;
		left: 0;
		top:0;
		right:0;
		display:block;
		height: 100%;
		width: 100%;
		background: #1d1918;
		z-index: 2;
	}
	#header_cut {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 94px;
		width: 100%;
		background: transparent url(../images/header_cut.png) no-repeat center bottom;
		z-index: 3;
	}
	
	#logo {
		display: block;
		width: 716px;
		height: 185px;
		margin: 0 auto;
		background: transparent url(../images/logo.png) no-repeat center bottom;
	}
		#header.homepage #logo {
			-webkit-animation: floater 5s infinite;
			-moz-animation: floater 5s infinite;
			animation: floater 5s infinite;
			z-index: 3;
		}
		#header.innerpage #logo {
			height: 210px !important;
		}
	
	#like {
		position: absolute;
		top: 10px;
		right:10px;
		padding: 10px;
		height: 22px;
		background: rgba(0, 0, 0, 0.25);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
		#like > div {
			float: left !important;
			margin: 0 !important;
			padding: 0 !important;
		}
		#like > div#___plusone_0 {
			margin: 2px 0 0 0 !important;
		}
		#like > iframe {
			float: left !important;
			margin: 2px 0 0 0 !important;
			padding: 0 !important;
		}
	
	#anna {
		position: absolute;
		bottom: 0;
		left: -450px;
		display: block;
		width: 450px;
		height: 565px;
		zoom: 1;
		background: transparent url(../images/anna.png) no-repeat center center;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;
		-webkit-transition: all 2s ease;
		-moz-transition: all 2s ease;
		transition: all 2s ease;
		z-index: 1;
	}
		#anna.show {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;
			left: -100px;
		}
	
	#lionel {
		position: absolute;
		bottom: 0;
		right: -434px;
		display: block;
		width: 434px;
		height: 565px;
		zoom: 1;
		background: transparent url(../images/lionel.png) no-repeat center center;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity:0;
		-khtml-opacity: 0;
		opacity: 0;
		-webkit-transition: all 2s ease;
		-moz-transition: all 2s ease;
		transition: all 2s ease;
		z-index: 1;
	}
		#lionel.show {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			-moz-opacity: 1;
			-khtml-opacity: 1;
			opacity: 1;
			right: -110px;
		}
	
	#cards {
		position: absolute;
		bottom: 0;
		left: 50%;
		display: block;
		width: 786px;
		height: 516px;
		margin: 0 0 0 -393px;
		z-index: 2;
	}
		#cards #card_1 {
			position: absolute;
			top:250px;
			left:50%;
			display:block;
			width: 323px;
			height: 438px;
			margin: 0 0 0 -161px;
			background: transparent url(../images/card_1.png) no-repeat center center;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			-moz-opacity:0;
			-khtml-opacity: 0;
			opacity: 0;
			-webkit-transition: all 1.5s ease;
			-moz-transition: all 1.5s ease;
			transition: all 1.5s ease;
			z-index: 3;
		}
			#cards #card_1.show {
				top: 170px;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				-moz-opacity: 1;
				-khtml-opacity: 1;
				opacity: 1;
			}
			
		#cards #card_2 {
			position: absolute;
			top:300px;
			left:25px;
			display:block;
			width: 405px;
			height: 491px;
			background: transparent url(../images/card_2.png) no-repeat center center;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			-moz-opacity:0;
			-khtml-opacity: 0;
			opacity: 0;
			-webkit-transition: all 2s ease;
			-moz-transition: all 2s ease;
			transition: all 2s ease;
			z-index: 2;
		}
			#cards #card_2.show {
				top: 200px;
				left: 0px;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				-moz-opacity: 1;
				-khtml-opacity: 1;
				opacity: 1;
			}
			
		#cards #card_3 {
			position: absolute;
			top:350px;
			right:25px;
			display:block;
			width: 405px;
			height: 492px;
			background: transparent url(../images/card_3.png) no-repeat center center;
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			-moz-opacity:0;
			-khtml-opacity: 0;
			opacity: 0;
			-webkit-transition: all 2s ease;
			-moz-transition: all 2s ease;
			transition: all 2s ease;
			z-index: 1;
		}
			#cards #card_3.show {
				top: 200px;
				right: 0px;
				-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				-moz-opacity: 1;
				-khtml-opacity: 1;
				opacity: 1;
			}
		
		#header.innerpage #cards,
		#header.innerpage #lionel,
		#header.innerpage #lionel.show,
		#header.innerpage #anna,
		#header.innerpage #anna.show {
			display:none !important;
			visibility:hidden !important;
			opacity: 0 !important
		}
#navbar_container {
	width:1034px;
	height:96px;
	margin:0 auto;
}
#navbar {
	width: 1017px;
	height: 96px;
	margin: 0 auto;
	background: transparent url(../images/navbar.png) no-repeat 17px 0;
	-webkit-transition: -webkit-box-shadow .25s linear, box-shadow .25s linear;
	-moz-transition: -moz-box-shadow .25s linear, box-shadow .25s linear;
	transition: -webkit-box-shadow .25s linear, box-shadow .25s linear;
	padding: 0 0 0 17px;
}
	#navbar.home {
		background-position: 17px 0;
	}
	#navbar.guide {
		background-position: 17px -96px;
	}
	#navbar.story {
		background-position: 17px -192px;
	}
	#navbar.media {
		background-position: 17px -288px;
	}
	.stick #navbar_container {
		position: fixed;
		top:0;
		left:0;
		right:0;
		width: 100% !important;
		background-color: rgba(255, 255, 255, 0.9) !important;
		-webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 10px;
		-moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 10px;
		box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 10px;
		z-index: 99;
	}
		#navbar a {
			float:left;
			display:block;
			width: 200px;
			height: 60px;
			margin: 17px 0 0 0;
		}
		#navbar a:hover:nth-child(1) {
			background: transparent url(../images/navbar.png) no-repeat 0 -17px;
		}
		#navbar a:hover:nth-child(2) {
			background: transparent url(../images/navbar.png) no-repeat -200px -113px;
		}
		#navbar a:hover:nth-child(3) {
			background: transparent url(../images/navbar.png) no-repeat -400px -209px;
		}
		#navbar a:hover:nth-child(4) {
			background: transparent url(../images/navbar.png) no-repeat -600px -305px;
		}

.content {
	position: relative;
	display: block;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	min-height: 100px;
	background: #fff;
}

	.inner_content {
		position: relative;
		display: block;
		width: 1000px;
		margin: 0 auto;
	}
		.leftbox {
			float: left;
			display:block;
			height: 250px;
			width: 500px;
			padding: 50px 0;
		}
		.rightbox {
			float: right;
			display:block;
			height: 250px;
			width: 500px;
			padding: 50px 0;
		}
	
			.leftbox h2 {
				font-size: 30px;
				line-height:30px;
				font-weight: bold;
				margin: 0 50px 20px 0;
			}
			.rightbox h2 {
				font-size: 30px;
				line-height:30px;
				font-weight: bold;
				margin: 0 0 20px 50px;
			}
			
			.leftbox p {
				font-size: 18px;
				line-height:24px;
				margin: 0 50px 0 0;
			}
			.rightbox p {
				font-size: 18px;
				line-height:24px;
				margin: 0 0 0 50px;
			}
	
	#legacy {
		display:block;
		height: 200px;
		line-height: 200px;
		text-align: right;
		text-indent: 100%;
		background: #1d1918 url(../images/legacy_button.png) no-repeat center center;
		overflow:hidden;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	#soon {
		display:block;
		height: 100px;
		background: transparent url(../images/coming_soon.png) no-repeat center center;
	}
	
	#infobox {
		float:left;
		width: 420px;
		height: 300px;
		margin: 20px 0;
	}
	
		#infobox h2 {
			font-size: 40px;
			line-height:40px;
			font-weight: bold;
			margin: 0 0 20px 0;
		}
		
		#infobox p {
			font-size: 18px;
			line-height:24px;
			margin: 0 0 20px 0;
		}
		
		#slider {
			position: relative;
			float:right;
			width: 500px;
			height: 300px;
			margin: 20px 0;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-box-shadow: rgba(208, 198, 191, 0.4) 0px 0px 5px;
			-moz-box-shadow: rgba(208, 198, 191, 0.4) 0px 0px 5px;
			box-shadow: rgba(208, 198, 191, 0.4) 0px 0px 5px;
			overflow: hidden;
		}
			#slider ul li {
				float: left;
				height: 300px;
				list-style: none;
				background: #cd2323;
			}
			
			#slider .dots {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 10px;
				text-align: center;
			}
				#slider .dots li {
					display: inline-block;
					width: 8px;
					height: 8px;
					margin: 0 4px;
					
					text-indent: -999em;
					
					border: 2px solid #fff;
					border-radius: 6px;
					
					list-style: none;
					cursor: pointer;
					
					zoom: 1;
					-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=40);
					-moz-opacity:0.4;
					-khtml-opacity: 0.4;
					opacity: 0.4;
					
					-webkit-transition: background .5s, opacity .5s;
					-moz-transition: background .5s, opacity .5s;
					transition: background .5s, opacity .5s;
					
					-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
					-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
					-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
					-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
					filter: drop-shadow(0 1px 2px rgba(0,0,0,.3))
				}
					#slider .dots li.active {
						background: #fff;
						opacity: 1;
					}

#card_showcase {
	position: relative;
	display:block;
	height: 560px;
	background: #f0f0f0 url(../images/showcase_bg.png) repeat-x center center;
}
	#card_showcase div {
		position:absolute;
		top: 116px;
		left: 50%;
		display:block;
		width:266px;
		height:387px;
		margin: 0 0 0 -133px;
		background: transparent url(../images/weapon_chain_card.png) no-repeat center center;
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}
		#card_showcase:hover div {
			-webkit-box-shadow: rgba(0, 0, 0, 0.75) 0px 5px 25px;
			-moz-box-shadow: rgba(0, 0, 0, 0.75) 0px 5px 25px;
			box-shadow: rgba(0, 0, 0, 0.75) 0px 5px 25px;
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			transform: scale(1.1);
		}

#bottom_section {
	background: #FFF url(../images/bottom_bg.png) no-repeat center bottom;
}
	#bottom_section_inner {
		width: 1000px;
		margin: 0 auto;
		padding: 200px 0 100px 0;
		background: transparent url(../images/articles_bg.png) no-repeat 50% 50px;
	}
	
	.wallpaper {
		float:left;
		display:block;
		width: 490px;
		margin: 0 20px 20px 0;
	}
	
	.wallpaper:nth-child(2n+2) {
		margin-right: 0 !important;
	}
		.wallpaper img {
			display: block;
			width: 490px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		
		.wallpaper a {
			float: left;
			display:block;
			width: 235px;
			height: 30px;
			line-height: 30px;
			margin: 10px 20px 0 0;
			text-align: center;
			background: #db7e2b;
			color: #FFF;
			font-size: 12px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
			.wallpaper a:nth-child(2n+1) {
				margin-right: 0 !important;
			}
	
	#concept_art {
		display: block;
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.concept {
		float:left;
		display:block;
		width: 150px;
		height: 100px;
		margin: 0 20px 20px 0;
		list-style: none;
		padding: 0;
		overflow:hidden;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		cursor: pointer;
	}
		.concept:nth-child(6n+6) {
			margin-right: 0px !important;
		}
		.concept img {
			display: block;
			width: 150px;
			min-height: 100px;
		}
	
	#articles {
		float:left;
		width: 600px;
	}
		#articles .article {
			min-height: 150px;
			margin-bottom: 20px;
			border: rgba(0, 0, 0, 0.25) 3px solid;
			background: rgba(81, 75, 70, 0.25);
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
			.article h4 {
				font-size: 20px;
				line-height: 20px;
				padding: 10px 10px 0 10px;
			}
			
			.article span {
				font-size: 12px;
				padding: 0 10px 10px 10px;
				letter-spacing: 1px;
			}
				.article span a {
					color: #FFF;
					background: #db7e2b;
					padding: 1px 5px;
					border-radius: 3px;
					font-size: 12px;
					letter-spacing: 1px;
				}
					.article span a:after {
						content: " →";
					}
			
			.article p {
				padding: 10px;
				font-size: 14px;
				line-height: 20px;
			}
	#more_articles {
		display:block;
		padding: 10px 10px 7px 10px;
		color: #FFF;
		text-align: center;
		font-size: 16px;
		letter-spacing: 1px;
		text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px;
		background-color: #dc892e;
		background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(220, 137, 46)), to(rgb(197, 86, 29)));
		background-image: -webkit-linear-gradient(top, rgb(220, 137, 46), rgb(197, 86, 29));
		background-image: -moz-linear-gradient(top, rgb(220, 137, 46), rgb(197, 86, 29));
		background-image: -o-linear-gradient(top, rgb(220, 137, 46), rgb(197, 86, 29));
		background-image: -ms-linear-gradient(top, rgb(220, 137, 46), rgb(197, 86, 29));
		background-image: linear-gradient(top, rgb(220, 137, 46), rgb(197, 86, 29));
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#dc892e', EndColorStr='#c5561d');
		border: #1d1918 2px solid;
		-webkit-box-shadow: inset #e39131 0px 5px 0px, rgba(227, 145, 49, 0.5) 0px 0px 5px;
		-moz-box-shadow: inset #e39131 0px 5px 0px, rgba(227, 145, 49, 0.5) 0px 0px 5px;
		box-shadow: inset #e39131 0px 5px 0px, rgba(227, 145, 49, 0.5) 0px 0px 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	#sidebar {
		float: right;
		width: 380px;
	}
		#social {
			display:block;
			height: 60px;
			margin-bottom: 20px;
		}
			#social a {
				float: left;
				display:block;
				width: 60px;
				height: 60px;
				margin: 0 20px 0 0;
				background-color: #3b5998;
				background-image: url(../images/social/fb.png);
				background-position: center center;
				background-repeat: no-repeat;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
				#social a#tw {
					background-color: #55ACEE;
					background-image: url(../images/social/tw.png);
				}
				#social a#yt {
					background-color: #e52d27;
					background-image: url(../images/social/yt.png);
				}
				#social a#tu {
					background-color: #34465d;
					background-image: url(../images/social/tu.png);
				}
				#social a#db {
					background-color: #51a002;
					background-image: url(../images/social/db.png);
					margin-right: 0;
				}
		#square_ad {
			width: 336px;
			height: 280px;
			padding: 19px;
			background: rgba(227, 221, 217, 0.4);
			border: rgba(208, 198, 191, 0.4) 3px solid;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
	
	#bottom_section h3 {
		font-size: 34px;
		line-height:34px;
		font-weight: bold;
		margin: 0 0 30px 0;
	}
	
	#footer {
		display:block;
		min-height: 310px;
		background: transparent url(../images/footer_bg.png) no-repeat center bottom;
	}
		#footer_text {
			position: absolute;
			top:135px;
			right:2px;
			display:block;
			width: 600px;
			line-height: 20px;
			text-align: center;
			color: #FEFEFE;
			font-size: 12px;
			font-weight: normal;
			letter-spacing: 1px;
			text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px;
		}

@-webkit-keyframes floater {
  0%   { padding-top:0; }
  50% { padding-top:16px; }
  100% { padding-top:0;  }
}
@-moz-keyframes floater {
  0%   { padding-top:0; }
  50% { padding-top:16px; }
  100% { padding-top:0;  }
}
@-o-keyframes floater {
  0%   { padding-top:0; }
  50% { padding-top:16px; }
  100% { padding-top:0;  }
}
@keyframes floater {
  0%   { padding-top:0; }
  50% { padding-top:16px; }
  100% { padding-top:0;  }
}


/* LOADER */

.loader_container {
	position: absolute;
	top:45%;
	left:0;
	right:0;
	text-align: center;
	z-index: 999;
}

.loader {
	display: block;
	overflow: hidden;
	margin-bottom: 15%;
	font-size: 0;
}

.loader--3d {
	transform-style: preserve-3d;
	perspective: 800px;
}

.loader-item {
	display: inline-block;
	width: 50px;
	height: 60px;
	margin-left: 2px;
	background: rgba(0, 0, 0, 0.7) url(../images/loader/card-1.jpg) no-repeat center center;
	background-size: 100% 100% !important;
	color: rgba(0, 0, 0, 0.7);
	-webkit-animation-duration: 2000ms;
	-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-webkit-animation-iteration-count: infinite;
	-moz-animation-duration: 2000ms;
	-moz-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-animation-iteration-count: infinite;
	animation-duration: 2000ms;
	animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
	animation-iteration-count: infinite;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
   	backface-visibility: hidden;
}
.loader-item:nth-child(1) {
	background: rgba(0, 0, 0, 0.7) url(../images/loader/card-1.jpg) no-repeat center center;
	-webkit-animation-delay: 100ms;
	-moz-animation-delay: 100ms;
	animation-delay: 100ms;
}
.loader-item:nth-child(2) {
	background: rgba(0, 0, 0, 0.7) url(../images/loader/card-2.jpg) no-repeat center center;
	-webkit-animation-delay: 200ms;
	-moz-animation-delay: 200ms;
	animation-delay: 200ms;
}
.loader-item:nth-child(3) {
	background: rgba(0, 0, 0, 0.7) url(../images/loader/card-3.jpg) no-repeat center center;
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
	animation-delay: 300ms;
}
.loader-item:nth-child(4) {
	background: rgba(0, 0, 0, 0.7) url(../images/loader/card-4.jpg) no-repeat center center;
	-webkit-animation-delay: 400ms;
	-moz-animation-delay: 400ms;
	animation-delay: 400ms;
}
.loader-item:nth-child(5) {
	background: rgba(0, 0, 0, 0.7) url(../images/loader/card-5.jpg) no-repeat center center;
	-webkit-animation-delay: 500ms;
	-moz-animation-delay: 500ms;
	animation-delay: 500ms;
}
.loader-item:nth-child(6) {
	background: rgba(0, 0, 0, 0.7) url(../images/loader/card-6.jpg) no-repeat center center;
	-webkit-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	animation-delay: 600ms;
}
.loader--slowFlip .loader-item {
	-webkit-animation-name: slowFlip;
	-moz-animation-name: slowFlip;
	animation-name: slowFlip;
}
.loader--slowFlip .loader-item:nth-child(1) {
	-webkit-animation-delay: 150ms;
	-moz-animation-delay: 150ms;
	animation-delay: 150ms;
}
.loader--slowFlip .loader-item:nth-child(2) {
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
	animation-delay: 300ms;
}
.loader--slowFlip .loader-item:nth-child(3) {
	-webkit-animation-delay: 450ms;
	-moz-animation-delay: 450ms;
	animation-delay: 450ms;
}
.loader--slowFlip .loader-item:nth-child(4) {
	-webkit-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	animation-delay: 600ms;
}
.loader--slowFlip .loader-item:nth-child(5) {
	-webkit-animation-delay: 750ms;
	-moz-animation-delay: 750ms;
	animation-delay: 750ms;
}
.loader--slowFlip .loader-item:nth-child(6) {
	-webkit-animation-delay: 900ms;
	-moz-animation-delay: 900ms;
	animation-delay: 900ms;
}

@-webkit-keyframes slowFlip {
	0% {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
	40% {
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
	80% {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
	100% {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
}

@-moz-keyframes slowFlip {
	0% {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
	40% {
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
	80% {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
	100% {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
}

@keyframes slowFlip {
	0% {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
	40% {
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
		transform: rotateX(180deg);
	}
	80% {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
	100% {
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		transform: rotateX(0deg);
	}
}