/* MY KINGDOM FOR A CSS PREPROCESSOR */
/* OLD SCHOOL! */



@font-face {
	font-family: 'Icomoon';
	src:url('../_fonts/icomoon.eot');
	src:url('../_fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../_fonts/icomoon.woff') format('woff'),
		url('../_fonts/icomoon.ttf') format('truetype'),
		url('../_fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * www.tdr-upoverdownunder.com
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2012
 */

@font-face {
    font-family: 'ReplicaRegular';
    src: url('../_fonts/lineto-replica-regular.eot');
    src: url('../_fonts/lineto-replica-regular.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/lineto-replica-regular.woff') format('woff'),
         url('../_fonts/lineto-replica-regular.ttf') format('truetype'),
         url('../_fonts/lineto-replica-regular.svg#ReplicaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ReplicaLight';
    src: url('../_fonts/lineto-replica-light.eot');
    src: url('../_fonts/lineto-replica-light.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/lineto-replica-light.woff') format('woff'),
         url('../_fonts/lineto-replica-light.ttf') format('truetype'),
         url('../_fonts/lineto-replica-light.svg#ReplicaLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* End Lineto Licence */



/*
** Icons
*/

[class^="icon-"]:before {
	font-family: 'Icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 120%;
}
.icon-facebook:before {
	content: "\66";
}
.icon-twitter:before {
	content: "\74";
}
.icon-arrow-right:before {
	content: "\2192\00a0";
	font-family: "Arial", "Helvetica", sans-serif;
}



/* 
** Mini reset 
** http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
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;
}




/* Hacks */
.animated {
	-webkit-transform: translateZ(0);
}

/* Clearer */
.clear {
	clear: both;
	border: 0 none;
	height: 0;
}
html, body {
	height: 100%;
	position: relative;
}


/* Utilities */
.hide { 
	position: absolute; 
	top: -9999em; 
	left: -9999em; 
}
.full {
	width: 100%;
	height: auto;
}


/* Custom text-selection colors */
::-moz-selection { 
	background: #cccccc; 
	color: #111111; 
	text-shadow: none; 
}
::selection { 
	background: #cccccc; 
	color: #111111; 
	text-shadow: none;
} 




/* 
** Layout 
*/


/* Body */
body {
	background: #231F20;
	padding: 2em 0 0 0;
}
.fixed {
	margin: 0 auto;
	width: 1280px;
}
.breakpoint-s .fixed {
	width: 90%;
}
.breakpoint-m .fixed {
	width: 580px;
}
.breakpoint-l .fixed {
	width: 860px;
}
.breakpoint-xl .fixed {
	width: 1280px;
}



/* 
** Typography 
*/

body {
	font-size: 1em;
	text-align: left;
	color: #839098;
	-webkit-font-smoothing: antialiased;
	font-family: 
		'Inconsolata',
		Consolas, 
		"Andale Mono WT", 
		"Andale Mono", 
		"Lucida Console", 
		"Lucida Sans Typewriter", 
		"DejaVu Sans Mono", 
		"Bitstream Vera Sans Mono", 
		"Liberation Mono", 
		"Nimbus Mono L", 
		Monaco, 
		"Courier New", 
		Courier, 
		monospace;
}


/* Headers */
.big-text {
	font-family: 'ReplicaRegular', 'Helvetica', Arial, sans-serif;
	font-size: 3em;
	line-height: 0.9em;
	letter-spacing: -0.02em;
	font-weight: normal;
	color: #839098;
	word-spacing: -0.1em;
}
.big-text i {
	font-family: 'ReplicaLight', 'Helvetica', Arial, sans-serif;
	font-style: normal;
}
.big-text i.trade {
	font-size: 80%;
	line-height: 80%;
	position: relative;
	bottom: 0.2em;
}
.big-text a {
	color: #839098;
}
.big-text a.hover {
	color: white;
}
.big-text sup {
	font-family: 'ReplicaLight', 'Helvetica', Arial, sans-serif;
	font-size: 80%;
}
.breakpoint-s .big-text {
	font-size: 1.3em;
}
.breakpoint-m .big-text {
	font-size: 3em;
}
.breakpoint-l .big-text {
	font-size: 2.2em;
}
.breakpoint-xl .big-text {
	font-size: 3.3em;	
}


/* Base */
h2,
h3,
h4 {
	font-family: 'ReplicaRegular', 'Helvetica', Arial, sans-serif;
	font-size: 1.75em;
	line-height: 0.9em;
	font-weight: normal;
	color: #839098;
}
h2 .light,
h3 .light {
	font-family: 'ReplicaLight', 'Helvetica', Arial, sans-serif;
}
.breakpoint-s h2,
.breakpoint-s h3 {
	font-size: 1.3em;
}

/* Content blocks */
.text h3 {
	margin: 1.25em 0 1.25em 0;
}
.text p {
	line-height: 1.125em;
	font-weight: 400;
	margin: 1.25em 0 1.25em 0;
	color: #FFFFFF;	
}
.share li a {
	color: #839098;
}
.share li a.hover {
	color: #F60092;
}


/* Links */
a {
	color: #F60092;
	text-decoration: none;
}
a.hover {
	color: #FFFFFF;
}
/*
a:link {
	color: #F60092;
	text-decoration: none;
}
a.hover {
	color: #FFFFFF;
}
a:active {
	color: #cccccc;
	position: relative;
	top: 0.125em;
}

a:visited {
	color: #d3008e;
}
*/




/* Navigation */
.nav {
	list-style-type: none;
}
.nav h3 a {
	color: #839098;
}

.nav.big li {
	float: left;
}
.nav.big a {
	color: #F60092;
}
.nav.big a.hover,
.nav.big a.active {
	color: white;
}
.nav.big li a:after {
	content: "\00a0\002F\00a0";
	font-family: 'ReplicaLight', 'Helvetica', Arial, sans-serif;
}
.nav.small {
	padding-top: 0.35em;
}
.nav.small a {
	padding-right: 1em;
	display: block;
	float: left;
	color: white;
}
.nav.small a.hover {
	color: #F60092;
}


/* 
** Messages 
*

.messages {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	padding: 1em;
	background-color: black;
	text-align: center;
	display: none;
}
.wf-loading .messages.message-wf-loading {
	display: block;
}
.wf-loading .wrapper {
	opacity: 0;
} 
.wf-active .wrapper {
	opacity: 1;
}
*/


/* Header */
.header {
	padding-bottom: 1em;
}
.header .title {
	width: 100%;
	height: auto;
}
.header .title path {
	fill: #333;
}
.header span {
	display: block;
}
.breakpoint-l .header .column.large {
	width: 50%;
}
/*
.header .state-0 .line-1 {
	color: white;
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	-moz-transform: matrix(1, 0, 0, -1, 0, 0);
	-o-transform: matrix(1, 0, 0, -1, 0, 0);
	transform: matrix(1, 0, 0, -1, 0, 0);
}
.header .state-1 .line-2 {
	color: white;
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	-moz-transform: matrix(1, 0, 0, -1, 0, 0);
	-o-transform: matrix(1, 0, 0, -1, 0, 0);
	transform: matrix(1, 0, 0, -1, 0, 0);
}
.header .state-2 .line-3 {
	color: white;
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	-moz-transform: matrix(1, 0, 0, -1, 0, 0);
	-o-transform: matrix(1, 0, 0, -1, 0, 0);
	transform: matrix(1, 0, 0, -1, 0, 0);
}
.header .state-3 .line-4 {
	color: white;
	-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
	-moz-transform: matrix(1, 0, 0, -1, 0, 0);
	-o-transform: matrix(1, 0, 0, -1, 0, 0);
	transform: matrix(1, 0, 0, -1, 0, 0);
}
@-webkit-keyframes text {
	0%  { 
		color: #89949b; 
	}
	50% { 
		color: #cccccc; 
		-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
		-moz-transform: matrix(1, 0, 0, -1, 0, 0);
		-o-transform: matrix(1, 0, 0, -1, 0, 0);
		transform: matrix(1, 0, 0, -1, 0, 0);
	}
}
@-moz-keyframes text {
	0%  { 
		color: #89949b; 
	}
	50% { 
		color: #cccccc; 
		-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
		-moz-transform: matrix(1, 0, 0, -1, 0, 0);
		-o-transform: matrix(1, 0, 0, -1, 0, 0);
		transform: matrix(1, 0, 0, -1, 0, 0);
	}
}
@keyframes text {
	0%  { 
		color: #89949b; 
	}
	50% { 
		color: #cccccc; 
		-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
		-moz-transform: matrix(1, 0, 0, -1, 0, 0);
		-o-transform: matrix(1, 0, 0, -1, 0, 0);
		transform: matrix(1, 0, 0, -1, 0, 0);
	}
}

.header .animated .line {
	-webkit-animation: text 0.1s step-end infinite alternate;
	-moz-animation: text 0.1s step-end infinite alternate;
	animation: text 0.1s step-end infinite alternate;
}
.header .animated .line-1 {
	-webkit-animation-delay: 16s;
	-moz-animation-delay: 16s;
	-o-animation-delay: 16s;
	animation-delay: 16s;
}
.header .animated .line-2 {
	-webkit-animation-delay: 16.1s;
	-moz-animation-delay: 16.1s;
	-o-animation-delay: 16.1s;
	animation-delay: 16.1s;
}
.header .animated .line-3 {
	-webkit-animation-delay: 16.2s;
	-moz-animation-delay: 16.2s;
	-o-animation-delay: 16.2s;
	animation-delay: 16.2s;
}
.header .animated .line-4 {
	-webkit-animation-delay: 16.3s;
	-moz-animation-delay: 16.3s;
	-o-animation-delay: 16.3s;
	animation-delay: 16.3s;
}
*/


/* 
** overlay
*/

.overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	background-color: #111111;
	display: none;
	z-index: 20;
}
.pane.active {
	z-index: 21;
}





/*
** Angryman
*/

@-webkit-keyframes eyes {
	0%  { background-color: #231F20; }
	50% { background-color: #d3008e; }
}
@-moz-keyframes eyes {
	0%  { background-color: #231F20; }
	50% { background-color: #d3008e; }
}
@keyframes eyes {
	0%  { background-color: #231F20; }
	50% { background-color: #d3008e; }
}

.angryman {
	position: relative;
}
.angryman img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.angryman .flash {
	background-color: #d3008e;
	-webkit-animation: eyes 0.6s step-end infinite;
	-moz-animation: eyes 0.6s step-end infinite;
	animation: eyes 0.6s step-end infinite;
	z-index: -1;
	position: absolute;
	top: 2%;
	left: 2%;
	width: 96%;
	height: 96%;
}


/* 
** Content 
*/

.main {
	padding-top: 0em;
	padding-bottom: 3em;	
}
.content {
	padding: 1em 1em 2em 1em;
}
.column {
	float: left;
}
.column.large {
	width: 50%;	
}
.column.small {
	width: 25%;
}


/* Small screen */
.breakpoint-s .column.large {
	width: 100%;
}
.breakpoint-s .column.small {
	width: 100%;
}


/* Medium screen */
.breakpoint-m .column.large {
	width: 100%;
}
.breakpoint-m .column.small {
	width: 50%;
}


/* Large screen */
.breakpoint-l .column.large {
	width: 40%;
}
.breakpoint-l .column.small {
	width: 30%;
}


/* 
** Panes 
*/
.pane {
	position: relative;
	margin-bottom: 0.5em;
	-webkit-transition: opacity 0.4s linear;
	-moz-transition: opacity 0.4s linear;
	-o-transition: opacity 0.4s linear;
	transition: opacity 0.4s linear;
}
.pane.inactive {
}
.pane .block {
	margin: 1.25em 0 1.25em 0;
}


/*
** Borders
*/

.border:after {
	content: "..................................................................................................";
	display: block;
	line-height: 5px;
	height: 10px;
	text-align: center;
	color: white;
	overflow: hidden;
	margin-top: 1.25em;
}


/*
** Sprite slider 
*/

.sprite-slider {
	overflow: hidden;
	margin-bottom: 1.25em;
}
.sprite-slider-image { 
	position: absolute; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	overflow: hidden; 
}
/*
.sprite-slider-image:before {
	content: "\79";
	color: #CCCCCC;
	padding: 1em;
	position: absolute;
	bottom: 0;
	right: 0;
	font-family: 'Icomoon', "Arial", "Helvetica", sans-serif;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-size: 120%;
}
.sprite-slider-image.animating:before {
	content: "\6e";
}
*/
.sprite-slider img {
	width: auto; 
	height: 100%;
}



/* 
** Links 
*/

.links {
	list-style-type: none;
	margin-top: 1.75em;
	margin-right: 4em;
}
.links li {
	display: inline;
	display: inline-block;
	padding-right: 1em;
}




/* 
* Sharing 
*/

.share {
	list-style-type: none;
	font-size: 0.75em;
	line-height: 1.75em;
	position: absolute;
	right: 0;
	bottom: 4.75em;
	width: 6em;
}
.share li {
	float: right;
	padding-right: 1em;
}
.share li a span {
	display: none;
}



/* 
** Logos 
*/


.logos .row {
	margin-bottom: 1em;
	clear: both;
	padding-top: 0;
}
.logos .row ul {
	list-style-type: none;
	margin-top: 1em;
}
.logos .row h3 {
	margin-bottom: 0.25em;
}
.logos .row a img {
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
.logos .row a.hover img {
	opacity: 0.6;
}
.logos .border {
	margin-top: -0.5em;
}



/* Footer */

.footer {
	background-color: #839098;
	padding: 0.5em 0 0em;
	color: #231F20;
}
.footer a {
	display: block;
	color: #231F20;
}
.footer a.hover {
	color: #FFFFFF;
}
.footer .column {
	padding-bottom: 1.5em;
}

.breakpoint-s .footer .column {
	width: auto;
	float: none;
	clear: both;
}
.breakpoint-m .footer .column {
	width: 50%;
}
.breakpoint-m .footer .column-1,
.breakpoint-m .footer .column-4 {
	width: auto;
	float: none;
	clear: both;
}
.breakpoint-l .footer .column-1 {
	width: 40%;
}
.breakpoint-l .footer .column-2,
.breakpoint-l .footer .column-3 {
	width: 30%;
}
.breakpoint-l .footer .column-4 {
	width: auto;
	float: none;
	clear: both;
}