/*floating*/

.floating{
float: left;
-webkit-animation-name: Floatingx;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-name: Floating;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: ease-in-out;
margin-left: 30px;
margin-top: 5px;
}
@-webkit-keyframes Floatingx{
from {-webkit-transform:translate(0, 0px);}
65% {-webkit-transform:translate(0, 15px);}
to {-webkit-transform: translate(0, -0px); } 
}

@-moz-keyframes Floating{
from {-moz-transform:translate(0, 0px);}
65% {-moz-transform:translate(0, 15px);}
to {-moz-transform: translate(0, -0px);} 
}

/*floating*/

/*blink*/

.blink{
animation: color-blink-1 1.5s infinite;
}
@keyframes color-blink-1 {
0%, 33%, 100% { opacity: 1;}
32% { opacity: 0.1;}
}
@keyframes color-blink-2 {
0%, 33%, 67%, 100% { opacity: 1;}
66% { opacity: 0.1;}
}
@keyframes color-blink-3 {
0%, 67% { opacity: 1;}
100% { opacity: 0.1;}
}

/*blink*/