/* ==========================================================================
   Author - kenny Williams  // hirekenny.com.au
   ========================================================================== */

body { font-size: 1em; line-height: 1.4;  padding-bottom: 4em; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;}
img { vertical-align: middle; border: none; }
a{ text-decoration: none; }
ol, ul{ margin: 0; padding: 0; }
body {-webkit-font-smoothing: antialiased; font-smooth: always; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); font: 16px/24px 'robotoregular'; }





body{
   	background: url(../img/bg.jpg) no-repeat fixed center center #170426;
   	background-size: cover;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
html, button, input, select, textarea, a { 
	color: rgba(255, 255, 255, .1); /* General Body Text Color*/
}
.wrapper { 
	max-width: 416px; 
	margin: 0 auto; 
	text-align: center;
	margin-top: 25%;
	position: relative;
	z-index: 2;
	padding-right: 5%;
	padding-left: 5%;
}
p{
	font-size: 24px;
	line-height: 20px;
	font-weight: bold;
}
.contact{
	font-size: 14px;
	font-weight: normal;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
p a.contact:hover{
	color: rgba(255, 255, 255, 1);
}
.logo img{
	width: 100%;
}
.logo{
	max-width: 87px;
	display: inline-block;
	margin-bottom: 1em;
}
ul.socials{
	margin: 0 0 4em;
	position: relative;
}
.socials li{
	display: inline-block;
	list-style-type: none;
	width: 29px;
	padding-right: 5px;
	padding-left: 5px;
}
.socials li img{
	width: 100%;
}
.socials li a{
	opacity: .2;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.socials li a:hover{
	opacity: 1;
}
.socials:before, .socials:after{
	border-bottom: 1px solid #2c203b;
	content: "";
	display: block;
	width: 30%;
	position: absolute;
	top: 13px;
}
.socials:before{
	left: 0px;
}
.socials:after{
	right: 0px;
}

@media only screen and (max-width: 600px) { 
	.socials:before, .socials:after{
		width: 25%;
	}
}
@media only screen and (max-width: 480px) { 
	.socials:before, .socials:after{
		width: 18%;
	}
}

/* Noise */
@keyframes "noiseSlide" {
from { background-position: 0px 0px; }
to { background-position: 218px391px; }
}
@-moz-keyframes noiseSlide {
from { background-position: 0px 0px; }
to { background-position: 218px 391px; }
}
@-webkit-keyframes "noiseSlide" {
from { background-position: 0px 0px; }
to { background-position: 218px 391px; }
}
@-ms-keyframes "noiseSlide" {
from { background-position: 0px 0px; }
to { background-position: 218px 391px; }
}
@-o-keyframes "noiseSlide" {
from { background-position: 0px 0px; }
to { background-position: 218px 391px; }
}
#noise {
	background: url(../img/noise.png);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-animation: noiseSlide 20s linear infinite;
	-ms-animation: noiseSlide 20s linear infinite;
	-o-animation: noiseSlide 20s linear infinite;
	animation: noiseSlide 20s linear infinite;
}





/* ==========================================================================
   Helper classes
   ========================================================================== */

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.last{ margin-right: 0!important; padding-right: 0!important; border-right: none!important; }
.first{ margin-left: 0!important; padding-left: 0!important; border-left: none!important; }
.tableless, .tableless th, .tableless tr, .tableless td{
	background: none!important;
	border: none!important;
	padding: 0px!important;
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important;}
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")";}
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
img { max-width: 100% !important; page-break-inside: avoid; }

@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}