html {
	//background-color: #000;
}

html body {
	-webkit-transition: opacity cubic-bezier(0.24, .8, .55, .94);
	-webkit-transition-delay: .2s;
	-moz-transition: opacity cubic-bezier(0.24, .8, .55, .94) .2s;
	-o-transition: opacity cubic-bezier(0.24, .8, .55, .94) .2s;
	transition: opacity cubic-bezier(0.24, .8, .55, .94) .2s;
	//opacity: 0;
	font-family: proxima-nova, helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
}

html body h1, html body h2, html body h3, html body h4, html body h5 {
	//font-family: ff-enzo-web, helvetica, arial, sans-serif;
	font-family: 'Open Sans', helvetica, arial, sans-serif;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 3em;
	letter-spacing: .05em;
}

html body h1 b, html body h2 b, html body h3 b, html body h4 b, html body h5 b {
	font-weight: 700;
}

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

html body ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

html body button {
    background-color: #fff
}

html body .button {
	-webkit-transition: cubic-bezier(0.24, .8, .55, .94) .2s;
	-moz-transition: cubic-bezier(0.24, .8, .55, .94) .2s;
	-o-transition: cubic-bezier(0.24, .8, .55, .94) .2s;
	transition: cubic-bezier(0.24, .8, .55, .94) .2s;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	color: #258aef;
	cursor: pointer;
	border: 3px solid #258aef;
	text-transform: uppercase;
	font-size: .65em;
	font-weight: 700;
	padding-top: .75em;
	padding-bottom: .75em;
	padding-left: 1.75em;
	padding-right: 1.75em;
	margin-top: 3em;
	margin-bottom: 0;
}

html body .button:hover {
	background-color: #258aef;
	color: #fff;
}

html body .button:hover a {
	color: #fff;
}

body {

}

body a {
	color: #258aef;
	text-decoration: none;
}

body a.active {
	color: #258aef;
}

body header, body footer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-transform: uppercase;
	font-weight: 700;
	vertical-align: bottom;
	//padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	color: #ddd;
}

body header {
	-webkit-transition: background-color cubic-bezier(0.24, .8, .55, .94);
	-webkit-transition-delay: .2s;
	-moz-transition: background-color cubic-bezier(0.24, .8, .55, .94) .2s;
	-o-transition: background-color cubic-bezier(0.24, .8, .55, .94) .2s;
	transition: background-color cubic-bezier(0.24, .8, .55, .94) .2s;
	position: fixed;
	width: 100%;
	height: 55px;
	font-size: 1em;
	z-index: 3;
}

body header a {
	color: gray;
	-webkit-transition: color cubic-bezier(0.24, .8, .55, .94);
	-webkit-transition-delay: .6s;
	-moz-transition: color cubic-bezier(0.24, .8, .55, .94) .6s;
	-o-transition: color cubic-bezier(0.24, .8, .55, .94) .6s;
	transition: color cubic-bezier(0.24, .8, .55, .94) .6s;
}

body header a:hover {
	color: #ddd;
}

body header>ul li {
	-webkit-transition: background-color cubic-bezier(0.24, .8, .55, .94);
	-webkit-transition-delay: .2s;
	-moz-transition: background-color cubic-bezier(0.24, .8, .55, .94) .2s;
	-o-transition: background-color cubic-bezier(0.24, .8, .55, .94) .2s;
	transition: background-color cubic-bezier(0.24, .8, .55, .94) .2s;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
}

body header>ul>li {
	float: right;
}

body header>ul>li:first-child {
	float: left;
}

body header>ul>li:not(:first-child) {
	margin: 21px 0 0 0;
}

body header>ul>li>ul>li:not(:first-child) {
	padding-left: 30px;
}

body header.underlay {
	background-color: #000;
	opacity: 0.8;
}

/*
body>header .menuBtn {
    display: none
}

body>header .menu {
    max-width: 25px;
    max-height: 25px;
    float: right;
    opacity: 1;
    -webkit-transition: opacity cubic-bezier(0.24, .8, .55, .94);
    -webkit-transition-delay: .35s;
    -moz-transition: opacity cubic-bezier(0.24, .8, .55, .94) .35s;
    -o-transition: opacity cubic-bezier(0.24, .8, .55, .94) .35s;
    transition: opacity cubic-bezier(0.24, .8, .55, .94) .35s
}

body>header .close {
    max-width: 25px;
    max-height: 25px;
    float: right;
    z-index: 300;
    margin-top: -25px !important;
    opacity: 0;
    -webkit-transition: opacity cubic-bezier(0.24, .8, .55, .94);
    -webkit-transition-delay: .35s;
    -moz-transition: opacity cubic-bezier(0.24, .8, .55, .94) .35s;
    -o-transition: opacity cubic-bezier(0.24, .8, .55, .94) .35s;
    transition: opacity cubic-bezier(0.24, .8, .55, .94) .35s
}

body>header ul li.menuBtn {
    margin-top: 5px
}
*/

body header .logo {
	margin: 15px 0 0 0;
	width: 176px;
	height: 24px;
	background: url(/assets/img/innohacker-logo.png) top left no-repeat;
	background-size: contain;
}

body footer {
	padding-top: 30px;
	font-size: .75em;
	background-color: #434343;
	height: 75px;
}

body footer a {
	color: #fff;
	-webkit-transition: color cubic-bezier(0.24, .8, .55, .94);
	-webkit-transition-delay: .2s;
	-moz-transition: color cubic-bezier(0.24, .8, .55, .94) .2s;
	-o-transition: color cubic-bezier(0.24, .8, .55, .94) .2s;
	transition: color cubic-bezier(0.24, .8, .55, .94) .2s;
}

body footer ul {
	float: none;
}

body footer ul li {
	float: left;
}

body footer ul li:not(:last-child) {
	padding-right: 20px;
}

body footer ul li:last-child {
	float: right;
}

body footer ul li.copyright {
	color: gray;
}

body section.main-content article {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	padding: 25px;
	font-size: 1.25em;
	font-weight: 400;
	display: none;
}

body section.main-content article:nth-child(even) {
	background-color: #ddd;
}

body section.main-content article h1 {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
	margin: auto;
	line-height: 1em;
	margin-top: .1em;
}

body section.main-content article h1 b {
	color: #2e90f2;
	letter-spacing: 0;
}

body section.main-content article p b a {
	//color: #fff;
}

body section.main-content article>div {
	//margin-top: 50px;
	padding-bottom: 76px;
}

body section.main-content article ul {
	max-width: 850px;
	margin: auto;
}

body section.main-content article ul li:not(:last-child):after {
	content: "";
	width: 75px;
	display: block;
	border-bottom: 2px solid #ccc;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
}

body section.main-content article ul li:first-child:after {
	margin-top: 1.5em;
}

body section.main-content article ul li p {
	line-height: 1.5em;
}

body section.main-content article ul li.page-title {
	text-transform: uppercase;
	font-size: .85em;
	font-weight: 700;
	color: #666;
}

body section.main-content article .scroll {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	margin: auto;
	margin-left: -25px;
	width: 100%;
	color: #258aef;
	text-transform: uppercase;
	font-size: .65em;
	font-weight: 700;
	cursor: pointer;
	//margin-top: -20px;
}

body section.main-content article .scroll i {
	width: 2.5em;
	height: 2.5em;
	font-size: 1.8em;
	padding: .7em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: .1em solid #258aef;
	display: block;
	margin: 0 auto .15em;
	background-size: 0;
	border-radius: 2.5em;
	transition-duration: .2s;
}

body section.main-content article .scroll i:hover {
	color: #fff;
	background-color: #258aef;
	border-color: #258aef;
	background-size: 100%;
}

/*!
  ** GENERATED FILE : DO NOT EDIT THIS FILE ! **
  deepmind v0.1.0 created at : 2014-02-20T12:06:41
  Google DeepMind - http://deepmind.com/
  2014 All rights reserved.
*/
@font-face {
    font-family: DM;
    src: url(fonts/DM.eot);
}

@font-face {
    font-family: DM;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAysAAAC8AAAAYGNtYXAaVcxYAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZvshAfsAAAFwAAAAjGhlYWQBQyZTAAAB/AAAADZoaGVhB78DxwAAAjQAAAAkaG10eAoAAAYAAAJYAAAAGGxvY2EAbgBGAAACcAAAAA5tYXhwAAgACAAAAoAAAAAgbmFtZU5kJZYAAAKgAAABDHBvc3QAAwAAAAADrAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAQPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYB//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQADAHwD/QMEAAUAACUBNwkBFwIA/gONAXABcI18Af2L/o8BcYsAAAEAAwB8A/0DBAAFAAABBwkBJwED/Y7+kf6PjAH8AQaKAXD+kIoB/gABAAAAAQAAMmXdB18PPPUACwQAAAAAAM8T8SkAAAAAzxPxKQAAAAAD/QMEAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAP9AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAgAAAAQAAAMEAAADAAAAAAAKABQAHgAyAEYAAAABAAAABgAGAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABAAAAAEAAAAAAAIADgAkAAEAAAAAAAMABAAaAAEAAAAAAAQABAAyAAEAAAAAAAUAFgAEAAEAAAAAAAYAAgAeAAEAAAAAAAoAKAA2AAMAAQQJAAEABAAAAAMAAQQJAAIADgAkAAMAAQQJAAMABAAaAAMAAQQJAAQABAAyAAMAAQQJAAUAFgAEAAMAAQQJAAYABAAgAAMAAQQJAAoAKAA2AEQATQBWAGUAcgBzAGkAbwBuACAAMQAuADAARABNRE0ARABNAFIAZQBnAHUAbABhAHIARABNAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAQcAAoAAAAAA9QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAMsAAADLZduPsk9TLzIAAAHAAAAAYAAAAGAOkgMrY21hcAAAAiAAAABMAAAATBpVzFhnYXNwAAACbAAAAAgAAAAIAAAAEGhlYWQAAAJ0AAAANgAAADYBQyZTaGhlYQAAAqwAAAAkAAAAJAe/A8dobXR4AAAC0AAAABgAAAAYCgAABm1heHAAAALoAAAABgAAAAYABlAAbmFtZQAAAvAAAAEMAAABDE5kJZZwb3N0AAAD/AAAACAAAAAgAAMAAAEABAQAAQEBA0RNAAECAAEAPvgcAvgbA/gYBB4KAAl2ViX/i4seCgAJdlYl/4uLDAeLS/qU+lQFHQAAAHEPHQAAAHYRHQAAAAkdAAAAwhIABwEBAwUHCQwRFkRNRE11MHUxdTIwdUU2MDB1RTYwMQAAAgGJAAQABgEBBAcKDShD/pQO/pQO/pQO/JQO+JT3EBX8kfiR9yL3HvgE/AT4BPgE9yL7HgUO+pH3mhX7Ivse/AT4BPwE/AT7Ivce+JH4kQUO+pQU+pQViwwKAAADBAABkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYBA8D/wP/AA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5gH//f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAnxNkxl8PPPUACwQAAAAAAM8T8SkAAAAAzxPxKQAAAAAD/QMEAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAP9AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAgAAAAQAAAMEAAADAABQAAAGAAAAAAAOAK4AAQAAAAAAAQAEAAAAAQAAAAAAAgAOACQAAQAAAAAAAwAEABoAAQAAAAAABAAEADIAAQAAAAAABQAWAAQAAQAAAAAABgACAB4AAQAAAAAACgAoADYAAwABBAkAAQAEAAAAAwABBAkAAgAOACQAAwABBAkAAwAEABoAAwABBAkABAAEADIAAwABBAkABQAWAAQAAwABBAkABgAEACAAAwABBAkACgAoADYARABNAFYAZQByAHMAaQBvAG4AIAAxAC4AMABEAE1ETQBEAE0AUgBlAGcAdQBsAGEAcgBEAE0ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format('woff');
    font-weight: 400;
    font-style: normal;
}

[class*=" icon-"], [class^=icon-] {
    font-family: DM;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-DownArrow:before {
    content: "\e600";
}

.icon-UpArrow:before {
    content: "\e601";
}