@keyframes fade {
	0% 	{opacity: 1; }
	50% 		{opacity: 0.2; }
	100% 		{opacity: 1; }
}

@-webkit-keyframes fade {
	0% 	{opacity: 1; }
	50% 		{opacity: 0.2; }
	100% 		{opacity: 1; }
}

@-moz-keyframes fade {
	0% 	{opacity: 1; }
	50% 		{opacity: 0.2; }
	100% 		{opacity: 1; }
}

html {
	overflow-x:hidden;
}

body {
	height:2000px;	
	background:url(images/stars.gif);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;/*
	height:8000px;
	overflow:hidden;*/
}


ul, li { padding:0; margin:0; list-style:none; }

#TardisContainer {
	position:fixed;
	top:200px;
	z-index:5;
	height:300px;
	left:0;
	width:100%;
}

#Tardis {
	width:200px;
	height:300px;
	display:block;
	margin:0 auto;
	cursor:pointer;
	position:relative;
}
	#TardisElements img {
		width:200px;
		display:none;	
		position:absolute;
		top:0;
		left:0;
	}
	#TardisElements img {
		width:200px;
	}
	.TardisFade {
		animation:6s fade infinite;	
		-webkit-animation:6s fade infinite;	
		-moz-animation:6s fade infinite;	
	}


#LightGlow  {
	display:block;
	width:200px;
	height:200px;
}
#LightGlow {
	display:block;
	width:200px;
	position:absolute;
	top:-10px;
	left:0;
	z-index:9;
	animation:2s fade infinite;	
	-webkit-animation:2s fade infinite;	
	-moz-animation:2s fade infinite;			
}

.Wrapper { width:980px; margin:0 auto; position:relative; }

.Text { font-size:50px; color:#fff; font-family: 'Changa One', "Lucida Sans Unicode", "Lucida Grande", sans-serif; z-index:99; text-transform:uppercase; top:800px;}
.Text strong { font-size:60px; color:#e4bb18; }

#Panel1 {
	width:auto;
	height:1000px;
	position:relative;
}
/* foreground (ballons/landscape) */

.Parallax {
    position: absolute;
	left:0;
	width:100%;
	text-align:center;
}
	.Parallax p {
		position: absolute;
		left:0;
		text-align:center;
		width:400px;
		color:#fff;
		font-size:20px;
		line-height:24px;
	}
	.Parallax p strong {
		font-size:40px;
		line-height:50px;
		color:#e4bb18;
		font-family: 'Changa One', "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	}
	.Parallax p small {
		font-size:14px;
		line-height:20px;
	}
	
#Panel1 {
	position:relative;	
}
	#Panel1 p {
		position:absolute;
		top:900px;
		width:100%;
		font-size:30px;
		color:#fff;
		text-align:center;
		z-index:99999;
	}
	#Panel1 strong {
		font-size:90px;
		text-transform:uppercase;
		color:#e4bb18;
		font-family: 'Changa One', "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	}
	
	#Vortex {
		background:url(images/logos.jpg) repeat-x center top; position:absolute; width:100%; top:0; height:650px;  z-index:99;	
	}
	#Vortex1 {
		background:url(images/vortex-1b.png) no-repeat center; height:400px; width:100%; z-index:9999; position:absolute; top:380px;	
	}
	#Vortex2 {
		background:url(images/vortex-2b.jpg) no-repeat center; height:440px; width:100%; z-index:3; position:absolute; top:430px; ;
	}
	
#Panel2 {
	width:auto;
	height:2000px;
	position:relative;
	overflow:hidden
}
	
	#Panel2 .Nebula1 { height:2000px; z-index:3; top:400px; }
	#Panel2 .Nebula2 { height:2000px; z-index:3; top:600px; }
	#Panel2 .Nebula3 { height:2000px; z-index:99; top:800px; }
	#Panel2 .NebulaText1 { height:2000px; z-index:999; top:000px; }
	
	#Panel2 span { display:block; height:600px; width:100%; position:absolute; }
	

	
#Panel3 {
	width:auto;
	height:2000px;
	position:relative;
}
#Panel3 img{
	position:absolute;
}
	
	#Panel3 .Planet1 { height:2000px; z-index:3; top:1000px; }
	#Panel3 .Planet2 { height:2000px; z-index:3; top:1000px; }
	#Panel3 .Planet3 { height:2000px; z-index:3; top:1000px; }
	#Panel3 .Planet4 { height:2000px; z-index:3; top:1000px; }
	#Panel3 .PlanetText1 { height:2000px; z-index:4; top:-600px; }


	
#Panel4 {
	width:auto;
	height:3000px;
	position:relative;
	overflow:hidden;
}
	#Panel4 .Nebula4 { height:4000px; z-index:99; top:300px; }
	#Panel4 span { display:block; height:600px; width:100%; position:absolute; }
	#Panel4 p {
		position:absolute;
		text-align:center;
		font-size:20px;
		color:#fff;
		line-height:24px;
	}
	#Panel4 p strong {
		font-size:40px;
		line-height:50px;
		color:#e4bb18;
		font-family: 'Changa One', "Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	}
	
#Panel5 {
	width:auto;
	height:1000px;
	position:relative;
}
	
	#VortexEnd {
		background:#000; position:absolute; width:100%; top:400px; height:650px;  z-index:99;	
	}
	#VortexEnd1 {
		background:url(images/vortex-end-1.png) no-repeat center; height:400px; width:100%; z-index:9999; position:absolute; top:50px;	
	}
	#VortexEnd2 {
		background:url(images/vortex-end-2.jpg) no-repeat center; height:400px; width:100%; z-index:3; position:absolute; top:0;
	}
	#VortexEndText {
		position:absolute;
		top:500px;
		width:100%;
		text-align:center;
		color:#fff;
		z-index:9999;
	}
		#Quote {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:30px;
			text-align:center;
		}
		#Quote span {
			font-size:60px;
		}
		#VortexEndText img {  display:block; margin:90px auto 20px auto; }
		h4 { font-size:28px; color:#efefef; padding:0 0 10px 0; margin:0; }
		h5 { font-size:30px; color:#E7C10E; padding:0; margin:0; }

.SoMeBtn {
	display:block;
	width:100px;
	height:26px;
}

#Socialmedia {
	position:fixed;
	bottom:20px;
	left:20px;
	padding:10px;
	background:rgba(0,0,0,0.7);	
	border-radius:6px;
	z-index:999999;
}
	
/* Clock */


@keyframes cw {
 0% {
   transform: rotate(0deg);
 }
 50% {
   transform: rotate(180deg);
 }
 100% {
   transform: rotate(360deg);
 }
}

@keyframes acw {
 0% {
   transform: rotate(360deg);
 }
 50% {
   transform: rotate(270deg);
 }
 100% {
   transform: rotate(0deg);
 }
}

@-webkit-keyframes cw {
 0% {
   -webkit-transform: rotate(0deg);
 }
 50% {
   -webkit-transform: rotate(180deg);
 }
 100% {
   -webkit-transform: rotate(360deg);
 }
}

@-webkit-keyframes acw {
 0% {
   -webkit-transform: rotate(360deg);
 }
 50% {
   -webkit-transform: rotate(270deg);
 }
 100% {
   -webkit-transform: rotate(0deg);
 }
}

@-moz-keyframes cw {
 0% {
   -moz-transform: rotate(0deg);
 }
 50% {
   -moz-transform: rotate(180deg);
 }
 100% {
   -moz-transform: rotate(360deg);
 }
}

@-moz-keyframes acw {
 0% {
   -moz-transform: rotate(360deg);
 }
 50% {
   -moz-transform: rotate(270deg);
 }
 100% {
   -moz-transform: rotate(0deg);
 }
}

#CounterContainer {
	padding:20px 100px;	
	margin:0 auto;
	top:100px;
	width:460px;
	height:460px;
	border-radius:60px;	
	z-index:9999999;
	position:relative;
	color:#fff;
}
#Counter {
	width:460px;
	height:460px;
	position:relative;
}

#Counter span { display:block; text-align:center ;  }
#Counter strong { display:block; text-align:center;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; }
.countdown_amount {font-family: 'Changa One', "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#E4BB18;} 


.Image1 {
	position:absolute;
	top:5px;
	left:5px;
	-webkit-animation: cw 30s infinite;
	-moz-animation: cw 30s infinite;
	animation: cw 30s infinite;
	width:300px; height:300px;
}
#Counter .Years { position:absolute; left:5px; top:5px; width:300px; }
#Counter .Years span { padding:70px 0 0 0; height:140px; line-height:140px; font-size:100px; }
#Counter .Years strong { font-size:14px; }

.Image2 {
	position:absolute;
	top:5px;
	left:230px;
	-webkit-animation: acw 20s infinite;
	-moz-animation: acw 20s infinite;
	animation: acw 20s infinite;
	width:150px; height:150px;
}
#Counter .Days, #Counter .Day { position:absolute; left:230px; top:5px; width:150px; }
#Counter .Days span, #Counter .Day span { padding:50px 0 0 0; height:40px; line-height:40px; font-size:30px; }
#Counter .Days strong, #Counter .Day strong { font-size:14px; }

.Image3 {
	position:absolute;
	top:110px;
	left:260px;
	-webkit-animation: cw 16s infinite;
	-moz-animation: cw 16s infinite;
	animation: cw 16s infinite;
	width:200px; height:200px;
	opacity:0.8;
}
#Counter .Hours, #Counter .Hour { position:absolute; left:260px; top:110px; width:200px; }
#Counter .Hours span, #Counter .Hour span { padding:60px 0 0 0; height:60px; line-height:60px; font-size:60px; }
#Counter .Hours strong, #Counter .Hour strong { font-size:14px; }

.Image4 {
	position:absolute;
	top:230px;
	left:10px;
	-webkit-animation: acw 8s infinite;
	-moz-animation: acw 8s infinite;
	animation: acw 8s infinite;
	width:140px; height:140px;
	opacity:0.4;
}
#Counter .Minutes, #Counter .Minute { position:absolute; left:10px; top:230px; width:140px; }
#Counter .Minutes span, #Counter .Minute span { padding:40px 0 0 0; height:40px; line-height:40px; font-size:30px; }
#Counter .Minutes strong, #Counter .Minute strong { font-size:14px; }

.Image5 {
	position:absolute;
	top:260px;
	left:180px;
	-webkit-animation: acw 4s infinite;
	-moz-animation: acw 4s infinite;
	animation: acw 4s infinite;
	width:200px; height:200px;
	opacity:0.2;
}
#Counter .Seconds, #Counter .Second { position:absolute; left:180px; top:260px; width:200px; }
#Counter .Seconds span, #Counter .Second span { padding:60px 0 0 0; height:60px; line-height:60px; font-size:60px; }
#Counter .Seconds strong, #Counter .Second strong { font-size:14px; }

.Image6 {
	position:absolute;
	top:70px;
	left:70px;
	-webkit-animation: acw 26s infinite;
	-moz-animation: acw 26s infinite;
	animation: acw 26s infinite;
	width:350px; height:350px;
	opacity:0.1;
}

.countdown_descr { display:none !important; }



@media screen and (max-width:600px){
	#Responsive #CounterContainer { display:none; }
}

#Responsive .Wrapper { width:100%; }

#Responsive p { left:0  !important; width:100% !important; text-align:center;}
#Responsive .Text { font-size:20px; }
#Responsive .Text strong { font-size:30px;  }
#Responsive #Panel1 p strong {font-size:50px;	}

#Responsive #Panel4 .Text1 { top:1300px !important; z-index:999; }
#Responsive #Panel4 .Text2 { top:1450px !important; z-index:999; }
#Responsive #Panel4 .Text3 { top:1600px !important; z-index:999; }
#Responsive #Panel4 .Text4 { top:1750px !important; z-index:999; }
#Responsive #Panel4 .Text5 { top:1900px !important; z-index:999; }
#Responsive #Panel4 .Text6 { top:2050px !important; z-index:999; }
#Responsive #Panel4 .Text7 { top:2200px !important; z-index:999; }
#Responsive #Panel4 .Text8 { top:2400px !important; z-index:999; }
#Responsive #Panel4 .Text9 { top:2620px !important; z-index:999; }
#Responsive #Panel4 .Text10 { top:2800px !important; z-index:999; }

#Responsive #Tardis {
	width:200px;
	height:300px;
	display:block;
	margin:0 auto;
	cursor:pointer;
	position:relative;
	background:url(images/tardis/responsive.png) no-repeat;
}
	#Responsive #TardisElements img {
		display:none;	
	}