@font-face {
	font-family: 'Max';
	src: 	url('../fonts/MaxLight.eot');
	src: 	local('☺'),
			url('../fonts/MaxLight.woff') format('woff'), url('../fonts/MaxLight.ttf') format('truetype');
	font-weight: 300;
}
@font-face {
	font-family: 'Max';
	src: 	url('../fonts/MaxLightLF.eot');
	src: 	local('☺'),
			url('../fonts/MaxLightLF.woff') format('woff'), url('../fonts/MaxLightLF.ttf') format('truetype');
	font-weight: 300;
}
body
{
	background: #1f1f1f url(../media/gradient-bg.png) repeat-x;
	font-family: 'Verdana';
}
.bold-caps
{
	color: #fff;
	font-family: 'Verdana';
	text-transform: uppercase;
	font-weight: bold;
}
.bold
{
	font-weight: bold;
}
.blue
{
	color: #4cb5f8;
}
a 		{ text-decoration: 	none !important;}
a:hover { color: 			#aadb59 !important;}
.clear 	{ clear: 			both;}
.pad-10 { padding: 			5px 0px 0px 15px;}
h1
{
	font-size: 20px;
	color: #fff;
	margin: 10px 0;
	color: #aadb59;
}
#language {
	margin-top: 5px;
}
#language li
{
	float: right;
	margin-left: 15px;
}
#language li.lang_active
{
	box-shadow: 0px 0px 5px #4cb5f8;
}
#top_spacer, #bottom_spacer
{
	position: absolute;
	height: 160px;
	left: 0;
	right: 0;
	z-index: 10;
}
#top_spacer
{
	top: 80px;
}
#center_spacer
{
	overflow: hidden;
	position: absolute;
	top: 240px;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../media/trackeye_roadmap.png) no-repeat;

}
	#gps1
	{
		left: 378px;
		top: 345px;
	}
	#gps2
	{
		left: 787px;
		top: 240px;
	}
	#gps3
	{
		left: 465px;
		top: 198px;
	}
	#gps4
	{
		left: 1450px;
		top: 64px;
	}
	#gps5
	{
		left: 10px;
		top: 15px;
	}
	#gps6
	{
		left: 1500px;
		top: 300px;
	}
	#eye_spacer
	{
		position: absolute;
		width: 940px;
		top: 0;
		left: 50%;
		margin-left: -470px;
		bottom: 240px;

		z-index: 100;
	}
	#eye_wrapper {
		position: absolute;
		width: 494px;
		top: 50%;
		left: 50%;
		margin: -150px 0 0 -247px;
		height: 300px;

	}
		#eye
		{
			position: absolute;
			width: 494px;
		}
			#eye_lid
			{
				position: absolute;
				top: 28px;
				left: 27px;
				width: 428px;
			}
			#eye_conture
			{
				position: absolute;
				width: 494px;
			}
			#eye_zoom
			{
				position: absolute;
				height: 40px;
				width: 40px;
				border-radius: 25px;
				background: #393939 url(../media/trackeye_backend.jpg) center center no-repeat;
				background-size: cover;
				z-index: 1000;
				display: none;
				overflow: hidden;
			}
			#eye_login
			{
				position: absolute;
				left: 50%;
				margin-left: -150px;
				bottom: 0;
				width: 290px;
				/*height: 50px;*/
				background: rgba(0,0,0,0.5);
				padding: 10px;
				border-radius: 10px;
			}
				#eye_login_msgbox
				{
					display: none;
					margin: 5px 0 0 0;
					font-size: 12px;
					color: #ff8c8c;
				}
				#eye_login input
				{
					width: 140px;
					height: 20px;
					line-height: 20px;
					font-size: 13px;
					border: none;
					box-sizing: border-box;
					float: left;
					margin-right: 10px;
					text-align: center;
				}
				#eye_login button
				{
					border: none;
					width: 80px;
					background: #4cb5f8;
					margin: 10px 0 0 0;
					text-transform: uppercase;
					font-weight: bold;
					cursor: pointer;
					height: 20px;
					line-height: 13px;
				}
				#eye_login button:hover
				{
					background: #aadb59;
				}
				#eye_login a {
					font-size: 11px;
					color: #4cb5f8;
				}
#bottom_spacer
{
	bottom: 80px;
	margin-bottom: 20px;
}
footer
{
	color: #eee;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	line-height: 16px;
	font-size: 11px;
}
.box-info
{
	margin-bottom: 20px;
	background: #4e4e4e;
	border-radius: 4px;
}
	.box-info a
	{
		color: #4cb5f8;
	}
	#trackeye_backend
	{
		height: 222px;
	}
	.box-content-wrap
	{
		padding: 10px;
	}
		.box-content-wrap h1 {
			color: #fff;
			font-size: 20px;
			font-family:'Max';
			margin-bottom: 20px;
		}
		.box-content-wrap img {
			float: left;
			margin-right: 10px;
		}
		.box-content-wrap p {
			font-size: 13px;
			color: #e8f0f6;
			line-height: 15px;
		}
	.box-heading
	{
		font-family: 'Max';
		height: 37px;
		line-height: 37px;
		color: #fff;
	}
.box-wrap
{
	padding: 10px;
	height: 110px;
	background: rgba(90,90,90,0.8);
	color: #eee;
	position: relative;
}
.box-wrap:hover
{
	background: rgba(120,120,120,0.8);
	cursor: pointer;
}
.box-wrap:hover .info-box-link
{
	color: #4cb5f8;
}
.box-wrap:hover .hl-first-letter
{
	color: #4cb5f8;
}
	.heading-highlight-medium
	{
		padding: 3px;
		font-size: 13px;
		margin-bottom: 10px;
		display: block;
		float: left;
		color: #393939;
		background: #4cb5f8;
		text-transform: uppercase;
		font-weight: bold;
	}
	.box-wrap p
	{
		font-family: 'Max';
		font-weight: 200;
		font-size: 20px;
		letter-spacing: 0px;
		line-height: 22px;
		-webkit-font-smoothing: subpixel-antialiased;
	}
		.hl-first-letter
		{
			color: #aadb59;
			font-weight: bold;
			font-size: 26px;
		}
		.info-box-link
		{
			font-size: 16px;
			position: absolute;
			bottom: 10px;
			left: 10px;
			padding: 5px;
			color: #aadb59;
			font-family: 'Max';
			font-weight: 200;
			letter-spacing: 0px;
			line-height: 22px;
			-webkit-font-smoothing: subpixel-antialiased;
		}
	#contact_form label
	{
		font-size: 13px;
		color: #fff;
	}
	#contact_form input[type=text]
	{
		border: none;
		height: 25px;
		line-height: 25px;
		padding-left: 5px;
		width: 100%;
		display: block;
		box-sizing: border-box;
		margin: 5px 0 10px 0;
	}
	#contact_form textarea
	{
		display: block;
		border: none;
		width: 100%;
		box-sizing: border-box;
		height: 160px;
		margin-top: 5px;
	}
	#contact_form_submit
	{
		border: none;
		background: #4cb5f8;
		margin: 10px 0 0 0;
		text-transform: uppercase;
		font-weight: bold;
		cursor: pointer;
		height: 20px;
		line-height: 13px;
	}
.faq-heading:after
{
	content: " ";
	display: block;
	clear: both;
}
.faq-arrow, .faq-heading-text
{
	float: left;
	color: #4cb5f8;
}
.faq-heading-text
{
	width: 420px;
}
.faq-arrow
{
	width: 15px;
}
#navigation {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 40px;
	background: #1f1f1f;
	box-shadow: 0px 0px 5px 2px #000;
}
	#navigation_wrapper
	{
		width: 960px;
		margin: 0 auto;
	}
		#navigation li {
			float: left;
		}
			#navigation a {
				display: block;
				height: 40px;
				line-height: 40px;
				padding: 0 10px;
				color: #4cb5f8;
			}

			#navigation a:hover {
				background: rgba(255,255,255,0.1);
			}
			#navigation a.active
			{
				background: rgba(255,255,255,0.1);
				color: #aadb59;
			}

#fadeout_overlay
{
	display: none;
	z-index: 10000;
	background: url(../media/bg_opacity_overlay.png);
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
	#forgot_password_wrap
	{
		display: none;
		background: #1f1f1f url(../media/gradient-bg.png) repeat-x;
		border-radius: 5px;
		border: 8px solid #8b8b8b;
		padding: 10px;
		width: 250px;
		margin: 100px auto;
	}
		#forgot_password_wrap p
		{
			font-size: 13px;
			color: #e8f0f6;
			line-height: 15px;
		}
		#forgot_password_wrap label
		{
			color: #fff;
			font-size: 13px;
			display: block;
		}
		#forgot_password_wrap input
		{
			height: 20px;
			line-height: 20px
			font-size: 14px;
			margin-top: 5px;
			border: none;
			width: 100%;
			box-sizing: border-box;
			display: block;
		}
		#forgot_password_wrap button
		{
			margin-top: 10px;
		}

#success
{
	position: fixed;
	width: 300px;
	top: 100px;
	left: 50%;
	margin-left: -150px;
	background: #1f1f1f url(../media/gradient-bg.png) repeat-x;
	border: 8px solid #bababa;
	border-radius: 10px;
	padding: 0 10px 10px 10px;
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	display: none;
}