@font-face {
	font-family: OpenSans;
	src: url(../fonts/OpenSans-Regular.eot);
	src: url(../fonts/OpenSans-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans-Regular.woff) format("woff"), url(../fonts/OpenSans-Regular.ttf) format("truetype"), url(../fonts/OpenSans-Regular.svg#OpenSans) format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: OpenSans;
	src: url(../fonts/OpenSans-Bold.eot);
	src: url(../fonts/OpenSans-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans-Bold.woff) format("woff"), url(../fonts/OpenSans-Bold.ttf) format("truetype"), url(../fonts/OpenSans-Bold.svg#OpenSans) format("svg");
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: OpenSans-Cond;
	src: url(../fonts/OpenSans-CondLight.eot);
	src: url(../fonts/OpenSans-CondLight.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans-CondLight.woff) format("woff"), url(../fonts/OpenSans-CondLight.ttf) format("truetype"), url(../fonts/OpenSans-CondLight.svg#OpenSans-Cond) format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: OpenSans-Cond;
	src: url(../fonts/OpenSans-CondBold.eot);
	src: url(../fonts/OpenSans-CondBold.eot?#iefix) format("embedded-opentype"), url(../fonts/OpenSans-CondBold.woff) format("woff"), url(../fonts/OpenSans-CondBold.ttf) format("truetype"), url(../fonts/OpenSans-CondBold.svg#OpenSans-Cond) format("svg");
	font-weight: bold;
	font-style: normal;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	    -ms-text-size-adjust: 100%;
	        text-size-adjust: 100%;
}

small,
.small {
	font-size: .66666em;
}

[hidden] {
	display: block;
	opacity: 0;
	overflow: hidden;
	max-height: 0;
	-webkit-transition: 2s ease-in-out;
	   -moz-transition: 2s ease-in-out;
	    -ms-transition: 2s ease-in-out;
	     -o-transition: 2s ease-in-out;
	        transition: 2s ease-in-out;
	visibility: hidden;
}

:target {
	opacity: 1;
	max-height: 999em;
	visibility: visible;
}

::-moz-selection {
	background: #fff;
	color: #000;
	text-shadow: none;
	text-stroke: none;
}

::selection {
	background: #fff;
	color: #000;
	text-shadow: none;
	-webkit-text-stroke: none;
	        text-stroke: none;
}

html {
	background: #111;
	height: 100%;
	min-height: 100%;
	text-align: center;
	-webkit-backface-visibility: hidden;
}

body {
	-webkit-transition: 2s ease-in-out;
	   -moz-transition: 2s ease-in-out;
	    -ms-transition: 2s ease-in-out;
	     -o-transition: 2s ease-in-out;
	        transition: 2s ease-in-out;
	-webkit-transition-property: -webkit-transform, opacity;
	   -moz-transition-property:    -moz-transform, opacity;
	    -ms-transition-property:     -ms-transform, opacity;
	     -o-transition-property:      -o-transform, opacity;
	        transition-property:         transform, opacity;
	color: #ddd;
	font: 1em/1.5 OpenSans, sans-serif;
	margin: auto;
	max-width: 30em;
	opacity: 1;
	overflow-x: hidden;
	padding: 10em 1em;
	position: relative;
	text-align: left;
	top: 0;
}

.loading body {
	top: -20em;
	opacity: 0;
	-webkit-transform: translateY(-15em);
	   -moz-transform: translateY(-15em);
	    -ms-transform: translateY(-15em);
	     -o-transform: translateY(-15em);
	        transform: translateY(-15em);
	-webkit-transform: translate3d(0,-15em,0);
	   -moz-transform: translate3d(0,-15em,0);
	    -ms-transform: translate3d(0,-15em,0);
	     -o-transform: translate3d(0,-15em,0);
	        transform: translate3d(0,-15em,0);
	-webkit-transition-duration: 0;
	   -moz-transition-duration: 0;
	    -ms-transition-duration: 0;
	     -o-transition-duration: 0;
	        transition-duration: 0;
}

a {
	border-bottom: 1px solid;
	color: #ccc;
	position: relative;
	text-decoration: none;
	-webkit-transition: .2s ease-in-out;
	   -moz-transition: .2s ease-in-out;
	    -ms-transition: .2s ease-in-out;
	     -o-transition: .2s ease-in-out;
	        transition: .2s ease-in-out;
	-webkit-transition-property: border, box-shadow, color, font-size, margin, opacity, text-shadow;
	   -moz-transition-property: border, box-shadow, color, font-size, margin, opacity, text-shadow;
	    -ms-transition-property: border, box-shadow, color, font-size, margin, opacity, text-shadow;
	     -o-transition-property: border, box-shadow, color, font-size, margin, opacity, text-shadow;
	        transition-property: border, box-shadow, color, font-size, margin, opacity, text-shadow;
	white-space: nowrap;
}

a:active,
a:focus,
a:hover {
	border-color: transparent;
	box-shadow: 0 0 0 2000px rgba(17, 17, 17, 0.5);
	color: #fff;
	outline: 0;
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	     -o-transform: translateZ(0);
	        transform: translateZ(0);
	z-index: 1;
}

.wrap {
	position: relative;
	z-index: 1;
}

h1, h2 {
	color: #cc0000;
	font: 3.25em/1 OpenSans-Cond;
	margin: 0;
	text-indent: -2px;
	text-transform: uppercase;
	-webkit-text-stroke: .33333px;
	        text-stroke: .33333px;
	-webkit-transition: text-shadow 1s ease-in-out;
	   -moz-transition: text-shadow 1s ease-in-out;
	    -ms-transition: text-shadow 1s ease-in-out;
	     -o-transition: text-shadow 1s ease-in-out;
	        transition: text-shadow 1s ease-in-out;
}

header {
	text-shadow: 0 0 1px #rgba(16,16,16,0),
	             0 0 1px #rgba(16,16,16,0),
	             0 0 1px #rgba(16,16,16,0),
	             0 0 1em #rgba(16,16,16,0),
	             0 0 2em #rgba(16,16,16,0);
}

header:hover {
	text-shadow: 0 0 1px #c00,
	             0 0 1px #c00,
	             0 0 1px #c00,
	             0 0 1em #c00,
	             0 0 2em #c00;
}

h2 {
	font-size: 1.75em;
	-webkit-text-stroke: 1px;
	        text-stroke: 1px;
	letter-spacing: 1px;
	text-indent: 0;
}

section {
	margin-top: 3em;
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links for images, or javascript/internal links
	 */
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}