.blink {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
  -moz-animation: blink 1s step-start 0s infinite;
}

.blink-2 {
  animation: blink 2s step-start 0s infinite;
  -webkit-animation: blink 2s step-start 0s infinite;
  -moz-animation: blink 2s step-start 0s infinite;
}



@keyframes blink {  
  0% { opacity: 1.0; }
  50% { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-webkit-keyframes {
  0% { opacity: 1.0; }
  50% { opacity: 0.5; }
  100% { opacity: 1.0; }
}

.blink-red{
	font-weight: bold; 
	color: white; 
	background-color: #CD2F0D; 
	padding: 0 5px;
	-webkit-animation: blink-red-anim 1s infinite;
  	animation:  blink-red-anim 1s infinite;
}

@-webkit-keyframes blink-red-anim {
    from {background-color: #CD2F0D;}
    to {background-color: #E69F14;}
}

@keyframes blink-red-anim {
    from {background-color: #CD2F0D;}
    to {background-color: #E69F14;}
}

.add-zoom:hover{
	-webkit-transform:scale(2);
    -moz-transform:scale(2);
    -ms-transform:scale(2);
    -o-transform:scale(2);
    transform:scale(2); 
    color: blue;
    background-color: #DEDEDE; 
    letter-spacing: 1px;
}

@-webkit-keyframes running-progress {
  0% { margin-left: 0px; margin-right: 100%; }
  50% { margin-left: 25%; margin-right: 0%; }
  100% { margin-left: 100%; margin-right: 0; }
}
@keyframes running-progress {
  0% { margin-left: 0px; margin-right: 100%; }
  50% { margin-left: 25%; margin-right: 0%; }
  100% { margin-left: 100%; margin-right: 0; }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}


.pulse {
  box-shadow: 0 0 0 rgba(73,103,137, 0.4);
  animation: pulse 2s infinite;
  border-radius: 50%;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(73,103,137, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(73,103,137, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(73,103,137, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(73,103,137, 0.4);
    box-shadow: 0 0 0 0 rgba(73,103,137, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(73,103,137, 0);
      box-shadow: 0 0 0 10px rgba(73,103,137, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(73,103,137, 0);
      box-shadow: 0 0 0 0 rgba(73,103,137, 0);
  }
}