﻿.scrollingHand
{
    -webkit-animation-name: scrollingHand;
    animation-name: scrollingHand;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
@keyframes scrollingHand
{
    0%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    80%
    {
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.slideInDown
{
    display: block;
}
@keyframes rockit
{
    from
    {
        transform: translatey(30px) rotate(-10deg);
    }
    to
    {
        transform: translatey(30px) rotate(10deg);
    }
}
@keyframes rockit-f
{
    from
    {
        transform: translatey(30px) rotate(-30deg);
    }
    to
    {
        transform: translatey(30px) rotate(30deg);
    }
}
@keyframes rockit-f-2
{
    from
    {
        transform: translatey(30px) rotate(-120deg);
    }
    to
    {
        transform: translatey(30px) rotate(120deg);
    }
}
@keyframes rockit-f-3
{
    from
    {
        transform: translatey(30px) rotate(-80deg);
    }
    to
    {
        transform: translatey(30px) rotate(80deg);
    }
}
@keyframes rotation
{
    0%
    {
        transform: rotate(0deg) translateX(50%) rotate(0deg);
    }
    100%
    {
        transform: rotate(300deg) translateX(50%) rotate(-360deg);
    }
}
@keyframes rotation-back
{
    0%
    {
        transform: rotate(300deg) translateX(50%) rotate(-360deg);
    }
    100%
    {
        transform: rotate(0deg) translateX(50%) rotate(0deg);
    }
}
@keyframes side-to-side
{
    0%
    {
        transform: rotate(-20deg) translateX(-20%) translateY(10%) rotate(20deg) scale(.8);
    }
    100%
    {
        transform: rotate(0deg) translateX(80%) translateY(-10%) rotate(0deg) scale(1.2);
    }
}
@keyframes side-to-side-2
{
    0%
    {
        transform: rotate(10deg) translateX(0) translateY(-20%) rotate(-10deg) scale(.8);
    }
    100%
    {
        transform: rotate(0deg) translateX(60%) translateY(20%) rotate(-10deg) scale(1.3);
    }
}
@keyframes side-to-side-3
{
    0%
    {
        transform: rotate(-30deg) translateX(0) translateY(20%) rotate(0deg) scale(.8);
    }
    100%
    {
        transform: rotate(20deg) translateX(-40%) translateY(-10%) rotate(-20deg) scale(1.2);
    }
}