/* Fade functins Styles */
.fade_right_off {
    -webkit-transform: translateX(40px) rotate(0deg) translateZ(0);
    transform: translateX(40px) rotate(0deg) translateZ(0);
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .7s all ease-in-out;
    opacity: 0;
}

.fade_right_on {
    -webkit-transform: translateX(0px) rotate(0deg) translateZ(0);
    transform: translateX(0px) rotate(0deg) translateZ(0);
    opacity: 1;
}

.fade_left_off {
    -webkit-transform: translateX(-40px) rotate(0deg) translateZ(0);
    transform: translateX(-40px) rotate(0deg) translateZ(0);
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .7s all ease-in-out;
    opacity: 0;
}

.fade_left_on {
    -webkit-transform: translateX(0px) rotate(0deg) translateZ(0);
    transform: translateX(0px) rotate(0deg) translateZ(0);
    opacity: 1;
}

.fade_top_off {
    -webkit-transform: translateY(-40px) rotate(0deg) translateZ(0);
    transform: translateY(-40px) rotate(0deg) translateZ(0);
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .7s all ease-in-out;
    opacity: 0;
}

.fade_top_on {
    -webkit-transform: translateY(0px) rotate(0deg) translateZ(0);
    transform: translateY(0px) rotate(0deg) translateZ(0);
    opacity: 1;
}

.fade_bottom_off {
    -webkit-transform: translateY(40px) rotate(0deg) translateZ(0);
    transform: translateY(40px) rotate(0deg) translateZ(0);
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .7s all ease-in-out;
    opacity: 0;
}

.fade_bottom_on {
    -webkit-transform: translateY(0px) rotate(0deg) translateZ(0);
    transform: translateY(0px) rotate(0deg) translateZ(0);
    opacity: 1;
}


.fade_off, .time_wiev_off {
    -webkit-transform: translateY(0px) rotate(0deg) translateZ(0);
    transform: translateY(0px) rotate(0deg) translateZ(0);
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .7s all ease-in-out;
    opacity: 0;
}

.fade_on, .time_wiev_on {
    -webkit-transform: translateY(0px) rotate(0deg) translateZ(0);
    transform: translateY(0px) rotate(0deg) translateZ(0);
    opacity: 1;
}