:root {
    --primeDuration: 24s;
}

.textSlider, .rotateBottle, #whiteMoney, #whiteBend, #leftHand > i, #rightHand > i{
    animation-duration: var(--primeDuration);
    animation-iteration-count: infinite;

    /*
    animation-play-state: paused;
     */
    animation-timing-function: linear;
}

.textSlider {
    animation-name: testSliderLong;

    text-align: right;
}

.rotateBottle{
    animation-name: rotateBottleLong;
}

#whiteMoney {
    animation-name: whiteMoney;
}

#whiteBend {
    animation-name: whiteBend;
}

#leftHand > i {
    margin-left: -50px;
    animation-name: leftHand;
}

#rightHand > i {
    margin-right: -50px;
    animation-name: rightHand;
}
@media only screen and (max-width:1225px){

}
@media only screen and (min-width: 1226px) {

    @keyframes rotateBottle {
        0% { /* bottle right start */
            transform: rotate(-720deg);
        }
        6.25% { /* 1s */
            transform: rotate(-540deg);
        }
        12.5% { /* 2s */

            transform: rotate(-360deg);
        }
        18.75% { /* 3s */

            transform: rotate(-180deg);
        }
        25% { /* 4s bottle right end - bottle left -start */

            transform: rotate(0deg);
        }
        31.25% { /* 5s */

            transform: rotate(-180deg);
        }
        37.5% { /* 6s */
            /*
            transform: translateY(-100px);

             */
            transform: rotate(-360deg);
        }
        43.75% { /* 7s */
            /*
            transform: translateY(0);

             */

            transform: rotate(-540deg);

        }

        50% { /* 8s bottle left end - bottle right start */

            transform: rotate(-720deg);

        }
        56.25% {

            transform: rotate(-180deg);

        }
        62.5% { /* 10s */

            transform: rotate(-360deg);

        }
        68.75% {

            transform: rotate(-540deg);

        }
        75% { /* 12s */

            transform: rotate(-720deg);
        }
        81.25% {

            transform: rotate(-540deg);
        }
        87.5% { /* 14s */

            transform: rotate(-360deg);
        }
        93.75% {

            transform: rotate(-180deg);
        }
        100% { /* 16 s*/

            transform: rotate(0deg);
        }
    }

    @keyframes testSlider {
        0% { /* bottle right start */
            width: 0;
        }
        6.25% { /* 1s */
            width: 50%;
        }
        12.5% { /* 2s */
            width: 100%;
            transform: rotate(0deg);
        }
        18.75% { /* 3s */
            width: 100%;
            transform: rotate(-85deg);
        }
        25% { /* 4s bottle right end - bottle left -start */
            width: 100%;
            transform: rotate(-170deg);
        }
        31.25% { /* 5s */
            width: 100%;
            transform: rotate(-85deg);
        }
        37.5% { /* 6s */
            width: 100%;
            transform: rotate(0deg);
        }
        43.75% { /* 7s */
            width: 100%;
            transform: rotate(0deg);
            text-align: right;
        }

        50% { /* 8s bottle left end - bottle right start */
            width: 0;
            transform: rotate(0deg);
            text-align: right;
        }
        53.125% {
            width: 0;
            transform: rotate(0deg);
            text-align: left;
        }
        56.25% {
            width: 50%;
            transform: rotate(0deg);
            text-align: left;
        }
        62.5% { /* 10s */
            width: 100%;
            transform: rotate(0deg);
            text-align: left;
        }
        68.75% {
            width: 100%;
            transform: rotate(-85deg);
            text-align: left;
        }
        75% { /* 12s */
            width: 100%;
            text-align: left;
            transform: rotate(-170deg);
        }
        81.25% {
            width: 100%;
            text-align: left;
            transform: rotate(-85deg);
        }
        87.5% { /* 14s */
            width: 100%;
            text-align: left;
            transform: rotate(0deg);
        }
        93.75% {
            width: 0;
            text-align: left;
            transform: rotate(0deg);
        }
        100% { /* 16 s*/
            width: 0;
            text-align: right;
            transform: rotate(0deg);
        }

    }

    /*
    @keyframes textSlider {
        from {
            width: 0;
        }
        to {
            width: 100%;
        }
    }

    @keyframes slideBack {
        from {
            width: 100%;
        }
        to {
            width: 0;
        }
    }

     */

    @keyframes rotateBottleLong {

        0% {

        }
        3.125% { /* 1s */

        }
        6.25% { /* 2s */

        }
        9.375% { /* 3s */

        }
        12%{

        }
        12.5% { /* 4s */
            transform: rotate(3deg);
        }
        15.625% { /* 5s */

        }
        18.75% { /* 6s */

        }
        21.875% { /* 7s */

        }
        25% { /* 8s */
            transform: rotate(720deg);
        }
        28.125% { /* 9s */

        }
        31.25% { /* 10s */

        }
        34.375% { /* 11s */

        }
        37% {
            transform: rotate(0deg);
        }
        37.5% { /* 12s */
            transform: translateY(0);
        }
        38.28% {
            transform: translateY(-100px);
        }
        39.06% {
            transform: translateY(0);
        }
        39.84% {
            transform: translateY(-80px);
        }
        40.625% { /* 13s */
            transform: translateY(0);
        }
        41.40% {
            transform: translateY(-60px);
        }
        42.18% {
            transform: translateY(0);
        }
        42.96% {
            transform: translateY(-40px);
        }
        43.75% { /* 14s */
            transform: translateY(0);
        }
        46.875% { /* 15s */

        }
        50% { /* 16s */
            transform: rotate(-3deg);
        }
        50.6% {
            transform: rotate(180deg);
        }
        53.125% { /* 17s */

        }
        56.25% { /* 18s */

        }
        59.375% { /* 19s */

        }
        59.75% {

        }

        63% {
            transform: rotate(45deg);
        }
        62.5% { /* 20s */

        }
        65.625% { /* 21s */

        }
        68.75% { /* 22s */

        }
        71.875% { /* 23s */

        }
        75% { /* 24s */
            transform: rotate(-720deg);
        }
        78.125% { /* 25s */

        }
        81.25% { /* 26s */

        }
        84.375% { /* 27s */

        }
        87.5% { /* 28s */
            transform: rotate(0deg);
        }
        90.625% { /* 29s */
            transform: translateY(50px);
        }
        93.75% { /* 30s */
            transform: translateY(0);
        }
        96.875% { /* 31s */
            transform: translateY(25px);
        }
        100% { /* 32s */
            transform: translateY(0);
        }
    }

    @keyframes testSliderLong {

        0% {
            width: 0;
        }
        3.125% { /* 1s */

        }
        6.25% { /* 2s */
            width: 50%;
        }
        9.375% { /* 3s */

        }
        12.5% { /* 4s */
            width: 100%;
            transform: rotate(0deg);
        }
        15.625% { /* 5s */
            width: 90%;
        }
        18.75% { /* 6s */
            width: 88%;
        }
        21.875% { /* 7s */
            width: 90%;
        }
        25% { /* 8s */
            width: 100%;
            transform: rotate(-155deg);
        }
        28.125% { /* 9s */
            width: 90%;
        }
        31.25% { /* 10s */
            width: 90%;
            transform: rotate(-82.5deg);
        }
        34.375% { /* 11s */

        }
        37.5% { /* 12s */
            width: 100%;
            transform: rotate(0deg);
        }
        40.625% { /* 13s */

        }
        43.75% { /* 14s */
            width: 100%;
            transform: rotate(0deg);
            text-align: right;
        }
        46.875% { /* 15s */

        }
        50% { /* 16s */
            width: 0;
            transform: rotate(0deg);
            text-align: right;
        }
        53.125% { /* 17s */
            width: 0;
            transform: rotate(0deg);
            text-align: left;
        }
        56.25% { /* 18s */
            width: 50%;
            transform: rotate(0deg);
            text-align: left;
        }
        59.375% { /* 19s */

        }
        62.5% { /* 20s */
            width: 62%;
            transform: rotate(0deg);
            text-align: left;
        }
        65.625% { /* 21s */

        }
        68.75% { /* 22s */
            width: 68%;
            transform: rotate(-82.5deg);
            text-align: left;
        }
        71.875% { /* 23s */

        }
        75% { /* 24s */
            width: 100%;
            transform: rotate(-155deg);
            text-align: left;
        }
        78.125% { /* 25s */

        }
        81.25% { /* 26s */
            width: 68%;
            text-align: left;
            transform: rotate(-82.5deg);
        }
        84.375% { /* 27s */

        }
        87.5% { /* 28s */
            width: 62%;
            text-align: left;
            transform: rotate(0deg);
        }
        90.625% { /* 29s */

        }
        93.75% { /* 30s */
            width: 0;
            text-align: left;
            transform: rotate(0deg);
        }
        96.875% { /* 31s */

        }
        100% { /* 32s */
            width: 0;
            text-align: right;
            transform: rotate(0deg);
        }
    }

    @keyframes whiteMoney {

        0%, 100% {
            color: #F9893D;
        }

        24% {
            color: gold;
        }

        25% {
            font-size: inherit;
        }

        26%, 27% {
            color: #FFFFFF;
        }

        25.3% {
            font-size: 1rem;
        }

        25.5% {
           font-size: 2rem;
        }

        26% {
            font-size: 2.5rem;
        }

        26.5% {
           font-size: inherit;
        }

        28% {
            color: gold;
            font-size: unset;
        }
    }

    @keyframes whiteBend {

        0%{
            color: #F9893D;
        }

        37% {
            color: gold;
        }

        37.5%, 39.06%{
            color: #E7660F;
        }

        39.06%{
            color: #B14B05;
        }

        40.625% {
            color: #8E3900;
        }

        42.18% {
            color: #632800;
        }

        38.28%, 39.84%, 41.40% {
            color: gold;
        }

        74% {
            color: #632800;
        }

        75% {
            font-size: inherit;
        }

        75.3% {
            font-size: 1rem;
        }

        75.5% {
            font-size: 2rem;
        }

        76% {
            font-size: 2.5rem;
            color: #632800;
        }

        77% {
            color: #FFFFFF;
        }

        78% {
            color: gold;
            font-size: unset;
        }
    }

    @keyframes leftHand {

        0% {
            margin-left: -50px;
        }

        3% {
            margin-left: 0;
        }

        14% {
            margin-left: -50px;
        }

        46.875% {
            margin-left: -50px;
            transform: rotate(0deg);
        }

        50% {
            margin-left: 0;
            transform: rotate(45deg);
        }

        50.5% {
            margin-left: 0;
            transform: rotate(0deg);
        }

        59.375% { /* 19s */
            transform: rotate(-45deg);
        }

        63% {
            transform: rotate(45deg);
        }

        70% {
            margin-left: -50px;
        }

        87.5% {

        }

    }

    @keyframes rightHand {

        0%, 11%, 43% {
            margin-right: -50px;
        }

        12% {
            margin-right: -25px;
            transform: rotate(-45deg);
        }

        12.5% {
            margin-right: -12px;
            transform: rotate(-90deg)
        }

        13% {
            margin-right: 0;
            transform: rotate(0deg);
        }

        25% {
            margin-right: -50px;
        }

        44% {
            margin-right: 0;
        }

        50% {
            margin-right: -50px;
        }

        93.75% {

        }
    }
}