/* game btn */
    @-webkit-keyframes play-symbol {

        0%,
        16% {
            opacity: 0
        }

        32%,
        100% {
            opacity: 1
        }
    }

    @-moz-keyframes play-symbol {

        0%,
        16% {
            opacity: 0
        }

        32%,
        100% {
            opacity: 1
        }
    }

    @-o-keyframes play-symbol {

        0%,
        16% {
            opacity: 0
        }

        32%,
        100% {
            opacity: 1
        }
    }

    @keyframes play-symbol {

        0%,
        16% {
            opacity: 0
        }

        32%,
        100% {
            opacity: 1
        }
    }

    @-webkit-keyframes play-circle {
        0% {
            opacity: 1;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        16% {
            opacity: .8;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(360deg);
            -moz-transform: scale(1) rotate(360deg);
            -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg)
        }
    }

    @-moz-keyframes play-circle {
        0% {
            opacity: 1;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        16% {
            opacity: .8;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(360deg);
            -moz-transform: scale(1) rotate(360deg);
            -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg)
        }
    }

    @-o-keyframes play-circle {
        0% {
            opacity: 1;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        16% {
            opacity: .8;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(360deg);
            -moz-transform: scale(1) rotate(360deg);
            -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg)
        }
    }

    @keyframes play-circle {
        0% {
            opacity: 1;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        16% {
            opacity: .8;
            -o-transform: scale(1.3) rotate(0deg);
            -moz-transform: scale(1.3) rotate(0deg);
            -webkit-transform: scale(1.3) rotate(0deg);
            transform: scale(1.3) rotate(0deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(360deg);
            -moz-transform: scale(1) rotate(360deg);
            -webkit-transform: scale(1) rotate(360deg);
            transform: scale(1) rotate(360deg)
        }
    }

    @-webkit-keyframes play-dashes {
        0% {
            opacity: 0;
            -o-transform: scale(0.9) rotate(0deg);
            -moz-transform: scale(0.9) rotate(0deg);
            -webkit-transform: scale(0.9) rotate(0deg);
            transform: scale(0.9) rotate(0deg)
        }

        16%,
        33% {
            opacity: .5;
            -o-transform: scale(1) rotate(-98deg);
            -moz-transform: scale(1) rotate(-98deg);
            -webkit-transform: scale(1) rotate(-98deg);
            transform: scale(1) rotate(-98deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(-245deg);
            -moz-transform: scale(1) rotate(-245deg);
            -webkit-transform: scale(1) rotate(-245deg);
            transform: scale(1) rotate(-245deg)
        }
    }

    @-moz-keyframes play-dashes {
        0% {
            opacity: 0;
            -o-transform: scale(0.9) rotate(0deg);
            -moz-transform: scale(0.9) rotate(0deg);
            -webkit-transform: scale(0.9) rotate(0deg);
            transform: scale(0.9) rotate(0deg)
        }

        16%,
        33% {
            opacity: .5;
            -o-transform: scale(1) rotate(-98deg);
            -moz-transform: scale(1) rotate(-98deg);
            -webkit-transform: scale(1) rotate(-98deg);
            transform: scale(1) rotate(-98deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(-245deg);
            -moz-transform: scale(1) rotate(-245deg);
            -webkit-transform: scale(1) rotate(-245deg);
            transform: scale(1) rotate(-245deg)
        }
    }

    @-o-keyframes play-dashes {
        0% {
            opacity: 0;
            -o-transform: scale(0.9) rotate(0deg);
            -moz-transform: scale(0.9) rotate(0deg);
            -webkit-transform: scale(0.9) rotate(0deg);
            transform: scale(0.9) rotate(0deg)
        }

        16%,
        33% {
            opacity: .5;
            -o-transform: scale(1) rotate(-98deg);
            -moz-transform: scale(1) rotate(-98deg);
            -webkit-transform: scale(1) rotate(-98deg);
            transform: scale(1) rotate(-98deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(-245deg);
            -moz-transform: scale(1) rotate(-245deg);
            -webkit-transform: scale(1) rotate(-245deg);
            transform: scale(1) rotate(-245deg)
        }
    }

    @keyframes play-dashes {
        0% {
            opacity: 0;
            -o-transform: scale(0.9) rotate(0deg);
            -moz-transform: scale(0.9) rotate(0deg);
            -webkit-transform: scale(0.9) rotate(0deg);
            transform: scale(0.9) rotate(0deg)
        }

        16%,
        33% {
            opacity: .5;
            -o-transform: scale(1) rotate(-98deg);
            -moz-transform: scale(1) rotate(-98deg);
            -webkit-transform: scale(1) rotate(-98deg);
            transform: scale(1) rotate(-98deg)
        }

        100% {
            opacity: 1;
            -o-transform: scale(1) rotate(-245deg);
            -moz-transform: scale(1) rotate(-245deg);
            -webkit-transform: scale(1) rotate(-245deg);
            transform: scale(1) rotate(-245deg)
        }
    }

    @-webkit-keyframes play-dial {
        0% {
            opacity: 0;
            -o-transform: rotate(55deg);
            -moz-transform: rotate(55deg);
            -webkit-transform: rotate(55deg);
            transform: rotate(55deg)
        }

        33%,
        100% {
            opacity: 1;
            -o-transform: rotate(0);
            -moz-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }

    @-moz-keyframes play-dial {
        0% {
            opacity: 0;
            -o-transform: rotate(55deg);
            -moz-transform: rotate(55deg);
            -webkit-transform: rotate(55deg);
            transform: rotate(55deg)
        }

        33%,
        100% {
            opacity: 1;
            -o-transform: rotate(0);
            -moz-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }

    @-o-keyframes play-dial {
        0% {
            opacity: 0;
            -o-transform: rotate(55deg);
            -moz-transform: rotate(55deg);
            -webkit-transform: rotate(55deg);
            transform: rotate(55deg)
        }

        33%,
        100% {
            opacity: 1;
            -o-transform: rotate(0);
            -moz-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }

    @keyframes play-dial {
        0% {
            opacity: 0;
            -o-transform: rotate(55deg);
            -moz-transform: rotate(55deg);
            -webkit-transform: rotate(55deg);
            transform: rotate(55deg)
        }

        33%,
        100% {
            opacity: 1;
            -o-transform: rotate(0);
            -moz-transform: rotate(0);
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }
    }

    @-webkit-keyframes play-pentagon {
        0% {
            -o-transform: scale(3) rotate(0deg);
            -moz-transform: scale(3) rotate(0deg);
            -webkit-transform: scale(3) rotate(0deg);
            transform: scale(3) rotate(0deg);
            opacity: .7
        }

        100% {
            -o-transform: scale(0) rotate(-5deg);
            -moz-transform: scale(0) rotate(-5deg);
            -webkit-transform: scale(0) rotate(-5deg);
            transform: scale(0) rotate(-5deg);
            opacity: 0
        }
    }

    @-moz-keyframes play-pentagon {
        0% {
            -o-transform: scale(3) rotate(0deg);
            -moz-transform: scale(3) rotate(0deg);
            -webkit-transform: scale(3) rotate(0deg);
            transform: scale(3) rotate(0deg);
            opacity: .7
        }

        100% {
            -o-transform: scale(0) rotate(-5deg);
            -moz-transform: scale(0) rotate(-5deg);
            -webkit-transform: scale(0) rotate(-5deg);
            transform: scale(0) rotate(-5deg);
            opacity: 0
        }
    }

    @-o-keyframes play-pentagon {
        0% {
            -o-transform: scale(3) rotate(0deg);
            -moz-transform: scale(3) rotate(0deg);
            -webkit-transform: scale(3) rotate(0deg);
            transform: scale(3) rotate(0deg);
            opacity: .7
        }

        100% {
            -o-transform: scale(0) rotate(-5deg);
            -moz-transform: scale(0) rotate(-5deg);
            -webkit-transform: scale(0) rotate(-5deg);
            transform: scale(0) rotate(-5deg);
            opacity: 0
        }
    }

    @keyframes play-pentagon {
        0% {
            -o-transform: scale(3) rotate(0deg);
            -moz-transform: scale(3) rotate(0deg);
            -webkit-transform: scale(3) rotate(0deg);
            transform: scale(3) rotate(0deg);
            opacity: .7
        }

        100% {
            -o-transform: scale(0) rotate(-5deg);
            -moz-transform: scale(0) rotate(-5deg);
            -webkit-transform: scale(0) rotate(-5deg);
            transform: scale(0) rotate(-5deg);
            opacity: 0
        }
    }



/* main */
    @keyframes ani_logo{
        from{background-position-y:0px;}
        to{background-position-y:-18000px;}
    }
    @keyframes ani_wheel{
        from{background-position-y:0px;}
        to{background-position-y:-72000px;}
    }