@charset "UTF-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	background-color: #0d0d0d;
	color: #fff;
	overflow-x: hidden;
}

ul {
	margin-left: 1em;
}

.offsetHeader {
	margin-top: 13vh;
}

:focus{
	outline: none;
}

main{
	margin-top: 25px;
}

main > div.container{
	padding-bottom: 50px;
}

footer {
	width: 100%;
	border-top: 3px solid #00ff00;
	font-size: 0.9em;
	color: #8f8f8f;
}

footer h3{
	margin-top: 1.5em;
}

footer .row{
	margin-bottom: 2em;
}

footer a, footer a:visited{
	color: #00d000;
}

footer a:hover{
	color: #ffffff;
}

footer ul {
	list-style: none;
	margin-left: 0px;
	margin-top: 0.3em;
}

.footer-social-icons li{
	display: inline;
	margin-right: 0.4em;
}

.footer-social-icons li{
	font-size: 2em;
}

.footerRight {
	text-align: right;
}

@media screen and (max-width: 767px) {
	.footerRight {
	text-align: left;
}
}

a {
	color: #00ff00;
	text-decoration: none;
}

a:visited {
	color: #00ff00;
	text-decoration: none;
}

a:hover, a:focus {
	color: #ffffff;
	text-decoration: none;
}

a.black, a.black:visited {
	color: #000000;
}

a.black:hover, a.black:focus{
	text-decoration: underline;
}

a.white, a.white:visited {
	color: #ffffff;
}

a.white:hover, a.white:focus{
	color: #fdda03;
}

hr { 
    border-width: 3px;
	border-color: rgba(0,255,0,1.00);
}

hr.grey {
	border-color: #232323;
}

hr.grey_thin{
	border: 1px solid #232323
}


/* margins */
.margin0point25em {
	margin: 0.25em;
}
.margin0point5em {
	margin: 0.5em;
}
.margin1em {
	margin: 1em;
}
.marginNone {
	margin: 0;
}
.marginTopNone {
	margin-top: 0;
}
.marginTop0point125em {
	margin-top: 0.125em;
}
.marginTop0point2em {
	margin-top: 0.2em;
}
.marginTop0point25em {
	margin-top: 0.25em;
}
.marginTop0point3em {
	margin-top: 0.3em;
}
.marginTop0point5em {
  margin-top: 0.5em;
}
.marginTop0point5em {
  margin-top: 0.5em;
}
.marginTop0point75em {
  margin-top: 0.75em;
}
.marginTop1em {
  margin-top: 1em;
}
.marginBottom1vh {
  margin-bottom: 1vh;
}
.marginBottom2vh {
  margin-bottom: 2vh;
}
.marginBottom3vh {
  margin-bottom: 3vh;
}
.marginBottom1em {
  margin-bottom: 1em;
}
.marginBottom0point5em {
	margin-bottom: 0.5em;
}
.marginBottom1point25em {
  margin-bottom: 1.25em;
}
.marginTop1point25em {
	margin-top: 1.25em;
}
.marginBottom1point5em {
  margin-bottom: 1.5em;
}
.marginTop1point5em {
  margin-top: 1.5em;
}
.marginTop1point75em {
  margin-top: 1.75em;
}

.marginTop2em {
  margin-top: 2em;
}
.marginBottom2em {
  margin-bottom: 2em;
}

.marginTop2point25em {
  margin-top: 2.25em;
}

.marginTop2point5em {
  margin-top: 2.5em;
}

.marginTop3em {
  margin-top: 3em;
}
.marginTop3point5em {
  margin-top: 3.5em;
}
.marginTop3point75em {
  margin-top: 3.75em;
}
.marginTop5em {
  margin-top: 5em;
}
.marginBottom3em {
  margin-bottom: 3em;
}
.marginBottom4em {
  margin-bottom: 4em;
}
.marginBottom6em {
  margin-bottom: 6em;
}
.marginBottom10em {
  margin-bottom: 10em;
}


.marginTop4em {
  margin-top: 4em;
}

.marginTop4point5em {
  margin-top: 4.5em;
}

.marginTop25vh {
  margin-top: 25vh;
}
.marginLeft0point125em{
	margin-left: 0.125em;
}

.marginLeft0point2em{
	margin-left: 0.2em;
}
.marginLeft0point5em {
margin-left: 0.5em;
}
.marginLeft0point8em {
	margin-left: 0.8em;
}

.marginLeft1em {
	margin-left: 1em;
}
.marginLeft1point15em {
	margin-left: 1.15em;
}
.marginLeft1point25em {
	margin-left: 1.25em;
}
.marginLeft1point5em{
	margin-left: 1.5em;
}
.marginLeft0point25em {
margin-left: 0.25em;
}
.marginRight0point25em {
margin-right: 0.25em;
}
.marginLeft0point35em {
margin-left: 0.35em;
}
.marginRight0point35em {
margin-right: 0.35em;
}
.marginRight0point5em {
margin-right: 0.5em;
}
.marginBottom0point2em {
	margin-bottom: 0.2em;
}
.marginBottom0point25em {
	margin-bottom: 0.25em;
}
.marginBottom0point5em {
	margin-bottom: 0.5em;
}
.marginBottom0point75em {
	margin-bottom: 0.75em;
}
.marginRight0point75em {
	margin-right: 0.75em;
}
.marginRight1em {
	margin-right: 1em;
}
.marginRight1point5em {
	margin-right: 1.5em;
}

.marginTopBottomNone {
	margin-top: 0;
	margin-bottom: 0;
}

.marginBottom3em {
  margin-bottom: 3em;
}

.marginBottom5em {
  margin-bottom: 5em;
}

.marginLeft0point5em {
  margin-left: 0.5em;
}

.marginLeft0point75em {
  margin-left: 0.75em;
}

.marginLeft37percent {
	margin-left: 37%;
}

.marginTopPayPal {
	margin-top: 8vh;
}

/* paddings */
.padding0point3em {
	padding: 0.5em;
}
.padding0point5em {
	padding: 0.5em;
}
.paddingTop0point4em {
	padding-top: 0.4em;
}

.paddingLeftRightNone {
	padding-left: 0;
	padding-right: 0;
}

.paddingLeftNone {
	padding-left: 0;
}
.paddingRightNone {
	padding-right: 0;
}
.paddingLeft2em {
	padding-left: 2em;
}
.paddingLeft2point5em {
	padding-left: 2.5em;
}
.paddingLeft3em {
	padding-left: 3em;
}
.paddingLeft4point5em {
	padding-left: 4.5em;
}
.paddingRight3em {
	padding-right: 3em;
}
.paddingTop1point5em {
	padding-top: 1.5em;
}

.paddingBottom0point5em {
	padding-bottom: 0.5em;
}
.paddingBottom1point5em {
	padding-bottom: 1.5em;
}
.paddingLeft0point5em {
	padding-Left: 0.5em;
}
.paddingRight0point5em {
	padding-right: 0.5em;
}
.paddingBottom1em {
	padding-bottom: 1em;
}
.paddingLeft1em {
	padding-Left: 1em;
}
.paddingRight1em {
	padding-right: 1em;
}
.paddingLeft1point5em {
	padding-left: 1.5em;
}
.paddingRight1point5em {
	padding-right: 1.5em;
}
.paddingRight2em {
	padding-right: 2em;
}
.paddingTop1em {
	padding-top: 1em;
}

/* alignment */
.middleOfDiv {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

.bottomOfDiv {
	position: absolute;
	bottom: 10%;
}

/* heights */
.height8vh {
	height: 8vh;
}
.height9vh {
	height: 9vh;
}
.height10vh {
	height: 10vh;
}
.height50vh {
	height: 50vh;
}
.height1point75em {
	height: 1.75em;
}
.height5em {
	height: 5em;
}
.height3em {
	height: 3em;
}
.height4em {
	height: 4em;
}
.height100percent {
	height: 100%;
}

/* widths */
.width30percent {
	width: 25%;
}

.width40percent {
	width: 40%;
}

.width70percent {
	width: 70%;
}


.width100percent {
	width: 100%;
}
.width10vh {
	width: 10vh;
}
.width40vh {
	width: 40vh;
}
.width3point5em {
	width: 3.5em;
}
.width4em {
	width: 4em;
}
/* absolute positioning */
.absoluteLeftTop {
	position: absolute;
	left: 0;
	top: 0;
}

.absoluteLeftMiddle {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
}
.absoluteLeft1emBottom {
	position: absolute;
	left: 1em;
	bottom: 0;
}
.absoluteRightBottom {
	position: absolute;
	right: 0;
	bottom: 0;
}
.absoluteMiddle {
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}
.absoluteCenter {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}
.absoluteMiddleCenterDontShiftLeft {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(0,-50%);
}
.absoluteMiddleCenter {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.absoluteMiddleCenterHigh {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-55%);
}
.absoluteMiddleCenterHighish {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-58%);
}
.absoluteMiddleCenterHigher {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-60%);
}
.absoluteBottom {
	position: absolute;
	bottom: 0;
}
.absoluteRight {
	position: absolute;
	right: 0;
}

/* fixed positioning */
.fixedTop {
	position: fixed;
	top: 0;
	z-index: 999;
}

.neonGreen {
	color: #00ff00;
}

.neonGreenFill {
	fill: #00ff00;
}

.neonGreenBackground {
	background-color: #00ff00;
}

.neonGreenBG {
  background-color: rgba(0,255,0,0.6)
}

.lightGreyBG {
  background-color: rgba(29,29,29,1.00);
}

.lighterGrey {
	color: rgba(150,150,150,1.00);
}

.darkGreyBG {
	background-color: #0d0d0d;
}
.blackColor {
	color: #000;
}
.whiteColor {
	color: #FFF;
}

.redColor {
	color: #FF0000;
}

.opacityNone {
	opacity: 0;
}

/* gradients */
.coverGradient {
  	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d0d0d+0,191919+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(13,13,13,0) 0%, rgba(13,13,13,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(13,13,13,0) 0%,rgba(13,13,13,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(13,13,13,0) 0%,rgba(13,13,13,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000d0d0d', endColorstr='#0d0d0d',GradientType=0 ); /* IE6-9 */
}

/* box shadow */
.boxShadow {
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.25);
}

/* drop shadow */
.dropShadow {
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
}

/* drop shadow */
.dropShadowCenter {
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.5));
}

/* make element inline */
.inliner {
  display: inline-block;
}
.inlinerNotblock {
	display: inline;
}

/* make element relative */
.relativizer {
  position: relative;
}

/* make element float left */
.floatLeft {
  float: left;
}

/* make element float right */
.floatRight {
  float: right;
}

.front {
	z-index: 900;
}

/* top nav bar */
#navBar {
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 600;
}
.navBarBG {
	position: absolute;
	top: 0;
	width: 100%;
	background-color: #0d0d0d;
	margin: 0;
	padding: 0;
}
.navBarBGoffset {
	margin-top: 1.5em;
}
.logoOffset {
	margin-left: 4em;
}
.logoAbsolute {
	position: absolute;
	top: 0;
}
.titlePadding {
	margin-top: 0.65em;
	margin-bottom: 0.575em;
}

/* tabs */
/* left hand tabs */
.leftHand {
	position: fixed;
	top: 4vh;
	left: 0;
}

.rightHand {
	position: fixed;
	top: 4vh;
	right: 0;
}

/* translation */
.translateUp1em {
	transform: translateY(-1em);
}

/* logo and title tab */
#tabLogoAndTitle {
	background-color: rgba(0, 0, 0, 0.8);
    padding: 0;
}

.titleWidth {
	width: 190px;
}

/* search tab */
#tabSearch {
	background-color: rgba(0, 0, 0, 0.8);
	width: 80%;
	height: 6vh;
    margin-top: 3vh;
	padding-left: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.12em;
	border: none;
	color: rgba(255,255,255,1.00);
}

#tabSearch:focus {
	outline: rgba(0, 255, 0, 1.00) solid thin;
}

#searchResults {
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	margin-top: 3vh;
	height: 69vh;
	transform: translateX(-100%);
	transition: 0.3s;
}

/* user account tab */
#tabUserAccountWrapper {
	background-color: #0d0d0d;
	border-bottom: 3px solid #00ff00;
	position: fixed;
	right: -30vw;
	-webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#tabUserAccountExtended {
	height: 4.3em;
	width: 30vw;
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left;
}
/* xs < 768 */
@media screen and (max-width: 767px) {
	#tabUserAccountWrapper {
		right: -80vw;
	}

	#tabUserAccountExtended {
		width: 80vw;
	}
}

#tabUserAccountWrapper:hover {
	cursor: pointer;
}
.tabUserAccountWrapperHeight {
	top: 1.25em;
}
/* xs < 768 */
@media screen and (max-width: 767px) {
	.tabUserAccountWrapperHeight {
		top: 2.25em;
	}
}
#tabUserAccountWrapperBouncer {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
	cursor: pointer;
}
#tabUserAccountWrapperBouncer:hover {
	cursor: pointer;
}
#tabUserAccount {
	display: inline-block;
	float: left;
	padding: 6px;
	cursor: pointer;
}
#tabUserAccount:hover {
	cursor: pointer;
}
.tabUserAccountIconSide {
	height: 3.5em;
	display: inline-block;
	margin: 0;
	padding: 0;
}
.userIconNew {
	height: 3.5em;
	width: 3.5em;
}
.tabUserSection1 {
	width: 3.5em;
	float: left;
	margin-right: 1.25em;
}
.tabUserSection2 {
	min-width: 3em;
	float: left;
	padding-top: 0.2em;
	margin-right: 0.75em;

}
.tabUserSection3 {
	width: 4em;
	float: left;
	padding-top: 0.2em;
	margin-right: 0.5em;
}
.tabUserSection4 {
	width: 13em;
	float: left;
	padding-top: 0.2em;
	padding-right: 0.5em;
}

.tabUserSection4 span{
	font-size: 1.5rem;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	.tabUserSection1 {
		margin-right: 0;
		width: auto;
	}

	.tabUserSection2 {
		margin-top: 0.3em;
		margin-right: 1em;
		margin-left: 0.3em;
	}

	.tabUserSection4 {
		width: 7em;
		margin-top: 0.5em;
	}

	.tabUserSection4 span{
		font-size: 1.25rem;
	}


	#tabUserAccount{
		width: 4.1em;
	}

	.userIconNew{
		height: 3.3em;
		width: 3.3em;
	}
}

.userIcon {
	height: 100%;
	vertical-align: baseline;
}
.userIconLarge {
	height: 5em;
}


a.tabUserAccountExtendedButtons {
	margin-top: 15px;
	display: block;
}

ul.tabUserAccountExtendedLinks{
	list-style: none;
	margin-top: 10px;
	font-family: 'samson', Fallback, sans-serif;
	font-size: 0.9em;
}

ul.tabUserAccountExtendedLinks > li{
	margin-top: 7px;
}

ul.tabUserAccountExtendedLinksAdmin > li{
	margin-top: 0px;
}

ul.tabUserAccountExtendedLinksAdmin{
	margin-top: 5px;
}

#userAccountConfig {
	position: fixed;
	right: -100vw;
	top: 0;
	height: 100vh;
	width: 100vw;
	z-index: 999;
	background-color: #0d0d0d;
	-webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
			overflow: fixed;
}

.userAccountConfigBackSection {
	border-bottom: 2px solid rgba(0,255,0,1.00);
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
	background-color: #0d0d0d;
	overflow: hidden;
}

.userAccountConfigMainSection {
	overflow: auto;
	height: 89vh;
	z-index: 900;
}

@media screen and (max-width: 767px) {
	.userAccountConfigMainSection {
		margin-top: 11vh;
	}
}

/* user account tabs */
.panelTabs {
	position: absolute;
	right: 1em;
	bottom: -1.5em;
}
.panelTab {
	border: 2px solid rgba(0,255,0,1.00);
	padding: 0.5em 1em;
	padding-bottom: 1.9em;
	display: inline-block;
	font-family: 'samson', Fallback, sans-serif;
	filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
	-webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}

.panelTabSelectorActive{
	background: #00ff00;
	color: #000000;
	display: inline-block;
}

.panelTab:hover {
    transform: translateY(-0.6em);
}


#statsTab {
	width: 100%;
	display: inline-block;
}

#gamesTab {
	width: 100%;
	display: none;
}

#historyTab {
	width: 100%;
	display: none;
}

#configTab {
	width: 100%;
	display: none;
}

.inventory-box{
	height: 150px;
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (max-width: 767px) {
	.inventory-box{
		height: 135px;
	}

	.inventory-box > img{
		max-width: 60%;
		margin: auto;
	}
}



/* level up bar */
.levelBar {
	height: 1.25em;
	width: 100%;
	border: 2px solid rgba(0,255,0,1.00);
}

.levelBarSkinny {
	height: 1em;
	width: 90%;
	border: 2px solid rgba(0,255,0,1.00);
}

.levelBarSkinnyFull {
	height: 1em;
	width: 100%;
	border: 2px solid rgba(0,255,0,1.00);
}

.levelBarJuice, .levelBarJuiceStock {
	height: 100%;
	background-color: #00ff00;
}

/* game page */
.game-screenshot{
	width: 100%;
	margin-bottom: 1em;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.fa i.external-link-game-box{
    font-size: 1.75rem!important;
    font-weight: bold!important;
}

img.game-screenshot{
	max-width: 100%;
}

.game-header > h2{
	display: inline-block;
	margin-right: 10px;
}

@media screen and (max-width: 767px) {
	.game-header > h2{
		display: block;
		margin-right: 0px;
	}
}

.game-header span{
	font-size: 2rem;
}

.salePrice{
	font-size: 6em;
	line-height: 0.8em;
}

.salePriceToken{
	font-size: 6em;
	line-height: 0.8em;
	margin-right: 20px;
}

.salePriceInfo{
	display: inline-block;
	margin-top: 1em;
}

.salePriceTokenText{
	font-size: 0.5em;
	margin-left: 10px;
}

.marginRight15px{
	margin-right: 15px;
}

.marginRight20px{
	margin-right: 20px;
}

.price-shield > img {
	float: left;
}

.price-shield > ul {
	float: left;
	list-style: none;
	line-height: 1em;
}

@media screen and (max-width: 767px) {
	.price-shield{
		margin-top: 2em;
	}
}

.price-ghost{
	padding-right: 0px;
}


/* box for keys and order history */
.historyBox {
	border: 2px solid rgba(0,255,0,1.00);
	padding: 1em;
	height: 60vh;
	overflow-y: scroll;
}


/* black background that covers the whole screen when user account tab is extended */
#userAccountTabFullscreenFilter {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100vw;
	z-index: 980;
	background-color: rgba(0,0,0,1.00);
	-webkit-transition: opacity 0.3s;
       -moz-transition: opacity 0.3s;
            transition: opacity 0.3s;
			opacity: 0;
}

/* nav bar*/
#tabNavbar {
	background-color: #0d0d0d;
	height: 3.5em;
	width: 4.1em;
	display: inline-block;
	float: left;
	padding-right: 0.5em;
	border-top-style: solid;
	border-top-width: 3px;
	border-top-color: rgba(0,255,0,1.00);
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: rgba(0,255,0,1.00);
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: rgba(0,255,0,1.00);
	cursor: pointer;
}
#tabNavbar:hover {
	cursor: pointer;
}

.navbarWrapperAnim{
	transform: translateX(-10px);
	transition: ease-out, transform 0.2s;
}


#navbarWrapperBouncer {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 9999;
	cursor: pointer;
}

#navbarWrapperBouncer:hover {
	cursor: pointer;
}

#navbarExtended {
	background-color: #0d0d0d;
	display: inline-block;
	margin: 0;
	padding: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	float: left;
	border-left-style: solid;
	border-left-width: 3px;
	border-left-color: rgba(0,255,0,1.00);
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: rgba(0,255,0,1.00);
	width: 14em;
}

#navbarWrapper{
	height: 3.5em;
	position: fixed;
	right: -14em;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin: 0;
	padding: 0;
}


.navbartab li{
	list-style: none;
}

/* shopping cart tab */
#tabCartWrapper {
	height: 3.5em;
	position: fixed;
	right: -30vw;
	-webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
	margin: 0;
	padding: 0;
}

.tabCartWrapperAnim{
	transform: translateX(-10px);
	transition: ease-out, transform 0.2s;
}

.notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.discountWrapper {
	height: 41vh;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	.tabCartWrapperHeight {
		top: 25vh;
	}
}
#tabCartWrapperBouncer {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
	cursor: pointer;
}
#tabCartWrapperBouncer:hover {
	cursor: pointer;
}
/* cart tab */
#tabCart {
	background-color: #0d0d0d;
	height: 3.5em;
	width: 4.1em;
	display: inline-block;
	float: left;
	padding-right: 0.5em;
	border-top-style: solid;
    border-top-width: 3px;
	border-top-color: rgba(0,255,0,1.00);
	border-left-style: solid;
    border-left-width: 3px;
	border-left-color: rgba(0,255,0,1.00);
	border-bottom-style: solid;
    border-bottom-width: 3px;
	border-bottom-color: rgba(0,255,0,1.00);
	cursor: pointer;
}
#tabCart:hover {
	cursor: pointer;
}
.tabCartIconSide {
	background-color: rgba(0, 0, 0, 0.8);
	height: 3.5em;
	display: inline-block;
	margin: 0;
	padding: 0;
}
#tabCartExtended {
	background-color: #0d0d0d;
	height: 80vh;
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left;
	border-left-style: solid;
    border-left-width: 3px;
	border-left-color: rgba(0,255,0,1.00);
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: rgba(0,255,0,1.00);
}

.noUnderline:hover{
	text-decoration: none;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	#tabCartExtended {
		width: 80vw;
		height: 75vh;
	}
	#tabCartWrapper {
		right: -80vw;
	}

	.checkoutButtonBottomOuter {
		height: 35%;
	}

}

/* sm */
@media screen and (min-width: 768px) {
	#tabCartExtended {
		width: 40vw;
	}
	#tabCartWrapper {
		right: -40vw;
	}
}

/* md */
@media screen and (min-width: 992px) {
	#tabCartExtended {
		width: 35vw;
	}
	#tabCartWrapper {
		right: -35vw;
	}

}

.checkoutHeader {
	width: 100%;
	height: 7%;
	display: flex;
	align-items:center;
	justify-content: center;
}

.nostock{
	color: #ff0000;
}

select{
	color: #000000;
	font-family: 'samson', Fallback, sans-serif;
}

select:disabled{
	color: #171717;
	background: #232323;
	border-color: #232323;
}

.guest_checkout_email{
	margin-top: 5px;
	width: 100%;
	padding: 5px;
}

.email_result{
	font-size: 0.5em;
	padding-left: 0.5em;
}

.cartItemWrapper{
	margin-right: 1em;
	overflow-y: hidden;
	height: 61%;
}

.slimScrollBar{
	opacity: 1!important;
	cursor: pointer;
	border-radius: 0px!important;
}

.slimScrollRail{
	border-radius: 0px!important;
}

.slick-next{
	right: 15px;
	z-index:11;
}

.slick-prev{
	left: 15px;
	z-index:10;
}

.slick-slide{
	height: auto;
}

.slick-dotted.slick-slider{
	margin-bottom: 0px;
}

.slick-dots{
	z-index: 10;
	/*background-color: #0c0c0c;*/
	height: 25px;
	bottom: -25px;
}

.slick-slide img{
	cursor: pointer;
}

.slick-next:before{
	content: ">";
}

.slick-prev:before{
	content: "<";
}

.slick-next:before, .slick-prev:before{
	font-family: 'samson';
	font-size: 5rem;
	line-height: 0;
}

.slick-lightbox-close:before{
	font-family: 'samson';
	font-size: 5rem;
	line-height: 0.5;
	content: 'x';
}

.slick-dots li.slick-active button:before{
	color: #ffffff;
	opacity: 1;
}

.slick-dots li button:before{
	color: #1d1d1d;
	opacity: .75;
	content: '■';
	font-size: 16px;
}


.cartItem {
	height: 9vh;
	width: 100%;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding: 0.4em;
}
.cartItemSmaller {
	height: 7vh;
	width: 100%;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding: 0.4em;
}
#cartItemOverlayWrapper {
	z-index: 998;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#cartItemOverlay {
	z-index: 999;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #0d0d0d;
	display: none;
}
.cartItemOverlayText {
	color: #00ff00;
	text-decoration: none;
}
.cartItemOverlayText:hover {
	color: #00ff00;
	text-decoration: none;
}

.disableClick {
	pointer-events: none;
	opacity: 0.25;
}

.cartRowDisabled{
	opacity: 0.5;
}

.cartItemOverlayRemove {
	width: 100%;
	height: 100%;
}
.cartItemOverlayCloseButton {
	position: absolute;
	top: 0;
	right: 0;
	width: 23%;
	height: 100%;
	background-color: rgba(0,355,0,1.00);
}
.cartItemInner {
	width: 100%;
	height: 100%;
}
.removeFromCart {
	width: 4%;
	height: 100%;
}
.checkoutItemInner {
	width: 100%;
	height: 100%;
}
.checkoutItemInnerInner {
	width: 100%;
	height: 100%;
	padding-left: 1.75em;
}
.cartItemLeft {
	width: 100%;
	height: 100%;
	padding-right: 40%;
	overflow: hidden;
}
.cartItemLeftSmaller {
	width: 100%;
	height: 100%;
	padding-right: 40%;
	overflow: hidden;
}
.changeQuantity {
	position: absolute;
	right: 10em;
	top: 50%;
	transform: translateY(-50%);
}
.roundButton {
	width: 1em;
   height: 1em;
   background: rgba(0,255,0,1.00);
   -moz-border-radius: 0.5em;
   -webkit-border-radius: 0.5em;
   border-radius: 0.5em;
}
.quantityField {
	background-color: inherit;
	width: 2em;
	padding: 0.25em;
	border-style: solid;
    border-width: 2px;
	border-color: rgba(0,255,0,1.00);
}
.checkoutItemPrice {
	width: 8em;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	color: rgba(255,255,255,1.00);
	border-left-style: solid;
    border-left-width: 1px;
	border-left-color: rgba(0,255,0,1.00);
}
.checkoutItemPriceSmaller {
	width: 6.5em;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	color: rgba(255,255,255,1.00);
	border-left-style: solid;
    border-left-width: 1px;
	border-left-color: rgba(0,255,0,1.00);
}

.checkoutButtonBottomOuter {
	width: 100%;
	padding: 1em;
	border-top: 2px solid rgba(0,255,0,1.00);
	position: absolute;
	bottom: 0;
	height: 20%;
	min-height: 130px;
}


/* xs < 768 */
@media screen and (max-width: 767px) {

	.checkoutButtonBottomOuter {
		height: 35%;
	}

	.cartItemWrapper{
		height: 56%;
	}
}

#checkoutButtonWrapper{
	padding: 10px 0 10px 0;
}

#checkout {
	position: fixed;
	right: -100vw;
	top: 0;
	height: 100vh;
	width: 100vw;
	z-index: 999;
	background-color: #0d0d0d;
	-webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}

/* xs < 768 */
@media screen and (max-width: 767px) {

	.checkoutContainer{
		padding-left: 0px;
		padding-right: 0px;
	}

}

.checkoutBackSection {
	border-bottom: 2px solid rgba(0,255,0,1.00);
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
	background-color: #0d0d0d;
}

.checkoutMainSection {
	overflow: auto;
	height: 89vh;
	z-index: 900;
	margin-top: 10vh;
}
.checkoutSubtotal {
	width: 6em;
	float: right;
}
.checkoutSubtotalPrice {
	color: rgba(255,255,255,1.00);
    font-size: 2.5rem;
	font-family: 'samson', Fallback, sans-serif;
}



#checkoutItemWrapper {
	overflow-y: scroll;
	height: 41vh;
	border: 2px solid rgba(0,255,0,1.00);
}

#confirmPurchaseModal {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 999;
	border: 2px solid rgba(0,255,0,1.00);
	background: #0d0d0d;
	padding: 3em;
}

.powerupBoxWrapper {
	height: 20%;
}
.verticalLine {
	width: 2px;
	height: 3vh;
	margin-left: 4vh;
	background-color:rgba(0,255,0,1.00)
}
.powerupBox {
	border: 2px solid rgba(0,255,0,1.00);
	height: 8vh;
	width: 8vh;
	padding: 0.6em;
}
.itemTitle {
	height: 30%;
}
.itemTitlePosition {
	position: absolute;
	bottom: 1.5em;
}
.itemWrapper {
	height: 35%;
	width: 100%;
	position: absolute;
	bottom: 0;
}
.inventoryBox {
	border: 2px solid rgba(0,255,0,1.00);
	height: 19vh;
}


.inventoryBox a:link {
	color:rgba(255,255,255,1.00);
}

.checkoutItem {
	width: 100%;
	color: rgba(255,255,255,1.00);
    font-size: 2.5rem;
	font-family: 'samson', Fallback, sans-serif;
			line-height: 80%;
}
.checkoutItemSmallText {
	color: rgba(255,255,255,1.00);
    font-size: 1.5rem;
	font-family: 'samson', Fallback, sans-serif;
}

.remove_item{
	fill: #FF0000;
}


/* Need this to override these bootstrap defaults  */
.table-hover>tbody>tr:hover{
	background-color: #060606;
}

tr:nth-child(even){
	background-color: #0d0d0d;
}

tr:nth-child(odd){
	background-color: #121212;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

.table-condensed>tbody>tr>td{
	padding-left: 5px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	border-top: none;
	vertical-align: inherit;
}

.cartItemPrice{
	white-space:nowrap;
	font-family: 'samson', Fallback, sans-serif;
}

.checkoutItemQty{
	font-size: 0.6em;
}

.table{
	margin-bottom: 0px;
}

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

.cartItemImageRow{
	padding-left: 0px;
}

.cartItemGameList{
	font-size: 1.25rem;
}

.checkoutSectionBottom {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 3em;
	padding-top: 1em;
	background-color: #0d0d0d;

	border-top-style: solid;
    border-top-width: 3px;
	border-top-color: rgba(0,255,0,1.00);
}
.checkoutSectionBottomNoLine {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 3em;
	padding-top: 1em;
	background-color: #0d0d0d;
}

.discountScrim{
	background-color: rgba(13,13,13,0.9);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	.discountSection{
		margin-top: 2em;
	}
}

.checkout-total{
	text-align: right;
}

.checkout-back-button{
	margin-top: 1em;
	margin-bottom: 1em;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	.checkout-total{
		text-align: left;
	}
	.checkout-total-row{
		margin-top: 1em;
		margin-bottom: 6em;
	}

	.checkout-back-button{
		margin-top: 0.25em;
		margin-bottom: 0.25em;
	}
}

/* black background that covers the whole screen when user account tab is extended */
#cartTabFullscreenFilter, #navbarFullscreenFilter {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100vw;
	z-index: 980;
	background-color: rgba(0,0,0,1.00);
	-webkit-transition: opacity 0.3s;
       -moz-transition: opacity 0.3s;
            transition: opacity 0.3s;
			opacity: 0;
}

/* cover image for collections and games */
.coverImage {
	position: relative;
	width: 100%;
	height: 42vh;
	overflow: hidden;
}

.coverImageFeature {
	position: relative;
	width: 100%;
	height: 52vh;
	overflow: hidden;
}

.coverImageCompact {
	position: relative;
	width: 100%;
	height: 30vh;
	overflow: hidden;
}

.collection-title{
	font-size: 1.75em;
}


.collectionWrapperExpired, .collectionWrapperFuture{
	position: relative;
}

.collectionWrapperExpired:after, .collectionWrapperFuture:after{
	content:"";
	display: block;
	height: 100%;
	position: absolute;
	top: 3px;
	left: 0;
	width: 100%;
	background-color: #000000;
	opacity: .55;
	pointer-events: none;
}

.collectionExpired, .collectionFuture, .collectionFeature{
	position: absolute;
	left: 50%;
	top: 38%;
	transform: translate(-50%,-50%);
	font-family: 'samson', Fallback, sans-serif;
	z-index: 10;
}

.collectionFeature{
	top: 20%;
}

.collectionExpired > h2, .collectionFuture > h2{
	font-size: 8.5rem;
}

.hardShadowSm{
	text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}

.hardShadow{
	text-shadow: 4px 4px 0px rgba(0,0,0,0.5);
}

.hardShadowLrg{
	text-shadow: 6px 6px 0px rgba(0,0,0,0.5);
}

.game-cluster-title > a{
	color: #ffffff;
	text-decoration: none;
}

.game-cluster-title > a:hover{
	text-decoration: none;
}


/* xs < 768 */
@media screen and (max-width: 767px) {
	.coverImage {
	  height: 65vh;
	}

	.coverImageFeature {
		height: 100vh;
	}

	.coverImageCompact {
	  height: 48vh;
	}
}

/* collection name header overlayed on cover */
.coverImageHeader {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-top: 10em;
}

/* more info about collection link */
.moreLink {
  height: 1em;
}

/* game tile */
.gameTile {
  padding-top: 1em;
}

/* game cover */
.gameCover {
  width: 100%;
}

/* game image gallery */
.galleryScrollerWrapper {
	width: 100%;
	overflow-x: scroll;
	margin-top: 1em;
	white-space: nowrap;
}


.galleryItem {
	width: 8em;
	margin-right: 1em;
	margin-bottom: 1em;
	display: inline-block;
}

.rating {
	position: absolute;
	top: -28%;
	left: 6%;
	max-height: 8em;
}

/* borders */
/* green border */
.greenBorder {
	border-style: solid;
    border-width: 2px;
	border-color: rgba(0,255,0,1.00);
}
.blackTopBorder {
	border-top-style: solid;
    border-top-width: 2px;
	border-top-color: #0d0d0d;
}
.blackRightBorder {
	border-right-style: solid;
    border-right-width: 2px;
	border-right-color: #0d0d0d;
}

/* box to frame the price and discount */
.priceBox {
  height: 4em;
  display:table-cell;
    vertical-align:middle;
    float:none;
}

/* box to frame the price and discount for the whole collection */
.discountBoxCollection {
  height: 2em;
}
.priceBoxCollection {
  height: 4em;
  padding-top: 0.5em;
}



/* button styling */

.btn {
    background-color: inherit;
    border-color: rgba(0,255,0,1.00);
	border-width: 3px;
	border-radius:0;
    color: rgba(0,255,0,1.00);
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline;
    font-size: 0.75em;
	font-family: 'samson', Fallback, sans-serif;
	    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}

.btn-full-width{
	width: 100%;
	padding: 1em;
	font-size: 2rem;
}

.neonGreenButtonLrg {
	display: block;
	font-size: 2rem!important;
	padding: 0.5em!important;
}

.buttonDisabled:hover {
	text-decoration:none;
	background-color: #858585;
	color: rgba(0,0,0,1.00);
	fill: rgba(0,0,0,1.00);
	cursor: not-allowed;
}

/* colored buttons */
.neonGreenButton {
	background-color: inherit;
	border: 2px solid rgba(0,255,0,1.00);
	color: rgba(0,255,0,1.00);
	fill: rgba(0,255,0,1.00);
	padding: 5px 10px;
    font-size: 1.5rem;
	font-family: 'samson', Fallback, sans-serif !important;
		    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}
.neonGreenButton:hover, .neonGreenButton:active, .neonGreenButton:focus  {
	text-decoration:none;
	background-color: rgba(0,255,0,1.00);
	border-color: rgba(0,255,0,1.00);
	color: rgba(0,0,0,1.00);
	fill: rgba(0,0,0,1.00);
}

a.neonGreenButton:focus{
	color: #000000;
	text-decoration:none;
}

.neonGreenButtonDisabled {
	background-color: inherit;
	border: 2px solid #858585;
	color: #858585;
	fill: #858585;
	padding: 5px 10px;
	font-size: 1.5rem;
	font-family: 'samson', Fallback, sans-serif;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.neonGreenButtonDisabled:hover {
	text-decoration:none;
	background-color: #858585;
	color: rgba(0,0,0,1.00);
	fill: rgba(0,0,0,1.00);
	cursor: not-allowed;
}
a.neonGreenButtonDisabled:focus{
	color: #858585;
	text-decoration:none;
}



.neonGreenButtonGreyed {
	background-color: inherit;
	border: 2px solid rgba(0,255,0,1.00);
	color: rgba(0,255,0,1.00);
	fill: rgba(0,255,0,1.00);
	padding: 5px 10px;
    font-size: 1.5rem;
	font-family: 'samson', Fallback, sans-serif;
		    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}
.neonGreenButtonGreyed:hover {
	text-decoration:none;
}

#addToCart:hover{
	color: #000000;
	fill: #000000;
}

.fullWidthButton {
	width: 100%;
	display: block;
	font-size: 2rem;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

@media screen and (min-width: 768px) {
	.fullWidthButton {
		font-size: 1.5rem;
	}
}

@media screen and (min-width: 992px) {
	.fullWidthButton {
		font-size: 2rem;
	}
}


.width50PercentButton {
	width: 100%;
	display: block;
	font-size: 2rem;
	padding-top: 0.65em;
	padding-bottom: 0.65em;
}
.checkoutNowButton {
	width: 100%;
	display: block;
	font-size: 2rem;
	padding: 0.5em;
}
/* PayPal Button */
.payPalButton {
	padding: 0.5em 0.75em;
	border: 3px solid rgba(0,255,0,1.00);
	color: rgba(0,255,0,1.00);
	font-size: 1.75rem;
	font-family: 'samson', Fallback, sans-serif;
		    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
			cursor: pointer;
}
.payPalButton:hover {
	text-decoration:none;
	background-color: rgba(0,255,0,1.00);
	color: rgba(0,0,0,1.00);
}
.payPalButton:hover #payPalWhite {
    fill:#000000;
}
#payPalWhite {
    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}

.payPalLogo {
	background-color: rgba(255,255,255,1.00);
}
.priceTable {
	background-color: #1d1d1d;
	border: 3px solid rgba(0,255,0,1.00);
	color: rgba(255,255,255,1.00);
	padding: 5px 10px;
    font-size: 2.5rem;
	font-family: 'samson', Fallback, sans-serif;
		    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
			line-height: 80%;
}
.priceTableNoBorder {
	background-color: #1d1d1d;
	color: rgba(255,255,255,1.00);
	padding: 5px 10px;
    font-size: 2.5rem;
	font-family: 'samson', Fallback, sans-serif;
		    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
			line-height: 80%;
}
.gameCoverTopBorder {
	border-top: 2px solid rgba(0,255,0,1.00);
}

.offsetY {
	transform: translateY(-0.16em);
}


/* input field styling */
.greenInput {
	background-color: inherit;
	border-color: rgba(0,255,0,1.00);
	border-width: 2px;
	border-style: solid;
	width: 100%;
	padding: 3px;
}

/* greyed out expired collection */
.greyedOut {
	filter: grayscale(1);
	opacity: 0.8;
	cursor: not-allowed;
}

.expired {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 700;
	color: rgba(0,255,0,1.00);
	text-align:center;
}

/* cover image fix for expired games */
.coverFix {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* bootstrap override */
.panel {
    margin-bottom: 20px;
    background-color: #00ff00;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	border-radius: 0px;
	border-width: 3px;
}

.panel-default>.panel-heading {
    color: #FFF;
    background-color: #0d0d0d;
    border-color: #00ff00;
	border-radius: 0px;
	border-width: 3px;
}

.bodyPaddingLeft {
	padding-left:3.5em;
}

.bodyPaddingRight {
	padding-right:2.5em;
}
.priceTopMargin {
	margin-top: 2em;
}
.priceFullCollectionTopMargin {
	margin-top: 0;
}
.collectionScreenshotPadding {
	padding-left: 0;
	padding-right: 1.5em;
}
.collectionAboutPadding {
	padding-left: 0;
	padding-right: 1em;
}
.collectionPricePadding {
	padding-left: 2em;
}
.timeRemainingTopPadding {
		padding-top: 2em;
	}
	.collectionItemsTopPadding {
		padding-top: 2em;
	}
	.displayToggleMd {
		display: none;
	}
	.displayToggleSm {
		display: block;
	}
	.smallTopMargin {
		margin-top: 0;
	}
	.textOrientation {
		text-align: right;
	}
	.extraPadding {
		padding-left: 0;
		padding-right: 0;
	}
	.toggleBlockInline {
		display: inline;
	}



/* xs < 768 */
@media screen and (max-width: 767px) {

	.collectionScreenshotPadding {
		padding-left: 2.5em;
		padding-right: 2.5em;
	}

	.collectionAboutPadding {
		padding-left: 0;
		padding-right: 1em;
	}

	.collectionPricePadding {
		padding-left: 1em;
	}

	.collectionAboutTopPadding {
		padding-top: 2em;
		padding-bottom: 1em;
	}

	.priceTopMargin {
		margin-top: 1em;
	}
	.priceFullCollectionTopMargin {
		margin-top: 1em;
	}

	.smallTopMargin {
		margin-top: 1em;
	}

	.textOrientation {
		text-align: left;
	}

	.extraPadding {
		padding-left: 20px;
		padding-right: 20px;
	}

	.toggleBlockInline {
		display: block;
	}
}

/* md */
@media screen and (min-width: 992px) {

	.timeRemainingTopPadding {
		padding-top: 0.25em;
	}
	.collectionItemsTopPadding {
		padding-top: 3em;
	}
	.priceTopMargin {
		margin-top: 1em;
	}

	.displayToggleMd {
		display: block;
	}

	.displayToggleSm {
		display: none;
	}
}

@media screen and (max-width: 991px) {

	.bodyPaddingLeft {
		padding-Left: 1em;
	}

	.bodyPaddingRight {
		padding-right: 1em;
	}

}

.platformFloat {
	float: left;
	margin-left: 0;
	margin-right: 1em;
}

.ratingBottomMargin {
	margin-bottom: 4em;
}

@media screen and (min-width: 992px) {

	.platformFloat {
		float: right;
		margin-left: 1em;
		margin-right: 0;
	}

	.ratingBottomMargin {
		margin-bottom: 0;
	}
}

 /* creates bounce animation */
 @keyframes bounce {
	0%, 20%, 60%, 100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}

	40% {
		-webkit-transform: translateX(-50px);
		transform: translateX(-50px);
	}
	80% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}
}


/* bootstrap 5 column modification */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}


/* bootstrap 5 column modification */
.col-xs-3-5ths,
.col-sm-3-5ths,
.col-md-3-5ths,
.col-lg-3-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-3-5ths {
    width: 60%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-3-5ths {
        width: 60%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-3-5ths {
        width: 60%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-3-5ths {
        width: 60%;
        float: left;
    }
}

.home-collection-container{
	padding-bottom: 4em;
}

.game-box-collection{
	margin-bottom: 30px!important;
}

.game-header h3, .game-header h3 span{
	font-size: 1em;
}

.game-page-divider{
	border-top: 3px solid #00ff00;
	padding-top: 1em;
}

.game-box-sm{
	border: 15px solid grey;
	border-left: 0px;
	border-top: 0px;
	border-image: url('../img/ui/extrude_border.png') 22 20 20 20 stretch stretch; /* don't understand why this has to be 22 but if I use 20, it draws a line */
	padding: 0px;
	margin-bottom: -3px;
	margin-left: -3px;
}


/* xs < 768 */
@media screen and (max-width: 767px) {
	.key-unlock-box{
		margin-bottom: 2em;
	}
}

.game-box{
	border: 20px solid grey;
	border-left: 0px;
	border-top: 0px;
	border-image: url('../img/ui/extrude_border.png') 22 20 20 20 stretch stretch; /* don't understand why this has to be 22 but if I use 20, it draws a line */
	padding: 0px;
	margin-bottom: -3px;
	margin-left: -3px;
	transition: 0.15s;
}

.game-box-lrg{
	border: 20px solid grey;
	border-left: 0px;
	border-top: 0px;
	border-image: url('../img/ui/extrude_border_lrg.png') 88 80 80 80 stretch stretch; /* don't understand why this has to be 22 but if I use 20, it draws a line */
	padding: 0px;
	margin-bottom: 2em;
	margin-left: -3px;
}

.game-timer span{
	font-size: 1em;
}

.game-review-box > div{
	background-color: #141414;
	padding: 2em;
}

img.game-review-logo {
	padding-right: 0.5em;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	.game-box-lrg{
		border: 10px solid grey;
		border-image: url('../img/ui/extrude_border.png') 22 20 20 20 stretch stretch; /* don't understand why this has to be 22 but if I use 20, it draws a line */
	}
}


.game-box-bottom-featured{
	min-height: 50px;
}

.game-box-bottom{
	min-height: 107px;
}

.game-box-bottom-market{
	min-height: 127px;
}

.game-box-cover{
	padding: 0px;
}

.game-box-sm .game-box-title{
	font-size: 0.75em;
	margin-bottom: 0.5em;
}

.game-box-title-game-page-wrapper{
	padding-top: 0.25em;
}

.game-box-title > a{
	color: #ffffff !important;
}

.game-box-title-wrapper{
	height: 2em;
	margin-top: 5px;
}


/* xs < 768 */
@media screen and (max-width: 767px) {
	.game-box-title-wrapper{
		height: 2.5em;
	}
}

.game-box-price-info, .game-box-price-info-market{
	background-color: #ffffff;
	color: #0a0a0a;
	margin: 15px;
	padding: 5px;
	border-radius: 3px;
}

.game-box-price-info-market{
	margin-bottom: 5px;
}


.game-box-sale-price{
	font-size: 2.75rem;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 3rem;
	color: #000000;
}

.game-box-video-caption{
    font-size: 1.75rem;
}

.game-screenshots{
    position: relative;
    clear: both;
}

@media (max-width: 768px) {
	.game-box-sale-price{
		font-size: 1.5rem;
	}

	.game-box-price-info{
		margin: 8px;
	}

}

/* md */
@media screen and (max-width: 992px) {
	.game-box-sale-price{
		font-size: 2.0rem;
	}
}

.game-box-sale-discount{
	padding-left: 0px;
	padding-right: 5px;
	line-height: 1.5rem;
	font-size: 1.3rem;
	color: #000000;
}

.game-box-add-to-cart{
	padding-left: 5px;
	padding-right: 0px;
}

.game-box-add-to-cart>a{
	display: inline-block;
	padding: 5px 5px 2px 5px;
}

.collection-box-set-cover{
	float: left;
	display: inline;
	width: 350px;
	background-color: #000000;
}

.collection-box-set-cover-face{
	background-color: #030303;
	min-width: 250px;
}

.collection-box-set-cover-face > svg {
	width: 50px;
	height: 50px;
}

.vertical-text-outer{
	position: relative;
	display: inline-block;
	height: 340px;
	width: 100%;
}

.vertical-text-inner{
	position: absolute;
	top: 50%;
	left: 50%;
	white-space: nowrap;
	text-align: center;
}

.rotate {
	-moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	transform:  translateX(-50%) translateY(-50%) rotate(90deg);
}

.collection-face-logo{
	width: 70px;
	height: 70px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -35px;
}

.collection-box-set-game{
	float: left;
	display: inline
}

.collection-box-set-game-title{
	font-size: 1.5rem;
	position: relative;
}

td.collection-box-set-game-title{
	max-width: 90px;
	min-width: 60px;
}


td.collection-box-set-game-title:after, td.collection-box-set-game-cover:after{
	box-shadow: 5px 0px 0px rgba(0,0,0, 0.2) inset;
	content: " ";
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 15px;
}

.game-box-bottom-back-desc{
	padding-left: 10px;
	padding-right: 10px;
	max-height: 60px;
	overflow: auto;
	font-size: 1.35rem;
}

.game-box-bottom-back{
	min-height: 107px;
}

.game-box-bottom-back-market{
	min-height: 127px;
}

.game-box-parent .slick-slide img{
	min-height: 159px;
}

a.vertical-game-title:link, a.vertical-game-title:visited, a.vertical-game-title:hover{
	color: #e5e5e5;
	text-decoration: none;
}

.coverImageCollection{
	height: 70vh!important;
}

.collection-box-set-cover-title-all{
	font-size: 3rem;
	padding: 10px;
}

.collection-box-set-game-cover{
	padding: 0px!important;
	position: relative;
}

.collection-box-set-game-cover > img{
	width: 100%;
	display: block;

}

.collection-box-set-cover-title{
	color: #000000;
}

.collection-box-set-cover h1{
	font-size: 3.5rem;
}

/* different gutter widths */
.gutter-40.row {
  margin-right: -20px;
  margin-left: -20px;
}
.gutter-40 > [class^="col-"], .gutter-40 > [class^=" col-"] {
  padding-right: 20px;
  padding-left: 20px;
}


.gutter-1em.row {
  margin-right: -0.5em;
  margin-left: -0.5em;
}
.gutter-1em > [class^="col-"], .gutter-40 > [class^=" col-"] {
  padding-right: 0.5em;
  padding-left: 0.5em;
}

.overflowText {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

#checkout_load{
	font-size: 20px;
}

.cartItemNameRow a{
	color: #FFFFFF;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

.matchHeightBottom{
	position: absolute;
	bottom: 0;
}

/* Jas Style */
#loginButton {
    position:fixed;
    top:30px;
    right:0;
    margin:0;
    z-index: 900;
    background-color: #0d0d0d;
    padding: 15px;
    color: #FFF;
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: rgba(0,255,0,1.00);
    border-left-style: solid;
    border-left-width: 3px;
    border-left-color: rgba(0,255,0,1.00);
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: rgba(0,255,0,1.00);
    cursor: pointer;
	font-family: 'samson', Fallback, sans-serif;
	text-decoration: none;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	#loginButton {
		padding: 10px 6px;
		top: 40px;
	}
}

.modal-backdrop{
    z-index: 800;
}

.platform_icon{
    height: 1em;
}

.navbar {
    background-color: #0d0d0d;
    border-color: #0d0d0d;
}

.navbar-fixed-top{
    z-index: 900;
}

.navbar-inverse .navbar-brand{
    font-size: 2.00rem;
    font-family: 'samson', Fallback, sans-serif;
    color: rgba(255,255,255,1.00);
}

.navbar-inverse .navbar-brand>img {
  height: 51px;
  display: block;
  margin: -15px 0 0 0px;
}

.br_on_mobile{
	display: none;
}

#navbar-beta{
	font-size: 1.2rem;
	margin-left: -20px;
	line-height: 16px;
	color: #00ff00;
}

#navbar-token{
	font-size: 1.2rem;
	margin-left: 10px;
	line-height: 16px;
	color: #00ff00;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	.navbar-brand{
		padding-left: 0px;
		padding-right: 5px;
	}

	.br_on_mobile{
		display: block;
	}

	#greenlight_arcade_logo{
		font-size: 1.75rem;
		padding-top: 5px;
		padding-left: 5px;
	}

	#navbar-beta{
		font-size: 1.2rem;
		margin-left: 0px;
		line-height: 0px;
	}
}


/* black background that covers the whole screen when confirmation modal shown */
#noExitFullscreenFilter, #noExitFullscreenFilterWinner {
	display: inline-block;
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100vw;
	z-index: 980;
	background-color: rgba(0,0,0,1.00);
	-webkit-transition: opacity 0.3s;
       -moz-transition: opacity 0.3s;
            transition: opacity 0.3s;
			opacity: 0.8;
}

#noExitFullscreenFilterWinner {
	z-index: 997;
}

#levelUpModal, #welcomeModal, #keyfarmWinnerModal {
	border: 2px solid rgba(0,255,0,1.00);
	background: #0d0d0d;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	z-index: 997;
}

#keyfarmWinnerModal{
	z-index: 1001;
}

#welcomeModal {
	transform: translate(-50%,-49%);
}

#levelUpModalInnerWrapper, #welcomeModalInnerWrapper, #keyfarmWinnerModalInnerWrapper{
	width: 100%;
	height: 100%;
	padding: 3em;
}

/* xs < 768 */
@media screen and (max-width: 767px) {

	#levelUpModal, #welcomeModal, #keyfarmWinnerModal{
		width: 90%;
		height: 90%;
	}

	#levelUpModalInnerWrapper, #welcomeModalInnerWrapper, #keyfarmWinnerModalInnerWrapper{
		padding: 1.5em;
	}
}

label.powerup-choose{
	width: 100%;
}

label.powerup-choose > input {
	visibility: hidden; /* Makes input not-clickable */
	position: absolute; /* Remove input from document flow */
	margin-left: -16px;
}

label.powerup-choose > input + img {
	cursor:pointer;
	border:3px solid transparent;
	width: 60px;
	height: 60px;
}

label.powerup-choose > input:hover + img {
	border:3px solid #ffffff;
}

label.powerup-choose > input:checked + img {
	border:3px solid #00ff00;
}


label.powerup-choose > span{
	margin-left: 10px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #FFFFFF;
}

.radio label{
    font-size: 20px;
    /*font-family: 'Lato', sans-serif;*/
}
.radio-powerup{
    vertical-align: middle;
    position: relative!important;
}

.widget-user {
    color: #333;
}
.box-widget {
    border: none;
    position: relative;
    background: none;
}
.box {
    position: relative;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.widget-user .widget-user-username {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
}
.widget-user .widget-user-desc {
    margin-top: 0;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
}
.widget-user .widget-user-header {
    padding: 20px;
    height: 150px;
    background: #4e5d6c;
    background: linear-gradient(to bottom, #2a821a 0%, #1e6f28 100%);
    color: #fff;
}
.widget-user .widget-user-image {
    position: absolute;
    top: 20px;
    right: 20px;
}
.widget-user .widget-user-image > img {
    width: 100px;
    height: auto;
    border: 0px solid #fff;
}
img {
    vertical-align: middle;
}
.widget-user .box-footer {
    background: #083854;
}

.widget-user .box-footer {
    border-top: 1px solid #324457;
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}
.widget-user .border-right {
    border-right: 2px solid #747f8a;
}
.description-block {
    display: block;
    margin: 10px 0;
    text-align: center;
    color: #fff;
}
.description-block > .description-header {
    margin: 0;
    padding: 0;
    font-weight: 600;
    font-size: 18px;
}
.description-block > .description-text {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
}
.timeTo.timeTo-black div{
	background: none !important;
	border: none !important;
}

.dropdown-menu{
	background-color: rgba(0,0,0,0.7);
	padding-left: 10px;
}

.btn-primary:hover{
	color: #000000;
	background-color: #FFFFFF
}

.login-block{
	text-align: left;
    margin-bottom: 10px;
    list-style: none;

}

li.login-block a{
	color: #FFFFFF;
	display:block;
	text-decoration: none;
}


span.social_name{
	margin-left: 10px;
}

.login-block-facebook{
	background-color: #37508c;
}

.login-block-facebook:hover{
	background-color: #3d599b;
}

.login-block-google{
	background-color: #c8473c;
}

.login-block-google:hover{
	background-color: #dc4e41;
}

.login-block-twitter{
	background-color: #009ad6;
}

.login-block-twitter:hover{
	background-color: #00abee;
}

.login-block-steam{
	background-color: #141414;
}

.login-block-steam:hover{
	background-color: #222222;
}

.login-block-gla{
	background-color: #00de00;
}

.login-block-gla:hover{
	background-color: #00ff00;
}

.login-block-gla > a{
	color: #000000;
}



/* Giveaways Page */

#promo_contents li{
	list-style: none;
	margin-bottom: 40px;
}

#promo_contents li img{
	width: 100%;
}

.promos-game-image{
	text-align:center;
	background-repeat:no-repeat;
	width:600px;
	height:200px;
	background-size: cover;
}
.promos-game-image > a{
	display: block;
	height: 100%;
	width: 100%;
}
.contract_signature{
	max-width: 400px;
}
/*Pagination */
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 3;
    color: #000;
    background-color: #00ff00;
    border-color: #00ff00;
    cursor: default;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #00ff00;
    background-color: #333;
    border: 1px solid #333;
    margin-left: -1px;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    z-index: 2;
    color: #000;
    background-color: #00ff00;
    border-color: #00ff00;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #00ff00;
    background-color: #333;
    border-color: #333;
    cursor: not-allowed;
}

#login-dp{
    margin-top: 15vh;
    background-color:#0d0d0d;
    font-family: 'Lato', sans-serif;
	min-width: 400px;
}

#login-dp ul{
	margin-left: 0px;
}

#login-dp .box{
	margin-bottom: 0px;
}

#login-dp .help-block{
    font-size:12px
}
#login-dp .bottom{
    background-color:#0d0d0d;
    border-top:1px solid #ddd;
    clear:both;
    padding:14px;
}
#login-dp .social-buttons{
    margin:12px 0
}
#login-dp .social-buttons a{
    width: 49%;
}
#login-dp .form-group {
    margin-bottom: 10px;
}

.modal-dialog{
	position: relative;
	display: table;
	overflow-y: auto;
	overflow-x: auto;
	width: auto;
	min-width: 300px;
}

.modal-backdrop.in{
	opacity: 0.5;
}

.btn-fb{
    color: #fff;
    background-color:#3b5998;
}
.btn-fb:hover{
    color: #fff;
    background-color:#496ebc
}
.btn-tw{
    color: #fff;
    background-color:#55acee;
}
.btn-tw:hover{
    color: #fff;
    background-color:#59b5fa;
}
@media(max-width:768px){
    #login-dp{
        background-color: inherit;
        color: #fff;
		min-width: 300px;
		margin-left: auto;
		margin-right: auto;
    }
    #login-dp .bottom{
        background-color: inherit;
        border-top:0 none;
    }
}
.login-meta {
    margin-top: 1em;
}

.login-remember {
    float: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Lato', sans-serif;
    font-weight: normal;
    font-size:14px;
}
.login-forgot {
    float: right;
    font-family: inherit;
}
label {
    cursor: pointer;
}
.login-btn {
    margin-top: 2em;
    border-width: 2px;
    font-size: inherit;
}

.box {
    max-width: 26em;
    margin-left: auto;
    margin-right: auto;
    padding: 1em;
    background-color: #0d0d0d;
    border: 0px solid #0d0d0d;
    text-align: center;
}

.login-social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 70px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* collection colors  */
a:link.neonGreen , a:visited.neonGreen {
  color: #00ff00;
}

a.neonGreen:hover{
	color: #ffffff;
}

/* Bootstrap Overrides */
.navbar-toggle{
	display: none;
}

/* Fonts */
@font-face {
	font-family: 'samson';
	src: url('../fonts/SAMSRG__.TTF');
}


/* Remove bootsrap blue outlines on things.  Credit: http://stackoverflow.com/questions/8622686/how-come-i-cant-remove-the-blue-textarea-border-in-twitter-bootstrap */
textarea:hover,
textarea:active,
textarea:focus,
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
	outline:0px !important;
	-webkit-appearance:none;
}

input[type='checkbox']{
	-webkit-appearance: checkbox;
}


/* headings */
p, body {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #FFFFFF;
	font-size: 1.4rem;
}

.pNoMargin {
	margin: 0 0 0;
}

label {
	font-family: 'samson', Fallback, sans-serif;
	color: #FFFFFF;
	font-size: 1.5rem;
}

/* headings */
h1 {
	font-family: 'samson', Fallback, sans-serif;
	color: #FFFFFF;
}

h2 {
	font-family: 'samson', Fallback, sans-serif;
	color: #FFFFFF;
}

h3 {
	font-family: 'samson', Fallback, sans-serif;
	color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0.5rem;
}

h4 {
	font-family: 'samson', Fallback, sans-serif;
	color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 0.5rem;
}

.textRight{
	text-align: right;
}



/* text sizes */
.text1rem {
	font-size: 1rem;
}
.text2rem {
	font-size: 2rem;
}
.text0point5rem {
	font-size: 0.5rem;
}
.text0point75rem {
	font-size: 0.75rem;
}
.text1point25rem {
	font-size: 1.25rem;
}
.text1point5rem {
	font-size: 1.5rem;
}
.text1point75rem {
	font-size: 1.75rem;
}
.text2point25rem {
	font-size: 2.25rem;
}
.text2point5rem {
	font-size: 2.5rem;
}

.text3rem {
	font-size: 3rem;
}
.text3point5rem {
	font-size: 3.5rem;
}
.text3point75rem {
	font-size: 3.75rem;
}
.text4rem {
	font-size: 4rem;
}

/* previous price text */
.oldPrice {
	text-decoration: line-through;
	font-size: 1.25em;
	opacity: 0.7;
	margin: 0;
}

.oldPriceSmall {
	text-decoration: line-through;
	opacity: 0.7;
	margin: 0;
}

.oldPriceSmaller {
	text-decoration: line-through;
	font-size: 1.05rem;
	opacity: 0.7;
	margin: 0;
}

.price-info{
	font-size: 1.25em;
}

/* line heights */
.lineHeight98 {
	line-height: 98%;
}
.lineHeightLevel {
	line-height: 80%;
}

.lineHeight115 {
	line-height: 115%;
}

/* apply samson in spans */
.samson {
	font-family: 'samson', Fallback, sans-serif;
}

.samsonNoShadow {
	font-family: 'samson', Fallback, sans-serif;
}

/* apply Lato in spans */
.lato {
	font-family: 'Lato', sans-serif;
}

/* fix because Samson percent sign is illegible */
.percent, .slash {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	font-size: 90%;
}

/* normal price without discount */
.normalPrice {
	font-size: 1em;
	text-decoration: line-through;
	opacity: 0.5;
}

/* countdown to collection sale ending */
.countDown {
	font-family: 'samson', Fallback, sans-serif;
	color: #BBBBBB;
	font-size: 1.75em;
	filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 1));
}


/* xs < 768 */
@media screen and (max-width: 767px) {
	body {
		font-size: 1.4em;
	}

	h1 {
		font-size: 4rem;
	}

	h2 {
		font-size: 3rem;
	}

	.priceTopMargin {
		margin-top: 1em;
	}
}

/* sm */
@media screen and (min-width: 768px) {
	body {
		font-size: 1.5em;
	}

	h1 {
		font-size: 4.5rem;
	}

	h2 {
		font-size: 3.25rem;
	}

}

/* md */
@media screen and (min-width: 992px) {
	body {
		font-size: 1.5em;
	}

	.priceTopMargin {
		margin-top: 1em;
	}
}

/* lg */
@media screen and (min-width: 1200px) {
	body {
		font-size: 1.5em;
	}
}

.alert-success, .alert-danger, .alert-info{
	border: 0px;
	border-radius: 0px;
	text-align: center;
	font-family: 'samson';
	color: #000000;
	font-size: 1.5em;
	padding: 10px;
}

.alert-success{
	background-color: #00ff00;
}

.alert-danger{
	background-color: #ff0000;
}

.alert-info{
	background-color: #ffffff;
}


/* xs < 768 */
@media screen and (max-width: 767px) {
	.no-padding-xs{
		padding-left: 0px;
		padding-right: 0px;
	}
}

label{
	font-weight: normal;
}

.modal-backdrop{
	z-index: 901;
}

.form-control{
	border-radius: 0px;
}

.no-padding{
	padding-right: 0px;
	padding-left: 0px;
}

.no-padding-right{
	padding-right: 0px;
}

.no-padding-left{
	padding-left: 0px;
}

.form-control:focus{
	border-color: #00ff00;

}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{
	color: #ff0000;
}

.home-promo-container {
	display: flex;
	justify-content: center;
	height: 100%;
}

.home-promo-inner {
	align-self: center;
}

.promoWrapper, .promoWrapperExpired{
	border-top: 3px solid #00ff00;
}

.promoWrapperExpired{
	position: relative;
}

.promoWrapperExpired:after{
	content:"";
	display: block;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, .75);
	pointer-events: none;
}

.promoExpiredText{
	z-index: 10;
}

ul{
	margin-left: 0px;
}

.pagination{
	border-radius: 0px;
}

.pagination > li{
	font-family: 'samson', Fallback, sans-serif;
}

.pagination > li > a{
	background-color: transparent;
	transition: 0.3s;
	border: none;
	border-bottom: 3px solid #00ff00;
}

.pagination > .active > span{
	border: none;
	border-bottom: 3px solid #00ff00;
}

.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span {
	border-radius: 0px;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-left: none;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	border: none;
}

.pagination>li:first-child>span, .pagination>li:first-child>a{
	border-bottom: 3px solid #00ff00;
}


.pagination>.disabled>span{
	background-color: transparent;
}

.pagination>.disabled>span:hover{
	background-color: transparent;
	border-color: #00ff00;
}

/* Toastr */
#toast-container>.toast-success{
	background-color: #00ec00;
	color: black!important;
	background-image: url('../toastr/checkmark.png')!important;
}

#toast-container>.toast-info{
	background-color: #ffffff;
	color: black!important;
	background-image: url('../toastr/info.png')!important;
}

#toast-container>.toast-warning{
	background-color: #ffd800;
	color: black!important;
	background-image: url('../toastr/exclamation.png')!important;
}

#toast-container>.toast-error{
	background-color: #ff0000;
	color: black!important;
	background-image: url('../toastr/error.png')!important;
}

.toast-close-button{
	color: black;
	text-shadow: none;
	opacity: 1;
}


#toast-container > div {
	border-radius: 0px;
	opacity: 1;
	-webkit-box-shadow: 4px 4px 8px #000000;
	-moz-box-shadow: 4px 4px 8px #000000;
	box-shadow: 4px 4px 8px #000000;
	font-family: 'samson', Fallback, sans-serif;
}

.toast-title{
	font-weight: normal;
	font-size: 2rem;
}

.toast-top-full-width{
	margin-top: 10vh;
}

/* token shop*/
.tokenshop-token-icon{
	max-height: 40px;
}

.table>tbody>tr.token-shop-row>td{
	padding: 20px 20px 20px 0px;

}

.table>tbody>tr.token-shop-row>td.fixed_width{
	width: 15%;
}

.table>tbody>tr.token-shop-row>td.fixed_width_lrg{
	width: 25%;
}

tr.token-shop-row:nth-child(even){
	background-color: transparent;
}

tr.token-shop-row:nth-child(odd){
	background-color: transparent;
}

.token-icon-inline{
	max-height: 30px;
}

.item-icon-inline{
	max-width: 85px;
}


.left-side-border{
	border-left: 3px solid #00ff00;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	.item-icon-inline{
		max-width: 40px;
	}

	.table>tbody>tr.token-shop-row>td{
		padding: 15px 10px 15px 0px;
	}


	.left-side-border{
		border-top: 3px solid #00ff00;
		border-left: none;
	}
}


.token-shop-wallet li{
	list-style: none;
	margin-bottom: 2em;
}

.token-shop-wallet li>img{
	margin-right: 0.5em;
}

.vertical-center {
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
	min-height: 100vh; /* These two lines are counted as one :-)       */

	display: flex;
	align-items: center;
}

.vertical-center-no-height{
	display: flex;
	align-items: center;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	.vertical-center-no-height{
		display: block;

	}
}

.ui-tabs .ui-tabs-panel{
	padding: 0.5em 0.7em;
}

button.clipboard-btn{
	font-family: 'samson';
	font-size: 2.2rem;
	padding: 40px 30px;
	background-color: #fff;
	color: #000;
	border: none;
	width: 100%;
	border-radius: 3px;
 }

button.clipboard-btn.locked{
	color: #121212;
	cursor: not-allowed;
	background-color: #060606;
}


/* xs < 768 */
@media screen and (max-width: 767px) {
	button.clipboard-btn{
		font-size: 1.5rem;
		padding: 5px;	}
}


.alert-warning{
	font-family: 'samson', monospace;
	background-color: #ff0000;
	color: #000000;
	border: none;
}

.alert {
	border-radius: 0px;
}

.alert-warning ul{
	list-style: none;
}

table.table-hover.full-width {
	width: 100%;
}

table.table-hover.full-width td, table.table-hover.full-width th{
	padding: 10px;
}

table.table-hover.full-width th{
	font-weight: bold;
	font-size: 1.0em;
	background-color: transparent;
}

table.table-hover.full-width thead tr{
	background-color: transparent;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	/*font-family: inherit;
	font-size: inherit;*/
}

.form-control {
	font-size: 14px !important;
}

.form-group input[type="date"]{
	width: 100%;
	color: #555;
	font-size: 14px;
	padding: 6px 12px;
}

.table-padded th{
	font-weight: normal;
	padding: 10px;
	background-color: #000000;
	text-align: center;
}

.table-padded td{
	padding: 10px;
	color: #ccc;
}

p.body-copy{
	color: #999;
}

ul.body-copy{
	margin-left: 2em;
	list-style-type: square;
	font-size: initial;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

ul.body-copy li{
	margin-bottom: 0.25em;
	font-size: initial;
	color: #ddd;
}

#rev_slider_1078_1_forcefullwidth{
	position: relative;
}

#rev_slider_1078_1_forcefullwidth:after{
	content  : "";
	position : absolute;
	z-index  : 0;
	bottom   : 0;
	left     : 0;
	pointer-events   : none;
	background-image : linear-gradient(to bottom,
	rgba(13,13,13, 0),
	rgba(13,13,13, 1) 90%);
	width    : 100%;
	height   : 4em;
}

.clickElement { cursor:pointer }

.treasure_house_box{
	cursor: pointer;
}

.treasure_house_item{
	width: 125px;
	height: 125px;
	margin-top: 35px;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	.col-treasurehouse{
		text-align: center;
	}
}




section.questions h4::before {
	content:"";
	display:block;
	height:70px; /* fixed header height*/
	margin:-70px 0 0; /* negative fixed header height */
}

img.faq_icon{
	width: 35px;
	height: 35px;
	margin-right: 10px;
}

ul.no-list-style{
	list-style: none;
}

img.inline_icon, img.inline_icon_{
	width: 25px;
	height: 25px;
	margin-top: -3px;
	margin-left: 3px;
	margin-right: 3px;
}

img.inline_icon_no_edge {
	width: 14px;
	height: 25px;
	margin-top: -3px;
	margin-left: 3px;
	margin-right: 3px;
}

img.inline_icon_narrow{
	width: 25px;
	height: 25px;
	margin-top: -3px;
	margin-left: -2px;
	margin-right: -2px;
}

img.inline_icon_small{
	width: 15px;
    height: 17px;
    margin-top: -3px;
    margin-left: -2px;
    margin-right: 0px;
}

img.inline_icon_large{
	width: 30px;
	height: 30px;
	margin-top: -3px;
	margin-left: 3px;
	margin-right: 3px;
}

.profile_avatar{
	padding-left:10px;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	.profile_avatar{
		padding-left:0px;
		padding-bottom: 20px;
	}
}

.giveaway-time{
	color: #717171;
	font-size: 1.3rem;
	display: block;
}

.cart-svg{
	fill: #ffffff;
}

.key_container{
	float: left;
	padding: 10px 20px;
}

.key_entry, .key_entry_grey, .key_entry_avatar, .key_entry_closed{
	height: 70px;
	width: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.key_entry_avatar_inner{
	width: 80%;
	height: 80%;
}

.key_entry{
	background-image: url('../img/icons/key_unopened.png');
}

.key_entry:hover{
	background-image: url('../img/icons/key_unopened_hover.png');
}

.key_entry_closed{
	background-image: url('../img/icons/key_unopened.png');
	cursor: not-allowed;
}

.key_entry_grey{
	background-image: url('../img/icons/key_opened.png');
	cursor: not-allowed;
}

.keyfarm_sign{
	background-image: url('../img/ui/wood_sign.png');
	background-size: cover;
	width: 450px;
	height: 150px;
	display: block;
	margin: 2em auto 2em auto;
}

h2.keyfarm_sign_text {
	color: #30240e;
	padding-top: 30px;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	.keyfarm_sign{
		width: 225px;
		height: 75px;
	}

	h2.keyfarm_sign_text{
		font-size: 1.1em;
		padding-top: 17px;
	}
}

.navbar-header, .navbar-float-element{
	height: 50px;
}

.navbar-float-element{
	float: left;
}

.navbar-float-vertical-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.bouncer_keyfarm, .bouncer_treasurehouse{
	position: absolute;
}

.keyfarm_cover{
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	font-size: 15em;
	opacity: .8;
	pointer-events:none;
}

.keyfarm_key_preview{
	position: absolute;
	float: left;
	left: 0;
	bottom: 0;
	z-index: 1;
	padding: 20px;
}

.keyfarm_key_preview > img{
	padding: 0px 3px;
}

.keyfarm_key_preview > img.key_opened{
	opacity: .5;
}

/* xs < 768 */
@media screen and (max-width: 1024px) {
	.keyfarm_cover{
		font-size: 10em;
	}
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	.keyfarm_cover{
		font-size: 6em;
	}
}


/* xs < 768 */
@media screen and (max-width: 480px) {
	.keyfarm_cover{
		font-size: 3em;
	}

	.keyfarm_key_preview{
		padding: 5px;
	}
}


.keyfarm_img{
	position: relative;
	float: left;
}

.navbar-icon{
	width: 26px;
}

.treasure_house_clock_navbar {
	font-size: 1.3rem!important;
	font-family: 'samson';
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	.treasure_house_clock_navbar {
		margin-left: 35px!important;
	}
}

.white{
	color: #ffffff;
}

.strike{
	text-decoration: line-through;
}

/* xs < 768 */
@media screen and (max-width: 767px) {
	table.table-purchase-history, table.table-purchase-history th, table.table-purchase-history tr, table.table-purchase-history td, table.table-purchase-history tbody {
		display: block;
	}

	table.table-purchase-history thead tr{
		position: absolute;
		top: -99999px;
		left: -99999px;
	}

	table.table-purchase-history td	{
		position: relative;
		padding-left: 50%!important;
		display: block;
		text-align: left;
		border-bottom: 2px solid #080808;
	}

	table.table-purchase-history td:before{
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		padding-left: 5px;
		white-space: nowrap;
		font-weight: bold;
		text-align: left;
	}

	table.table-purchase-history tr{
		border-bottom: 2px solid #00ff00;
	}

	table.table-purchase-history tr:hover td{
		border-bottom: 2px solid #010101;
	}

	table.table-purchase-history td:nth-of-type(1):before{
		content: "Date";
	}

	table.table-purchase-history td:nth-of-type(2):before{
		content: "Games";
	}

	table.table-purchase-history td:nth-of-type(3):before{
		content: "Item Used";
	}

	table.table-purchase-history td:nth-of-type(4):before{
		content: "Power-up Used";
	}

	table.table-purchase-history td:nth-of-type(5):before{
		content: "XP Earned";
	}

	table.table-purchase-history td:nth-of-type(6):before{
		content: "Bonus XP";
	}

	table.table-purchase-history td:nth-of-type(7):before{
		content: "Tokens Earned";
	}

	table.table-purchase-history td:nth-of-type(8):before{
		content: "Discount";
	}

	table.table-purchase-history td:nth-of-type(9):before{
		content: "Total (USD)";
	}

	table.table-purchase-history td:nth-of-type(10):before{
		content: "Status";
	}


}

navbartab a {
	color: white;
}

li.nav_bar_separator{
	border-top: 3px solid #232323;
	margin-top: 10px;
	padding-top: 5px;
	margin-right: 15px;
}

.logbook_header{
	width: 50px;
	height: 50px;
	margin-left: -5px;
	margin-right: 10px;
	margin-top: -10px;
}

.logbook-timestamp{
	font-size: 0.85em;
	margin-left: 0px;
	margin-top: 6px;
	display: block;
	color: #4e4e4e;
}

.logbook-table{
	width: 100%;
}

.logbook-table td{
	padding: 10px;
	padding-left: 0px;
}

.logbook-table tr{
	border-bottom: 1px solid #232323;
}

.logbook-table tr:last-child{
	border-bottom: 0px;
}

.logbook-table tr:nth-child(odd), .logbook-table tr:nth-child(even){
	background-color: transparent;
}

.row.match-my-cols {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	flex-wrap: wrap;
}
.row.match-my-cols > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.vertical-center-parent {
	display: flex;
	justify-content: center;
	align-items: center;
}

table.phpdebugbar-widgets-params tr:nth-child(even){
	background-color: inherit;
}

table.phpdebugbar-widgets-params tr:nth-child(odd){
	background-color: inherit;
}

.hidden {
	opacity:0;
}

.console-underscore {
	display: inline-block;
	position: relative;
	top: 1px;
	left: 2px;
	height: 12px;
	border-left: 9px solid white;
}

/* Credit: https://stackoverflow.com/a/28200097/107459 */

.row-bottom-align {
	font-size: 0;
}
.row-bottom-align > * {
	float: none;
	display: inline-block;
	font-size: 14px; /* if using LESS it's quicker to just use @font-size-base */
}
.row-bottom-align > *:last-child {
	vertical-align: bottom;
}
.row-bottom-align p:last-child {
	margin-bottom: 0; /* optional */
}

.no-script-banner{
	height: 100%
}

.no-js-alert{
	font-size: 1em;
	padding: 8px;
}

@keyframes highlight_key {
	0% {
		box-shadow: 0 0 12px #9ecaed;
	}
	100% {
		box-shadow: none;
	}
}

.highlight_key {
	animation: highlight_key 3s;
}

body.preload *{
	animation-duration: 0s !important;
	-webkit-animation-duration: 0s !important;
	transition:background-color 0s, opacity 0s, color 0s, width 0s, height 0s, padding 0s, margin 0s !important;
}

.collectionCategoryHeader h3{
	font-size: 3em;
	margin-bottom: 0px;
}

.collectionCategoryHeader{
	padding: 30px;
}

.cookieinfo{
	background: #00ff00 !important;
	color: #000000 !important;
	font-family: 'samson' !important;
}

.cookieinfo a{
	color: white !important;
}

.cookieinfo a:hover{
	text-decoration: underline !important;
}

.cookieinfo-close{
	background: #ffffff !important;
	border-radius: 0px !important;
	font-family: 'samson' !important;
}

#inventoryBoxMailbox{
	height: 220px;
}

.inventoryItemChosenBox{
	border: 2px solid rgba(0,255,0,1.00);
	height: 120px;
	width: 120px;
	padding: 0.6em;
}

.inventoryItemChosenBoxWrapper{
	height: 120px;
}

.inventoryItemChosenBoxLine{
	width: 2px;
	height: 3vh;
	margin-left: 60px;
	background-color: rgba(0,255,0,1.00);
}

@media screen and (max-width: 767px) {

	.inventoryItemChosenBox{
		height: 50px;
		width: 50px;
		padding: 0.3em;
	}

	.inventoryItemChosenBoxWrapper{
		height: 50px;
	}

	.inventoryItemChosenBoxLine{
		margin-left: 25px;
	}
}

.lowOpacity{
	opacity: 0.2;
}

.g-recaptcha {
	transform:scale(1.1);
	transform-origin:0 0;
}

@media screen and (max-width: 767px) {
	.g-recaptcha {
		transform:scale(1.0);
		transform-origin:0 0;
	}
}

.powerup-hud-display{
	position: absolute;
	width: 20px;
	left: 37px;
	bottom: 6px;
	filter: drop-shadow(1px 1px 1px rgba(0,0,0,1));
}

.game-box-token-font{
	font-size:0.7em;
	line-height: 1em;
}

.get-tokens{
	font-size: 1.2rem;
	margin-left: 15px;
	line-height: 0px;
	padding-top: 3px;
}

#token_icon_no_edge{
	width: 14px;
	height: 25px;	
}

.error-block{
	color: #000000;
	background-color: #ff0000;
	font-family: 'samson', Fallback, sans-serif;
	font-size: 1.4rem;
	padding: 20px;
}

.token_cart_buy_header{
	padding-top: 1em;
	text-align: left;
}

.token_cart_sub_header{
	margin-bottom: 1em;
}

.itemboxverticalline {
	width: 2px;
	height: 20px;
	margin: 0 auto;
	background-color:rgba(0,255,0,1.00)
}

.itembox {
	border: 2px solid rgba(0,255,0,1.00);
	height: 6em;
	width: 6em;
	padding: 0.6em;
	margin: 0 auto;
}

.token_cart_center{
	display: flex;
	justify-content: center;
	align-items: center;
}

.token_cart_large{
	font-size: 24px;
}

.token_cart_stock_info{
	margin-top: 5px;
	margin-bottom: 0px;
}

.token_cart_buy_success{
	margin-top: 20px;
}

.token_cart_margin_bottom{
	margin-bottom:20px;
}

.token_cart_margin_bottom_extra{
	margin-bottom:30px;
}

.float_left{
	float: left;
}

.float_right{
	float: right;
}

.ui-progressbar{
	background-color: #00000029;
	height: 10px;
}

.ui-widget.ui-widget-content{
	border: none;
}

.ui-progressbar .ui-progressbar-value{
	margin: 0px;
}

.ui-widget-header{
	border: 0px;
	background: white;
}

.game-box-add-to-cart-market>a{
	display: inline-block;
	padding: 5px 7px;
}

input::placeholder{
	font-family: 'samson', Fallback, sans-serif;
}

.token_buy_input{
	background: url('../img/icons/token_icon.png') no-repeat scroll 2px 3px;
	background-repeat: no-repeat;
	text-align: right;
	width: 72px;
}