/* Entrance animation */

.hidden {
    opacity: 0;
    transition: all ease 1s 0.5s !important;
}

.animate-left {
    transform: translateX(-100px) !important;
    -moz-transform: translateX(-100px)!important;
    -o-transform: translateX(-100px)!important;
    -ms-transform: translateX(-100px)!important;
}

.animate-left-rotate-x {
    transform: translateX(-100px) rotate(45deg);
    -moz-transform: translateX(-100px) rotate(45deg);
    -o-transform: translateX(-100px) rotate(45deg);
    -ms-transform: translateX(-100px) rotate(45deg);
}

.animate-left-rotate-y {
    transform: translateX(-100px) rotate(-45deg);
    -moz-transform: translateX(-100px) rotate(-45deg);
    -o-transform: translateX(-100px) rotate(-45deg);
    -ms-transform: translateX(-100px) rotate(-45deg);
}

.animate-right {
    transform: translateX(100px) !important;
    -moz-transform: translateX(100px) !important;
    -o-transform: translateX(100px)     !important;
    -ms-transform: translateX(100px)     !important;
}

.animate-right-rotate-x {
    transform: translateX(100px) rotate(45deg);
    -moz-transform: translateX(100px) rotate(45deg);
    -o-transform: translateX(100px) rotate(45deg);
    -ms-transform: translateX(100px) rotate(45deg);
}

.animate-right-rotate-y {
    transform: translateX(100px) rotate(-45deg);
    -moz-transform: translateX(100px) rotate(-45deg);
    -o-transform: translateX(100px) rotate(-45deg);
    -ms-transform: translateX(100px) rotate(-45deg);
}

.animate-up {
    transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
}

.animate-up-rotate-x {
    transform: translateY(100px) rotate(45deg);
    -moz-transform: translateY(100px) rotate(45deg);
    -o-transform: translateY(100px) rotate(45deg);
    -ms-transform: translateY(100px) rotate(45deg);
}

.animate-up-rotate-y {
    transform: translateY(100px) rotate(-45deg);
    -moz-transform: translateY(100px) rotate(-45deg);
    -o-transform: translateY(100px) rotate(-45deg);
    -ms-transform: translateY(100px) rotate(-45deg);
}

.animate-down {
    transform: translateY(-100px) !important;
    -moz-transform: translateY(-100px) !important;
    -o-transform: translateY(-100px) !important;
    -ms-transform: translateY(-100px) !important;
}

.animate-down-rotate-x {
    transform: translateY(-100px) rotate(45deg);
    -moz-transform: translateY(-100px) rotate(45deg);
    -o-transform: translateY(-100px) rotate(45deg);
    -ms-transform: translateY(-100px) rotate(45deg);
}

.animate-down-rotate-y {
    transform: translateY(-100px) rotate(-45deg) ;
    -moz-transform: translateY(-100px) rotate(-45deg) ;
    -o-transform: translateY(-100px) rotate(-45deg) ;
    -ms-transform: translateY(-100px) rotate(-45deg) ;
}

.animate-zoom-up {
    transform: scale(0.3) ;
    -moz-transform: scale(0.3) ;
    -o-transform: scale(0.3) ;
    -ms-transform: scale(0.3) ;
}

.animate-zoom-down {
    transform: scale(0.6) translate(0px, -150px)!important ;
    -moz-transform: scale(0.6) translate(0px, -150px)!important ;
    -o-transform: scale(0.6) translate(0px, -150px)!important ;
    -ms-transform: scale(0.6) translate(0px, -150px)!important ;
}

.animate-zoom-left {
    transform: scale(0.6) translate(150px, 150px)!important ;
    -moz-transform: scale(0.6) translate(150px, 150px)!important ;
    -o-transform: scale(0.6) translate(150px, 150px)!important ;
    -ms-transform: scale(0.6) translate(150px, 150px)!important ;
}

.animate-zoom-right {
    transform: scale(0.6) translate(-100px, -100px)!important; ;
    -moz-transform: scale(0.6) translate(-100px, -100px)!important; ;
    -o-transform: scale(0.6) translate(-100px, -100px)!important; ;
    -ms-transform: scale(0.6) translate(-100px, -100px)!important; ;
}

.animate-05s {
    transition-duration: 0.5s !important;
    -moz-transition-duration: 0.5s !important;;
    -o-transition-duration: 0.5s !important;
    -ms-transition-duration: 0.5s !important;;
}

.animate-2s {
    transition-duration: 2s !important;
    -moz-transition-duration: 2s !important;
    -o-transition-duration: 2s !important;
    -ms-transition-duration: 2s !important;
}

.animate-3s {
    transition-duration: 3s   !important;
    -moz-transition-duration: 3s  !important;
    -o-transition-duration: 3s !important;
    -ms-transition-duration: 3s   !important;
}

.animate-05d {
    transition-delay: 0.5s !important;
    -moz-transition-delay: 0.5s !important;
    -o-transition-delay: 0.5s !important;
    -ms-transition-delay: 0.5s !important;
}

.animate-1d {
    transition-delay: 1s !important ;
    -moz-transition-delay: 1s !important ;
    -o-transition-delay: 1s !important ;
    -ms-transition-delay: 1s !important ;
}

.animate-15d {
    transition-delay: 1.5s !important;
    -moz-transition-delay: 1.5s    !important;
    -o-transition-delay: 1.5s  !important;
    -ms-transition-delay: 1.5s !important;
}

.animate-2d {
    transition-delay: 2s !important;
    -moz-transition-delay: 2s!important;
    -o-transition-delay: 2s  !important;
    -ms-transition-delay: 2s !important;
}

.animate-3d {
    transition-delay: 3s !important ;
    -moz-transition-delay: 3s !important ;
    -o-transition-delay: 3s  !important;
    -ms-transition-delay: 3s  !important;
}

.show {
    opacity: 1 !important; 
    transform: translateX(0)!important ;
    -moz-transform: translateX(0)!important;
    -o-transform: translateX(0) !important;
    -ms-transform: translateX(0)!important;
}

/* Entrance animation */