.a1 {animation-delay:0.25s !important; -webkit-animation-delay:0.25s !important; }
.a2 {animation-delay:0.5s !important; -webkit-animation-delay:0.5s !important; }
.a3 {animation-delay:0.75s !important; -webkit-animation-delay:0.75s !important; }

.a4 {animation-delay:1s !important; -webkit-animation-delay:1s !important; }
.a5 {animation-delay:1.25s !important; -webkit-animation-delay:1.25s !important; }
.a6 {animation-delay:1.5s !important; -webkit-animation-delay:1.5s !important; }
.a7 {animation-delay:1.75s !important; -webkit-animation-delay:1.75s !important; }

.a8 {animation-delay:2s !important; -webkit-animation-delay:2s !important; }
.a9 {animation-delay:2.25s !important; -webkit-animation-delay:2.25s !important; }
.a10 {animation-delay:2.5s !important; -webkit-animation-delay:2.5s !important; }
.a11 {animation-delay:2.75s !important; -webkit-animation-delay:2.75s !important; }

.a12 {animation-delay:3s !important; -webkit-animation-delay:3s !important; }
.a13 {animation-delay:3.25s !important; -webkit-animation-delay:3.25s !important; }
.a14 {animation-delay:3.5s !important; -webkit-animation-delay:3.5s !important; }
.a15 {animation-delay:3.75s !important; -webkit-animation-delay:3.75s !important; }

.a16 {animation-delay:4s !important; -webkit-animation-delay:4s !important; }
.a17 {animation-delay:4.25s !important; -webkit-animation-delay:4.25s !important; }
.a18 {animation-delay:4.5s !important; -webkit-animation-delay:4.5s !important; }
.a19 {animation-delay:4.75s !important; -webkit-animation-delay:4.75s !important; }


.b1 {animation-duration: 0.5s !important;-webkit-animation-duration:0.5s !important;}
.b2 {animation-duration: 1s !important;-webkit-animation-duration:1s !important;}
.b3 {animation-duration:1.5s !important;-webkit-animation-duration:1.5s !important;}
.b4 {animation-duration:2s !important;-webkit-animation-duration:2s !important;}
.b5 {animation-duration:2.5s !important;-webkit-animation-duration:2.5s !important;}
.b6 {animation-duration:3s !important;-webkit-animation-duration:3s !important;}
.b7 {animation-duration:3.5s !important;-webkit-animation-duration:3.5s !important;}
.long {animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}

.shake-ltor { transform-origin: center top ;-moz-animation:shake-ltor 3s infinite linear; -webkit-animation:shake-ltor 3s infinite linear; animation:shake-ltor 3s infinite linear;}
.shake-rtol { transform-origin: center top ;-moz-animation:shake-rtol 3s infinite linear; -webkit-animation:shake-rtol 3s infinite linear; animation:shake-rtol 3s infinite linear;}

@-webkit-keyframes shake-ltor{
    0%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    75% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    100%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@keyframes shake-ltor{
    0%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    75% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    100%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes shake-rtol{
    0%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    75% {
        -webkit-transform: rotate( -4deg);
        transform: rotate(-4deg);
    }
    100%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@keyframes shake-rtol{
    0%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    75% {
        -webkit-transform: rotate( -4deg);
        transform: rotate(-4deg);
    }
    100%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}


@-webkit-keyframes wobble2 {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    30% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    45% {
        -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(15%, 0, 0) rotate3d(0, 0, 1, 4deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -4deg);
        transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -4deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes wobble2 {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    15% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    30% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    45% {
        -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(15%, 0, 0) rotate3d(0, 0, 1, 4deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -4deg);
        transform: translate3d(-10%, 0, 0) rotate3d(0, 0, 1, -4deg);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.wobble2 {
    -webkit-animation-name: wobble2;
    animation-name: wobble2;
    -webkit-animation-duration: 2s !important;
    animation-duration: 2s !important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.shine {
    opacity: 0;
    animation: opacity-change 1.75s ease-in-out infinite;
    -webkit-animation: opacity-change 1.75s ease-in-out infinite;
    -moz-animation: opacity-change 1.75s ease-in-out infinite;
    -o-animation: opacity-change 1.75s ease-in-out infinite;
}

@keyframes opacity-change {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes opacity-change {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes opacity-change {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-o-keyframes opacity-change {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}



@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg);
        transform:rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg);
        transform:rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.turn {
    -webkit-animation: turn 5s infinite linear;
    animation: turn 5s infinite linear;
}


.turnone {
    -webkit-animation: turn 5s linear;
    animation: turn 5s linear;
}

@keyframes turnover {
    0% {
        -webkit-transform: rotate(0deg);
        transform:rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    75% {
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes turnover {
    0% {
        -webkit-transform: rotate(0deg);
        transform:rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    75% {
        -webkit-transform: rotate(-270deg);
        transform: rotate(-270deg);
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

.turnover {
    -webkit-animation: turnover 5s infinite linear;
    animation: turnover 5s infinite linear;
}


.turnoverone {
    -webkit-animation: turnover 5s linear;
    animation: turnover 5s linear;
}

@keyframes arrowdown {
    0% {
        opacity: 1;
        transform: translate(0,0);
    }
    100% {
        opacity: 0;
        transform: translate(0,30px);

    }
}
@-webkit-keyframes arrowdown {
    0%{
        opacity: 1;
        -webkit-transform: translate(0,0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0,30px);
    }
}
.arrowdown {
    -webkit-animation:arrowdown 1s infinite linear;
    animation:arrowdown 1s infinite linear;
}

@keyframes arrowup {
    0% {
        opacity: 1;
        transform: translate(0,0);
    }
    100% {
        opacity: 0;
        transform: translate(0,-30px);

    }
}
@-webkit-keyframes arrowup {
    0%{
        opacity: 1;
        -webkit-transform: translate(0,0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(0,-30px);
    }
}
.arrowup {
    -webkit-animation:arrowup 1s infinite linear;
    animation:arrowup 1s infinite linear;
}


.floats {
    -webkit-animation:floats 2s infinite ease-in-out;
    animation:floats 2s infinite ease-in-out;
}

@keyframes floats {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
    50% {
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px);
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}

@-webkit-keyframes floats {
    0% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
    50% {
        -webkit-transform:translateY(-15px);
        transform:translateY(-15px);
    }
    100% {
        -webkit-transform:translateY(0);
        transform:translateY(0);
    }
}

.fgh:nth-child(even) {-webkit-animation:floats 3s infinite ease-in-out -1s;animation:floats 3s infinite ease-in-out -1s;}

.fgh:nth-child(odd) {-webkit-animation:floats 3s infinite ease-in-out -2s;animation:floats 3s infinite ease-in-out -2s;}

.fgh1 {-webkit-animation:floats 3s infinite ease-in-out -1s;animation:floats 3s infinite ease-in-out -1s;}
.fgh2 {-webkit-animation:floats 3s infinite ease-in-out -2s;animation:floats 3s infinite ease-in-out -2s;}
.fgh3 {-webkit-animation:floats 3s infinite ease-in-out -3s;animation:floats 3s infinite ease-in-out -3s;}

.shake-person { transform-origin: right bottom ;-moz-animation:shake-person 3s infinite linear; -webkit-animation:shake-person 3s infinite linear; animation:shake-person 3s infinite linear;}

@-webkit-keyframes shake-person{
    0%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    75% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    100%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@keyframes shake-person{
    0%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    25% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    50% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    75% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    100%{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}


.disc-play {
    transform-origin: right top ;
    animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    animation-duration:1s;
    -webkit-animation-duration:1s;
    animation-name: disc-play;
    -webkit-animation-name: disc-play;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes disc-play{
    from{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to{
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}
@keyframes disc-play{
    from{
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    to{
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}



.disc-pause {
    transform-origin: right top ;
    animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
    animation-duration:1s;
    -webkit-animation-duration:1s;
    animation-name: disc-pause;
    -webkit-animation-name: disc-pause;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes disc-pause{
    from{
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    to{
        -webkit-transform: rotate(00deg);
        transform: rotate(0deg);
    }
}
@keyframes disc-pause{
    from{
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    to{
        -webkit-transform: rotate(00deg);
        transform: rotate(0deg);
    }
}


.thumb-left {
    -webkit-animation: 2s thumb-l ease-out infinite;
    animation: 2s thumb-l ease-out infinite;
}

@-webkit-keyframes thumb-l {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    80% {
        -webkit-transform: translate3d(-5rem ,0, 0) ;
        transform: translate3d(-5rem ,0, 0)
    }
}

@keyframes thumb-l {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    80% {
        -webkit-transform: translate3d(-5rem ,0, 0) ;
        transform: translate3d(-5rem ,0, 0)
    }
}



.thumb-up {
    -webkit-animation: 1s thumb-up ease-out infinite -.5s;
    animation: 1s thumb-up ease-out infinite -.5s;
}

@-webkit-keyframes thumb-up {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    80% {
        -webkit-transform: translate3d(0, -7rem, 0);
        transform: translate3d(0, -7rem, 0)
    }
}

@keyframes thumb-up {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    80% {
        -webkit-transform: translate3d(0, -7rem, 0) ;
        transform: translate3d(0, -7rem, 0)
    }
}


@keyframes arrowleft {
    0% {
        opacity: 1;
        transform: translate(0,0);
    }
    100% {
        opacity: 0;
        transform: translate(-30px,0);

    }
}
@-webkit-keyframes arrowleft {
    0%{
        opacity: 1;
        -webkit-transform: translate(0,0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(-30px,0);
    }
}
.arrowleft {
    -webkit-animation:arrowleft 1s infinite linear;
    animation:arrowleft 1s infinite linear;
}

@keyframes arrowright {
    0% {
        opacity: 1;
        transform: translate(0,0);
    }
    100% {
        opacity: 0;
        transform: translate(30px,0);

    }
}
@-webkit-keyframes arrowright {
    0%{
        opacity: 1;
        -webkit-transform: translate(0,0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate(30px,0);
    }
}
.arrowright {
    -webkit-animation:arrowright 1s infinite linear;
    animation:arrowright 1s infinite linear;
}

@keyframes bigshow {
    from {
        opacity: 0;
        transform: scale3d(2, 2, 2);
    }

    50% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bigshow {
    -webkit-animation:bigshow 1s 1 linear;
    animation:bigshow 1s 1 linear;
}