@charset "utf-8";
/* CSS Document */

@font-face{ font-family:"KBPlanetEarth";
	src:url('KBPlanetEarth.ttf');
	src:local('!'),
	 url:('KBPlanetEarth.woff') format('woff'),
	 url:('KBPlanetEarth.tff') format('truetype');
	
	
	}
	
body {margin: 0;
	padding: 0;
	font: 12px normal Verdana, Arial, Helvetica, sans-serif;
	height: 100%;}

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


h1 {font-family:"KBPlanetEarth";
                text-transform:none;
				text-align:center;
				font-size:80px; margin-top:200px;
				text-align:center;
				color:#2E4E9D;}

.container {width: 1024px; height:600px; margin: 0 auto; overflow:
			 hidden; background:url(../img/plainbg.png)no-repeat; border:#000 1px solid;}

/* PROGRESS BAR */

ul#progress {
	list-style:none;
	width:400px;
	padding-left:135px;
	padding-top:20px;
	padding-bottom:50px;
	margin:0 auto;
}
ul#progress li {
	float:left;
	position:relative;
	margin:0 auto;
	width:15px;
	height:15px;
	border:1px solid #9DB0CD;
	border-radius:50px;
	margin-left:10px;
	background:#9DB0CD;
}

ul#progress li:first-child { margin-left:0; margin:0 auto; }

.ball {
	background-color:#2E4E9D; 
	background-image: -moz-linear-gradient(2E4E9D, #2E4E9D 25%, #2E4E9D); 
	background-image: -webkit-linear-gradient(2E4E9D, #2E4E9D 25%, #2E4E9D); 

	width:15px;
	height:15px;
	border-radius:50px;
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	
	-moz-animation:loading 1s linear forwards;
	-webkit-animation:loading 1s linear forwards;
}

.ok {
	width:15px;
	height:15px;
	border-radius:30px;
	border: 1px solid #9DB0CD;
	box-shadow: 0 0 5px #9DB0CD;
	position:absolute;
	top:-1px;
	left:-1px;
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	
	-webkit-animation:pulse 1s ease-out;
	-moz-animation:pulse 1s ease-out;
}

#layer1 { -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; }
#layer2 { -moz-animation-delay:1s; -webkit-animation-delay:1s; }
#layer3 { -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s; }
#layer4 { -moz-animation-delay:2s; -webkit-animation-delay:2s; }
#layer5 { -moz-animation-delay:2.5s; -webkit-animation-delay:2.5s; }

#layer6 { -moz-animation-delay:3s; -webkit-animation-delay:3s; }
#layer7 { -moz-animation-delay:3.5s; -webkit-animation-delay:3.5s; }
#layer8 { -moz-animation-delay:4s; -webkit-animation-delay:4s; }
#layer9 { -moz-animation-delay:4.5s; -webkit-animation-delay:4.5s; }
#layer10 { -moz-animation-delay:5s; -webkit-animation-delay:5s; }

#c1 { -moz-animation-delay:0.5s; -webkit-animation-delay:0.5s; }
#c2 { -moz-animation-delay:1s; -webkit-animation-delay:1s; }
#c3 { -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s; }
#c4 { -moz-animation-delay:2s; -webkit-animation-delay:2s; }
#c5 { -moz-animation-delay:2.5s; -webkit-animation-delay:2.5s; }

#c6 { -moz-animation-delay:3s; -webkit-animation-delay:3s; }
#c7 { -moz-animation-delay:3.5s; -webkit-animation-delay:3.5s; }
#c8 { -moz-animation-delay:4s; -webkit-animation-delay:4s; }
#c9 { -moz-animation-delay:4.5s; -webkit-animation-delay:4.5s; }
#c10 { -moz-animation-delay:5s; -webkit-animation-delay:5s; }

@-moz-keyframes loading {
	0%{-moz-transform:scale(0,0);}
	100%{-moz-transform:scale(1,1);}	
}

@-webkit-keyframes loading {
	0%{-webkit-transform:scale(0,0);}
	100%{-webkit-transform:scale(1,1);}	
}


@-moz-keyframes pulse {
	0%   {-moz-transform: scale(0);opacity: 0;}
    10%  {-moz-transform: scale(1);opacity: 0.5;}
	50%  {-moz-transform: scale(1.75);opacity: 0;}
    100% {-moz-transform: scale(0);opacity: 0;}  
}

@-webkit-keyframes pulse {
	0%   {-webkit-transform: scale(0);opacity: 0;}
	10%  {-webkit-transform: scale(1);opacity: 0.5;}
    50%  {-webkit-transform: scale(1.75);opacity: 0;}
    100% {-webkit-transform: scale(0);opacity: 0;}    
}


.fullwidth .expand { 
	width:100%; 
	height:1px; 
	margin:2px 0; 
	background:#9DB0CD; 
	position:absolute;
	box-shadow:0px 0px 10px 1px rgba(0,198,255,0.7);
    -moz-animation:fullexpand 10s ease-out;
	-webkit-animation:fullexpand 10s ease-out;}
	

@-moz-keyframes fullexpand {
	0%  { width:0px;}
	100%{ width:100%;}	}
	
@-webkit-keyframes fullexpand {
	0%  { width:0px;}
	100%{ width:100%;}	}


@-moz-keyframes fill {
	0%{ opacity:0; }
	100%{ opacity:1; }}
	

@-webkit-keyframes fill {
	0%{ opacity:0; }
	100%{ opacity:1; }	}
		

