@font-face {
    font-family: 'FuturaLTCondensedExtraBold';
    src: url('fonts/futuralt-condensedextrabold-webfont.eot');
    src: url('fonts/futuralt-condensedextrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/futuralt-condensedextrabold-webfont.woff') format('woff'),
         url('fonts/futuralt-condensedextrabold-webfont.ttf') format('truetype'),
         url('fonts/futuralt-condensedextrabold-webfont.svg#FuturaLTCondensedExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
* { margin:0; padding:0; outline:0; }

body, html { height:100%; }
body { 
	font-size:20px;
	line-height:1.3;
	font-family:"FuturaLTCondensedExtraBold", 'Arial', sans-serif;
	color:#fff;
	background:#000;
	min-width:700px; 
	overflow:hidden;
	-webkit-font-smoothing:antialiased;
}

a { color:#002d56; text-decoration:none; cursor:pointer; }
a:hover { text-decoration:underline; }

img { vertical-align:middle; border:0 none; -ms-interpolation-mode:bicubic; }

input, textarea, select { font-size:12px; font-family:'Arial', sans-serif; }
textarea { overflow:auto; }
fieldset { border:0 none; }

/* helpers */
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float:left; }
.right, .alignright { float:right;}

.tr { text-align:right; }
.tl { text-align:left; }
.tc { text-align:center; }

.clearfix:after { content:''; display:table; clear:both; }
.clearfix { *zoom:1; }

/*  blocks  */
.container { width:100%; height:100%; overflow:hidden; position:relative; }

.section { position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; }

#logo { text-align:center; z-index:1; opacity: 0; filter: alpha(opacity=0); }
#logo.visible { opacity: 1; filter: alpha(opacity=100); }
#logo.visible img { opacity: 1; filter: alpha(opacity=100); }
#logo.visible-state2 { opacity: .5; filter: alpha(opacity=50); }
#logo img { display:block; margin:7% auto 0; max-height:80%; opacity: 0; filter: alpha(opacity=0); }
#logo p { font-size:40px; line-height:40px;  }

#logo {
	-webkit-transition:opacity 0.3s; 
	   -moz-transition:opacity 0.3s; 
	    -ms-transition:opacity 0.3s; 
	     -o-transition:opacity 0.3s; 
	        transition:opacity 0.3s; 
}

#elements {  z-index:2; opacity: 0; filter: alpha(opacity=0); }
#elements.visible { opacity: 1; filter: alpha(opacity=100); }
#elements .mover { position:absolute; left:0; top:0; font-size:30pt; -webkit-backface-visibility:hidden; z-index:2;  }
#elements .helper { position:absolute; width:100%; top:50%; left:0; color:#111; text-align:center; font-size:40px; display:none; z-index:1;  }
#elements.use-helper-desktop .helper-desktop { display:block; }
#elements.use-helper-mobile .helper-mobile { display:block; }

#letter-images { z-index:4; }
#letter-images img { position:absolute; width:0; height:0; top:0; left:0; } 
#letter-images img.passed {
	-webkit-transition:all 1s; 
	   -moz-transition:all 1s; 
	    -ms-transition:all 1s; 
	     -o-transition:all 1s; 
	        transition:all 1s; 
} 
#letter-images img.active { margin:-500px 0 0 -500px; width:1000px; height:1000px;  } 
#letter-images img.outro-img { border-radius:100px; } 

#images { z-index:5; background:url(images/blank.png) no-repeat 0 0;  }
#images img { position:absolute; margin:-500px 0 0 -500px; width:1000px; height:1000px; left:50%; top:50%; opacity: 0; visibility:hidden; border-radius:100px; }
#images img {
	-webkit-transition:opacity 1s linear 1s, visibility 1s linear 1s; 
	   -moz-transition:opacity 1s linear 1s, visibility 1s linear 1s; 
	    -ms-transition:opacity 1s linear 1s, visibility 1s linear 1s; 
	     -o-transition:opacity 1s linear 1s, visibility 1s linear 1s; 
	        transition:opacity 1s linear 1s, visibility 1s linear 1s; 
}
#images img.active {
	-webkit-transition:opacity 1s linear 0.5s, visibility 1s linear 0.5s; 
	   -moz-transition:opacity 1s linear 0.5s, visibility 1s linear 0.5s; 
	    -ms-transition:opacity 1s linear 0.5s, visibility 1s linear 0.5s; 
	     -o-transition:opacity 1s linear 0.5s, visibility 1s linear 0.5s; 
	        transition:opacity 1s linear 0.5s, visibility 1s linear 0.5s; 
}
#images img.active { opacity: 1; visibility:visible; }

#outro { position:absolute; z-index:10; width:100%; height:100%; overflow:hidden; left:0; top:0; background-color:#111e2f; opacity: 0; filter: alpha(opacity=0); visibility:hidden; }
#outro.visible { opacity: 1; filter: alpha(opacity=1); visibility:visible;  }
#outro {
	-webkit-transition: opacity 1s, visibility 1s; 
	    -moz-transition: opacity 1s, visibility 1s; 
	     -ms-transition: opacity 1s, visibility 1s; 
	      -o-transition: opacity 1s, visibility 1s; 
	         transition: opacity 1s, visibility 1s;  
}
#outro img { position:absolute; left:50%; top:50%; margin:-500px 0 0 -500px; width:1000px; height:1000px; }

#contact { position:absolute; bottom:60px; left:0; text-align:center; width:100%;  font-size:25px; z-index:9; display:none; }
#contact.visible { display:block; }
#contact a { color:#fff; text-decoration:underline; }
#contact a:hover { text-decoration:none; }

.audiojs { 
	overflow: hidden;
	position: fixed; 
	top:0;
	left:0;
	width: 100%; 
	height: 100%;
	background:#000; 
	z-index: 99999; 
}

.audiojs .scrubber,
.audiojs .time { display:none; }

.audiojs.hidden {
	display:none !important; 
}

.audiojs .play-pause {
	border:none;
	position: absolute; 
	top:50%;
	left:50%;
	width: auto; 
	height: auto; 
	padding: 0; 
	overflow: visible; 
	transform: translate3d(-50%,-50%,0);
}

.audiojs .play {
	background:#fff; 
	width: 94px; 
	height: 94px;
	line-height:94px; 
	text-align:center; 
	border-radius: 50%; 
	vertical-align: middle; 
}

.audiojs .loading {
	display:none; 
}

.audiojs .play:after {
	content:'PLAY';
	display:block; 
	color: #fff;
	font-size:25px;
	line-height:1.3; 
}

.audiojs .play:before {
	content:'';
	position: relative; 
	display: inline-block; 
	vertical-align: middle; 
	margin-left:8px; 
	width: 0; 
	height: 0;
	border-top:25px solid transparent; 
	border-bottom:25px solid transparent; 
	border-left:43px solid #000; 
}


.loader {
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: #000; 
	z-index: 99;
}