@keyframes bannerMsg{
0%{opacity:0;transform:translateY(500px);}
100%{opacity:1;transform:translateY(0px);}
}
@-moz-keyframes bannerMsg{
0%{opacity:0;transform:translateY(500px);}
100%{opacity:1;transform:translateY(0px);}
}
@-webkit-keyframes bannerMsg {
0%{opacity:0;transform:translateY(500px);}
100%{opacity:1;transform:translateY(0px);}
}
@-o-keyframes bannerMsg{
0%{opacity:0;transform:translateY(500px);}
100%{opacity:1;transform:translateY(0px);}
}



.childAnLeft{
	animation:childAnLeft 0.5s  ease-out 0s  both;
	-moz-animation:childAnLeft 0.5s ease-out 0s  both;
	-webkit-animation:childAnLeft 0.5s  ease-out 0s  both;
	-o-animation:childAnLeft 0.5s  ease-out 0s  both;
}
@keyframes childAnLeft{
0%{opacity:0;transform: translateX(-220px);}
100%{opacity:1;transform:translateX(0px);}
}
@-moz-keyframes childAnLeft{
0%{opacity:0;-moz-transform: translateX(-220px);}
100%{opacity:1;-moz-transform:translateX(0px);}
}
@-webkit-keyframes childAnLeft {
0%{opacity:0;-webkit-transform: translateX(-220px);}
100%{opacity:1;-webkit-transform:translateX(0px);}
}
@-o-keyframes childAnLeft{
0%{opacity:0;-o-transform: translateX(-220px);}
100%{opacity:1;-o-transform:translateX(0px);}
}

.childAnRight{
	animation:childAnRight 0.5s  ease-out 0s  both;
	-moz-animation:childAnRight 0.5s ease-out 0s  both;
	-webkit-animation:childAnRight 0.5s  ease-out 0s  both;
	-o-animation:childAnRight 0.5s  ease-out 0s  both;
}
@keyframes childAnRight{
0%{opacity:0;transform: translateX(220px);}
100%{opacity:1;transform:translateX(0px);}
}
@-moz-keyframes childAnRight{
0%{opacity:0;-moz-transform: translateX(220px);}
100%{opacity:1;-moz-transform:translateX(0px);}
}
@-webkit-keyframes childAnRight {
0%{opacity:0;-webkit-transform: translateX(220px);}
100%{opacity:1;-webkit-transform:translateX(0px);}
}
@-o-keyframes childAnRight{
0%{opacity:0;-o-transform: translateX(220px);}
100%{opacity:1;-o-transform:translateX(0px);}
}