.icon-1{
    animation: icon-1-animation linear 6s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation: icon-1-animation linear 6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
    -moz-animation: icon-1-animation linear 6s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: icon-1-animation linear 6s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation: icon-1-animation linear 6s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards; /*IE 10+*/
  }
  
  @keyframes icon-1-animation{
    0% {
      transform:  translate(0px,0px)  ;
    }
    37% {
      transform:  translate(-22px,-24px)  ;
    }
    75% {
      transform:  translate(-9px,-7px)  ;
    }
    100% {
      transform:  translate(0px,0px)  ;
    }
  }
  
  @-moz-keyframes icon-1-animation{
    0% {
      -moz-transform:  translate(0px,0px)  ;
    }
    37% {
      -moz-transform:  translate(-22px,-24px)  ;
    }
    75% {
      -moz-transform:  translate(-9px,-7px)  ;
    }
    100% {
      -moz-transform:  translate(0px,0px)  ;
    }
  }
  
  @-webkit-keyframes icon-1-animation {
    0% {
      -webkit-transform:  translate(0px,0px)  ;
    }
    37% {
      -webkit-transform:  translate(-22px,-24px)  ;
    }
    75% {
      -webkit-transform:  translate(-9px,-7px)  ;
    }
    100% {
      -webkit-transform:  translate(0px,0px)  ;
    }
  }
  
  @-o-keyframes icon-1-animation {
    0% {
      -o-transform:  translate(0px,0px)  ;
    }
    37% {
      -o-transform:  translate(-22px,-24px)  ;
    }
    75% {
      -o-transform:  translate(-9px,-7px)  ;
    }
    100% {
      -o-transform:  translate(0px,0px)  ;
    }
  }
  
  @-ms-keyframes icon-1-animation {
    0% {
      -ms-transform:  translate(0px,0px)  ;
    }
    37% {
      -ms-transform:  translate(-22px,-24px)  ;
    }
    75% {
      -ms-transform:  translate(-9px,-7px)  ;
    }
    100% {
      -ms-transform:  translate(0px,0px)  ;
    }
  }

  .icon-2{
    animation: icon-2-animation linear 6s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation: icon-2-animation linear 6s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
    -moz-animation: icon-2-animation linear 6s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: icon-2-animation linear 6s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation: icon-2-animation linear 6s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards; /*IE 10+*/
  }
  
  @keyframes icon-2-animation{
    0% {
      transform:  rotate(0deg) ;
    }
    31% {
      transform:  rotate(50deg) ;
    }
    70% {
      transform:  rotate(-50deg) ;
    }
    100% {
      transform:  rotate(0deg) ;
    }
  }
  
  @-moz-keyframes icon-2-animation{
    0% {
      -moz-transform:  rotate(0deg) ;
    }
    31% {
      -moz-transform:  rotate(50deg) ;
    }
    70% {
      -moz-transform:  rotate(-50deg) ;
    }
    100% {
      -moz-transform:  rotate(0deg) ;
    }
  }
  
  @-webkit-keyframes icon-2-animation {
    0% {
      -webkit-transform:  rotate(0deg) ;
    }
    31% {
      -webkit-transform:  rotate(50deg) ;
    }
    70% {
      -webkit-transform:  rotate(-50deg) ;
    }
    100% {
      -webkit-transform:  rotate(0deg) ;
    }
  }
  
  @-o-keyframes icon-2-animation {
    0% {
      -o-transform:  rotate(0deg) ;
    }
    31% {
      -o-transform:  rotate(50deg) ;
    }
    70% {
      -o-transform:  rotate(-50deg) ;
    }
    100% {
      -o-transform:  rotate(0deg) ;
    }
  }
  
  @-ms-keyframes icon-2-animation {
    0% {
      -ms-transform:  rotate(0deg) ;
    }
    31% {
      -ms-transform:  rotate(50deg) ;
    }
    70% {
      -ms-transform:  rotate(-50deg) ;
    }
    100% {
      -ms-transform:  rotate(0deg) ;
    }
  }

  .icon-3{
    animation: icon-3-animation linear 12s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation: icon-3-animation linear 12s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
    -moz-animation: icon-3-animation linear 12s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: icon-3-animation linear 12s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation: icon-3-animation linear 12s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards; /*IE 10+*/
  }
  
  @keyframes icon-3-animation{
    0% {
      transform:  scaleX(1.00) scaleY(1.00) ;
    }
    20% {
      transform:  scaleX(0.00) scaleY(0.00) ;
    }
    50% {
      transform:  scaleX(1.52) scaleY(1.52) ;
    }
    80% {
      transform:  scaleX(0.00) scaleY(0.00) ;
    }
    100% {
      transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-moz-keyframes icon-3-animation{
    0% {
      -moz-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    20% {
      -moz-transform:  scaleX(0.00) scaleY(0.00) ;
    }
    50% {
      -moz-transform:  scaleX(1.52) scaleY(1.52) ;
    }
    80% {
      -moz-transform:  scaleX(0.00) scaleY(0.00) ;
    }
    100% {
      -moz-transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-webkit-keyframes icon-3-animation {
    0% {
      -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    20% {
      -webkit-transform:  scaleX(0.00) scaleY(0.00) ;
    }
    50% {
      -webkit-transform:  scaleX(1.52) scaleY(1.52) ;
    }
    80% {
      -webkit-transform:  scaleX(0.00) scaleY(0.00) ;
    }
    100% {
      -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-o-keyframes icon-3-animation {
    0% {
      -o-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    20% {
      -o-transform:  scaleX(0.00) scaleY(0.00) ;
    }
    50% {
      -o-transform:  scaleX(1.52) scaleY(1.52) ;
    }
    80% {
      -o-transform:  scaleX(0.00) scaleY(0.00) ;
    }
    100% {
      -o-transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-ms-keyframes icon-3-animation {
    0% {
      -ms-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    20% {
      -ms-transform:  scaleX(0.00) scaleY(0.00) ;
    }
    50% {
      -ms-transform:  scaleX(1.52) scaleY(1.52) ;
    }
    80% {
      -ms-transform:  scaleX(0.00) scaleY(0.00) ;
    }
    100% {
      -ms-transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }

  .icon-4{
    animation: icon-4-animation linear 5s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation: icon-4-animation linear 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
    -moz-animation: icon-4-animation linear 5s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: icon-4-animation linear 5s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation: icon-4-animation linear 5s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards; /*IE 10+*/
  }
  
  @keyframes icon-4-animation{
    0% {
      transform:  scaleX(1.00) scaleY(1.00) ;
    }
    50% {
      transform:  scaleX(2.50) scaleY(2.50) ;
    }
    100% {
      transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-moz-keyframes icon-4-animation{
    0% {
      -moz-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    50% {
      -moz-transform:  scaleX(2.50) scaleY(2.50) ;
    }
    100% {
      -moz-transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-webkit-keyframes icon-4-animation {
    0% {
      -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    50% {
      -webkit-transform:  scaleX(2.50) scaleY(2.50) ;
    }
    100% {
      -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-o-keyframes icon-4-animation {
    0% {
      -o-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    50% {
      -o-transform:  scaleX(2.50) scaleY(2.50) ;
    }
    100% {
      -o-transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-ms-keyframes icon-4-animation {
    0% {
      -ms-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    50% {
      -ms-transform:  scaleX(2.50) scaleY(2.50) ;
    }
    100% {
      -ms-transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }

  .icon-5{
    animation: icon-5-animation linear 5s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation: icon-5-animation linear 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
    -moz-animation: icon-5-animation linear 5s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: icon-5-animation linear 5s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation: icon-5-animation linear 5s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
    -ms-animation-fill-mode:forwards; /*IE 10+*/
  }
  
  @keyframes icon-5-animation{
    0% {
      transform:  scaleX(1.00) scaleY(1.00) ;
    }
    31% {
      transform:  scaleX(2.50) scaleY(2.50) ;
    }
    73% {
      transform:  scaleX(0.71) scaleY(0.71) ;
    }
    100% {
      transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-moz-keyframes icon-5-animation{
    0% {
      -moz-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    31% {
      -moz-transform:  scaleX(2.50) scaleY(2.50) ;
    }
    73% {
      -moz-transform:  scaleX(0.71) scaleY(0.71) ;
    }
    100% {
      -moz-transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-webkit-keyframes icon-5-animation {
    0% {
      -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    31% {
      -webkit-transform:  scaleX(2.50) scaleY(2.50) ;
    }
    73% {
      -webkit-transform:  scaleX(0.71) scaleY(0.71) ;
    }
    100% {
      -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-o-keyframes icon-5-animation {
    0% {
      -o-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    31% {
      -o-transform:  scaleX(2.50) scaleY(2.50) ;
    }
    73% {
      -o-transform:  scaleX(0.71) scaleY(0.71) ;
    }
    100% {
      -o-transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }
  
  @-ms-keyframes icon-5-animation {
    0% {
      -ms-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    31% {
      -ms-transform:  scaleX(2.50) scaleY(2.50) ;
    }
    73% {
      -ms-transform:  scaleX(0.71) scaleY(0.71) ;
    }
    100% {
      -ms-transform:  scaleX(1.00) scaleY(1.00) ;
    }
  }