/* ----------------------------------------------------------------------
                            main banner obj animation
---------------------------------------------------------------------- */
.boat {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
}

.ball {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(10px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(10px); }
}

.can {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
    animation-delay: .5s;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
}

.wine {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
    animation-delay: .2s;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
}

.drink {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
    animation-delay: .6s;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
}

.bottle {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
    animation-delay: .1s;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
}

.milk {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
    animation-delay: .8s;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
}

.shoe {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
}

.umbrella {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
    animation-delay: .2s;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
}

.cola {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
}

/* ----------------------------------------------------------------------
                            sea fixed obj animation
---------------------------------------------------------------------- */
.yellow-fish {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
}

.sea-turtle {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
    animation-delay: .8s;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
}

.jelly-fish {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
    animation-delay: .6s;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(-15px); }
}

.purple-fish {
    -webkit-animation: action 1s infinite  alternate;
    animation: action 1s infinite  alternate;
  }
  @-webkit-keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(10px); }
  }
  @keyframes action {
      0% { transform: translateY(0); }
      100% { transform: translateY(10px); }
}