/* stars */


/* crop marks */
.crop-mark1{
	position: absolute;
	top: 293px;
	right: 30%;
	 animation: crop-mark ease-in-out 100s infinite;
    -moz-animation: crop-mark ease-in-out 100s infinite;
    -webkit-animation: crop-mark ease-in-out 100s infinite;   
}
.crop-mark2{
	position: absolute;
	top: 1625px;
	left: 30%;
	 animation: crop-mark ease-in-out 100s infinite;
    -moz-animation: crop-mark ease-in-out 100s infinite;
    -webkit-animation: crop-mark ease-in-out 100s infinite;  
}
.crop-mark3{
	position: absolute;
	top: 1000px;
	right: 5%;
	 animation: crop-mark ease-in-out 100s infinite;
    -moz-animation: crop-mark ease-in-out 100s infinite;
    -webkit-animation: crop-mark ease-in-out 100s infinite;  
}

@keyframes crop-mark  {
   50% {
       transform: translate3d(0, 400px, 0);          
   }
}

@-webkit-keyframes crop-mark  {
   50% {
       -webkit-transform: translate3d(0, 400px, 0);       
   }
}

@-moz-keyframes crop-mark  {
   50% {
       -moz-transform: translate3d(0, 400px, 0);         
   }
}




.galaxy{
	position: absolute;
	top: 300px; 
	left: -200px;
	animation: galaxy 600s infinite;
    -moz-animation: galaxy 600s infinite;
    -webkit-animation: galaxy 600s infinite; 
	opacity: .8; 
}
@keyframes galaxy  {
   50% {
       transform: rotate(360deg);            
   }
}

@-webkit-keyframes galaxy {
   50% {
       transform: rotate(360deg);     
   }
}

@-moz-keyframes galaxy  {
   50% {
      transform: rotate(360deg);        
   }
}


.constellation{
	position: absolute;
	top: 1673px; 
	right: 0;
	margin-right: -200px;
	opacity: .7;
	 animation: constellation ease-in-out 500s infinite;
    -moz-animation: constellation ease-in-out 500s infinite;
    -webkit-animation: constellation ease-in-out 500s infinite;  
}
@keyframes constellation  {
   50% {

	  transform: translate(0, 0) translateZ(0) rotate(-360deg);      
   }
}

@-webkit-keyframes constellation {
   50% {
      transform: translate(0, 0) translateZ(0) rotate(-360deg);    
   }
}

@-moz-keyframes constellation  {
   50% {
      transform: translate(0, 0) translateZ(0) rotate(-360deg);         
   }
}


.losange1{
	position: absolute;
	top: 500px;
	left: 55%;	
	 animation: losange ease-in-out 100s infinite;
    -moz-animation: losange ease-in-out 100s infinite;
    -webkit-animation: losange ease-in-out 100s infinite;  
}
.losange2{
	position: absolute;
	top: 2400px;
	left: 35%;
	 animation: losange ease-in-out 100s infinite;
    -moz-animation: losange ease-in-out 100s infinite;
    -webkit-animation: losange ease-in-out 100s infinite;  	
}
.losange3{
	position: absolute;
	top: 1400px;
	right: 5%;
	 animation: losange ease-in-out 100s infinite;
    -moz-animation: losange ease-in-out 100s infinite;
    -webkit-animation: losange ease-in-out 100s infinite;  	
}
.losange4{
	position: absolute;
	top: 1900px;
	left: 7%;
	 animation: losange ease-in-out 100s infinite;
    -moz-animation: losange ease-in-out 100s infinite;
    -webkit-animation: losange ease-in-out 100s infinite;  	
}

@keyframes losange {
   50% {
       transform: translate(0, 900px) translateZ(0) rotate(-360deg);  
   }
}

@-webkit-keyframes losange {
   50% {
       -webkit-transform: translate3d(0, 900px, 0) rotate(-360deg);  
   }
}

@-moz-keyframes losange {
   50% {
       -moz-transform: translate3d(0, 900px, 0) rotate(-360deg);  

   }
}




.star1{
	position: absolute;
	top: 88px;
	left: 55%;
	 animation: star ease-in-out 100s infinite;
    -moz-animation: star ease-in-out 100s infinite;
    -webkit-animation: star ease-in-out 100s infinite;    
}
.star2{
	position: absolute;
	top: 1888px;
	left: 15%;
	 animation: star ease-in-out 100s infinite;
    -moz-animation: star ease-in-out 100s infinite;
    -webkit-animation: star ease-in-out 100s infinite;   
}
.star3{
	position: absolute;
	top: 1188px;
	right: 25%;
		 animation: star ease-in-out 100s infinite;
    -moz-animation: star ease-in-out 100s infinite;
    -webkit-animation: star ease-in-out 100s infinite;   
}
.star4{
	position: absolute;
	top: 688px;
	left: 25%;
		 animation: star2 ease-in-out 200s infinite;
    -moz-animation: star2 ease-in-out 200s infinite;
    -webkit-animation: star2 ease-in-out 200s infinite;   
}
.star5{
	position: absolute;
	top: 988px;
	right: 8%;
		 animation: star2 ease-in-out 200s infinite;
    -moz-animation: star2 ease-in-out 200s infinite;
    -webkit-animation: star2 ease-in-out 200s infinite;    
}
.star6{
	position: absolute;
	top: 388px;
	right: 15%;
	animation: star2 ease-in-out 250s infinite;
    -moz-animation: star2 ease-in-out 250s infinite;
    -webkit-animation: star2 ease-in-out 250s infinite;   
}
.star7{
	position: absolute;
	top: 660px;
	right: 5%;
	animation: star2 ease-in-out 250s infinite;
    -moz-animation: star2 ease-in-out 250s infinite;
    -webkit-animation: star2 ease-in-out 250s infinite;   
}
.star8{
	position: absolute;
	top: 1060px;
	left: 3%;
	animation: star2 ease-in-out 250s infinite;
    -moz-animation: star2 ease-in-out 250s infinite;
    -webkit-animation: star2 ease-in-out 250s infinite;   
}
@keyframes star {
   50% {
       transform: translate(0, 800px) translateZ(0) rotate(360deg);  
   }
}

@-webkit-keyframes star {
   50% {
       -webkit-transform: translate3d(0, 800px, 0) rotate(360deg);  
   }
}

@-moz-keyframes star {
   50% {
       -moz-transform: translate3d(0, 800px, 0) rotate(360deg);  

   }
}

@keyframes star2 {
   50% {
       transform: translate(0, 1000px) translateZ(0) rotate(-360deg);  
   }
}

@-webkit-keyframes star2 {
   50% {
       -webkit-transform: translate3d(0, 1000px, 0) rotate(-360deg);  
   }
}

@-moz-keyframes star2 {
   50% {
       -moz-transform: translate3d(0, 1000px, 0) rotate(-360deg);  

   }
}



/* clients */
.client-name{
	color: #fff;
	opacity: .5;
	font-size: 12px;
	letter-spacing: 2px;
	position: absolute;
	animation: client-name  250s infinite;
	-moz-animation: client-name  250s infinite;
	-webkit-animation: client-name  250s infinite; 
	display: block;  
}
.client-name2{
	color: #fff;
	opacity: .5;
	font-size: 12px;
	letter-spacing: 2px;
	position: absolute;
	animation: client-name2  250s infinite;
	-moz-animation: client-name2  250s infinite;
	-webkit-animation: client-name2  250s infinite; 
	display: block;  
}

/* AnnimTION TEXT 1 */
@keyframes client-name {
   50% {
        transform: translate(500px, 1000px);   
	
   }
}

@-webkit-keyframes client-name {
   50% {
       -webkit-transform: translate(500px, 1000px); 
   }
}

@-moz-keyframes client-name {
   50% {
       -moz-transform: translate(500px, 1000px); 
   }
   
}

/* AnnimTION TEXT 2 */
@keyframes client-name2 {
   50% {
        transform: translate(1000px, 1200px);   
   }
}

@-webkit-keyframes client-name2 {
   50% {
       -webkit-transform: translate(1000px, 1200px);
   }
}

@-moz-keyframes client-name2 {
   50% {
       -moz-transform: translate(1000px, 1200px);
   }
   
}




#client1{
	top: -800px;
	left: -5%;
}
#client2{
	top: -700px;
	right: 20%;	
}
#client3{
	top: -600px;
	left: 60%;	
}
#client4{
	top: -500px;
	left: 90%;		
}
#client4{
	top: -400px;
	right: 60%;	
}
#client6{
	top: -300px;
	left: 20%;	
}
#client7{
	top: -250px;
	left: 80%;	
}
#client8{
	top: -100px;
	left: -3%;	
}
#client9{
	top: 20px;
	left: 12%;	
}
#client10{
	top: 150px;
	left: 22%;	
}
#client11{
	top: 200px;
	left: 70%;	
}
#client12{
	top: 300px;
	left: -5%;		
}
#client13{
	top: 350px;
	left: 30%;		
}
#client14{
	top: 400px;
	left: 60%;		
}
#client15{
	top: 550px;
	left: 90%;	
}
#client16{
	top: 600px;
	left: 3%;		
}
#client17{
	top: 650px;
	left: 13%;	
}
#client18{
	top: 700px;
	left: 26%;		
}
#client19{
	top: 750px;
	left: 47%;	
}
#client20{
	top: 800px;
	left: 77%;		
}
#client21{
	top: 850px;
	left: -2%;		
}
#client22{
	top: 900px;
	left: -7%;		
}
#client23{
	top: 950px;
	left: 30%;		
}
#client24{
	top: 1000px;
	left: 50%;		
}
#client25{
	top: 1050px;
	left: 70%;		
}
#client26{
	top: 1100px;
	left: 90%;	
}
#client27{
	top: 1150px;
	left: 1%;		
}
#client28{
	top: 1200px;
	left: 12%;	
}
#client29{
	top: 1150px;
	left: 23%;	
}
#client30{
	top: 1210px;
	left: 44%;	
}
#client31{
	top: 1350px;
	left: 61%;	
}
#client32{
	top: 1400px;
	left:83%;	
}
#client33{
	top: 1580px;
	left:2%;		
}
#client34{
	top: 1610px;
	left:22%;		
}
#client35{
	top: 1650px;
	left:36%;	
}
#client36{
	top: 1710px;
	left:66%;	
}
#client37{
	top: 1880px;
	left:84%;		
}
#client38{
	top: 1900px;
	left:95%;	
}
#client39{
	top: 2050px;
	left:95%;		
}
#client40{
	top: 2100px;
	left:5%;		
}

#client41{
	top: 2250px;
	left:17%;		
}
#client42{
	top: 2280px;
	left:26%;		
}
#client42{
	top: 2360px;
	left:57%;		
}
#client43{
	top: 2340px;
	left:79%;		
}
#client44{
	top: 2400px;
	left:1%;		
}
#client45{
	top: 2440px;
	left:27%;		
}
#client45{
	top: 2500px;
	left:42%;		
}
#client46{
	top: 2550px;
	left:68%;		
}
#client47{
	top: 2600px;
	left:77%;		
}
#client48{
	top: 2650px;
	left:2%;		
}
#client49{
	top: 2700px;
	left:31%;		
}
#client49{
	top: 2750px;
	left:40%;		
}
#client50{
	top: 2700px;
	left:4%;		
}
#client51{
	top: 2800px;
	left:80%;		
}
#client52{
	top: 2850px;
	right:20%;		
}
#client53{
	top: 850px;
	right:50%;		
}
#client54{
	top: 450px;
	left:50%;		
}
#client55{
	top: 650px;
	left:50%;		
}