@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1) ;
    -ms-transform: scale3d(1, 1, 1) ;
    transform: scale3d(1, 1, 1) ;
  }
  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) ;
    -ms-transform: scale3d(1.1, 1.1, 1.1) ;
    transform: scale3d(1.1, 1.1, 1.1) ;
  }
  to {
    -webkit-transform: scale3d(1, 1, 1) ;
    -ms-transform: scale3d(1, 1, 1) ;
    transform: scale3d(1, 1, 1) ;
  }
}
@keyframes pulse2 {
  from {
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0) ;
  }
  20% {
    -webkit-transform: translate(-40px,0);
    -ms-transform: translate(-40px,0);
    transform: translate(-40px,0);
  }
  40% {
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 40px;
  }
  60% {
    -webkit-transform: translate(20px,0);
    -ms-transform: translate(20px,0);
    transform: translate(20px,0);
  }
  to {
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0) ;
  }
}
@keyframes pulse3 {
  from {
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0) ;
  }
  20% {
    -webkit-transform: translate(20px,0);
    -ms-transform: translate(20px,0);
    transform: translate(20px,0);
  }
  40% {
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 40px;
  }
  60% {
    -webkit-transform: translate(-40px,0);
    -ms-transform: translate(-40px,0);
    transform: translate(-40px,0);
  }
  to {
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0) ;
  }
}

@keyframes rotate360 {
  from {-ms-transform: rotate(0);-webkit-transform: rotate(0);transform: rotate(0);
  }
  to {transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);}
}