#fountainG {
   position: relative;
   width: 200px;
   height: 24px;
   margin-left: auto;
   margin-right: auto;
}

.fountainG {
   position: absolute;
   top: 0;
   background-color: #0cb2d5;
   width: 25px;
   height: 25px;
   -moz-animation-name: bounce_fountainG;
   -moz-animation-duration: 1.3s;
   -moz-animation-iteration-count: infinite;
   -moz-animation-direction: linear;
   -moz-transform: scale(.3);
   -moz-border-radius: 16px;
   -webkit-animation-name: bounce_fountainG;
   -webkit-animation-duration: 1.3s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-direction: linear;
   -webkit-transform: scale(.3);
   -webkit-border-radius: 16px;
   -ms-animation-name: bounce_fountainG;
   -ms-animation-duration: 1.3s;
   -ms-animation-iteration-count: infinite;
   -ms-animation-direction: linear;
   -ms-transform: scale(.3);
   -ms-border-radius: 16px;
   -o-animation-name: bounce_fountainG;
   -o-animation-duration: 1.3s;
   -o-animation-iteration-count: infinite;
   -o-animation-direction: linear;
   -o-transform: scale(.3);
   -o-border-radius: 16px;
   animation-name: bounce_fountainG;
   animation-duration: 1.3s;
   animation-iteration-count: infinite;
   animation-direction: linear;
   transform: scale(.3);
   border-radius: 16px;
}

#fountainG_1 {
   left: 0;
   -moz-animation-delay: 0.52s;
   -webkit-animation-delay: 0.52s;
   -ms-animation-delay: 0.52s;
   -o-animation-delay: 0.52s;
   animation-delay: 0.52s;
}

#fountainG_2 {
   left: 25px;
   -moz-animation-delay: 0.65s;
   -webkit-animation-delay: 0.65s;
   -ms-animation-delay: 0.65s;
   -o-animation-delay: 0.65s;
   animation-delay: 0.65s;
}

#fountainG_3 {
   left: 50px;
   -moz-animation-delay: 0.78s;
   -webkit-animation-delay: 0.78s;
   -ms-animation-delay: 0.78s;
   -o-animation-delay: 0.78s;
   animation-delay: 0.78s;
}

#fountainG_4 {
   left: 75px;
   -moz-animation-delay: 0.91s;
   -webkit-animation-delay: 0.91s;
   -ms-animation-delay: 0.91s;
   -o-animation-delay: 0.91s;
   animation-delay: 0.91s;
}

#fountainG_5 {
   left: 100px;
   -moz-animation-delay: 1.04s;
   -webkit-animation-delay: 1.04s;
   -ms-animation-delay: 1.04s;
   -o-animation-delay: 1.04s;
   animation-delay: 1.04s;
}

#fountainG_6 {
   left: 125px;
   -moz-animation-delay: 1.17s;
   -webkit-animation-delay: 1.17s;
   -ms-animation-delay: 1.17s;
   -o-animation-delay: 1.17s;
   animation-delay: 1.17s;
}

#fountainG_7 {
   left: 150px;
   -moz-animation-delay: 1.3s;
   -webkit-animation-delay: 1.3s;
   -ms-animation-delay: 1.3s;
   -o-animation-delay: 1.3s;
   animation-delay: 1.3s;
}

#fountainG_8 {
   left: 175px;
   -moz-animation-delay: 1.43s;
   -webkit-animation-delay: 1.43s;
   -ms-animation-delay: 1.43s;
   -o-animation-delay: 1.43s;
   animation-delay: 1.43s;
}

@-moz-keyframes bounce_fountainG {
   0% {
      -moz-transform: scale(1);
      background-color: #0cb2d5;
   }

   100% {
      -moz-transform: scale(.3);
      background-color: #FFFFFF;
   }
}

@-webkit-keyframes bounce_fountainG {
   0% {
      -webkit-transform: scale(1);
      background-color: #0cb2d5;
   }

   100% {
      -webkit-transform: scale(.3);
      background-color: #FFFFFF;
   }
}

@-ms-keyframes bounce_fountainG {
   0% {
      -ms-transform: scale(1);
      background-color: #0cb2d5;
   }

   100% {
      -ms-transform: scale(.3);
      background-color: #FFFFFF;
   }
}

@-o-keyframes bounce_fountainG {
   0% {
      -o-transform: scale(1);
      background-color: #0cb2d5;
   }

   100% {
      -o-transform: scale(.3);
      background-color: #FFFFFF;
   }
}

@keyframes bounce_fountainG {
   0% {
      transform: scale(1);
      background-color: #0cb2d5;
   }

   100% {
      transform: scale(.3);
      background-color: #FFFFFF;
   }
}