.open_event {
  position: absolute;
  top: 30px;
  left: 60%;
    border-radius: 32px;
   background: rgba(0,0,0,.6);

   /* background-color: #333;*/
    padding: 1px 13px 11px 24px;
    width: 440px;
    font-size: 14px;
     font-weight: bold; 
    /*text-shadow: 1px 1px 1px #ff416c; */
    color: #ffffff;
    display: block;
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;animation-iteration-count: infinite;
}


.animated {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -1deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -1deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1deg);
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, 1deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1deg);
    transform: scale3d(1.05, 1.05, 1.05) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}