* {
	background-color: black;
	color: white;
	margin: 0;
	padding: 0;
}

html, body {
	width: 100%;
	height: 100%;
	text-align: center;
}

@font-face {
    font-family: 'GillSansMTExtCondensedBoldBold';
    src: url('../fonts/25809.eot');
    src: url('../fonts/25809.eot') format('embedded-opentype'),
         url('../fonts/25809.woff2') format('woff2'),
         url('../fonts/25809.woff') format('woff'),
         url('../fonts/25809.ttf') format('truetype'),
         url('../fonts/25809.svg#GillSansMTExtCondensedBoldBold') format('svg');
}

.content {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

.header {
	height: 581px;
	background-image: url(../images/01_Header.jpg);
	display: block;
	cursor: pointer;
	position: relative;
}

.social, .share {
	position: absolute;
	bottom: 5px;
	background-color: transparent !important;
}

.social {
	left: 5px;
}

.share {
	right: 5px;
}

.fb_btn {
	background-color: transparent;
	float: right;
	margin-top: 7px;
}

#plus_btn {
	background-color: transparent;
	float: right;
	margin: 5px 5px 0 0;
}

.a2a_kit, .a2a_kit_size_32, .a2a_default_style, .a2a_kit a, .a2a_kit_size_32 a, .a2a_default_style a {
	background-color: transparent !important;
	float: right;
}

.a2a_menu, .a2a_menu_inside, .a2a_menu a, .a2a_tabs div, .a2a_menu_find_container, .a2a_menu_powered_by {
	background-color: transparent !important;
	float: right;
}


.kickstarter {
	height: 110px;
	display: block;
	background-image: url(../images/02_KickStarter_Btn_Idle.gif);
}
.kickstarter:hover {
	background-image: url(../images/02_KickStarter_Btn_Over.jpg);
}


/*
.social {
	height: 220px;
	background-image: url(../images/03_Social.jpg);
}

.social a {
	width: 175px;
	height: 175px;
	margin-top: 22px;
	display: inline-block;
	background-color: transparent;
	background-image: url(../images/03_Social_Btns.png);
}

.social a.youtube:hover {
	background-position: 0px 175px;
}

.social a.facebook {
	background-position: 175px 0px;
}
.social a.facebook:hover {
	background-position: 175px 175px;
}

.social a.twitter {
	background-position: 350px 0px;
}
.social a.twitter:hover {
	background-position: 350px 175px;
}
*/
#quotes {
	position: relative;
	height: 196px;
	vertical-align: middle;
	/*


	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url(../images/06_Border.jpg);
	*/
}

#quotes p, #quotes h6 {
	font-family: GillSansMTExtCondensedBoldBold;
	margin-left: auto;
	margin-right: auto;
	font-size: 38px;
}

#quotes p {
	padding-top: 5px;
	width: 570px;
	height: 140px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}

#quotes h6 {
	height: auto;
	width: 1024px;
	position: fixed;
	bottom: 5;
}

.pagination-container {
	height: 41px;
}

.pagination {
	display: inline-block;
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

.video {
	height: 315px;
	display: block;
	background-image: url(../images/08_Video_ALL.jpg);
}
.video:hover {
	background-position: 0 315px;
}

.separator {
	height: 63px;
	background-image: url(../images/09_Border.jpg);
}

.sep {
	height: 5px;
	background-image: url(../images/Separator.jpg);
}

#photos {
	height: 438px;
}

.customisation {
	height: 640px;
	display: block;
	background-image: url(../images/12_Customisation.jpg);
}

.pvp {
	height: 597px;
	display: block;
	background-image: url(../images/14_PvP.jpg);
}

.coop {
	height: 583px;
	display: block;
	background-image: url(../images/13_CoOp.jpg);
}

.darkMode {
	height: 1386px;
	display: block;
	background-image: url(../images/15_Dark.jpg);
}

#footer {
	height: 166px;
	background-image: url(../images/16Logo.jpg);
}

.button {
	font-family: GillSansMTExtCondensedBoldBold;
	background: url(../images/gen_button.jpg) 0 -138px no-repeat;
	margin-bottom: -6px;
	padding-top: 8px;
	width: 284px;
	height: 67px;
	font-size: 38px;
	display: inline-block;
	color: black;
	text-decoration: none;
	border: 0px solid;
	outline: 0;
}

.button:hover {
	background-position: 0 -69px;
}

.button:active {
	background-position: 0 0;
}


.shop {
	background: url(../images/Web_Store.png);
	background-size: 100%;
	display: inline-block;
	/*width: 148px;*/
	/*height: 37px;*/
	width: 280px;
	height: 69px;
	/*position: absolute;*/
	/*bottom: 40px;*/
	/*right: 3px;*/
}

.shop:hover {
	/*background-position: 0 -37px;*/
	background-position: 0 -69px;
}

.shop:active {
	/*background-position: 0 -74px;*/
	background-position: 0 -138px;
}

.text_content {
	padding: 20px 0;
	text-align: left;
}

.gamepedia {
	display: inline-block;
	position: absolute;
	bottom: 45px;
	left: 0;
	width: 150px;
	height: 42px;
	background: url(../images/gamepedia.svg) transparent;
}

.gamepedia:hover {
	background-color: rgba(255, 200, 200, 0.1);
}

.bleft, .bright {
	width: 8px;
	height: 55px;
	background: url(../images/Line_Border.png) black;
	display: inline-block;
	float: left;
}

.bright {
	background-position: right 0;
	float: right;
}

.redeem p, .redeem label {
	background: #f78400;
	margin-top: 10px;
	font-family: Impact;
	font-size: 30px;
	height: 55px;
}

.redeem input[type=text] {
	width: 250px;
	height: 45px;
	background: black;
	border: none;
	font-family: Impact;
	font-size: 30px;
	color: white;
	margin-top: 5px;
	padding: 0 10px;
}