/**
 *
 * All animations must live in their own file
 * in the animations directory and be included
 * here.
 *
 */
/**
 * Styles shared by multiple animations
 */

@-webkit-keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }

  5% {
    opacity: 1; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes ball-scale-multiple {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0; }

  5% {
    opacity: 1; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

.ball-scale-multiple {
  position: relative;
  -webkit-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
          transform: translateY(-100px); }
  .ball-scale-multiple > div:nth-child(2) {
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s; }
  .ball-scale-multiple > div:nth-child(3) {
    -webkit-animation-delay: 2s;
            animation-delay: 2s; }
  .ball-scale-multiple > div {
    background-color: #3cf;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute;
    left: 0px;
    top: 0px;
    opacity: 0;
    margin:0 0 0 -45px;
    width: 100px;
    height: 100px;
    -webkit-animation: ball-scale-multiple 1.5s 0s linear infinite;
            animation: ball-scale-multiple 1.5s 0s linear infinite; }

.loader2 .ball-scale-multiple > div { background-color:#ccc;}
.loader3 .ball-scale-multiple > div { background-color:#ccc;}