/* =============================================================================
   AGE GATE
   ========================================================================== */
#age-restricted {
	display:none;
	position:fixed;	
	z-index:1000;
	width:100%;
	height:100%;
	top: 0px;
	left: 0px;
	background-color:#000;
	font-family: 'helioscondbold', Arial, "Helvetica CY", Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:18px;
	background: #000;
}

#age-gate {
	position:relative;
	width:500px;
	margin:auto;
	margin-top:200px;
	padding:40px 20px;
	background: rgba(0,0,0,0.85);
	border: #333 1px solid;
	text-align: center;
}
#age-gate .ageclear {
	display:none;
}
#age-gate span {
	color: #fff;	
	padding: 0px 0px 18px 10px;
	display:inline-block;
}

#agegate-day,
#agegate-month,
#agegate-year {
	background: #e4e4e4;
	color: #333;
	margin-left: 10px;
	font-family: 'helioscondregular', Arial, "Helvetica CY", Helvetica, sans-serif;
	text-transform:uppercase;	
	padding: 5px;
}

#verify{
	display: inline-block;
	background:#685a29;	
	color: #fff;
	padding: 7px 50px;
	font-family: 'helioscondbold', Arial, "Helvetica CY", Helvetica, sans-serif;
	text-transform:uppercase;	
	margin-top:10px;
	border: none;
}

#verify:hover {
	background: #988952;
	color:#000;
}

#age-sorry {
	position:relative;
	width:400px;
	margin:auto;
	margin-top:200px;
	padding:40px;
	background: rgba(0,0,0,0.85);
	border: #333 1px solid;	
	line-height:24px;
}
#age-sorry b {
	color:#988952;
}

#agegate-footer {
	font-size: 10px;
	max-width: 1000px;
	width: 100%;
	margin: 150px auto 50px auto;
}
#agegate-logos {
	position:relative;
	float: left; 
	width:100%;
	padding:15px;	
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	text-align: center;
}
#agegate-logos div {
	display: inline-block;
	position: relative;
	height:auto; 
}
#agegate-logos .logo img {
	width:auto;
}
#agegate-cyanide,
#agegate-focus,
#agegate-pc,
#agegate-ps4,
#agegate-xone,
#agegate-unreal, 
#agegate-esrb {
	margin-left: 1.5%;
	margin-right: 1.5%;
}
#agegate-copyright {
	float: left;
	width:100%;
	padding:0px 60px 0px 60px;	
	text-align:center;
	color: rgba(255, 255, 255, 0.3);
	font-size: 10px;
	line-height:1.8em;	
}

/* =============================================================================
   MEDIA QUERIES 
   ========================================================================== */
@media screen and (min-width: 521px) {
	#age-restricted {
		background: #000 url(../img/agegate_back.jpg)top center no-repeat;
	}
}	 
@media screen and (max-width: 520px) {
	#age-restricted {
		background: #000 url(../img/agegate_back_mobile.jpg)top center no-repeat;
	}
	#age-gate, #age-sorry {
		margin-top:170px;
		padding:20px;
		width:80%;
	}
	#age-gate .ageclear {
		display:block;
	}
}