html, body {
    width: 100%;
    margin: 0;
    padding: 0;
}

/**容器*/
.yh_anim_container {
    position: relative;
    width: 1240px;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
}

.yh_anim_container a {
    display: block;
    width: 100%;
    height: 100%;
}

/**地球及山*/
.yh_anim_ground {
    position: absolute;
    width: 1000px;
    height: 216px;
    bottom: 0;
    left: 120px;
    background: url('../image/yh_animate_image/ground.png') no-repeat;
    background-size: 100% 100%;
    z-index: 2;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
}

/**草*/
.yh_anim_grass {
    position: absolute;
    width: 874px;
    height: 147px;
    bottom: -18px;
    left: 170px;
    background: url('../image/yh_animate_image/grass.png') no-repeat;
    background-size: 100% 100%;
    z-index: 6;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
}

.yh_anim_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

/**下方楼房*/
.yh_anim_bottom .bottom_building_1 {
    position: absolute;
    width: 76px;
    height: 116px;
    left: 330px;
    bottom: -30px;
    background: url('../image/yh_animate_image/bottom_building_1.png') no-repeat;
    background-size: 100% 100%;

    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;


    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);

    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
    -moz-animation-delay: 1.4s;
    -ms-animation-delay: 1.4s;
}

.yh_anim_bottom .bottom_building_2 {
    position: absolute;
    width: 64px;
    height: 121px;
    left: 580px;
    bottom: -30px;
    background: url('../image/yh_animate_image/bottom_building_2.png') no-repeat;
    background-size: 100% 100%;

    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;

    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);

    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -ms-animation-delay: 1.6s;
}

.yh_anim_bottom .bottom_building_3 {
    position: absolute;
    width: 352px;
    height: 121px;
    left: 650px;
    bottom: -40px;
    background: url('../image/yh_animate_image/bottom_building_3.png') no-repeat;
    background-size: 100% 100%;

    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;

    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);

    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
    -moz-animation-delay: 1.7s;
    -ms-animation-delay: 1.7s;
}

.yh_anim_bottom .bottom_building_4 {
    position: absolute;
    width: 91px;
    height: 103px;
    left: 1010px;
    bottom: -50px;
    background: url('../image/yh_animate_image/right_building.png') no-repeat;
    background-size: 100% 100%;

    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;

    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);


    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -ms-animation-delay: 1.8s;
}

/**有货楼房*/
.yh_anim_bottom .bottom_building_yohobuy {
    position: absolute;
    width: 154px;
    height: 237px;
    left: 410px;
    bottom: -130px;
    background: url('../image/yh_animate_image/yohobuy.png') no-repeat;
    background-size: 100% 100%;

    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;

    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);

    -webkit-animation-delay: 2.0s;
    animation-delay: 2.0s;
    -moz-animation-delay: 2.0s;
    -ms-animation-delay: 2.0s;

    -webkit-transition: bottom 0.5s;
    transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    -ms-transition: bottom 0.5s;
}

/*yohogirl楼房*/
.yh_anim_bottom .bottom_building_yoho {
    position: absolute;
    width: 100px;
    height: 187px;
    left: 843px;
    bottom: -80px;
    background: url('../image/yh_animate_image/building_yoho.png') no-repeat;
    background-size: 100% 100%;

    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;

    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);

    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s;
    -moz-animation-delay: 2.2s;
    -ms-animation-delay: 2.2s;

    -webkit-transition: bottom 0.5s;
    transition: bottom 0.5s;
    -moz-transition: bottom 0.5s;
    -ms-transition: bottom 0.5s;
}

.bottom_building_yohobuy:hover {
     bottom: -100px;
}

.bottom_building_yoho:hover {
    bottom: -50px;
}


.yh_anim_up {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}

/*上半部分建筑*/
.yh_anim_up .up_building_1 {
    position: absolute;
    width: 122px;
    height: 148px;
    left: 160px;
    bottom: 25px;
    background: url('../image/yh_animate_image/left_building.png') no-repeat;
    background-size: 100% 100%;

    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
    -moz-animation-delay: 2.6s;
    -ms-animation-delay: 2.6s;

    -webkit-transform: translateY(-300px);
    transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
}

.yh_anim_up .up_building_2 {
    position: absolute;
    width: 60px;
    height: 105px;
    left: 745px;
    bottom: 93px;
    background: url('../image/yh_animate_image/small_building.png') no-repeat;
    background-size: 100% 100%;

    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
    -moz-animation-delay: 2.4s;
    -ms-animation-delay: 2.4s;

    -webkit-transform: translateY(-300px);
    transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
}

.yh_anim_up .up_building_3 {
    position: absolute;
    width: 318px;
    height: 136px;
    left: 425px;
    bottom: 73px;
    background: url('../image/yh_animate_image/back_buildings.png') no-repeat;
    background-size: 100% 100%;

    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
    -moz-animation-delay: 2.8s;
    -ms-animation-delay: 2.8s;

    -webkit-transform: translateY(-300px);
    transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
}

/*摩天轮*/
.yh_anim_bottom .up_mtl {
    position: absolute;
    left: 920px;
    bottom: 30px;
    width: 120px;
    height: 200px;

    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
    -moz-animation-delay: 3.2s;
    -ms-animation-delay: 3.2s;

    -webkit-transform: translateY(-300px);
    transform: translateY(-300px);
    -moz-transform: translateY(-300px);
    -ms-transform: translateY(-300px);
}

.up_mtl .up_mtl_foot{
    position: absolute;
    width: 115px;
    height: 108px;
    bottom: 0;
    background: url('../image/yh_animate_image/mtl_foot.png') no-repeat;
    background-size: 100% 100%;
}

.up_mtl .up_mtl_wheel {
    position: absolute;
    width: 145px;
    height: 145px;
    left: 0;
    bottom: 40px;
    background: url('../image/yh_animate_image/mtl_wheel.png') no-repeat;
    background-size: 100% 100%;
}

.up_mtl a{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

.up_mtl .up_mtl_yoho {
    position: absolute;
    width: 61px;
    height: 34px;
    left: 45px;
    top: 72px;
    background: url('../image/yh_animate_image/mtl_yoho.png') no-repeat;
    background-size: 100% 100%;
}

.up_mtl_wheel .up_mtl_cart {
    position: absolute;
    width: 17px;
    height: 20px;

    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;

    background: url('../image/yh_animate_image/mtl_cart.png') no-repeat;
    background-size: 100% 100%;
}

.cart_1 {
    left: 58px;
    top: 0;
}
.cart_2 {
    left: 97px;
    top: 10px;
}
.cart_3 {
    left: 126px;
    top: 38px;
}
.cart_4 {
    left: 135px;
    top: 77px;
}
.cart_5 {
    left: 126px;
    top: 112px;
}
.cart_6 {
    left: 103px;
    top: 132px;
}
.cart_7 {
    left: 68px;
    top: 143px;
}
.cart_8 {
    left: 28px;
    top: 135px;
}
.cart_9 {
    left: 2px;
    top: 110px;
}
.cart_10 {
    left: -8px;
    top: 75px;
}
.cart_11 {
    left: 1px;
    top: 39px;
}
.cart_12 {
    left: 20px;
    top: 13px;
}

/*音波*/
.yh_anim_up .up_wave {
    position: absolute;
    width: 61px;
    height: 73px;
    left: 813px;
    bottom: 125px;
    background: url('../image/yh_animate_image/wave.png') no-repeat;
    background-size: 100% 100%;
    opacity: 0;


    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
    -moz-animation-delay: 3.2s;
    -ms-animation-delay: 3.2s;
}

.yh_anim_bottom .up_ballon {
    position: absolute;
    width: 95px;
    height: 122px;
    left: 130px;
    bottom: 120px;
    background: url('../image/yh_animate_image/hot_ballon.png') no-repeat;
    background-size: 100% 100%;

    -webkit-transform: translateX(-20px) translateY(120px) scale(0);
    transform: translateX(-20px) translateY(120px) scale(0);
    -moz-transform: translateX(-20px) translateY(120px) scale(0);
    -ms-transform: translateX(-20px) translateY(120px) scale(0);
}

.yh_anim_up .up_cloud_1 {
    position: absolute;
    width: 40px;
    height: 27px;
    left: 0;
    top: 130px;
    opacity: 0;

    -webkit-transform: scale(1.3) translateX(0px) translateY(0px);
    transform: scale(1.3) translateX(0px) translateY(0px);
    -moz-transform: scale(1.3) translateX(0px) translateY(0px);
    -ms-transform: scale(1.3) translateX(0px) translateY(0px);

    background: url('../image/yh_animate_image/cloud_1.png') no-repeat;
    background-size: 100% 100%;
}

.yh_anim_up .up_cloud_2 {
    position: absolute;
    width: 60px;
    height: 41px;
    left: 1240px;
    top: 20px;
    opacity: 0;

    -webkit-transform: scale(1.3) translateX(0px) translateY(0px);
    transform: scale(1.3) translateX(0px) translateY(0px);
    -moz-transform: scale(1.3) translateX(0px) translateY(0px);
    -ms-transform: scale(1.3) translateX(0px) translateY(0px);

    background: url('../image/yh_animate_image/cloud_3.png') no-repeat;
    background-size: 100% 100%;
}

.yh_anim_up .up_cloud_3 {
    position: absolute;
    width: 41px;
    height: 27px;
    left: 0;
    top: 60px;
    opacity: 0;

    -webkit-transform: scale(1.3) translateX(0px) translateY(0px);
    transform: scale(1.3) translateX(0px) translateY(0px);
    -moz-transform: scale(1.3) translateX(0px) translateY(0px);
    -ms-transform: scale(1.3) translateX(0px) translateY(0px);

    background: url('../image/yh_animate_image/cloud_2.png') no-repeat;
    background-size: 100% 100%;
}

.yh_anim_up .up_shooting_star {
    position: absolute;
    width: 37px;
    height: 19px;
    left: 350px;
    top: 180px;

    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
    transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
    -moz-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
    -ms-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
    background: url('../image/yh_animate_image/shooting_star.png') no-repeat;
    background-size: 100% 100%;
}

.yh_anim_up .up_stars {
    position: absolute;

    background: url('../image/yh_animate_image/star.png') no-repeat;
    background-size: 100% 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
}

.star_1 {
    width: 20px;
    height: 20px;
    left: 300px;
    top: 100px;

    -webkit-transform: rotateZ(15deg);
    transform: rotateZ(15deg);
    -moz-transform: rotateZ(15deg);
    -ms-transform: rotateZ(15deg);
    -webkit-animation: stars_animation 5s ease infinite 6s;
    animation: stars_animation 5s ease infinite 6s;
    -moz-animation: stars_animation 5s ease infinite 6s;
    -ms-animation: stars_animation 5s ease infinite 6s;
}

.star_2 {
    width: 26px;
    height: 26px;
    left: 700px;
    top: 50px;

    -webkit-transform: rotateZ(30deg);
    transform: rotateZ(30deg);
    -moz-transform: rotateZ(30deg);
    -ms-transform: rotateZ(30deg);
    -webkit-animation: stars_animation 4.6s ease infinite 6.5s;
    animation: stars_animation 4.6s ease infinite 6.5s;
    -moz-animation: stars_animation 4.6s ease infinite 6.5s;
    -ms-animation: stars_animation 4.6s ease infinite 6.5s;
}

.star_3 {
    width: 15px;
    height: 15px;
    left: 450px;
    top: 90px;

    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-animation: stars_animation 5.1s ease infinite 7s;
    animation: stars_animation 5.1s ease infinite 7s;
    -moz-animation: stars_animation 5.1s ease infinite 7s;
    -ms-animation: stars_animation 5.1s ease infinite 7s;
}

.star_4 {
    width: 26px;
    height: 26px;
    left: 600px;
    top: 70px;

    -webkit-transform: rotateZ(60deg);
    transform: rotateZ(60deg);
    -moz-transform: rotateZ(60deg);
    -ms-transform: rotateZ(60deg);
    -webkit-animation: stars_animation 4.8s ease infinite 7.5s;
    animation: stars_animation 4.8s ease infinite 7.5s;
    -moz-animation: stars_animation 4.8s ease infinite 7.5s;
    -ms-animation: stars_animation 4.8s ease infinite 7.5s;
}

.star_5 {
    width: 20px;
    height: 20px;
    left: 900px;
    top: 80px;

    -webkit-transform: rotateZ(75deg);
    transform: rotateZ(75deg);
    -moz-transform: rotateZ(75deg);
    -ms-transform: rotateZ(75deg);
    -webkit-animation: stars_animation 4.9s ease infinite 8s;
    animation: stars_animation 4.9s ease infinite 8s;
    -moz-animation: stars_animation 4.9s ease infinite 8s;
    -ms-animation: stars_animation 4.9s ease infinite 8s;
}

/**
地面动画
 */
.ground_animate {
    -webkit-animation:ground_animation 0.8s cubic-bezier(.39,1.55,.68,1.01) forwards 0.5s;
    animation:ground_animation 0.8s cubic-bezier(.39,1.55,.68,1.01) forwards 0.5s;
    -moz-animation:ground_animation 0.8s cubic-bezier(.39,1.55,.68,1.01) forwards 0.5s;
    -ms-animation:ground_animation 0.8s cubic-bezier(.39,1.55,.68,1.01) forwards 0.5s;
}

@-webkit-keyframes ground_animation {
    0% {
        -webkit-transform: translateY(100%) scale(0.5);
        transform: translateY(100%) scale(0.5);
        -moz-ransform: translateY(100%) scale(0.5);
        -ms-transform: translateY(100%) scale(0.5);
    }
    100% {
        -webkit-transform: translateY(0%) scale(1);
        transform: translateY(0%) scale(1);
        -moz-transform: translateY(0%) scale(1);
        -ms-transform: translateY(0%) scale(1);
    }
}

@keyframes ground_animation {
    0% {
        transform: translateY(100%) scale(0.5);
        -webkit-transform: translateY(100%) scale(0.5);
        -moz-transform: translateY(100%) scale(0.5);
        -ms-transform: translateY(100%) scale(0.5);
    }
    100% {
        transform: translateY(0%) scale(1);
        -webkit-transform: translateY(0%) scale(1);
        -moz-transform: translateY(0%) scale(1);
        -ms-transform: translateY(0%) scale(1);
    }
}

/*下方楼房动画*/
.bottom_building_animate {
    -webkit-animation:bottom_building_animation 0.8s cubic-bezier(.39,1.55,.68,1.01) forwards;
    animation:bottom_building_animation 0.8s cubic-bezier(.39,1.55,.68,1.01) forwards;
    -moz-animation:bottom_building_animation 0.8s cubic-bezier(.39,1.55,.68,1.01) forwards;
    -ms-animation:bottom_building_animation 0.8s cubic-bezier(.39,1.55,.68,1.01) forwards;
}

@-webkit-keyframes bottom_building_animation {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -ms-transform: scaleY(0);
        -moz-transform: scaleY(0);
    }
    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -ms-transform: scaleY(1);
        -moz-transform: scaleY(1);
    }

}

@keyframes bottom_building_animation {
    0% {
        transform: scaleY(0);
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -moz-transform: scaleY(0);
    }
    100% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -moz-transform: scaleY(1);
    }
}

/*上方楼房动画*/
.up_building_animate {
    -webkit-animation:up_building_animation 0.3s cubic-bezier(.39,1.3,.68,1.01) forwards;
    animation:up_building_animation 0.3s cubic-bezier(.39,1.3,.68,1.01) forwards;
    -moz-animation:up_building_animation 0.3s cubic-bezier(.39,1.3,.68,1.01) forwards;
    -ms-animation:up_building_animation 0.3s cubic-bezier(.39,1.3,.68,1.01) forwards;
}

@-webkit-keyframes up_building_animation {
    0% {
        -webkit-transform: translateY(-300px);
        transform: translateY(-300px);
        -moz-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
    }

}

@keyframes up_building_animation {
    0% {
        transform: translateY(-300px);
        -webkit-transform: translateY(-300px);
        -moz-transform: translateY(-300px);
        -ms-transform: translateY(-300px);
    }
    100% {
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
    }

}

/*摩天轮动画*/
.mtl_wheel_animate {
    -webkit-animation: mtl_wheel_animation 6s linear infinite;
    animation: mtl_wheel_animation 6s linear infinite;
    -moz-animation: mtl_wheel_animation 6s linear infinite;
    -ms-animation: mtl_wheel_animation 6s linear infinite;
}

@-webkit-keyframes mtl_wheel_animation {
    0% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
    }
}

@keyframes mtl_wheel_animation {
    0% {
        transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
    }
    100% {
        transform: rotateZ(360deg);
        -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
    }
}

.wave_animate {
    -webkit-animation: wave_animation 6s linear infinite;
    animation: wave_animation 6s linear infinite;
    -moz-animation: wave_animation 6s linear infinite;
    -ms-animation: wave_animation 6s linear infinite;
}

@-webkit-keyframes wave_animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
    }
    12.5% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
    25% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
    }

}

@keyframes wave_animation {
    0% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
    }
    12.5% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
    25% {
        opacity: 0;
        transform: scale(2);
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
    }
    100% {
        opacity: 0;
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
    }
}

.ballon_animate {
    animation-name: ballon_animation_1, ballon_animation_2;
    animation-duration: 2s, 5s;
    animation-timing-function: ease, linear;
    animation-delay: 3.4s, 5.4s;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards, none;

    -webkit-animation-name: ballon_animation_1, ballon_animation_2;
    -webkit-animation-duration: 2s, 5s;
    -webkit-animation-timing-function: ease, linear;
    -webkit-animation-delay: 3.4s, 5.4s;
    -webkit-animation-iteration-count: 1, infinite;
    -webkit-animation-fill-mode: forwards, none;

    -moz-animation-name: ballon_animation_1, ballon_animation_2;
    -moz-animation-duration: 2s, 5s;
    -moz-animation-timing-function: ease, linear;
    -moz-animation-delay: 3.4s, 5.4s;
    -moz-animation-iteration-count: 1, infinite;
    -moz-animation-fill-mode: forwards, none;

    -ms-animation-name: ballon_animation_1, ballon_animation_2;
    -ms-animation-duration: 2s, 5s;
    -ms-animation-timing-function: ease, linear;
    -ms-animation-delay: 3.4s, 5.4s;
    -ms-animation-iteration-count: 1, infinite;
    -ms-animation-fill-mode: forwards, none;
}

@-webkit-keyframes ballon_animation_1 {
    0% {
        -webkit-transform: translateX(-20px) translateY(120px) scale(0);
        transform: translateX(-20px) translateY(120px) scale(0);
        -moz-transform: translateX(-20px) translateY(120px) scale(0);
        -ms-transform: translateX(-20px) translateY(120px) scale(0);
    }
    100% {
        -webkit-transform: translateX(0px) translateY(0px) scale(1);
        transform: translateX(0px) translateY(0px) scale(1);
        -moz-transform: translateX(0px) translateY(0px) scale(1);
        -ms-transform: translateX(0px) translateY(0px) scale(1);
    }
}

@keyframes ballon_animation_1 {
    0% {
        transform: translateX(-20px) translateY(120px) scale(0);
        -webkit-transform: translateX(-20px) translateY(120px) scale(0);
        -moz-transform: translateX(-20px) translateY(120px) scale(0);
        -ms-transform: translateX(-20px) translateY(120px) scale(0);
    }
    100% {
        transform: translateX(0px) translateY(0px) scale(1);
        -webkit-transform: translateX(0px) translateY(0px) scale(1);
        -moz-transform: translateX(0px) translateY(0px) scale(1);
        -ms-transform: translateX(0px) translateY(0px) scale(1);
    }
}

@-webkit-keyframes ballon_animation_2 {
    0% {
        -webkit-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -moz-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -ms-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
    }
    25% {
        -webkit-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
        transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
        -moz-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
        -ms-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
    }
    35% {
        -webkit-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(-15deg);
        transform: translateX(0px) translateY(-50px) scale(1) rotateZ(-15deg);
        -moz-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(-15deg);
        -ms-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(-15deg);
    }
    45% {
        -webkit-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(15deg);
        transform: translateX(0px) translateY(-50px) scale(1) rotateZ(15deg);
        -moz-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(15deg);
        -ms-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(15deg);
    }
    55% {
        -webkit-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
        transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
        -moz-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
        -ms-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
    }
    90% {
        -webkit-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -moz-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -ms-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
    }
    100% {
        -webkit-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -moz-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -ms-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
    }
}

@keyframes ballon_animation_2 {
    0% {
        transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -webkit-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -moz-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -ms-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
    }
    25% {
        transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
        -webkit-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
        -moz-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
        -ms-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
    }
    35% {
        transform: translateX(0px) translateY(-50px) scale(1) rotateZ(-15deg);
        -webkit-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(-15deg);
        -moz-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(-15deg);
        -ms-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(-15deg);
    }
    45% {
        transform: translateX(0px) translateY(-50px) scale(1) rotateZ(15deg);
        -webkit-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(15deg);
        -moz-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(15deg);
        -ms-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(15deg);
    }
    55% {
        transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
        -webkit-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
        -moz-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
        -ms-transform: translateX(0px) translateY(-50px) scale(1) rotateZ(0deg);
    }
    90% {
        transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -webkit-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -moz-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -ms-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
    }
    100% {
        transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -webkit-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -moz-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
        -ms-transform: translateX(0px) translateY(0px) scale(1) rotateZ(0deg);
    }
}

.cloud_animate_1 {
    -webkit-animation: cloud_animation_1 10s linear infinite 5s;
    animation: cloud_animation_1 10s linear infinite 5s;
    -moz-animation: cloud_animation_1 10s linear infinite 5s;
    -ms-animation: cloud_animation_1 10s linear infinite 5s;
}

@-webkit-keyframes cloud_animation_1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(0px) translateY(0px);
        transform: scale(1.5) translateX(0px) translateY(0px);
        -moz-transform: scale(1.5) translateX(0px) translateY(0px);
        -ms-transform: scale(1.5) translateX(0px) translateY(0px);
    }
    35% {
        opacity: 1;
        -webkit-transform: scale(1.5) translateX(150px) translateY(0px);
        transform: scale(1.5) translateX(150px) translateY(0px);
        -moz-transform: scale(1.5) translateX(150px) translateY(0px);
        -ms-transform: scale(1.5) translateX(150px) translateY(0px);
    }
    70% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(300px) translateY(0px);
        transform: scale(1.5) translateX(300px) translateY(0px);
        -moz-transform: scale(1.5) translateX(300px) translateY(0px);
        -ms-transform: scale(1.5) translateX(300px) translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(0px) translateY(0px);
        transform: scale(1.5) translateX(0px) translateY(0px);
        -moz-transform: scale(1.5) translateX(0px) translateY(0px);
        -ms-transform: scale(1.5) translateX(0px) translateY(0px);
    }
}

@keyframes cloud_animation_1 {
    0% {
        opacity: 0;
        transform: scale(1.5) translateX(0px) translateY(0px);
        -webkit-transform: scale(1.5) translateX(0px) translateY(0px);
        -moz-transform: scale(1.5) translateX(0px) translateY(0px);
        -ms-transform: scale(1.5) translateX(0px) translateY(0px);
    }
    35% {
        opacity: 1;
        transform: scale(1.5) translateX(150px) translateY(0px);
        -webkit-transform: scale(1.5) translateX(150px) translateY(0px);
        -moz-transform: scale(1.5) translateX(150px) translateY(0px);
        -ms-transform: scale(1.5) translateX(150px) translateY(0px);
    }
    70% {
        opacity: 0;
        transform: scale(1.5) translateX(300px) translateY(0px);
        -webkit-transform: scale(1.5) translateX(300px) translateY(0px);
        -moz-transform: scale(1.5) translateX(300px) translateY(0px);
        -ms-transform: scale(1.5) translateX(300px) translateY(0px);
    }
    100% {
        opacity: 0;
        transform: scale(1.5) translateX(0px) translateY(0px);
        -webkit-transform: scale(1.5) translateX(0px) translateY(0px);
        -moz-transform: scale(1.5) translateX(0px) translateY(0px);
        -ms-transform: scale(1.5) translateX(0px) translateY(0px);
    }
}

.cloud_animate_2 {
    -webkit-animation: cloud_animation_2 20s linear infinite 5.5s;
    animation: cloud_animation_2 20s linear infinite 5.5s;
    -moz-animation: cloud_animation_2 20s linear infinite 5.5s;
    -ms-animation: cloud_animation_2 20s linear infinite 5.5s;
}

@-webkit-keyframes cloud_animation_2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(0px) translateY(0px);
        transform: scale(1.5) translateX(0px) translateY(0px);
        -moz-transform: scale(1.5) translateX(0px) translateY(0px);
        -ms-transform: scale(1.5) translateX(0px) translateY(0px);
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1.5) translateX(-350px) translateY(0px);
        transform: scale(1.5) translateX(-350px) translateY(0px);
        -moz-transform: scale(1.5) translateX(-350px) translateY(0px);
        -ms-transform: scale(1.5) translateX(-350px) translateY(0px);
    }
    80% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(-700px) translateY(0px);
        transform: scale(1.5) translateX(-700px) translateY(0px);
        -moz-transform: scale(1.5) translateX(-700px) translateY(0px);
        -ms-transform: scale(1.5) translateX(-700px) translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(0px) translateY(0px);
        transform: scale(1.5) translateX(0px) translateY(0px);
        -moz-transform: scale(1.5) translateX(0px) translateY(0px);
        -ms-transform: scale(1.5) translateX(0px) translateY(0px);
    }
}
@keyframes cloud_animation_2 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(0px) translateY(0px);
        transform: scale(1.5) translateX(0px) translateY(0px);
        -moz-transform: scale(1.5) translateX(0px) translateY(0px);
        -ms-transform: scale(1.5) translateX(0px) translateY(0px);
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1.5) translateX(-350px) translateY(0px);
        transform: scale(1.5) translateX(-350px) translateY(0px);
        -moz-transform: scale(1.5) translateX(-350px) translateY(0px);
        -ms-transform: scale(1.5) translateX(-350px) translateY(0px);
    }
    80% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(-700px) translateY(0px);
        transform: scale(1.5) translateX(-700px) translateY(0px);
        -moz-transform: scale(1.5) translateX(-700px) translateY(0px);
        -ms-transform: scale(1.5) translateX(-700px) translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(0px) translateY(0px);
        transform: scale(1.5) translateX(0px) translateY(0px);
        -moz-transform: scale(1.5) translateX(0px) translateY(0px);
        -ms-transform: scale(1.5) translateX(0px) translateY(0px);
    }
}

.cloud_animate_3 {
    -webkit-animation: cloud_animation_3 16s linear infinite 6.5s;
    animation: cloud_animation_3 16s linear infinite 6.5s;
    -moz-animation: cloud_animation_3 16s linear infinite 6.5s;
    -ms-animation: cloud_animation_3 16s linear infinite 6.5s;
}

@-webkit-keyframes cloud_animation_3 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(0px) translateY(0px);
        transform: scale(1.5) translateX(0px) translateY(0px);
        -moz-transform: scale(1.5) translateX(0px) translateY(0px);
        -ms-transform: scale(1.5) translateX(0px) translateY(0px);
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1.5) translateX(300px) translateY(0px);
        transform: scale(1.5) translateX(300px) translateY(0px);
        -moz-transform: scale(1.5) translateX(300px) translateY(0px);
        -ms-transform: scale(1.5) translateX(300px) translateY(0px);
    }
    80% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(600px) translateY(0px);
        transform: scale(1.5) translateX(600px) translateY(0px);
        -moz-transform: scale(1.5) translateX(600px) translateY(0px);
        -ms-transform: scale(1.5) translateX(600px) translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(0px) translateY(0px);
        transform: scale(1.5) translateX(0px) translateY(0px);
        -moz-transform: scale(1.5) translateX(0px) translateY(0px);
        -ms-transform: scale(1.5) translateX(0px) translateY(0px);
    }
}
@keyframes cloud_animation_3 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(0px) translateY(0px);
        transform: scale(1.5) translateX(0px) translateY(0px);
        -moz-transform: scale(1.5) translateX(0px) translateY(0px);
        -ms-transform: scale(1.5) translateX(0px) translateY(0px);
    }
    40% {
        opacity: 1;
        -webkit-transform: scale(1.5) translateX(300px) translateY(0px);
        transform: scale(1.5) translateX(300px) translateY(0px);
        -moz-transform: scale(1.5) translateX(300px) translateY(0px);
        -ms-transform: scale(1.5) translateX(300px) translateY(0px);
    }
    80% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(600px) translateY(0px);
        transform: scale(1.5) translateX(600px) translateY(0px);
        -moz-transform: scale(1.5) translateX(600px) translateY(0px);
        -ms-transform: scale(1.5) translateX(600px) translateY(0px);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5) translateX(0px) translateY(0px);
        transform: scale(1.5) translateX(0px) translateY(0px);
        -moz-transform: scale(1.5) translateX(0px) translateY(0px);
        -ms-transform: scale(1.5) translateX(0px) translateY(0px);
    }
}

.shooting_star_animate {
    -webkit-animation: shooting_start_animation 6s linear infinite 6.5s;
    animation: shooting_start_animation 6s linear infinite 6.5s;
    -moz-animation: shooting_start_animation 6s linear infinite 6.5s;
    -ms-animation: shooting_start_animation 6s linear infinite 6.5s;
}

@-webkit-keyframes shooting_start_animation {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
        transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
        -moz-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
        -ms-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
    }
    5% {
        opacity: 1;
        -webkit-transform: translateX(-20px) translateY(-15px) rotateZ(40deg) scale(0.4);
        transform: translateX(-20px) translateY(-15px) rotateZ(40deg) scale(0.4);
        -moz-transform: translateX(-20px) translateY(-15px) rotateZ(40deg) scale(0.4);
        -ms-transform: translateX(-20px) translateY(-15px) rotateZ(40deg) scale(0.4);
    }
    10% {
        opacity: 1;
        -webkit-transform: translateX(-40px) translateY(-30px) rotateZ(35deg) scale(0.8);
        transform: translateX(-40px) translateY(-30px) rotateZ(35deg) scale(0.8);
        -moz-transform: translateX(-40px) translateY(-30px) rotateZ(35deg) scale(0.8);
        -ms-transform: translateX(-40px) translateY(-30px) rotateZ(35deg) scale(0.8);
    }
    15% {
        opacity: 1;
        -webkit-transform: translateX(-60px) translateY(-45px) rotateZ(30deg) scale(1.2);
        transform: translateX(-60px) translateY(-45px) rotateZ(30deg) scale(1.2);
        -moz-transform: translateX(-60px) translateY(-45px) rotateZ(30deg) scale(1.2);
        -ms-transform: translateX(-60px) translateY(-45px) rotateZ(30deg) scale(1.2);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-80px) translateY(-40px) rotateZ(15deg) scale(1.6);
        transform: translateX(-80px) translateY(-40px) rotateZ(15deg) scale(1.6);
        -moz-transform: translateX(-80px) translateY(-40px) rotateZ(15deg) scale(1.6);
        -ms-transform: translateX(-80px) translateY(-40px) rotateZ(15deg) scale(1.6);
    }
    25% {
        opacity: 0;
        -webkit-transform: translateX(-100px) translateY(-35px) rotateZ(0deg) scale(2);
        transform: translateX(-100px) translateY(-35px) rotateZ(0deg) scale(2);
        -moz-transform: translateX(-100px) translateY(-35px) rotateZ(0deg) scale(2);
        -ms-transform: translateX(-100px) translateY(-35px) rotateZ(0deg) scale(2);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
        transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
        -moz-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
        -ms-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
    }
}

@keyframes shooting_start_animation {
    0% {
        opacity: 1;
        transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
        -webkit-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
        -moz-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
        -ms-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
    }
    5% {
        opacity: 1;
        transform: translateX(-20px) translateY(-15px) rotateZ(40deg) scale(0.4);
        -webkit-transform: translateX(-20px) translateY(-15px) rotateZ(40deg) scale(0.4);
        -moz-transform: translateX(-20px) translateY(-15px) rotateZ(40deg) scale(0.4);
        -ms-transform: translateX(-20px) translateY(-15px) rotateZ(40deg) scale(0.4);
    }
    10% {
        opacity: 1;
        transform: translateX(-40px) translateY(-30px) rotateZ(35deg) scale(0.8);
        -webkit-transform: translateX(-40px) translateY(-30px) rotateZ(35deg) scale(0.8);
        -moz-transform: translateX(-40px) translateY(-30px) rotateZ(35deg) scale(0.8);
        -ms-transform: translateX(-40px) translateY(-30px) rotateZ(35deg) scale(0.8);
    }
    15% {
        opacity: 1;
        transform: translateX(-60px) translateY(-45px) rotateZ(30deg) scale(1.2);
        -webkit-transform: translateX(-60px) translateY(-45px) rotateZ(30deg) scale(1.2);
        -moz-transform: translateX(-60px) translateY(-45px) rotateZ(30deg) scale(1.2);
        -ms-transform: translateX(-60px) translateY(-45px) rotateZ(30deg) scale(1.2);
    }
    20% {
        opacity: 1;
        transform: translateX(-80px) translateY(-40px) rotateZ(15deg) scale(1.6);
        -webkit-transform: translateX(-80px) translateY(-40px) rotateZ(15deg) scale(1.6);
        -moz-transform: translateX(-80px) translateY(-40px) rotateZ(15deg) scale(1.6);
        -ms-transform: translateX(-80px) translateY(-40px) rotateZ(15deg) scale(1.6);
    }
    25% {
        opacity: 0;
        transform: translateX(-100px) translateY(-35px) rotateZ(0deg) scale(2);
        -webkit-transform: translateX(-100px) translateY(-35px) rotateZ(0deg) scale(2);
        -moz-transform: translateX(-100px) translateY(-35px) rotateZ(0deg) scale(2);
        -ms-transform: translateX(-100px) translateY(-35px) rotateZ(0deg) scale(2);
    }
    100% {
        opacity: 0;
        transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
        -webkit-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
        -moz-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
        -ms-transform: translateX(0px) translateY(0px) rotateZ(45deg) scale(0);
    }
}

.stars_animate {

}

@-webkit-keyframes stars_animation {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
    }
    5% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
    }
    10% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
    30% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
    35% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
    }
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
    }
}

@keyframes stars_animation {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
    }
    5% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform: scale(0.5);
    }
    10% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
    30% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
    35% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
    }
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
    }
}

.cart_animate {
    -webkit-animation: cart_animation 6s linear infinite;
    -ms-animation: cart_animation 6s linear infinite;
    -moz-animation: cart_animation 6s linear infinite;
    animation: cart_animation 6s linear infinite;
}
@-webkit-keyframes cart_animation {
    0% {
        -webkit-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
    100% {
        -webkit-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}


@keyframes cart_animation {
    0% {
        -webkit-transform: rotateZ(360deg);
        -ms-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
    100% {
        -webkit-transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -moz-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}