@-webkit-keyframes pulsate {


    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}


    50% {opacity: 1.0;}


    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}


}





@-moz-keyframes pulse {


	0% { -moz-transform: scale(0); opacity: 0.0;}


    50% {opacity: 0.6;}


    100% {-moz-transform: scale(1.2, 1.2); opacity: 0.0;}





}





@-ms-keyframes pulsate {


    0% {


        -ms-transform: scale(0.1, 0.1);


        opacity: 0.0;


    }


    50% {


        opacity: 1.0;


    }


    100% {


        -ms-transform: scale(1.2, 1.2);


        opacity: 0.0;


    }


}





.element-animation{


  animation: animationFrames ease-in-out 4s;

  animation-iteration-count: 9;


  transform-origin: 50% 50%;


  -webkit-animation: animationFrames ease-in-out 4s;


  -webkit-animation-iteration-count: 9;


  -webkit-transform-origin: 50% 50%;
  
  -moz-animation: animationFrames ease-in-out 4s;


  -moz-animation-iteration-count: 9;


  -moz-transform-origin: 50% 50%;


  -o-animation: animationFrames ease-in-out 4s;


  -o-animation-iteration-count: 9;


  -o-transform-origin: 50% 50%;


  -ms-animation: animationFrames ease-in-out 4s;


  -ms-animation-iteration-count: 9;


  -ms-transform-origin: 50% 50%;


}





@keyframes animationFrames{


  0% {


    transform:  translate(0px,0px)  ;


  }


  25% {


    transform:  translate(-50px,0px)  ;


  }
  
   75% {

    transform:  translate(50px,0px)  ;

  }


  100% {


    transform:  translate(0px,0px)  ;


  }


}





@-moz-keyframes animationFrames{


  0% {


    -moz-transform:  translate(0px,0px)  ;


  }


  25% {


    -moz-transform:  translate(-50px,0px)  ;


  }
  
    75% {

    -moz-transform:  translate(50px,0px)  ;

  }
  
  


  100% {


    -moz-transform:  translate(0px,0px)  ;


  }


}





@-webkit-keyframes animationFrames {


  0% {


    -webkit-transform:  translate(0px,0px)  ;


  }


 25% {


    -webkit-transform:  translate(-50px,0px)  ;


  }
  
   75% {

    -webkit-transform:  translate(50px,0px)  ;

  }


  100% {


    -webkit-transform:  translate(0px,0px)  ;


  }


}





@-o-keyframes animationFrames {


  0% {


    -o-transform:  translate(0px,0px)  ;


  }


  40% {


    -o-transform:  translate(-50px,0px)  ;


  }


  100% {


    -o-transform:  translate(50px,0px)  ;


  }


}





@-ms-keyframes animationFrames {


  0% {


    -ms-transform:  translate(0px,0px)  ;


  }


  40% {


    -ms-transform:  translate(-50px,0px)  ;


  }


  100% {


    -ms-transform:  translate(50px,0px)  ;


  }


}