/* LEFT */
.anim-fly-left-once,
.anim-fly-left {
    left: -500px;
    opacity: 0;
    position: relative;
}
.anim-fly-left-once.viewed,
.anim-fly-left.on-screen {
    left: 0px;
    opacity: 1;
    transition: left 1s, opacity 0.5s;
    -moz-transition: left 1s, opacity 0.5s;
    -webkit-transition: left 1s, opacity 0.5s;
    -ie-transition: left 1s, opacity 0.5s;
}

/* FADE */
.anim-fade-in-once,
.anim-fade-in {
    opacity: 0;
}

.anim-fade-in-once.viewed,
.anim-fade-in.on-screen {
    opacity: 1;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ie-transition: opacity 1s;
    -webkit-transition: opacity 1s;
}

/* BOTTOM */
.anim-fly-bottom-once,
.anim-fly-bottom {
    top: 100px;
    opacity: 0;
    position: relative;
}

.anim-fly-bottom-once.viewed,
.anim-fly-bottom.on-screen {
    top: 0px;
    opacity: 1;
    transition: top 1s, opacity 0.5s;
    -moz-transition: top 1s, opacity 0.5s;
    -webkit-transition: top 1s, opacity 0.5s;
    -ie-transition: top 1s, opacity 0.5s;
}

/* RIGHT */
.anim-fly-right-once,
.anim-fly-right {
    right: -500px;
    opacity: 0;
    position: relative;
}

.anim-fly-right-once.viewed,
.anim-fly-right.on-screen {
    right: 0px;
    opacity: 1;
    transition: right 1s, opacity 0.5s;
    -moz-transition: right 1s, opacity 0.5s;
    -webkit-transition: right 1s, opacity 0.5s;
    -ie-transition: right 1s, opacity 0.5s;
}