/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

html,body {
	margin:0;
	padding:0;
}

body {
	background:#000;
	color:#fff;
	overflow-y:scroll;
	overflow-x:hidden;
	font-family:'Montserrat',sans-serif;
}

.ie7 body {
	overflow:hidden;
}

.clr {
	clear:both;
}

#grad {
	background-image:url(../images/grad.png);
	position:absolute;
	width:100%;
	height:150px;
	bottom:0;
	right:0;
}

#lgo {
	width:320px;
	height:79px;
	margin:0 auto;
}

#footer {
	margin-left:auto;
	margin-bottom:20px;
	margin-right:auto;
	margin-top:6px;
	display:none;
	text-align:center;
}

#footer2 {
	margin:0 auto;
	margin-top:10px;
	text-align:center;
}

#footer ul li {
	display:inline;
	font-style:normal;
	letter-spacing:.2ex;
	font-weight:400;
	font-family:'Montserrat',sans-serif;
	color:#fff;
	font-size:1em;
	padding:0 2px;
	text-decoration:none;
}

#footer li a {
	color:#fff;
	text-decoration:none;
	text-shadow:0 0 10px #FFFFFF,0 0 20px #2685bc,0 0 30px #2685bc;
	padding:3px;
}

#footer li a:hover {
	text-shadow:0 0 5px #FFFFFF,0 0 10px #FFFFFF,0 0 20px #FFFFFF,0 0 30px #2685bc,0 0 40px #2685bc;
}

#footer2 ul li {
	display:inline;
	font-style:normal;
	font-weight:400;
	font-family:'Montserrat',sans-serif;
	color:#fff;
	font-size:1.8em;
	padding:0 3px;
	text-decoration:none;
}

#footer2 li a {
	color:#fff;
	text-decoration:none;
	text-shadow:0 0 10px #2685bc;
	padding:3px;
}

#footer2 li a:hover {
	text-shadow:0 0 10px #FFFFFF,0 0 20px #2685bc,0 0 30px #2685bc;
}

#trenner {
	display:none;
	width:300px;
	border-top:solid 1px;
	margin:0 auto;
	margin-top:11px;
	border-color:#fff;
	box-shadow:0 0 5px #FFFFFF,0 0 10px #FFFFFF,0 0 40px #2685bc;
}

.overlay-hugeinc {
	opacity:0;
	visibility:hidden;
	transition:opacity 0.5s,visibility 0 .5s;
}

.overlay-hugeinc.open {
	opacity:1;
	visibility:visible;
	transition:opacity .5s;
}

.overlay-hugeinc nav {
	perspective:1200px;
}

.overlay-hugeinc nav ul {
	opacity:.4;
	transform:translateY(-25%) rotateX(35deg);
	transition:transform 0.5s,opacity .5s;
}

.overlay-hugeinc.open nav ul {
	opacity:1;
	transform:rotateX(0deg);
}

.overlay-hugeinc.close nav ul {
	transform:translateY(25%) rotateX(-35deg);
}

/* header */
.header {
	position:absolute;
	width:100%;
	z-index:3;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.navigation {
	overflow:hidden;
}

.navigation ul {
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}

.navigation .btn .menu {
	display:none;
	color:#fff;
}

.navigation .btn:hover .menu {
	display:block;
	color:#000;
}

.navigation li a {
	font-style:normal;
	font-weight:400;
	text-transform:uppercase;
	padding-right:30px;
	padding-bottom:10px;
	padding-top:10px;
	color:#fff;
	font-size:1.1em;
	text-decoration:none;
	color:#fff;
	display:block;
	text-decoration:none;
	text-align:right;
}

.navigation li a:hover {
	text-shadow:0 0 10px #FFFFFF,0 0 20px #2685bc,0 0 30px #2685bc;
}

.navigation .btn-link a:hover {
	background-color:#fff;
	color:rgba(38,133,188,0);
}

.navigation .logo {
	float:left;
}

.navigation .logo a {
	font-size:2em;
	padding:10px 20px;
}

.navigation .btn-link {
	font-size:4ex;
	color:#fff;
	text-decoration:none;
	text-shadow:0 0 10px #FFFFFF,0 0 20px #2685bc,0 0 30px #2685bc;
	padding:3px;
	float:right;
	padding:18px 30px;
}

.navigation .menu {
	clear:both;
	text-align:left;
	background:rgba(38,133,188,0.9);
}

.navigation .menu li a {
	border-bottom:1px solid #000;
}

@media (min-width: 640px) {
	#trenner {
		display:block;
	}
	
	#footer2 {
		margin-top:12px;
	}
	
	.navigation {
		margin:auto;
		max-width:1000px;
		overflow:hidden;
		display:none;
	}
	
	.navigation li {
		float:left;
	}
	
	.navigation li a {
		padding:20px 30px;
	}
	
	.navigation .btn .menu {
		display:block;
	}
	
	.navigation .btn-link {
		display:none;
	}
	
	#lgo {
		width:350px;
		height:86px;
		margin:0 auto;
		margin-bottom:0;
	}
	
	#footer {
		display:block;
		margin-bottom:10px;
	}
	
	#grad {
		height:220px;
	}
	
	#footer ul li {
		font-size:.8em;
	}
}

@media (min-width: 850px) {
	#lgo {
		width:500px;
		height:123px;
		margin:0 auto;
	}
	
	#footer {
		display:block;
		margin-bottom:15px;
	}
	
	#grad {
		height:250px;
	}
	
	#footer ul li {
		font-size:1em;
	}
}

.lines {
	width:100%;
	max-width:600px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom:1px solid #fff;
}

.downloads .button-primary {
	background-color:#fff;
	border-color:#fff;
	color:#2685bc;
}

.downloads .button-primary:hover {
	background-color:#2685bc;
	border-color:#fff;
	color:#fff;
}