@-webkit-keyframes easeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes easeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes easeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes easeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes easeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes easeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes easeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes easeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes t_b {
    0% {
        -webkit-transform: translateY(-80px);
        opacity: 0
    }

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

@-moz-keyframes t_b {
    0% {
        -moz-transform: translateY(-80px);
        opacity: 0
    }

    100% {
        -moz-transform: translateY(0px);
        opacity: 1
    }
}

@-o-keyframes t_b {
    0% {
        -o-transform: translateY(-80px);
        opacity: 0
    }

    100% {
        -o-transform: translateY(0px);
        opacity: 1
    }
}

@keyframes t_b {
    0% {
        transform: translateY(-80px);
        opacity: 0
    }

    100% {
        transform: translateY(0px);
        opacity: 1
    }
}

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

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

@-moz-keyframes l_r {
    0% {
        -moz-transform: translateX(-80px);
        opacity: 0
    }

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

@-o-keyframes l_r {
    0% {
        -o-transform: translateX(-80px);
        opacity: 0
    }

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

@keyframes l_r {
    0% {
        transform: translateX(-80px);
        opacity: 0
    }

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

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

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

@-moz-keyframes r_l {
    0% {
        -moz-transform: translateX(80px);
        opacity: 0
    }

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

@-o-keyframes r_l {
    0% {
        -o-transform: translateX(80px);
        opacity: 0
    }

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

@keyframes r_l {
    0% {
        transform: translateX(80px);
        opacity: 0
    }

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

@-webkit-keyframes scale_r {
    0% {
        -webkit-transform-origin: 100% 0;
        -webkit-transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes scale_r {
    0% {
        -moz-transform-origin: 100% 0;
        -moz-transform: scale(0)
    }

    100% {
        -moz-transform: scale(1)
    }
}

@-o-keyframes scale_r {
    0% {
        -o-transform-origin: 100% 0;
        -o-transform: scale(0)
    }

    100% {
        -o-transform: scale(1)
    }
}

@keyframes scale_r {
    0% {
        transform-origin: 100% 0;
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes shake {
    0% {
        opacity: 0
    }

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

    30% {
        -webkit-transform: translateX(-20px);
        opacity: 1
    }

    40% {
        -webkit-transform: translateX(20px);
        opacity: 1
    }

    50% {
        -webkit-transform: translateX(-10px);
        opacity: 1
    }

    60% {
        -webkit-transform: translateX(10px);
        opacity: 1
    }

    70% {
        -webkit-transform: translateX(-5px);
        opacity: 1
    }

    80% {
        -webkit-transform: translateX(5px);
        opacity: 1
    }

    90% {
        -webkit-transform: translateX(-2px);
        opacity: 1
    }

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

@-moz-keyframes shake {
    0% {
        opacity: 0
    }

    10% {
        -moz-transform: translateX(0px);
        opacity: 1
    }

    30% {
        -moz-transform: translateX(-20px);
        opacity: 1
    }

    40% {
        -moz-transform: translateX(20px);
        opacity: 1
    }

    50% {
        -moz-transform: translateX(-10px);
        opacity: 1
    }

    60% {
        -moz-transform: translateX(10px);
        opacity: 1
    }

    70% {
        -moz-transform: translateX(-5px);
        opacity: 1
    }

    80% {
        -moz-transform: translateX(5px);
        opacity: 1
    }

    90% {
        -moz-transform: translateX(-2px);
        opacity: 1
    }

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

@-o-keyframes shake {
    0% {
        opacity: 0
    }

    10% {
        -o-transform: translateX(0px);
        opacity: 1
    }

    30% {
        -o-transform: translateX(-20px);
        opacity: 1
    }

    40% {
        -o-transform: translateX(20px);
        opacity: 1
    }

    50% {
        -o-transform: translateX(-10px);
        opacity: 1
    }

    60% {
        -o-transform: translateX(10px);
        opacity: 1
    }

    70% {
        -o-transform: translateX(-5px);
        opacity: 1
    }

    80% {
        -o-transform: translateX(5px);
        opacity: 1
    }

    90% {
        -o-transform: translateX(-2px);
        opacity: 1
    }

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

@keyframes shake {
    10% {
        transform: translateX(0px);
        opacity: 1
    }

    30% {
        transform: translateX(-20px);
        opacity: 1
    }

    40% {
        transform: translateX(20px);
        opacity: 1
    }

    50% {
        transform: translateX(-10px);
        opacity: 1
    }

    60% {
        transform: translateX(10px);
        opacity: 1
    }

    70% {
        transform: translateX(-5px);
        opacity: 1
    }

    80% {
        transform: translateX(5px);
        opacity: 1
    }

    90% {
        transform: translateX(-2px);
        opacity: 1
    }

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