.bubbleAnimLeft{
  animation: animationFramesMLeft ease-out 25s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFramesMLeft ease-out 25s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFramesMLeft ease-out 25s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFramesMLeft ease-out 25s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFramesMLeft ease-out 25s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFramesMLeft{
  0% {
    transform:   rotate(0deg);
  }
  50% {
    transform:   rotate(25deg);
  }
  100% {
    transform:  rotate(0deg);
  }
}

@-moz-keyframes animationFramesMLeft{
  0% {
    -moz-transform:   rotate(0deg);
  }
  50% {
    -moz-transform:  rotate(25deg);
  }
  100% {
    -moz-transform:   rotate(0deg);
  }
}

@-webkit-keyframes animationFramesMLeft {
  0% {
    -webkit-transform:  rotate(0deg);
  }
  50% {
    -webkit-transform:   rotate(25deg);
  }
  100% {
    -webkit-transform:   rotate(0deg);
  }
}

@-o-keyframes animationFramesMLeft {
  0% {
    -o-transform:  rotate(0deg);
  }
  50% {
    -o-transform:   rotate(25deg);
  }
  100% {
    -o-transform:   rotate(0deg);
  }
}

@-ms-keyframes animationFramesMLeft {
  0% {
    -ms-transform:   rotate(0deg);
  }
  50% {
    -ms-transform:   rotate(25deg);
  }
  100% {
    -ms-transform:   rotate(0deg);
  }
}






.bubbleAnimRight{
  animation: animationFramesMRight ease-out 30s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFramesMRight ease-out 30s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFramesMRight ease-out 30s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFramesMRight ease-out 30s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFramesMRight ease-out 30s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFramesMRight{
  0% {
    transform:  rotate(0deg);
  }
  50% {
    transform:  rotate(-25deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@-moz-keyframes animationFramesMRight{
  0% {
    -moz-transform:  rotate(0deg);
  }
  50% {
    -moz-transform:  rotate(-25deg);
  }
  100% {
    -moz-transform:  rotate(0deg);
  }
}

@-webkit-keyframes animationFramesMRight {
  0% {
    -webkit-transform:  rotate(0deg);
  }
  50% {
    -webkit-transform:  rotate(-25deg);
  }
  100% {
    -webkit-transform:  rotate(0deg);
  }
}

@-o-keyframes animationFramesMRight {
  0% {
    -o-transform:  rotate(0deg);
  }
  50% {
    -o-transform:  rotate(-25deg);
  }
  100% {
    -o-transform:  rotate(0deg);
  }
}

@-ms-keyframes animationFramesMRight {
  0% {
    -ms-transform:  rotate(0deg);
  }
  50% {
    -ms-transform:  rotate(-25deg);
  }
  100% {
    -ms-transform:  rotate(0deg);
  }
}

.bubbleAnimInnerLeft{
  animation: animationFramesILeft ease-out 35s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFramesILeft ease-out 35s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFramesILeft ease-out 35s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFramesILeft ease-out 35s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFramesILeft ease-out 35s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFramesILeft{
  0% {
    transform:  rotate(0deg);
  }
  50% {
    transform:  rotate(30deg);
  }
  100% {
    transform:  rotate(0deg);
  }
}

@-moz-keyframes animationFramesILeft{
  0% {
    -moz-transform:  rotate(0deg);
  }
  50% {
    -moz-transform:  rotate(30deg)
  }
  100% {
    -moz-transform:  rotate(0deg);
  }
}

@-webkit-keyframes animationFramesILeft {
  0% {
    -webkit-transform:  rotate(0deg);
  }
  50% {
    -webkit-transform:  rotate(30deg);
  }
  100% {
    -webkit-transform:  rotate(0deg);
  }
}

@-o-keyframes animationFramesILeft {
  0% {
    -o-transform:  rotate(0deg);
  }
  50% {
    -o-transform:  rotate(30deg);
  }
  100% {
    -o-transform:  rotate(0deg);
  }
}

@-ms-keyframes animationFramesILeft {
  0% {
    -ms-transform:  rotate(0deg);
  }
  50% {
    -ms-transform:  rotate(30deg);
  }
  100% {
    -ms-transform:  rotate(0deg);
  }
}



.bubbleAnimInnerRight{
  animation: animationFramesIRight ease-out 40s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: animationFramesIRight ease-out 40s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFramesIRight ease-out 40s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFramesIRight ease-out 40s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFramesIRight ease-out 40s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFramesIRight{
  0% {
    transform:  rotate(0deg);
  }
  50% {
    transform:  rotate(-30deg);
  }
  100% {
    transform:  rotate(0deg);
  }
}

@-moz-keyframes animationFramesIRight{
  0% {
    -moz-transform:  rotate(0deg);
  }
  50% {
    -moz-transform:  rotate(-30deg);
  }
  100% {
    -moz-transform:  rotate(0deg) ;
  }
}

@-webkit-keyframes animationFramesIRight {
  0% {
    -webkit-transform:  rotate(0deg);
  }
  50% {
    -webkit-transform:  rotate(-30deg);
  }
  100% {
    -webkit-transform:  rotate(0deg);
  }
}

@-o-keyframes animationFramesIRight {
  0% {
    -o-transform:  rotate(0deg);
  }
  50% {
    -o-transform:  rotate(-30deg);
  }
  100% {
    -o-transform:  rotate(0deg);
  }
}

@-ms-keyframes animationFramesIRight {
  0% {
    -ms-transform:  rotate(0deg);
  }
  50% {
    -ms-transform:  rotate(-30deg);
  }
  100% {
    -ms-transform:  rotate(0deg);
  }
}