@font-face {
	font-family: Larken-Black;
	src: url("Larken-Black.ttf") format("truetype");
		 url("Larken-Black.otf") format("truetype");
		 url("Larken-Black.woff") format("truetype");
  }
  body {
	font-family: Larken-Black;
	background: #fff;
	color: #666;
   -webkit-font-smoothing: antialiased; 
   background-image: url('age-gate-bg.jpg');
  }



h1 {
	font-family: Larken-Black;
	font-size: 23px;
	color: #fff;
}
h2 {
	font-family: Larken-Black;
	font-size: 28px;
	color: #c1c1c1;
}
h3 {
	font-family: Larken-Black;
	font-size: 28px;
	color: #2d3033;
	font-weight: 300;
}
h4 {
	font-size: 22px;
	color: #2d3033;
	font-weight: 400;
	font-family: Larken-Black;
}
h5 {
	font-family: Larken-Black;
	font-size: 14px;
	color: #2d3033;
	font-weight: 700;
}
p {
	font-family: Larken-Black;
	font-size: 14px;
	line-height: 22.4px;
	color:
	 #6c7279;
}
.text-center {
	text-align:center;
}
.red {
	color:#ff4c34;
}

/* ------------------------------------------------------------------------------
	Pre Loader Style
-------------------------------------------------------------------------------*/
.js div#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #161618 url('../images/loader.gif') no-repeat center center;
}


/* ------------------------------------------------------------------------------
	Access Box Style
-------------------------------------------------------------------------------*/
#accessbox {
	max-width: 55%;
	background-color: #192d3c;
	padding: 5%;
	margin: 10% auto;
	-moz-animation-delay: 5s;
	-o-animation-delay: 5s;
	-webkit-animation-delay: 5s;
	overflow: hidden;
	opacity: 1 !important;
	font-family: Larken-Black;
}
.profile-img {
	width: 250px;
	margin: 0 auto 25px;
	display: block;
}
.access-form {
	margin-top:5%;
	font-family: Larken-Black;
	text-align: center;
}
.access-input {
	width: 20%;
	background: #000;
	color: #fff;
	padding: 1% 2%;
	text-align: center;
	margin: 1%;
	font-size: 27px;
	font-family: Larken-Black;
}
.access-input-lg {
	width: 25%;
	background: #000;
	color: #fff;
	padding: 1% 2%;
	text-align: center;
	margin: 1%;
	font-size: 27px;
	font-family: Larken-Black;
	text-align: center
}

.access-btn {
	background: #44535E;
	color: #fff;
	padding: 1% 2%;
	margin: 1%;
	border: #44535E 2px solid;
	font-size: 27px;
	font-family: Larken-Black;
	text-align: center;
}
.access-btn:hover, .access-btn:focus {
	background-color: #4d5f6b;
	border: #4d5f6b 2px solid;
	color: #fff;
}