@keyframes kf-music {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes kf-music {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes loading {
    0%,100% { background-image: url("../images/loading/01.jpg")}
    10%{ background-image: url("../images/loading/03.jpg")}
    20%{ background-image: url("../images/loading/05.jpg")}
    30%{ background-image: url("../images/loading/07.jpg")}
    40%{ background-image: url("../images/loading/09.jpg")}
    50%{ background-image: url("../images/loading/11.jpg")}
    60%{ background-image: url("../images/loading/13.jpg")}
    70%{ background-image: url("../images/loading/15.jpg")}
    80%{ background-image: url("../images/loading/17.jpg")}
    90%{ background-image: url("../images/loading/19.jpg")}
}

@-webkit-keyframes loading {
    0%, 100% { background-image: url("../images/loading/01.jpg")}
    10%{ background-image: url("../images/loading/03.jpg")}
    20%{ background-image: url("../images/loading/05.jpg")}
    30%{ background-image: url("../images/loading/07.jpg")}
    40%{ background-image: url("../images/loading/09.jpg")}
    50%{ background-image: url("../images/loading/11.jpg")}
    60%{ background-image: url("../images/loading/13.jpg")}
    70%{ background-image: url("../images/loading/15.jpg")}
    80%{ background-image: url("../images/loading/17.jpg")}
    90%{ background-image: url("../images/loading/19.jpg")}
}

@keyframes fissurate {
    0%{background-image: url("../images/index/01.png")}
    40%{background-image: url("../images/index/02.png")}
    80%, 100%{background-image: url("../images/index/03.png")}
}

@-webkit-keyframes fissurate {
    0%{background-image: url("../images/index/01.png")}
    40%{background-image: url("../images/index/02.png")}
    80%, 100%{background-image: url("../images/index/03.png")}
}

@keyframes timeTunnel {
    0% { background-image: url("../images/time_tunnel/01.jpg")}
    2.8% { background-image: url("../images/time_tunnel/02.jpg")}
    5.4% { background-image: url("../images/time_tunnel/03.jpg")}
    8% { background-image: url("../images/time_tunnel/04.jpg")}
    10.6% { background-image: url("../images/time_tunnel/05.jpg")}
    13.2% { background-image: url("../images/time_tunnel/06.jpg")}
    15.8% { background-image: url("../images/time_tunnel/07.jpg")}
    18.4% { background-image: url("../images/time_tunnel/08.jpg")}
    21% { background-image: url("../images/time_tunnel/09.jpg")}
    23.6% { background-image: url("../images/time_tunnel/10.jpg")}
    26.2% { background-image: url("../images/time_tunnel/11.jpg")}
    28.8% { background-image: url("../images/time_tunnel/12.jpg")}
    31.4% { background-image: url("../images/time_tunnel/13.jpg")}
    34% { background-image: url("../images/time_tunnel/14.jpg")}
    36.6% { background-image: url("../images/time_tunnel/15.jpg")}
    39.2% { background-image: url("../images/time_tunnel/16.jpg")}
    41.8% { background-image: url("../images/time_tunnel/17.jpg")}
    44.4% { background-image: url("../images/time_tunnel/18.jpg")}
    47% { background-image: url("../images/time_tunnel/19.jpg")}
    49.6% { background-image: url("../images/time_tunnel/20.jpg")}
    52.2% { background-image: url("../images/time_tunnel/21.jpg")}
    54.8% { background-image: url("../images/time_tunnel/22.jpg")}
    57.4% { background-image: url("../images/time_tunnel/23.jpg")}
    60% { background-image: url("../images/time_tunnel/24.jpg")}
    62.6% { background-image: url("../images/time_tunnel/25.jpg")}
    67.8% { background-image: url("../images/time_tunnel/26.jpg")}
    70.4% { background-image: url("../images/time_tunnel/27.jpg")}
    73% { background-image: url("../images/time_tunnel/28.jpg")}
    75.6% { background-image: url("../images/time_tunnel/29.jpg")}
    78.2% { background-image: url("../images/time_tunnel/30.jpg")}
    80.8% { background-image: url("../images/time_tunnel/31.jpg")}
    83.4% { background-image: url("../images/time_tunnel/32.jpg")}
    86% { background-image: url("../images/time_tunnel/33.jpg")}
    90% { background-image: url("../images/time_tunnel/34.jpg")}
    94% { background-image: url("../images/time_tunnel/35.jpg")}
    100% { background-image: url("../images/time_tunnel/36.jpg")}
}

@-webkit-keyframes timeTunnel {
    0% { background-image: url("../images/time_tunnel/01.jpg")}
    2.8% { background-image: url("../images/time_tunnel/02.jpg")}
    5.4% { background-image: url("../images/time_tunnel/03.jpg")}
    8% { background-image: url("../images/time_tunnel/04.jpg")}
    10.6% { background-image: url("../images/time_tunnel/05.jpg")}
    13.2% { background-image: url("../images/time_tunnel/06.jpg")}
    15.8% { background-image: url("../images/time_tunnel/07.jpg")}
    18.4% { background-image: url("../images/time_tunnel/08.jpg")}
    21% { background-image: url("../images/time_tunnel/09.jpg")}
    23.6% { background-image: url("../images/time_tunnel/10.jpg")}
    26.2% { background-image: url("../images/time_tunnel/11.jpg")}
    28.8% { background-image: url("../images/time_tunnel/12.jpg")}
    31.4% { background-image: url("../images/time_tunnel/13.jpg")}
    34% { background-image: url("../images/time_tunnel/14.jpg")}
    36.6% { background-image: url("../images/time_tunnel/15.jpg")}
    39.2% { background-image: url("../images/time_tunnel/16.jpg")}
    41.8% { background-image: url("../images/time_tunnel/17.jpg")}
    44.4% { background-image: url("../images/time_tunnel/18.jpg")}
    47% { background-image: url("../images/time_tunnel/19.jpg")}
    49.6% { background-image: url("../images/time_tunnel/20.jpg")}
    52.2% { background-image: url("../images/time_tunnel/21.jpg")}
    54.8% { background-image: url("../images/time_tunnel/22.jpg")}
    57.4% { background-image: url("../images/time_tunnel/23.jpg")}
    60% { background-image: url("../images/time_tunnel/24.jpg")}
    62.6% { background-image: url("../images/time_tunnel/25.jpg")}
    67.8% { background-image: url("../images/time_tunnel/26.jpg")}
    70.4% { background-image: url("../images/time_tunnel/27.jpg")}
    73% { background-image: url("../images/time_tunnel/28.jpg")}
    75.6% { background-image: url("../images/time_tunnel/29.jpg")}
    78.2% { background-image: url("../images/time_tunnel/30.jpg")}
    80.8% { background-image: url("../images/time_tunnel/31.jpg")}
    83.4% { background-image: url("../images/time_tunnel/32.jpg")}
    86% { background-image: url("../images/time_tunnel/33.jpg")}
    90% { background-image: url("../images/time_tunnel/34.jpg")}
    94% { background-image: url("../images/time_tunnel/35.jpg")}
    100% { background-image: url("../images/time_tunnel/36.jpg")}
}

@keyframes skating_01 {
    /*from{left: 10rem; top: 36rem;}*/
    from{transform:translate3d(9rem,0,0);}
    to{transform:translate3d(0,0,0);}
    /*to{left: 1rem; top: 36rem;}*/
}
@-webkit-keyframes skating_01 {
    from{-webkit-transform:translate3d(9rem,0,0);}
    to{-webkit-transform:translate3d(0,0,0);}
}

@keyframes skating_02 {
    /*from{left: 0rem; top: 38rem;}*/
    from{transform:translate3d(-3rem,0,0);}
    to{transform:translate3d(0,3rem,0);}
    /*to{left: -3rem; top: 41rem;}*/
}
@-webkit-keyframes skating_02 {
    from{-webkit-transform:translate3d(-3rem,0,0);}
    to{-webkit-transform:translate3d(0,3rem,0);}
}

@keyframes skating_03 {
    /*from{left: 4rem; top: 44rem;}*/
    from{transform:translate3d(-4rem,0,0);}
    to{transform:translate3d(0,0,0);}
    /*to{left: 8rem; top: 44rem;}*/
}
@-webkit-keyframes skating_03 {
    from{-webkit-transform:translate3d(-4rem,0,0);}
    to{-webkit-transform:translate3d(0,0,0);}
}

@keyframes skating_04 {
    /*from{left: 20rem; top: 48rem;}*/
    from{transform:translate3d(0,0,0);}
    to{transform:translate3d(5rem,0,0);}
    /*to{left: 25rem; top: 48rem;}*/
}
@-webkit-keyframes skating_04 {
    from{-webkit-transform:translate3d(0,0,0);}
    to{-webkit-transform:translate3d(5rem,0,0);}
}

@keyframes hockey_01 {
    /*from{right: 37rem; top: 40rem;}*/
    /*to{right: 28rem; top: 42rem;}*/
    to{transform:translate3d(0,0,0);}
    to{transform:translate3d(9rem,2rem,0);}
}
@-webkit-keyframes hockey_01 {
    to{-webkit-transform:translate3d(0,0,0);}
    to{-webkit-transform:translate3d(9rem,2rem,0);}
}

@keyframes hockey_02 {
    /*from{right: 36rem; top: 45rem;}*/
    /*to{right: 31rem; top: 46rem;}*/
    from{transform:translate3d(-2rem,0,0);}
    to{transform:translate3d(3rem,1rem,0);}
}
@-webkit-keyframes hockey_02 {
    from{-webkit-transform:translate3d(-2rem,0,0);}
    to{-webkit-transform:translate3d(3rem,1rem,0);}
}

@keyframes hockey_03 {
    /*from{right: 21rem; top: 38rem;}*/
    /*to{right: 17rem; top: 43rem;}*/
    from{transform:translate3d(4rem,0,0) scaleX(-1);}
    to{transform:translate3d(0,3rem,0) scaleX(-1);}
}
@-webkit-keyframes hockey_03 {
    from{-webkit-transform:translate3d(4rem,0,0) scaleX(-1);}
    to{-webkit-transform:translate3d(0,3rem,0) scaleX(-1);}
}

@keyframes hockey_04 {
    /*from{right: 14rem; top: 46rem;}*/
    /*to{right: 24rem; top: 46rem;}*/
    from{transform:translate3d(10rem,0,0);}
    to{transform:translate3d(0,0,0);}

}
@-webkit-keyframes hockey_04 {
    from{-webkit-transform:translate3d(10rem,0,0);}
    to{-webkit-transform:translate3d(0,0,0);}
}

@keyframes hockey_05 {
    /*from{right: 10rem; top: 42rem;}*/
    /*to{right: 13rem; top: 46rem;}*/
    from{transform:translate3d(0,0,0);}
    to{transform:translate3d(-3rem,4rem,0);}

}
@-webkit-keyframes hockey_05 {
    from{-webkit-transform:translate3d(0,0,0);}
    to{-webkit-transform:translate3d(-3rem,4rem,0);}
}

@keyframes hockeyBallBig {
    from{width: 0.1rem;
        height: 0.1rem;
        left: 17rem;
        bottom: 11rem;}
    to{width: 15rem;
        height: 15rem;
        left: 11rem;
        bottom: 1rem;}
}

@-webkit-keyframes hockeyBallBig {
    from{width: 0.1rem;
        height: 0.1rem;
        left: 17rem;
        bottom: 11rem;}
    to{width: 15rem;
        height: 15rem;
        left: 11rem;
        bottom: 1rem;}
}

@keyframes hockeyBallSmall {
    from{width: 15rem;
        height: 15rem;
        left: 11rem;
        bottom: 1rem;}
    to{width: 2rem;
        height: 2rem;
        left: 17rem;
        bottom: 11rem;}
}

@-webkit-keyframes hockeyBallSmall {
    from{width: 15rem;
        height: 15rem;
        left: 11rem;
        bottom: 1rem;}
    to{width: 2rem;
        height: 2rem;
        left: 17rem;
        bottom: 11rem;}
}

@keyframes fault {
    0% { background-image: url("../images/fault/01.jpg")}
    2.8% { background-image: url("../images/fault/02.jpg")}
    5.4% { background-image: url("../images/fault/03.jpg")}
    8% { background-image: url("../images/fault/04.jpg")}
    10.6% { background-image: url("../images/fault/05.jpg")}
    13.2% { background-image: url("../images/fault/06.jpg")}
    15.8% { background-image: url("../images/fault/07.jpg")}
    18.4% { background-image: url("../images/fault/08.jpg")}
    21% { background-image: url("../images/fault/09.jpg")}
    23.6% { background-image: url("../images/fault/10.jpg")}
    26.2% { background-image: url("../images/fault/11.jpg")}
    28.8% { background-image: url("../images/fault/12.jpg")}
    31.4% { background-image: url("../images/fault/13.jpg")}
    34% { background-image: url("../images/fault/14.jpg")}
    36.6% { background-image: url("../images/fault/15.jpg")}
    39.2% { background-image: url("../images/fault/16.jpg")}
    41.8% { background-image: url("../images/fault/17.jpg")}
    44.4% { background-image: url("../images/fault/18.jpg")}
    47% { background-image: url("../images/fault/19.jpg")}
    49.6% { background-image: url("../images/fault/20.jpg")}
    52.2% { background-image: url("../images/fault/21.jpg")}
    54.8% { background-image: url("../images/fault/22.jpg")}
    57.4% { background-image: url("../images/fault/23.jpg")}
    60% { background-image: url("../images/fault/24.jpg")}
    62.6% { background-image: url("../images/fault/25.jpg")}
    67.8% { background-image: url("../images/fault/26.jpg")}
    70.4% { background-image: url("../images/fault/27.jpg")}
    73% { background-image: url("../images/fault/28.jpg")}
    75.6% { background-image: url("../images/fault/29.jpg")}
    78.2% { background-image: url("../images/fault/30.jpg")}
    80.8% { background-image: url("../images/fault/31.jpg")}
    83.4% { background-image: url("../images/fault/32.jpg")}
    86% { background-image: url("../images/fault/33.jpg")}
    90% { background-image: url("../images/fault/34.jpg")}
    94% { background-image: url("../images/fault/35.jpg")}
    100% { background-image: url("../images/fault/36.jpg")}
}

@-webkit-keyframes fault {
    0% { background-image: url("../images/fault/01.jpg")}
    2.8% { background-image: url("../images/fault/02.jpg")}
    5.4% { background-image: url("../images/fault/03.jpg")}
    8% { background-image: url("../images/fault/04.jpg")}
    10.6% { background-image: url("../images/fault/05.jpg")}
    13.2% { background-image: url("../images/fault/06.jpg")}
    15.8% { background-image: url("../images/fault/07.jpg")}
    18.4% { background-image: url("../images/fault/08.jpg")}
    21% { background-image: url("../images/fault/09.jpg")}
    23.6% { background-image: url("../images/fault/10.jpg")}
    26.2% { background-image: url("../images/fault/11.jpg")}
    28.8% { background-image: url("../images/fault/12.jpg")}
    31.4% { background-image: url("../images/fault/13.jpg")}
    34% { background-image: url("../images/fault/14.jpg")}
    36.6% { background-image: url("../images/fault/15.jpg")}
    39.2% { background-image: url("../images/fault/16.jpg")}
    41.8% { background-image: url("../images/fault/17.jpg")}
    44.4% { background-image: url("../images/fault/18.jpg")}
    47% { background-image: url("../images/fault/19.jpg")}
    49.6% { background-image: url("../images/fault/20.jpg")}
    52.2% { background-image: url("../images/fault/21.jpg")}
    54.8% { background-image: url("../images/fault/22.jpg")}
    57.4% { background-image: url("../images/fault/23.jpg")}
    60% { background-image: url("../images/fault/24.jpg")}
    62.6% { background-image: url("../images/fault/25.jpg")}
    67.8% { background-image: url("../images/fault/26.jpg")}
    70.4% { background-image: url("../images/fault/27.jpg")}
    73% { background-image: url("../images/fault/28.jpg")}
    75.6% { background-image: url("../images/fault/29.jpg")}
    78.2% { background-image: url("../images/fault/30.jpg")}
    80.8% { background-image: url("../images/fault/31.jpg")}
    83.4% { background-image: url("../images/fault/32.jpg")}
    86% { background-image: url("../images/fault/33.jpg")}
    90% { background-image: url("../images/fault/34.jpg")}
    94% { background-image: url("../images/fault/35.jpg")}
    100% { background-image: url("../images/fault/36.jpg")}
}