@keyframes sevenBlickMoveAnim1 {
        from {
            transform: translate3d(0px, 0px, 0px);
            opacity: 0;
        }

        2.78% {
            transform: translate3d(50px, 0px, 0px);
            opacity: 1;
        }

        8.33% {
            transform: translate3d(200px, 0px, 0px);
            opacity: 1;
        }

        11.11% {
            transform: translate3d(260px, 0px, 0px);
            opacity: 0;
        }

        42% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 0;
        }

        42.78% {
            transform: translate3d(50px, 0px, 0px);
            opacity: 1;
        }

        48.33% {
            transform: translate3d(200px, 0px, 0px);
            opacity: 1;
        }

        51.11% {
            transform: translate3d(260px, 0px, 0px);
            opacity: 0;
        }

        to {
            transform: translate3d(260px, 0px, 0px);
            opacity: 0;
        }

    }

    @keyframes sevenBlickMoveAnim2 {
        from {
            transform: translate3d(260px, 0px, 0px);
            opacity: 0;
        }

        2.78% {
            transform: translate3d(200px, 0px, 0px);
            opacity: 1;
        }

        8.33% {
            transform: translate3d(50px, 0px, 0px);
            opacity: 1;
        }

        11.11% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 0;
        }

        42% {
            transform: translate3d(260px, 0px, 0px);
            opacity: 0;
        }

        42.78% {
            transform: translate3d(200px, 0px, 0px);
            opacity: 1;
        }

        48.33% {
            transform: translate3d(50px, 0px, 0px);
            opacity: 1;
        }

        51.11% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 0;
        }

        to {
            transform: translate3d(260px, 0px, 0px);
            opacity: 0;
        }
    }

    @keyframes allboard1Anim {
        from {
            transform: translate3d(0px, 0px, 0px);
        }

        30.95% {
            transform: translate3d(0px, -210px, 0px);
        }

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

    @keyframes allboard2Anim {
        from {
            transform: translate3d(0px, -500px, 0px);
        }

        35.71% {
            transform: translate3d(0px, -230px, 0px);
        }

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

    @keyframes allboard3Anim {
        from {
            transform: translate3d(0px, -500px, 0px);
        }

        25.6% {
            transform: translate3d(0px, -990px, 0px);
        }

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

    @keyframes allboard4Anim {
        from {
            transform: translate3d(0px, 0px, 0px);
        }

        25.6% {
            transform: translate3d(0px, 160px, 0px);
        }

        to {
            transform: translate3d(0px, 160px, 0px);
        }
    }

    @keyframes sevenBlickAnim {
        from {
            transform: scale(1.2);
            opacity: 0;
        }

        50% {
            transform: scale(1.2);
            opacity: 0;
        }

        60% {
            transform: scale(1);
            opacity: 1;
        }

        70% {
            transform: scale(1);
            opacity: 0;
        }

        to {
            transform: scale(1);
            opacity: 0;
        }
    }

    @keyframes fireworkAnim {
        from {
            transform: scale(.5);
            opacity: 0;
        }

        52% {
            transform: scale(.5);
            opacity: 0;
        }

        62% {
            transform: scale(1);
            opacity: 1;
        }

        70% {
            transform: scale(1.5);
            opacity: 0;
        }

        to {
            transform: scale(1.5);
            opacity: 0;
        }
    }

    @keyframes success {
        60% {
            transform: scale(.98);
            opacity: 0;
        }

        65% {
            transform: scale(1);
            opacity: .8;
        }

        70% {
            transform: scale(1);
            opacity: 0;
        }

        to {
            transform: scale(1);
            opacity: 0;
        }
    }

    @keyframes line1Anim {
        from {
            transform: translate3d(110px, 0px, 0px);
            opacity: 0;
        }

        8.93% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 1;
        }

        to {
            transform: translate3d(0px, 0px, 0px);
            opacity: 1;
        }
    }

    @keyframes line2Anim {
        from {
            transform: translate3d(110px, 0px, 0px);
            opacity: 0;
        }

        8.93% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 1;
        }

        to {
            transform: translate3d(0px, 0px, 0px);
            opacity: 1;
        }
    }

    @keyframes line3Anim {
        from {
            transform: translate3d(0px, 20px, 0px);
            opacity: 0;
        }

        8.93% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 1;
        }

        to {
            transform: translate3d(0px, 0px, 0px);
            opacity: 1;
        }
    }

    @keyframes legalAnim {
        from {
            left: 1150px;
        }

        to {
            left: -4000px;
        }
    }

    @keyframes legalAnimM {
        from {
            left: 0px;
        }

        to {
            left: -2000px;
        }
    }





    @keyframes line1AnimM {
        from {
            transform: translate3d(110px, 0px, 0px);
            opacity: 0;
        }

        8.93% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 1;
        }

        45% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 1;
        }

        50% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 0;
        }

        to {
            transform: translate3d(0px, 0px, 0px);
            opacity: 0;
        }
    }

    @keyframes line2AnimM {
        from {
            transform: translate3d(110px, 0px, 0px);
            opacity: 0;
        }

        8.93% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 1;
        }

        50% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 1;
        }

        55% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 0;
        }

        to {
            transform: translate3d(0px, 0px, 0px);
            opacity: 0;
        }
    }

    @keyframes line3AnimM {
        from {
            transform: translate3d(0px, 20px, 0px);
            opacity: 0;
        }

        8.93% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 1;
        }

        50% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 1;
        }

        55% {
            transform: translate3d(0px, 0px, 0px);
            opacity: 0;
        }

        to {
            transform: translate3d(0px, 0px, 0px);
            opacity: 0;
        }
    }











    @keyframes allboard1AnimM {
        from {
            transform: translate3d(0px, 0px, 0px);
        }

        30.95% {
            transform: translate3d(0px, -210px, 0px);
        }

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

    @keyframes allboard2AnimM {
        from {
            transform: translate3d(0px, -500px, 0px);
        }

        35.71% {
            transform: translate3d(0px, -230px, 0px);
        }

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

    @keyframes allboard3AnimM {
        from {
            transform: translate3d(0px, -500px, 0px);
        }

        25.6% {
            transform: translate3d(0px, -990px, 0px);
        }

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

    @keyframes allboard4AnimM {
        from {
            transform: translate3d(0px, 0px, 0px);
        }

        25.6% {
            transform: translate3d(0px, 160px, 0px);
        }

        to {
            transform: translate3d(0px, 160px, 0px);
        }
    }

    @keyframes sevenBlickAnimM {
        from {
            transform: scale(1.2);
            opacity: 0;
        }

        50% {
            transform: scale(1.2);
            opacity: 0;
        }

        60% {
            transform: scale(1);
            opacity: 1;
        }

        70% {
            transform: scale(1);
            opacity: 0;
        }

        to {
            transform: scale(1);
            opacity: 0;
        }
    }

    @keyframes fireworkAnimM {
        from {
            transform: scale(.5);
            opacity: 0;
        }

        52% {
            transform: scale(.5);
            opacity: 0;
        }

        62% {
            transform: scale(1);
            opacity: 1;
        }

        70% {
            transform: scale(1.5);
            opacity: 0;
        }

        to {
            transform: scale(1.5);
            opacity: 0;
        }
    }

    @keyframes successM {
        60% {
            transform: scale(.98);
            opacity: 0;
        }

        65% {
            transform: scale(1);
            opacity: .8;
        }

        70% {
            transform: scale(1);
            opacity: 0;
        }

        to {
            transform: scale(1);
            opacity: 0;
        }
    }

    @keyframes sevenblockAnimM {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }