.animated.pulse {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;

    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated{
    z-index: 1000;
}
@-webkit-keyframes pulse{
    0%  { -webkit-transform: scale(1);
        color: white;
    }
    25%{
        -webkit-transform: scale(1.5);
        background-color: #89A724;
        color: white;
    }
    50% {
        -webkit-transform: scale(1.2);
        background-color: #89A724;
        color: white;
    }
    75%{
        -webkit-transform: scale(1.5);
        background-color: #89A724;
        color: white;
    }
    100% { -webkit-transform: scale(1);
        color: white;
    }
}
@-moz-keyframes pulse {
    0% { -moz-transform: scale(1);
        color: white;
    }
    25% {
        -moz-transform: scale(1.5);
        background-color: #89A724;
        color: white;
    }
    50% {
        -moz-transform: scale(1.2);
        background-color: #89A724;
        color: white;
    }
    75% {
        -moz-transform: scale(1.5);
        background-color: #89A724;
        color: white;
    }
    100% { -moz-transform: scale(1);
        color: white;
    }
}
@-o-keyframes pulse {
    0% { -o-transform: scale(1);
        color: white;
    }
    25% {
        -o-transform: scale(1.5);
        background-color: #89A724;
        color: white;
    }
    50% {
        -o-transform: scale(1.2);
        background-color: #89A724;
        color: white;
    }
    75% {
        -o-transform: scale(1.5);
        background-color: #89A724;
        color: white;
    }
    100% { -o-transform: scale(1);
        color: white;
    }
}
@keyframes pulse {
    0%  { transform: scale(1);
        color: white;
    }
    25%{
        transform: scale(1.5);
        background-color: #89A724;
        color: white;
    }
    50% {
        transform: scale(1.2);
        background-color: #89A724;
        color: white;
    }
    75%{
        transform: scale(1.5);
        background-color: #89A724;
        color: white;
    }
    100% { transform: scale(1);
        color: white;
    }
}


@-webkit-keyframes widen{
    0%  {  }
    25%{ border-left-width: 50px; }
    50%{ border-left-width: 30px; }
    75%{ border-left-width: 50px; }
    100% {  }
}
@-moz-keyframes widen{
    0%  {  }
    25%{ border-left-width: 50px; }
    50%{ border-left-width: 30px; }
    75%{ border-left-width: 50px; }
    100% {  }
}
@-o-keyframes widen{
    0%  {  }
    25%{ border-left-width: 50px; }
    50%{ border-left-width: 30px; }
    75%{ border-left-width: 50px; }
    100% {  }
}
@keyframes widen{
    0%  {  }
    25%{ border-left-width: 50px; }
    50%{ border-left-width: 30px; }
    75%{ border-left-width: 50px; }
    100% {  }
}

.animated.widen{
    -webkit-animation-name: widen;
    -webkit-animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    -o-animation-name: widen;
    -o-animation-duration: 2s;
    -o-animation-fill-mode: both;
    -moz-animation-name: widen;
    -moz-animation-duration: 2s;
    -moz-animation-fill-mode: both;
    animation-name: widen;
    animation-duration: 2s;
    animation-fill-mode: both;
}