/*
   Animation example, for spinners
*/
.animate-spin {
    -moz-animation    : spin 2s infinite linear;
    -o-animation      : spin 2s infinite linear;
    -webkit-animation : spin 2s infinite linear;
    animation         : spin 2s infinite linear;
    display           : inline-block;
}

@-moz-keyframes spin {
    0% {
        -moz-transform    : rotate(0deg);
        -o-transform      : rotate(0deg);
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg);
    }

    100% {
        -moz-transform    : rotate(359deg);
        -o-transform      : rotate(359deg);
        -webkit-transform : rotate(359deg);
        transform         : rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform    : rotate(0deg);
        -o-transform      : rotate(0deg);
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg);
    }

    100% {
        -moz-transform    : rotate(359deg);
        -o-transform      : rotate(359deg);
        -webkit-transform : rotate(359deg);
        transform         : rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform    : rotate(0deg);
        -o-transform      : rotate(0deg);
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg);
    }

    100% {
        -moz-transform    : rotate(359deg);
        -o-transform      : rotate(359deg);
        -webkit-transform : rotate(359deg);
        transform         : rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform    : rotate(0deg);
        -o-transform      : rotate(0deg);
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg);
    }

    100% {
        -moz-transform    : rotate(359deg);
        -o-transform      : rotate(359deg);
        -webkit-transform : rotate(359deg);
        transform         : rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -moz-transform    : rotate(0deg);
        -o-transform      : rotate(0deg);
        -webkit-transform : rotate(0deg);
        transform         : rotate(0deg);
    }

    100% {
        -moz-transform    : rotate(359deg);
        -o-transform      : rotate(359deg);
        -webkit-transform : rotate(359deg);
        transform         : rotate(359deg);
    }
}
