/* Top */
@-webkit-keyframes slide_in_top {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes slide_out_top {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, -100%, 0);
    }
}
@-moz-keyframes slide_in_top {
    0% {
        -moz-transform: translate3d(0, -100%, 0);
    }
    100% {
        -moz-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes slide_out_top {
    0% {
        -moz-transform: translate3d(0, 0, 0);
    }
    100% {
        -moz-transform: translate3d(0, -100%, 0);
    }
}
@keyframes slide_in_top {
    0% {
        transform: translate3d(0, -100%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slide_out_top {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, -100%, 0);
    }
}

/* Right */
@-webkit-keyframes slide_in_right {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes slide_out_right {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0);
    }
}
@-moz-keyframes slide_in_right {
    0% {
        -moz-transform: translate3d(100%, 0, 0);
    }
    100% {
        -moz-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes slide_out_right {
    0% {
        -moz-transform: translate3d(0, 0, 0);
    }
    100% {
        -moz-transform: translate3d(100%, 0, 0);
    }
}
@keyframes slide_in_right {
    0% {
        transform: translate3d(100%, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slide_out_right {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(100%, 0, 0);
    }
}

/* Bottom */
@-webkit-keyframes slide_in_bottom {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes slide_out_bottom {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 100%, 0);
    }
}
@-moz-keyframes slide_in_bottom {
    0% {
        -moz-transform: translate3d(0, 100%, 0);
    }
    100% {
        -moz-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes slide_out_bottom {
    0% {
        -moz-transform: translate3d(0, 0, 0);
    }
    100% {
        -moz-transform: translate3d(0, 100%, 0);
    }
}
@keyframes slide_in_bottom {
    0% {
        transform: translate3d(0, 100%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slide_out_bottom {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(0, 100%, 0);
    }
}

/* Left */
@-webkit-keyframes slide_in_left {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes slide_out_left {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
    }
}
@-moz-keyframes slide_in_left {
    0% {
        -moz-transform: translate3d(-100%, 0, 0);
    }
    100% {
        -moz-transform: translate3d(0, 0, 0);
    }
}
@-moz-keyframes slide_out_left {
    0% {
        -moz-transform: translate3d(0, 0, 0);
    }
    100% {
        -moz-transform: translate3d(-100%, 0, 0);
    }
}
@keyframes slide_in_left {
    0% {
        transform: translate3d(-100%, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slide_out_left {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

/* Chrome, Safari, Opera */
@-webkit-keyframes bannerzoom {
    from {
        -webkit-transform: scale(1);
}
to {
    -webkit-transform: scale(1.3,1.3);
}
}

/* Standard syntax */
@keyframes bannerzoom {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(1.3,1.3);
    }
}

@-webkit-keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(228, 84, 32, 0.15);
        box-shadow: 0 0 0 15px rgba(228, 84, 32, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(228, 84, 32, 0.0);
        box-shadow: 0 0 0 0 rgba(228, 84, 32, 0);
    }
}

@keyframes ripple {
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(228, 84, 32, 0.15);
        box-shadow: 0 0 0 15px rgba(228, 84, 32, 0.15);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(228, 84, 32, 0);
        box-shadow: 0 0 0 0 rgba(228, 84, 32, 0);
    }
}