#space, #spaceFade{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left:0px;
	z-index: -32;
	background: -webkit-linear-gradient(#0C090A, #413839); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0C090A, #413839); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0C090A, #413839); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0C090A, #413839); /* Standard syntax */
}

#spaceFade{
	z-index: 50;
	pointer-events: none;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;	
}

.earth, .blood-dot, .space-dot{
	position: fixed;
	top: 50%;
	left: 50%;
	background: -webkit-linear-gradient(#43C6DB, #87AFC7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#43C6DB, #87AFC7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#43C6DB, #87AFC7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#43C6DB, #87AFC7); /* Standard syntax */	
    width: 100px;
	height: 100px;
	border-radius: 50%;
	z-index: -30;
    box-shadow: 0px 0px 5px #43C6DB;
   -webkit-transform: translate(-50%, -50%);  
   -moz-transform: translate(-50%, -50%);  
   -o-transform: translate(-50%, -50%);  
   -ms-transform: translate(-50%, -50%);  
   transform: translate(-50%, -50%); 
    -webkit-transition: width 1.5s ease, height 1.5s ease;
    -moz-transition: width 1.5s ease, height 1.5s ease;
    -o-transition: width 1.5s ease, height 1.5s ease;
    -ms-transition: width 1.5s ease, height 1.5s ease;
    transition: width 1.5s ease, height 1.5s ease;            	
}

.blood-dot{
	top: -200px;
	border: none;
	background: transparent;
	z-index: -1;
	box-shadow: none;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;		
}

.space-dot{
	top: 110%;
	border: none;
	background: -webkit-linear-gradient(#0C090A, #413839); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0C090A, #413839); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0C090A, #413839); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0C090A, #413839); /* Standard syntax */
    z-index: 2;
	box-shadow: none;
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;		
}


.earth-background, .blood-dot-background, .space-dot-background{
	width: 4000px;
	height: 4000px;
}

.star{
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background-color:white;
	position: fixed;
    -webkit-transition: all 1.2s ease;
    -moz-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    transition: all 1.2s ease;	    
}    

#star1{
	top: 10%;
	-moz-animation-duration: 5s;
	-webkit-animation-duration: 5s;	
	animation-duration: 5s;
	-moz-animation-name: slide;
	-webkit-animation-name: slide;		
	animation-name: slide;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide{
	0%{
		left: 100px;
	}
	50%{
		left: 110px;
	}
	100%{
		left:100px;
	}
}

@-webkit-keyframes slide{
	0%{
		left: 100px;
	}
	50%{
		left: 110px;
	}
	100%{
		left:100px;
	}
}

@-moz-keyframes slide{
	0%{
		left: 100px;
	}
	50%{
		left: 110px;
	}
	100%{
		left:100px;
	}  
}	

#star2{
	top: 50%;
	width: 3px;
	height: 3px;
	-moz-animation-duration: 7s;
	-webkit-animation-duration: 7s;	
	animation-duration: 7s;
	-moz-animation-name: slide-two;
	-webkit-animation-name: slide-two;		
	animation-name: slide-two;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-two{
	0%{
		left: 30%;
	}
	50%{
		left: 30.5%;;
	}
	100%{
		left:30%;
	}
}

@-webkit-keyframes slide-two{
	0%{
		left: 30%;
	}
	50%{
		left: 30.5%;
	}
	100%{
		left:30%;
	}
}

@-moz-keyframes slide-two{
	0%{
		left: 30%;
	}
	50%{
		left: 30.5%;;
	}
	100%{
		left:30%;
	}  
}		

#star3{
	right: 20%;
	bottom:30%;
	width: 7px;
	height: 7px;
	-moz-animation-duration: 4s;
	-webkit-animation-duration: 4s;	
	animation-duration: 4s;
	-moz-animation-name: slide-three;
	-webkit-animation-name: slide-three;		
	animation-name: slide-three;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-three{
	0%{
		right: 20%;
	}
	50%{
		right: 19.5%;
	}
	100%{
		right:20%;
	}
}

@-webkit-keyframes slide-three{
	0%{
		right: 20%;
	}
	50%{
		right: 19.5%;
	}
	100%{
		right:20%;
	}
}

@-moz-keyframes slide-three{
	0%{
		right: 20%;
	}
	50%{
		right: 19.5%;
	}
	100%{
		right:20%;
	}
}

#star4{
	top:60px;
	width: 4px;
	height: 4px;	
	-moz-animation-duration: 8s;
	-webkit-animation-duration: 8s;	
	animation-duration: 8s;
	-moz-animation-name: slide-four;
	-webkit-animation-name: slide-four;		
	animation-name: slide-four;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-four{
	0%{
		right: 100px;
	}
	50%{
		right: 120px;
	}
	100%{
		right:100px;
	}
}

@-webkit-keyframes slide-four{
	0%{
		right: 100px;
	}
	50%{
		right: 120px;
	}
	100%{
		right:100px;
	}
}

@-moz-keyframes slide-four{
	0%{
		right: 100px;
	}
	50%{
		right: 120px;
	}
	100%{
		right:100px;
	}
}

#star5{
	top: 80%;
	width: 12px;
	height: 12px;	
	-moz-animation-duration: 6s;
	-webkit-animation-duration: 6s;	
	animation-duration: 6s;
	-moz-animation-name: slide-five;
	-webkit-animation-name: slide-five;		
	animation-name: slide-five;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-five{
	0%{
		right: 20%;
	}
	50%{
		right: 21%;
	}
	100%{
		right:20%;
	}
}

@-webkit-keyframes slide-five{
	0%{
		right: 20%;
	}
	50%{
		right: 21%;
	}
	100%{
		right:20%;
	}
}

@-moz-keyframes slide-five{
	0%{
		right: 20%;
	}
	50%{
		right: 21%;
	}
	100%{
		right:20%;
	}
}

#star6{
	height: 6px;
	width: 6px;	
	top: 40%;
	-moz-animation-duration: 7s;
	-webkit-animation-duration: 7s;	
	animation-duration: 7s;
	-moz-animation-name: slide-six;
	-webkit-animation-name: slide-six;		
	animation-name: slide-six;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-six{
	0%{
		right: 35%;
	}
	50%{
		right: 36%;
	}
	100%{
		right:35%;
	}
}

@-webkit-keyframes slide-six{
	0%{
		right: 35%;
	}
	50%{
		right: 36%;
	}
	100%{
		right:35%;
	}
}

@-moz-keyframes slide-six{
	0%{
		right: 35%;
	}
	50%{
		right: 36%;
	}
	100%{
		right:35%;
	}
}

#star7{
	height: 11px;
	width: 11px;	
	bottom: 10%;
	-moz-animation-duration: 12s;
	-webkit-animation-duration: 12s;	
	animation-duration: 12s;
	-moz-animation-name: slide-seven;
	-webkit-animation-name: slide-seven;		
	animation-name: slide-seven;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-seven{
	0%{
		right: 20%;
	}
	50%{
		right: 23%;
	}
	100%{
		right:20%;
	}
}

@-webkit-keyframes slide-seven{
	0%{
		right: 20%;
	}
	50%{
		right: 23%;
	}
	100%{
		right:20%;
	}
}

@-moz-keyframes slide-seven{
	0%{
		right: 20%;
	}
	50%{
		right: 23%;
	}
	100%{
		right:20%;
	}
}

#star8{
	height: 9px;
	width: 9px;	
	bottom: 160px;
	-moz-animation-duration: 12s;
	-webkit-animation-duration: 12s;	
	animation-duration: 12s;
	-moz-animation-name: slide-eight;
	-webkit-animation-name: slide-eight;		
	animation-name: slide-eight;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-eight{
	0%{
		right: 10%;
	}
	50%{
		right: 15%;
	}
	100%{
		right:10%;
	}
}

@-webkit-keyframes slide-eight{
	0%{
		right: 10%;
	}
	50%{
		right: 15%;
	}
	100%{
		right:10%;
	}
}

@-moz-keyframes slide-eight{
	0%{
		right: 10%;
	}
	50%{
		right: 15%;
	}
	100%{
		right:10%;
	}
}

#star9{
	height: 5px;
	width: 5px;	
	top: 60%;
	-moz-animation-duration: 12s;
	-webkit-animation-duration: 12s;	
	animation-duration: 12s;
	-moz-animation-name: slide-nine;
	-webkit-animation-name: slide-nine;		
	animation-name: slide-nine;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-nine{
	0%{
		left: 14%;
	}
	50%{
		left: 17%;
	}
	100%{
		left:14%;
	}
}

@-webkit-keyframes slide-nine{
	0%{
		left: 14%;
	}
	50%{
		left: 17%;
	}
	100%{
		left:14%;
	}
}

@-moz-keyframes slide-nine{
	0%{
		left: 14%;
	}
	50%{
		left: 17%;
	}
	100%{
		left:14%;
	}
}

#star10{
	height: 9px;
	width: 9px;
	top: 16%;
	-moz-animation-duration: 14s;
	-webkit-animation-duration: 14s;	
	animation-duration: 14s;
	-moz-animation-name: slide-nine;
	-webkit-animation-name: slide-nine;		
	animation-name: slide-nine;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-ten{
	0%{
		right: 10%;
	}
	50%{
		right: 14%;
	}
	100%{
		right:10%;
	}
}

@-webkit-keyframes slide-ten{
	0%{
		right: 10%;
	}
	50%{
		right: 14%;
	}
	100%{
		right:10%;
	}
}

@-moz-keyframes slide-ten{
	0%{
		right: 10%;
	}
	50%{
		right: 14%;
	}
	100%{
		right:10%;
	}
}


#star11{
	height: 18px;
	width: 18px;
	top: 10%;
	-moz-animation-duration: 14s;
	-webkit-animation-duration: 14s;	
	animation-duration: 14s;
	-moz-animation-name: slide-eleven;
	-webkit-animation-name: slide-eleven;		
	animation-name: slide-eleven;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-eleven{
	0%{
		right: 125px;
	}
	50%{
		right: 140px;
	}
	100%{
		right:125px;
	}
}

@-webkit-keyframes slide-eleven{
	0%{
		right: 125px;
	}
	50%{
		right: 140px;
	}
	100%{
		right:125px;
	}
}

@-moz-keyframes slide-eleven{
	0%{
		right: 125px;
	}
	50%{
		right: 140px;
	}
	100%{
		right:125px;
	}
}

#star12{
	height: 3px;
	width: 3px;	
	bottom: 15%;
	-moz-animation-duration: 4s;
	-webkit-animation-duration: 4s;	
	animation-duration: 4s;
	-moz-animation-name: slide-twelve;
	-webkit-animation-name: slide-twelve;		
	animation-name: slide-twelve;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-twelve{
	0%{
		left: 180px;
	}
	50%{
		left: 200px;
	}
	100%{
		left:180px;
	}
}

@-webkit-keyframes slide-twelve{
	0%{
		left: 180px;
	}
	50%{
		left: 200px;
	}
	100%{
		left:180px;
	}
}

@-moz-keyframes slide-twelve{
	0%{
		left: 180px;
	}
	50%{
		left: 200px;
	}
	100%{
		left:180px;
	}
}

#star13{
	height: 4px;
	width: 5px;	
	bottom: 20%;
	-moz-animation-duration: 17s;
	-webkit-animation-duration: 17s;	
	animation-duration: 17s;
	-moz-animation-name: slide-thirteen;
	-webkit-animation-name: slide-thirteen;		
	animation-name: slide-thirteen;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-thirteen{
	0%{
		left: 10%;
	}
	50%{
		left: 20%;
	}
	100%{
		left:10%;
	}
}

@-webkit-keyframes slide-thirteen{
	0%{
		left: 10%;
	}
	50%{
		left: 20%;
	}
	100%{
		left:10%;
	}
}

@-moz-keyframes slide-thirteen{
	0%{
		left: 10%;
	}
	50%{
		left: 20%;
	}
	100%{
		left:10%;
	}
}

#star14{
	height: 3px;
	width: 3px;	
	bottom: 22%;
	-moz-animation-duration: 17s;
	-webkit-animation-duration: 17s;	
	animation-duration: 17s;
	-moz-animation-name: slide-fourteen;
	-webkit-animation-name: slide-fourteen;		
	animation-name: slide-fourteen;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-fourteen{
	0%{
		left: 13%;
	}
	50%{
		left: 10%;
	}
	100%{
		left:13%;
	}
}

@-webkit-keyframes slide-fourteen{
	0%{
		left: 13%;
	}
	50%{
		left: 10%;
	}
	100%{
		left:13%;
	}
}

@-moz-keyframes slide-fourteen{
	0%{
		left: 13%;
	}
	50%{
		left: 10%;
	}
	100%{
		left:13%;
	}
}

#star15{
	height: 7px;
	width: 7px;	
	top: 17%;
	-moz-animation-duration: 8s;
	-webkit-animation-duration: 8s;	
	animation-duration: 8s;
	-moz-animation-name: slide-fifteen;
	-webkit-animation-name: slide-fifteen;		
	animation-name: slide-fifteen;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;	
	animation-iteration-count: infinite;
}

@keyframes slide-fifteen{
	0%{
		left: 5%;
	}
	50%{
		left: 10%;
	}
	100%{
		left:5%;
	}
}

@-webkit-keyframes slide-fifteen{
	0%{
		left: 5%;
	}
	50%{
		left: 10%;
	}
	100%{
		left:5%;
	}
}

@-moz-keyframes slide-fifteen{
	0%{
		left: 5%;
	}
	50%{
		left: 10%;
	}
	100%{
		left:5%;
	}
}

.quote, .quote2, .quote3{
	width: 50%;
	height: 100px;
	position: absolute;
	bottom: 10%;
	left: 50%;
	font-family: Futura, Helvetica, sans-serif;
	font-size: 14pt;
	line-height: 24pt;
	color: white;
	text-align: center;
	z-index: -31;
	-webkit-transform: translate(-50%, 0%);  
   -moz-transform: translate(-50%, 0%);  
   -o-transform: translate(-50%, 0%);  
   -ms-transform: translate(-50%, 0%);  
   transform: translate(-50%, 0%);   
}

.quote2{
	display: none;
	z-index: -2;
}

.quote3{
	display: none;
	z-index: 5;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; 	
}

#text4, #text5, #text6, #text7, #text8, #text9, #text10, .red{
	color: transparent;	
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; 	
}

.blue{
	color: #43C6DB;
}

.black{
	color: transparent;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease; 	
}

@media(max-width: 500px){
	.quote, .quote2, .quote3{
		font-size: 12pt;
		line-height: 22pt;
	}
	br{
		display: none;
	}
}

#blade{
	height: 400px;
	width: 200px;
	position: absolute;
	left: calc(50% - 100px);
	top: -500px;
	background-color:#0C090A;
	z-index: -5;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    transition: all 1.5s ease;         
}

#blade-end{
	width: 0; 
	height: 0; 
	border-left: 100px solid transparent; 
	border-right: 100px solid transparent; 
	border-top: 100px solid #0C090A;
	position: absolute;
	left: calc(50% - 100px);
	top: -100px;	
	z-index: -5;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    transition: all 1.5s ease;    	
}

.mountain, .blade-mountain{
	width: 0; 
	height: 0; 	
	top: 100%;
	border-bottom: 1000px solid #87AFC7;
	border-left: 1000px solid transparent; 
	border-right: 1000px solid transparent; 	
	left: calc(50% - 1000px);	
	border-top: none;
	z-index: 3;
	position: fixed;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    transition: all 1.5s ease; 	
}	

#mini-mountain{
	left: calc(50% - 700px);		
	border-bottom: 200px solid #87AFC7;
	border-left: 200px solid transparent; 
	border-right: 200px solid transparent; 		
}

#mini-mountain2{
	left: calc(50% + 300px);		
	border-bottom: 300px solid #87AFC7;
	border-left: 300px solid transparent; 
	border-right: 300px solid transparent; 		
}

/* To simplify code, us JS and Greensock plug-in with randomized values */