.animatable{

    visibility:hidden;

    -webkit-animation-play-state:paused;

    -moz-animation-play-state:paused;

    -ms-animation-play-state:paused;

    -o-animation-play-state:paused;

    animation-play-state:paused

}

.animated{

    visibility:visible;

    -webkit-animation-fill-mode:both;

    -moz-animation-fill-mode:both;

    -ms-animation-fill-mode:both;

    -o-animation-fill-mode:both;

    animation-fill-mode:both;

    -webkit-animation-duration:1s;

    -moz-animation-duration:1s;

    -ms-animation-duration:1s;

    -o-animation-duration:1s;

    animation-duration:1s;

    -webkit-animation-play-state:running;

    -moz-animation-play-state:running;

    -ms-animation-play-state:running;

    -o-animation-play-state:running;

    animation-play-state:running

}

@-webkit-keyframes fadeInDown{

    0%{

        opacity:0;

        -webkit-transform:translateY(-20px)

    }

    100%{

        opacity:1;

        -webkit-transform:translateY(0)

    }

}

@-moz-keyframes fadeInDown{

    0%{

        opacity:0;

        -moz-transform:translateY(-20px)

    }

    100%{

        opacity:1;

        -moz-transform:translateY(0)

    }

}

@-o-keyframes fadeInDown{

    0%{

        opacity:0;

        -o-transform:translateY(-20px)

    }

    100%{

        opacity:1;

        -o-transform:translateY(0)

    }

}

@keyframes fadeInDown{

    0%{

        opacity:0;

        transform:translateY(-20px)

    }

    100%{

        opacity:1;

        transform:translateY(0)

    }

}

@-moz-keyframes fadeInUp{

    0%{

        opacity:0;

        -moz-transform:translateY(20px)

    }

    100%{

        opacity:1;

        -moz-transform:translateY(0)

    }

}

@-o-keyframes fadeInUp{

    0%{

        opacity:0;

        -o-transform:translateY(20px)

    }

    100%{

        opacity:1;

        -o-transform:translateY(0)

    }

}

@keyframes fadeInUp{

    0%{

        opacity:0;

        transform:translateY(20px)

    }

    100%{

        opacity:1;

        transform:translateY(0)

    }

}



.animated.fadeInDown{

    -webkit-animation-name:fadeInDown;

    -moz-animation-name:fadeInDown;

    -o-animation-name:fadeInDown;

    animation-name:fadeInDown

}

.animated.fadeInUp{

    -webkit-animation-name:fadeInUp;

    -moz-animation-name:fadeInUp;

    -o-animation-name:fadeInUp;

    animation-name:fadeInUp

}



/* FADE IN LEFT */

@-webkit-keyframes fadeInLeft{

    0%{

        opacity:0;

        -webkit-transform:translateX(-100px);

        transform:translateX(-100px)}

    100%{

        opacity:1;

        -webkit-transform:translateX(0);

        transform:translateX(0)

    }

}

@keyframes fadeInLeft{

    0%{

        opacity:0;

        -webkit-transform:translateX(-100px);

        -ms-transform:translateX(-100px);

        transform:translateX(-100px)}

    100%{

        opacity:1;

        -webkit-transform:translateX(0);

        -ms-transform:translateX(0);

        transform:translateX(0)

    }

}

.animated.fadeInLeft{

    -webkit-animation-name:fadeInLeft;

    animation-name:fadeInLeft

}



/* FADE IN LEFT */

@-webkit-keyframes fadeInRight{

    0%{

        opacity:0;

        -webkit-transform:translateX(100px);

        transform:translateX(100px)}

    100%{

        opacity:1;

        -webkit-transform:translateX(0);

        transform:translateX(0)

    }

}

@keyframes fadeInRight{

    0%{

        opacity:0;

        -webkit-transform:translateX(100px);

        -ms-transform:translateX(100px);

        transform:translateX(100px)}

    100%{

        opacity:1;

        -webkit-transform:translateX(0);

        -ms-transform:translateX(0);

        transform:translateX(0)

    }

}

.animated.fadeInRight{

    -webkit-animation-name:fadeInRight;

    animation-name:fadeInRight

}



.infinite{

    animation:mymove 1s infinite

}