/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
    0%   {background-color:red;}
    50%  {background-color:yellow;}
    100% {background-color:red;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color:red;}
    50%  {background-color:yellow;}
    100% {background-color:red;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes gstnote {
    0%   {color:red;}
    50%  {color:blue;}
    100% {color:red;}
}

/* Standard syntax */
@keyframes gstnote {
    0%   {color:red;}
    50%  {color:blue;}
    100% {color:red;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes regbutton {
    0%   {background-color:  #a5faf7;}
    25%  {background-color:  #cdcdcd;}
    50%  {background-color:  #92f89d;}
    75%  {background-color:  #faeea5;}
    100% {background-color:  #a5faf7;}
}

/* Standard syntax */
@keyframes regbutton {
    0%   {background-color:  #a5faf7;}
    25%  {background-color:  #cdcdcd;}
    50%  {background-color:  #92f89d;}
    75%  {background-color:  #faeea5;}
    100% {background-color:  #a5faf7;}
}

@-webkit-keyframes allhandsbkg {
    0%   {background-color:  #a5faf7;}
    25%  {background-color:  #cdcdcd;}
    50%  {background-color:  #92f89d;}
    75%  {background-color:  #faeea5;}
    100% {background-color:  #a5faf7;}
}

/* Standard syntax */
@keyframes allhandsbkg {
    from   {background-color:  #ff0;}
    /*25%  {background-color:  #cdcdcd;}*/
    to  {background-color:  #92f89d;}
    /*75%  {background-color:  #faeea5;}*/
    /*100% {background-color:  #ff0;}*/
}

.anim {
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
.anim-fast {
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

.blink-es{
    text-decoration: blink;
    /*-webkit-animation-name: blinker;*/
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}

.anim-example{
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    animation-name: example;
}

.anim-gstnote{
    -webkit-animation-name: gstnote; /* Safari 4.0 - 8.0 */
    animation-name: gstnote;
}

.anim-reg-button{
    -webkit-animation-name: regbutton; /* Safari 4.0 - 8.0 */
    animation-name: regbutton;
}

.anim-all-hands-bkg{
    -webkit-animation-name: allhandsbkg; /* Safari 4.0 - 8.0 */
    animation-name: allhandsbkg;
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}

.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}