@charset "UTF-8";
/* CSS Document */
.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 30px;
    margin-top: 5px;
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}
	
	.location1{
 position: absolute;  
      top: 20%;
  
    bottom: 0;
    right: 80%;
	padding: 0px;
   z-index: 2;
 width: 20%;
 height: 40%;
  opacity: 1.0;
	}
	
	.location2{
 position: absolute;  
      top: 40%;
width: 20%;
 height: 40%;
    bottom: 0;
    right: 50%;
	padding: 0px;
   z-index: 2;
   
  opacity: 1.0;
	}
	
	.location3{
 position: absolute;  
      top: 30%;
width: 20%;
 height: 40%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 2;

  opacity: 1.0;
	}
	
	.location4{
 position: absolute;  
      top: 10%;
    left: 30%;
    bottom: 0;
    right: 0;
	padding: 0px;
   z-index: 2;
   width: 20%;
 height: 40%;
  opacity: 0.3;
	}
	
	
	
	
}