/* pulse */

@-webkit-keyframes pulse {
      0% {background-color: #3EA2EF;}
     50% {background-color: #8CCAFA;}
    100% {background-color: #3EA2EF;}
}

@keyframes pulse {
      0% {background-color: #3EA2EF;}
     50% {background-color: #8CCAFA;}
    100% {background-color: #3EA2EF;}
}

/* spin left */

@-webkit-keyframes spin-left {
      0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
     50% {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
}

@keyframes spin-left {
      0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
     50% {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
}

/* spin right */

@-webkit-keyframes spin-right {
      0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
     50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
    }
}

@keyframes spin-right {
      0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
     50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(-180deg);
                transform: rotate(-180deg);
    }
}