.slide .caption{
animation: slidein 2s;
-moz-animation: slidein 2s;
-webkit-animation: slidein 2s;
animation-fill-mode: backwards;
-moz-animation-fill-mode: backwards;
-webkit-animation-fill-mode: backwards;
}
.slide .animate{
animation: fadein 2s;
-moz-animation: fadein 2s;
-webkit-animation: fadein 2s;
animation-fill-mode: backwards;
-moz-animation-fill-mode: backwards;
-webkit-animation-fill-mode: backwards;
}
.slide .line1{
animation: fadein 2s;
-moz-animation: fadein 2s;
-webkit-animation: fadein 2s;
animation-fill-mode: backwards;
-moz-animation-fill-mode: backwards;
-webkit-animation-fill-mode: backwards;
animation-delay:1s;
-moz-animation-delay:1s; /* Firefox */
-webkit-animation-delay:1s; /*Safari and Chrome */
}
.slide .line2{
animation: fadein 2s;
-moz-animation: fadein 2s;
-webkit-animation: fadein 2s;
animation-fill-mode: backwards;
-moz-animation-fill-mode: backwards;
-webkit-animation-fill-mode: backwards;
animation-delay:2s;
-moz-animation-delay:2s; /* Firefox */
-webkit-animation-delay:2s; /*Safari and Chrome */
}
.slide .line3{
animation: fadein 2s;
-moz-animation: fadein 2s;
-webkit-animation: fadein 2s;
animation-fill-mode: backwards;
-moz-animation-fill-mode: backwards;
-webkit-animation-fill-mode: backwards;
animation-delay:3s;
-moz-animation-delay:3s; /* Firefox */
-webkit-animation-delay:3s; /*Safari and Chrome */
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadein {
    from { opacity: 0; }
	to { opacity: 1; }
}
@-webkit-keyframes slidein {
    from { opacity: 0; right:-100px;}
	to { opacity: 1; right:0; }
}
@-moz-keyframes slidein {
    from { opacity: 0; right:-100px;}
	to { opacity: 1; right:0; }
}
@keyframes slidein {
    from { opacity: 0; right:-100px;}
	to { opacity: 1; right:0; }
}