.blink { -webkit-animation: blinker 1s infinite; -moz-animation: blinker 1s infinite; animation: blinker 1s infinite; }
@-webkit-keyframes blinker {
        0% { -webkit-opacity: 1; }
        50% { -webkit-opacity: 0.25; }
        100% { -webkit-opacity: 1; }
}
@-moz-keyframes blinker {
        0% { -moz-opacity: 1; }
        50% { -moz-opacity: 0.25; }
        100% { -moz-opacity: 1; }
}
@keyframes blinker {
        0% { opacity: 1; }
        50% { opacity: 0.25; }
        100% { opacity: 1; }
}
.bump { -webkit-animation: bumper 1s 2; -moz-animation: bumper 1s 2; animation: bumper 1s 2; }
@-webkit-keyframes bumper {
        0% { width: 100%; height: 100%; }
        50% { width: 90%; height: 90%; }
        100% { width: 100%; height: 100%; }
}
@-moz-keyframes bumper {
        0% { width: 100%; height: 100%; }
        50% { width: 90%; height: 90%; }
        100% { width: 100%; height: 100%; }
}
@keyframes bumper {
        0% { width: 100%; height: 100%; }
        50% { width: 90%; height: 90%; }
        100% { width: 100%; height: 100%; }
}

.rotate { -webkit-animation: rotator 3s infinite linear; -moz-animation: rotator 3s infinite linear; animation: rotator 3s infinite linear; }
@-webkit-keyframes rotator {
    from { 
        -webkit-transform: rotate(0deg); 
    } to { 
        -webkit-transform: rotate(360deg); 
    }
}
@-moz-keyframes rotator {
    from { 
        -moz-transform: rotate(0deg); 
    } to { 
        -moz-transform: rotate(360deg); 
    }
}
@keyframes rotator {
    from { 
        transform: rotate(0deg); 
    } to { 
        transform: rotate(360deg); 
    }
}

.pulse, .pulse-green, .pulse.green { -webkit-animation: pulse-green 2s 1; -moz-animation: pulse-green 2s 1; animation: pulse-green 2s 1; }
.pulse-red, .pulse.red { -webkit-animation: pulse-red 2s 1; -moz-animation: pulse-red 2s 1; animation: pulse-red 2s 1; }
.pulse-yellow, .pulse.yellow { -webkit-animation: pulse-yellow 2s 1; -moz-animation: pulse-yellow 2s 1; animation: pulse-yellow 2s 1; }
@-webkit-keyframes pulse-green {
    0% { background-color: #6DC428; }
    10% { background-color: #6DC428; }
    100% { background-color: transparent; }
}
@-moz-keyframes pulse-green {
    0% { background-color: #6DC428; }
    10% { background-color: #6DC428; }
    100% { background-color: transparent; }
}
@keyframes pulse-green {
    0% { background-color: #6DC428; }
    10% { background-color: #6DC428; }
    100% { background-color: transparent; }
}
@-webkit-keyframes pulse-yellow {
    0% { background-color: #FFF76C; }
    10% { background-color: #FFF76C; }
    100% { background-color: transparent; }
}
@-moz-keyframes pulse-yellow {
    0% { background-color: #FFF76C; }
    10% { background-color: #FFF76C; }
    100% { background-color: transparent; }
}
@keyframes pulse-yellow {
    0% { background-color: #FFF76C; }
    10% { background-color: #FFF76C; }
    100% { background-color: transparent; }
}
@-webkit-keyframes pulse-red {
    0% { background-color: #C4282C; }
    10% { background-color: #C4282C; }
    100% { background-color: transparent; }
}
@-moz-keyframes pulse-red {
    0% { background-color: #C4282C; }
    10% { background-color: #C4282C; }
    100% { background-color: transparent; }
}
@keyframes pulse-red {
    0% { background-color: #C4282C; }
    10% { background-color: #C4282C; }
    100% { background-color: transparent; }
}