@keyframes afl{
    from{opacity:0;transform:translateX(-100px);}
    to{opacity:1;transform:translateX(0);}
}

@-webkit-keyframes afl {
    from { opacity:0;-webkit-transform:translateX(-100px);}
    to { opacity:1;-webkit-transform:translateX(0);}
}

.animate_afl {opacity:0;}
.animate_afl.animate_start {-webkit-animation:0.8s cubic-bezier(1,0,0,1) afl;animation:0.8s cubic-bezier(1,0,0,1) afl;opacity:1 !important;}

@keyframes afb{
    from{opacity:0;transform:translateY(100px);}
    to{opacity:1;transform:translateY(0);}
}

@-webkit-keyframes afb{
    from{opacity:0;-webkit-transform:translateY(100px);}
    to{opacity:1;-webkit-transform:translateY(0);}}
.animate_afb{opacity:0;}
.animate_afb.animate_start{-webkit-animation:0.8s cubic-bezier(1,0,0,1) afb;animation:0.8s cubic-bezier(1,0,0,1) afb; opacity:1 !important;}

@keyframes afr {
    from{opacity:0;transform:translateX(100px);}
    to{opacity:1;transform:translateX(0);}
}
@-webkit-keyframes afr{
    from{opacity:0;-webkit-transform:translateX(100px);}
    to{opacity:1;-webkit-transform:translateX(0);}
}
.animate_afr{opacity:0;}
.animate_afr.animate_start{-webkit-animation:0.8s cubic-bezier(1,0,0,1) afr;animation:0.8s cubic-bezier(1,0,0,1) afr; opacity:1 !important;}

@keyframes aft{
    from{opacity:0;transform: translateY(-100px);}
    to{opacity:1;transform: translateY(0);}
}
@-webkit-keyframes aft{
    from{opacity:0; -webkit-transform: translateY(-100px);}
    to{opacity:1; -webkit-transform: translateY(0);}
}
.animate_aft{opacity:0;}
.animate_aft.animate_start{-webkit-animation:0.8s cubic-bezier(1,0,0,1) aft;animation:0.8s cubic-bezier(1,0,0,1) aft;opacity:1 !important;}

.animate_aftp{opacity:0;}
.animate_aftp.animate_start{ -webkit-animation-duration: 1s;-webkit-animation-timing-function: linear; opacity:1 !important;}

@keyframes afc{
    from{opacity:0;transform:scale(0.2);}
    to{opacity:1;transform:scale(1);}}
@-webkit-keyframes afc{
    from{opacity:0;-webkit-transform:scale(0.2);}
    to{opacity:1;-webkit-transform:scale(1);}}
.animate_afc{opacity:0;}
.animate_afc.animate_start{-webkit-animation:0.8s cubic-bezier(1,0,0,1) afc;animation:0.8s cubic-bezier(1,0,0,1) afc;opacity:1 !important;}
.animate_affade{opacity:0;}
.animate_affade.animate_start{
    opacity:1;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

/*==========================================================================
  ANIMATION
  ========================================================================== */
@-webkit-keyframes fly {
    from { background-position:    0px; }
    to { background-position: -1486.5px; }
}

@-moz-keyframes fly {
    from { background-position:    0px; }
    to { background-position: -1486.5px; }
}

@-ms-keyframes fly {
    from { background-position:    0px; }
    to { background-position: -1486.5px; }
}

@-o-keyframes fly {
    from { background-position:    0px; }
    to { background-position: -1486.5px; }
}

@keyframes fly {
    from { background-position:    0px; }
    to { background-position: -1486.5px; }
}

@-webkit-keyframes Floatingx{
    from {-webkit-transform:translate(0, 0px); }
    65% {-webkit-transform:translate(0, 7px);}
    to {-webkit-transform: translate(0, -0px);    }
}

@-moz-keyframes Floating{
    from {-moz-transform:translate(0, 0px);}
    65% {-moz-transform:translate(0, 15px);}
    to {-moz-transform: translate(0, -0px);}
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(2deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
    }
}

@-webkit-keyframes up {
    0% {
        line-height:90px;
    }
    50% {
        line-height:60px;
    }
    100% {
        line-height:90px;
    }
}

@-webkit-keyframes down {
    0% {
        line-height:90px;
    }
    50% {
        line-height:120px;
    }
    100% {
        line-height:90px;
    }

}