@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes l_swing {
    0% {
        -webkit-transform: rotatez(7deg) translate(-17px, 1px);
    }

    50% {
        -webkit-transform: rotatez(-7deg) translate(17px, 1px);
    }

    100% {
        -webkit-transform: rotatez(7deg) translate(-17px, 1px);
    }
}

@keyframes l_swing {
    0% {
        transform: rotatez(7deg) translate(-17px, 1px);
    }

    50% {
        transform: rotatez(-7deg) translate(17px, 1px);
    }

    100% {
        transform: rotatez(7deg) translate(-17px, 1px);
    }
}

@keyframes left-right-swing {
    0% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

    100% {
        transform: rotate(-10deg)
    }
}

@keyframes up-swing {
    0% {
        transform: rotatez(4deg) translate(0px, -15px);
    }

    50% {
        transform: rotatez(-4deg) translate(0px, 5px);
    }

    100% {
        transform: rotatez(4deg) translate(0px, -15px);
    }
}

@keyframes down-swing {
    0% {
        transform: rotatez(4deg) translate(0px, -15px);
    }

    50% {
        transform: rotatez(-4deg) translate(0px, 15px);
    }

    100% {
        transform: rotatez(4deg) translate(0px, -15px);
    }
}
@keyframes u-swing {
    0% {
        transform:  translate(0px, 5px);
    }

    50% {
        transform:  translate(0px, -5px);
    }

    100% {
        transform:  translate(0px, 5px);
    }
}
@keyframes d-swing {
    0% {
        transform:  translate(0px, -5px);
    }

    50% {
        transform:  translate(0px, 5px);
    }

    100% {
        transform:  translate(0px, -5px);
    }
}

@-webkit-keyframes fire_work {
    0% {
        -webkit-transform: scale(1.5);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(3.5);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(7);
        opacity: 0;
    }
}

@keyframes fire_work {
    0% {
        transform: scale(1.5);
        opacity: 1;
    }

    50% {
        transform: scale(3.5);
        opacity: 0.5;
    }

    100% {
        transform: scale(7);
        opacity: 0;
    }
}

@-webkit-keyframes newsBtn {
    0% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
}

@-moz-keyframes newsBtn {
    0% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
}

@-ms-keyframes newsBtn {
    0% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
}

@-o-keyframes newsBtn {
    0% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
}

@keyframes newsBtn {
    0% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -ms-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    50% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(-3deg);
        -moz-transform: rotate(-3deg);
        -ms-transform: rotate(-3deg);
        -o-transform: rotate(-3deg);
        transform: rotate(-3deg)
    }
}
@keyframes ml {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 0.75;
    }

    100% {
        opacity: 1;
    }
}


@-webkit-keyframes fire_work1 {
    0% {
        -webkit-transform: scale(1.5);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(2.5);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(3.5);
        opacity: 0;
    }
}

@keyframes fire_work1 {
    0% {
        transform: scale(1.5);
        opacity: 1;
    }

    50% {
        transform: scale(2.5);
        opacity: 0.5;
    }

    100% {
        transform: scale(3.5);
        opacity: 0;
    }
}