/*  =========================== */
/*  =========================== */
/*								*/
/*		1. CSS RESET			*/
/*		2. GLOBAL				*/
/*		3. HEADER				*/
/*		4. FOOTER				*/
/*		5. CONTENT				*/
/*		6. SCRIPTS				*/
/*		7. RESPONSIVE			*/
/*		8. ICONS				*/
/*								*/
/*  =========================== */
/*  =========================== */



/* ================ */
/* ! 1. CSS RESET   */
/* ================ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ============= */
/* ! 2. GLOBAL   */
/* ============= */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body, input, textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
}
.wrapper {
	width: ;
	margin: 0 auto;
	overflow: auto;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.left {
	float: left;
}
.right {
	float: right;
}
.full {
	width: 100%;
}
.half {
	width: 50%;
}


/* ============= */
/* ! 3. HEADER   */
/* ============= */


/* ============= */
/* ! 4. FOOTER   */
/* ============= */


/* ============== */
/* ! 5. CONTENT   */
/* ============== */

main {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
	height: 100vh;
	text-align: center;
}
main div {
	width: 100%;
}
main #logo {
	display: inline-block;
	width: 320px;
	margin: 0 0 100px;
}
main span {
	display: block;
	margin: 0 0 40px;
	color: #888;
	font-size: 14px;
}
main ul {
	width: 100%;
	padding: 20px;
	font-size: 0;
	text-align: center;
	overflow: auto;
}
main ul li {
	display: inline-block;
}
main ul li a {
	position: relative;
	display: inline-block;
	width: 120px;
	height: 120px;
}
main ul li a img {
	float: left;
	width: 80px;
	height: auto;
	margin: 20px;
	-webkit-transition: margin 0.2s ease-out; -moz-transition: margin 0.2s ease-out; -o-transition: margin 0.2s ease-out;
}
main ul li a img:hover {
	margin-top: 5px;
}

/* ============== */
/* ! 6. SCRIPTS   */
/* ============== */


/* ================== */
/* ! 7. RESPSONSIVE   */
/* ================== */

@media screen and (max-width: 1024px) {
	
}


/* ============ */
/* ! 8. ICONS   */
/* ============ */

@font-face {
	font-family: 'Icons';
	src: url('../fonts/icons.eot?88009503');
	src: url('../fonts/icons.eot?88009503#iefix') format('embedded-opentype'),
		url('../fonts/icons.woff?88009503') format('woff'),
		url('../fonts/icons.ttf?88009503') format('truetype'),
		url('../fonts/icons.svg?88009503#icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	font-family: "Icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
}
.icon-note:before { content: '\e80c'; }
.icon-logo-db:before { content: '\e90f'; }
.icon-music:before { content: '\e80e'; }
.icon-search:before { content: '\ea80'; }
.icon-flashlight:before { content: '\ea81'; }
.icon-mail:before { content: '\ea82'; }
.icon-heart:before { content: '\e800'; }
.icon-heart-empty:before { content: '\e801'; }
.icon-star:before { content: '\e802'; }
.icon-star-empty:before { content: '\e80f'; }
.icon-user:before { content: '\e810'; }
.icon-users:before { content: '\e811'; }
.icon-user-add:before { content: '\e812'; }
.icon-video:before { content: '\e813'; }
.icon-picture:before { content: '\e814'; }
.icon-camera:before { content: '\e815'; }
.icon-layout:before { content: '\e816'; }
.icon-menu:before { content: '\e817'; }
.icon-check:before { content: '\e818'; }
.icon-cancel:before { content: '\e819'; }
.icon-cancel-circled:before { content: '\e81a'; }
.icon-cancel-squared:before { content: '\e81b'; }
.icon-plus:before { content: '\e81c'; }
.icon-plus-circled:before { content: '\ea85'; }
.icon-plus-squared:before { content: '\ea84'; }
.icon-minus:before { content: '\ea83'; }
.icon-minus-circled:before { content: '\e803'; }
.icon-minus-squared:before { content: '\e804'; }
.icon-help:before { content: '\e805'; }
.icon-help-circled:before { content: '\e81d'; }
.icon-info:before { content: '\e81e'; }
.icon-info-circled:before { content: '\e81f'; }
.icon-back:before { content: '\e820'; }
.icon-home:before { content: '\e821'; }
.icon-link:before { content: '\e822'; }
.icon-attach:before { content: '\e823'; }
.icon-lock:before { content: '\e824'; }
.icon-lock-open:before { content: '\e825'; }
.icon-eye:before { content: '\e826'; }
.icon-tag:before { content: '\e827'; }
.icon-bookmark:before { content: '\ea8a'; }
.icon-bookmarks:before { content: '\ea89'; }
.icon-flag:before { content: '\ea8b'; }
.icon-thumbs-up:before { content: '\ea88'; }
.icon-thumbs-down:before { content: '\ea87'; }
.icon-download:before { content: '\ea86'; }
.icon-upload:before { content: '\e806'; }
.icon-upload-cloud:before { content: '\e807'; }
.icon-reply:before { content: '\e808'; }
.icon-reply-all:before { content: '\e809'; }
.icon-forward:before { content: '\e80a'; }
.icon-quote:before { content: '\e80b'; }
.icon-code:before { content: '\e828'; }
.icon-export:before { content: '\e829'; }
.icon-pencil:before { content: '\e82a'; }
.icon-feather:before { content: '\e82b'; }
.icon-print:before { content: '\e82c'; }
.icon-retweet:before { content: '\e82d'; }
.icon-keyboard:before { content: '\e82e'; }
.icon-comment:before { content: '\e82f'; }
.icon-chat:before { content: '\e830'; }
.icon-bell:before { content: '\e831'; }
.icon-attention:before { content: '\e832'; }
.icon-alert:before { content: '\e833'; }
.icon-vcard:before { content: '\e834'; }
.icon-address:before { content: '\e835'; }
.icon-location:before { content: '\e836'; }
.icon-map:before { content: '\e837'; }
.icon-direction:before { content: '\e838'; }
.icon-compass:before { content: '\e839'; }
.icon-cup:before { content: '\e83a'; }
.icon-trash:before { content: '\e83b'; }
.icon-doc:before { content: '\e83c'; }
.icon-docs:before { content: '\e83d'; }
.icon-doc-landscape:before { content: '\e83e'; }
.icon-doc-text:before { content: '\e83f'; }
.icon-doc-text-inv:before { content: '\e840'; }
.icon-newspaper:before { content: '\e841'; }
.icon-book-open:before { content: '\e842'; }
.icon-book:before { content: '\e843'; }
.icon-folder:before { content: '\e844'; }
.icon-archive:before { content: '\e845'; }
.icon-box:before { content: '\e846'; }
.icon-rss:before { content: '\e847'; }
.icon-phone:before { content: '\e848'; }
.icon-cog:before { content: '\e849'; }
.icon-tools:before { content: '\e84a'; }
.icon-share:before { content: '\e84b'; }
.icon-shareable:before { content: '\e84c'; }
.icon-basket:before { content: '\e84d'; }
.icon-bag:before { content: '\e84e'; }
.icon-calendar:before { content: '\e84f'; }
.icon-login:before { content: '\e850'; }
.icon-logout:before { content: '\e851'; }
.icon-mic:before { content: '\e852'; }
.icon-mute:before { content: '\e853'; }
.icon-sound:before { content: '\e854'; }
.icon-volume:before { content: '\e855'; }
.icon-clock:before { content: '\e856'; }
.icon-hourglass:before { content: '\e857'; }
.icon-lamp:before { content: '\e858'; }
.icon-light-down:before { content: '\e859'; }
.icon-light-up:before { content: '\e85a'; }
.icon-adjust:before { content: '\e85b'; }
.icon-block:before { content: '\e85c'; }
.icon-resize-full:before { content: '\e85d'; }
.icon-resize-small:before { content: '\e85e'; }
.icon-popup:before { content: '\e85f'; }
.icon-publish:before { content: '\e860'; }
.icon-window:before { content: '\e861'; }
.icon-arrow-combo:before { content: '\e862'; }
.icon-down-circled:before { content: '\e863'; }
.icon-left-circled:before { content: '\e864'; }
.icon-right-circled:before { content: '\e865'; }
.icon-up-circled:before { content: '\e866'; }
.icon-down-open:before { content: '\e867'; }
.icon-left-open:before { content: '\e868'; }
.icon-right-open:before { content: '\e869'; }
.icon-up-open:before { content: '\e86a'; }
.icon-down-open-mini:before { content: '\e86b'; }
.icon-left-open-mini:before { content: '\e86c'; }
.icon-right-open-mini:before { content: '\e86d'; }
.icon-up-open-mini:before { content: '\e86e'; }
.icon-down-open-big:before { content: '\e86f'; }
.icon-left-open-big:before { content: '\e870'; }
.icon-right-open-big:before { content: '\e871'; }
.icon-up-open-big:before { content: '\e872'; }
.icon-down:before { content: '\e873'; }
.icon-left:before { content: '\e874'; }
.icon-right:before { content: '\e875'; }
.icon-up:before { content: '\e876'; }
.icon-down-dir:before { content: '\e877'; }
.icon-left-dir:before { content: '\e878'; }
.icon-right-dir:before { content: '\e879'; }
.icon-up-dir:before { content: '\e87a'; }
.icon-down-bold:before { content: '\e87b'; }
.icon-left-bold:before { content: '\e87c'; }
.icon-right-bold:before { content: '\e87d'; }
.icon-up-bold:before { content: '\e87e'; }
.icon-down-thin:before { content: '\e87f'; }
.icon-left-thin:before { content: '\e880'; }
.icon-right-thin:before { content: '\e881'; }
.icon-note-beamed:before { content: '\e80d'; }
.icon-ccw:before { content: '\e883'; }
.icon-cw:before { content: '\e884'; }
.icon-arrows-ccw:before { content: '\e885'; }
.icon-level-down:before { content: '\e886'; }
.icon-level-up:before { content: '\e887'; }
.icon-shuffle:before { content: '\e888'; }
.icon-loop:before { content: '\e889'; }
.icon-switch:before { content: '\e88a'; }
.icon-play:before { content: '\e88b'; }
.icon-stop:before { content: '\e88c'; }
.icon-pause:before { content: '\e88d'; }
.icon-record:before { content: '\e88e'; }
.icon-to-end:before { content: '\e88f'; }
.icon-to-start:before { content: '\e890'; }
.icon-fast-forward:before { content: '\e891'; }
.icon-fast-backward:before { content: '\e892'; }
.icon-progress-0:before { content: '\e893'; }
.icon-progress:before { content: '\e894'; }
.icon-progress-2:before { content: '\e895'; }
.icon-progress-3:before { content: '\e896'; }
.icon-target:before { content: '\e897'; }
.icon-palette:before { content: '\e898'; }
.icon-list:before { content: '\e899'; }
.icon-list-add:before { content: '\e89a'; }
.icon-signal:before { content: '\e89b'; }
.icon-trophy:before { content: '\e89c'; }
.icon-battery:before { content: '\e89d'; }
.icon-back-in-time:before { content: '\e89e'; }
.icon-monitor:before { content: '\e89f'; }
.icon-mobile:before { content: '\e8a0'; }
.icon-network:before { content: '\e8a1'; }
.icon-cd:before { content: '\e8a2'; }
.icon-inbox:before { content: '\e8a3'; }
.icon-install:before { content: '\e8a4'; }
.icon-globe:before { content: '\e8a5'; }
.icon-cloud:before { content: '\e8a6'; }
.icon-cloud-thunder:before { content: '\e8a7'; }
.icon-flash:before { content: '\e8a8'; }
.icon-moon:before { content: '\e8a9'; }
.icon-flight:before { content: '\e8aa'; }
.icon-paper-plane:before { content: '\e8ab'; }
.icon-leaf:before { content: '\e8ac'; }
.icon-lifebuoy:before { content: '\e8ad'; }
.icon-mouse:before { content: '\e8ae'; }
.icon-briefcase:before { content: '\e8af'; }
.icon-suitcase:before { content: '\e8b0'; }
.icon-dot:before { content: '\e8b1'; }
.icon-dot-2:before { content: '\e8b2'; }
.icon-dot-3:before { content: '\e8b3'; }
.icon-brush:before { content: '\e8b4'; }
.icon-magnet:before { content: '\e8b5'; }
.icon-infinity:before { content: '\e8b6'; }
.icon-erase:before { content: '\e8b7'; }
.icon-chart-pie:before { content: '\e8b8'; }
.icon-chart-line:before { content: '\e8b9'; }
.icon-chart-bar:before { content: '\e8ba'; }
.icon-chart-area:before { content: '\e8bb'; }
.icon-tape:before { content: '\e8bc'; }
.icon-graduation-cap:before { content: '\e8bd'; }
.icon-language:before { content: '\e8be'; }
.icon-ticket:before { content: '\e8bf'; }
.icon-water:before { content: '\e8c0'; }
.icon-droplet:before { content: '\e8c1'; }
.icon-air:before { content: '\e8c2'; }
.icon-credit-card:before { content: '\e8c3'; }
.icon-floppy:before { content: '\e8c4'; }
.icon-clipboard:before { content: '\e8c5'; }
.icon-megaphone:before { content: '\e8c6'; }
.icon-database:before { content: '\e8c7'; }
.icon-drive:before { content: '\e8c8'; }
.icon-bucket:before { content: '\e8c9'; }
.icon-thermometer:before { content: '\e8ca'; }
.icon-key:before { content: '\e8cb'; }
.icon-flow-cascade:before { content: '\e8cc'; }
.icon-flow-branch:before { content: '\e8cd'; }
.icon-flow-tree:before { content: '\e8ce'; }
.icon-flow-line:before { content: '\e8cf'; }
.icon-flow-parallel:before { content: '\e8d0'; }
.icon-rocket:before { content: '\e8d1'; }
.icon-gauge:before { content: '\e8d2'; }
.icon-traffic-cone:before { content: '\e8d3'; }
.icon-cc:before { content: '\e8d4'; }
.icon-cc-by:before { content: '\e8d5'; }
.icon-cc-nc:before { content: '\e8d6'; }
.icon-cc-nc-eu:before { content: '\e8d7'; }
.icon-cc-nc-jp:before { content: '\e8d8'; }
.icon-cc-sa:before { content: '\e8d9'; }
.icon-cc-nd:before { content: '\e8da'; }
.icon-cc-pd:before { content: '\e8db'; }
.icon-cc-zero:before { content: '\e8dc'; }
.icon-cc-share:before { content: '\e8dd'; }
.icon-cc-remix:before { content: '\e8de'; }
.icon-github:before { content: '\e8df'; }
.icon-github-circled:before { content: '\e8e0'; }
.icon-flickr:before { content: '\e8e1'; }
.icon-flickr-circled:before { content: '\e8e2'; }
.icon-vimeo:before { content: '\e8e3'; }
.icon-vimeo-circled:before { content: '\e8e4'; }
.icon-twitter:before { content: '\e8e5'; }
.icon-twitter-circled:before { content: '\e8e6'; }
.icon-facebook:before { content: '\e8e7'; }
.icon-facebook-circled:before { content: '\e8e8'; }
.icon-facebook-squared:before { content: '\e8e9'; }
.icon-gplus:before { content: '\e8ea'; }
.icon-gplus-circled:before { content: '\e8eb'; }
.icon-pinterest:before { content: '\e8ec'; }
.icon-pinterest-circled:before { content: '\e8ed'; }
.icon-tumblr:before { content: '\e8ee'; }
.icon-tumblr-circled:before { content: '\e8ef'; }
.icon-linkedin:before { content: '\e8f0'; }
.icon-linkedin-circled:before { content: '\e8f1'; }
.icon-dribbble:before { content: '\e8f2'; }
.icon-dribbble-circled:before { content: '\e8f3'; }
.icon-stumbleupon:before { content: '\e8f4'; }
.icon-stumbleupon-circled:before { content: '\e8f5'; }
.icon-lastfm:before { content: '\e8f6'; }
.icon-lastfm-circled:before { content: '\e8f7'; }
.icon-rdio:before { content: '\e8f8'; }
.icon-rdio-circled:before { content: '\e8f9'; }
.icon-spotify:before { content: '\e8fa'; }
.icon-spotify-circled:before { content: '\e8fb'; }
.icon-qq:before { content: '\e8fc'; }
.icon-instagram:before { content: '\e8fd'; }
.icon-dropbox:before { content: '\e8fe'; }
.icon-evernote:before { content: '\e8ff'; }
.icon-flattr:before { content: '\e900'; }
.icon-skype:before { content: '\e901'; }
.icon-skype-circled:before { content: '\e902'; }
.icon-renren:before { content: '\e903'; }
.icon-sina-weibo:before { content: '\e904'; }
.icon-paypal:before { content: '\e905'; }
.icon-picasa:before { content: '\e906'; }
.icon-soundcloud:before { content: '\e907'; }
.icon-mixi:before { content: '\e908'; }
.icon-behance:before { content: '\e909'; }
.icon-google-circles:before { content: '\e90a'; }
.icon-vkontakte:before { content: '\e90b'; }
.icon-smashing:before { content: '\e90c'; }
.icon-sweden:before { content: '\e90d'; }
.icon-db-shape:before { content: '\e90e'; }
.icon-up-thin:before { content: '\e882'; }