/* Black wood background pattern is a custom photo. All copyrights reserved. */
/* CSS animations modified from a tutorial at http://tympanus.net/codrops/2011/12/07/splash-and-coming-soon-page-effects-with-css3/ */
/* Portions of css/site copyright 2015. If you're viewing this source, create the effects you want yourself by starting at the tutorial listed above. */

body {
	background: #111 url(../images/dark_wood_copyright_2015.jpg) repeat center center;
	font-family: 'BebasNeueRegular';
	overflow: hidden;
}
h1.main {
	-webkit-animation: moveDown 3s ease-in both;
	-moz-animation: moveDown 3s ease-in both;
	-ms-animation: moveDown 3s ease-in both;
	animation: moveDown 3s ease-in both;
	-webkit-animation-delay: 19s;
	-moz-animation-delay: 19s;
	-ms-animation-delay: 19s;
	animation-delay: 19s;
	color: transparent;
}
.footer {
	position: fixed;
	bottom: 0;
	width: 50%;
	height: 14px;
	overflow: hidden;
	font-family: 'BebasNeueRegular', Arial, sans-serif;
	font-size: 10px;
	margin-left: 2px;
	color: #404040;
}
.topleft {
	position: fixed;
    top: 0;
    left: 0;
	width: 50%;
	height: 14px;
	overflow: hidden;
	font-family: 'BebasNeueRegular', Arial, sans-serif;
	font-size: 10px;
	margin-right: 2px;
	margin-top: 2px;
	text-align: left;
	color: #404040;
	z-index: 1002;
}
.topleft a {
	text-decoration: none;
	color: #404040;
}
.topright {
	position: fixed;
    top: 0;
    right: 0;
	width: 50%;
	height: 14px;
	overflow: hidden;
	font-family: 'BebasNeueRegular', Arial, sans-serif;
	font-size: 10px;
	margin-right: 2px;
	margin-top: 2px;
	text-align: right;
	color: #404040;
	z-index: 1001;
}
.topright a {
	text-decoration: none;
	color: #404040;
}
.sp-container {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.9));
	background: -moz-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.9));
	background: -ms-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.9));
	background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.9));
}
.sp-content {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 1000;
}
.sp-container h2 {
	position: absolute;
	top: 50%;
	line-height: 100px;
	height: 100px;
	margin-top: -50px;
	font-size: 100px;
	width: 100%;
	text-align: center;
	-webkit-animation: blurFadeInOut 3s ease-in both;
	-moz-animation: blurFadeInOut 3s ease-in both;
	-ms-animation: blurFadeInOut 3s ease-in both;
	animation: blurFadeInOut 3s ease-in both;
}
.sp-container h2.frame-1 {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	-ms-animation-delay: 3s;
	animation-delay: 3s;
}
.sp-container h2.frame-3 {
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-ms-animation-delay: 6s;
	animation-delay: 6s;
}
.sp-container h2.frame-4 {
	font-size: 200px;
	line-height: 0.5em;
	-webkit-animation-delay: 9s;
	-moz-animation-delay: 9s;
	-ms-animation-delay: 9s;
	animation-delay: 9s;
}
.sp-container h2.frame-5 {
	-webkit-animation: none;
	-moz-animation: none;
	-ms-animation: none;
	animation: none;
	text-shadow: 0px 0px 1px #fff;
}
#f51 {
	-webkit-animation: blurFadeInUp 11s ease-in 12s both;
	-moz-animation: blurFadeInUp 11s ease-in 12s both;
	-ms-animation: blurFadeInUp 11s ease-in 12s both;
	animation: blurFadeInUp 11s ease-in 12s both;
	text-shadow: 0px 0px 1px #fff;
	display: inline-block;
}
.sp-container h2.frame-5 span:nth-child(2) {
	-webkit-animation-delay: 20s;
	-moz-animation-delay: 20s;
	-ms-animation-delay: 20s;
	animation-delay: 20s;
}
#f52 {
	-webkit-animation: blurFadeInDown 7.5s ease-in 15.5s both;
	-moz-animation: blurFadeInDown 7.5s ease-in 15.5s both;
	-ms-animation: blurFadeInDown 7.5s ease-in 15.5s both;
	animation: blurFadeInDown 7.5s ease-in 15.5s both;
	text-shadow: 0px 0px 1px #fff;
	display: inline-block;
	position: relative;
	left: 0.3em;
}
#kerning-issue {
	position: relative;
	left: -.04em;
}
.frame-6 {
	font-size: 16px;
	position: absolute;
	right: 10px;
	text-align: right;
	bottom: 10px;
	width: 100%;
	z-index: 999;
	color: #404040;
	-webkit-animation: appear 3s ease-in-out backwards;
	animation: appear 3s ease-in-out backwards;
	-webkit-animation-delay: 25s;
	animation-delay: 25s;
}
.frame-6 a {
	text-decoration: none;
	color: #404040;
}


/* Below is the animation css after being run through a vendor prefix script at http://pleeease.io/play/ */

@-webkit-keyframes blurFadeInOut {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
}
 20%, 75% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 100% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 50px #fff;
 -webkit-transform: scale(0);
         transform: scale(0);
}
}
@keyframes blurFadeInOut {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
}
 20%, 75% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 100% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 50px #fff;
 -webkit-transform: scale(0);
         transform: scale(0);
}
}
@-webkit-keyframes blurFadeInNoOutYellow {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
}
 20% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #f00;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 50% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #ff0;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 100% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #ff0;
 -webkit-transform: scale(1);
         transform: scale(1);
}
}
@keyframes blurFadeInNoOutYellow {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
}
 20% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #f00;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 50% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #ff0;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 100% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #ff0;
 -webkit-transform: scale(1);
         transform: scale(1);
}
}
@-webkit-keyframes blurFadeInNoOutRed {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
}
 20% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #f00;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 100% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #f00;
 -webkit-transform: scale(1);
         transform: scale(1);
}
}
@keyframes blurFadeInNoOutRed {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
}
 20% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #f00;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 100% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #f00;
 -webkit-transform: scale(1);
         transform: scale(1);
}
}
@-webkit-keyframes blurFadeInNoOutBlue {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #f00;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
}
 20% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #f00;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 40% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #ff0;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 60% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #0A97D9;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 100% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #0A97D9;
 -webkit-transform: scale(1);
         transform: scale(1);
}
}
@keyframes blurFadeInNoOutBlue {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #f00;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
}
 20% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #f00;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 40% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #ff0;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 60% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #0A97D9;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 100% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #0A97D9;
 -webkit-transform: scale(1);
         transform: scale(1);
}
}
@-webkit-keyframes blurFadeInOutMaster {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
}
 8%, 90% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 100% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 50px #fff;
 -webkit-transform: scale(0);
         transform: scale(0);
}
}
@keyframes blurFadeInOutMaster {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
}
 8%, 90% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
}
 100% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 50px #fff;
 -webkit-transform: scale(0);
         transform: scale(0);
}
}
@-webkit-keyframes blurFadeInUp {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
}
 27% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
 -webkit-transform: translateY(-60px);
         transform: translateY(-60px);
}
 73% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
 -webkit-transform: translateY(-60px);
         transform: translateY(-60px);
}
 100% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
}
}
@keyframes blurFadeInUp {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
}
 27% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
 -webkit-transform: translateY(-60px);
         transform: translateY(-60px);
}
 73% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
 -webkit-transform: translateY(-60px);
         transform: translateY(-60px);
}
 100% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
}
}
@-webkit-keyframes blurFadeInDown {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
}
 40% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
 -webkit-transform: translateY(60px);
         transform: translateY(60px);
}
 60% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
 -webkit-transform: translateY(60px);
         transform: translateY(60px);
}
 100% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
}
}
@keyframes blurFadeInDown {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 40px #fff;
 -webkit-transform: scale(1.3);
         transform: scale(1.3);
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
}
 40% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
 -webkit-transform: translateY(60px);
         transform: translateY(60px);
}
 60% {
 opacity: 1;
 filter: alpha(opacity=100);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
 -webkit-transform: translateY(60px);
         transform: translateY(60px);
}
 100% {
 opacity: 0;
 filter: alpha(opacity=0);
 text-shadow: 0px 0px 1px #fff;
 -webkit-transform: scale(1);
         transform: scale(1);
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
}
}
@-webkit-keyframes fadeInBack {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transform: scale(0);
         transform: scale(0);
}
 50% {
 opacity: 0.5;
 filter: alpha(opacity=50);
 -webkit-transform: scale(2);
         transform: scale(2);
}
 100% {
 opacity: 0.0;
 filter: alpha(opacity=0);
 -webkit-transform: scale(4);
         transform: scale(4);
}
}
@keyframes fadeInBack {
 0% {
 opacity: 0;
 filter: alpha(opacity=0);
 -webkit-transform: scale(0);
         transform: scale(0);
}
 50% {
 opacity: 0.5;
 filter: alpha(opacity=50);
 -webkit-transform: scale(2);
         transform: scale(2);
}
 100% {
 opacity: 0.0;
 filter: alpha(opacity=0);
 -webkit-transform: scale(4);
         transform: scale(4);
}
}
@-webkit-keyframes moveDown {
 0% {
 -webkit-transform: translateY(-200px);
         transform: translateY(-200px);
 text-shadow: 0px 0px 1px #fff;
}
 100% {
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
 text-shadow: 0px 0px 1px #fff;
}
}
@keyframes moveDown {
 0% {
 -webkit-transform: translateY(-200px);
         transform: translateY(-200px);
 text-shadow: 0px 0px 1px #fff;
}
 100% {
 -webkit-transform: translateY(0px);
         transform: translateY(0px);
 text-shadow: 0px 0px 1px #fff;
}
}

/* CSS hack to overcome I.E.'s bug with the color:transparent style */
/* Duplicated in coming-soon-animation-ie.css for browsers before IE 10 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
h1.main {
	color: #f1f1f1;
}

.sp-container h2.frame-2 {
	color: #fff;
}

#f21 {
	color: #f00;
}

#f22 {
	color: #ff0;
}

#f23 {
	color: #0A97D9;
}
}