.animation-element{opacity:0;position:relative}.animation-element.slide-left{opacity:0;-moz-transition:all 500ms linear;-webkit-transition:all 500ms linear;-o-transition:all 500ms linear;transition:all 500ms linear;-moz-transform:translate3d(-200px,0px,0px);-webkit-transform:translate3d(-200px,0px,0px);-o-transform:translate(-200px,0px);-ms-transform:translate(-200px,0px);transform:translate3d(-200px,0px,0px)}.animation-element.slide-left.in-view{opacity:1;-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate3d(0px,0px,0px)}.animation-element.slide-right{opacity:0;-moz-transition:all 500ms linear;-webkit-transition:all 500ms linear;-o-transition:all 500ms linear;transition:all 500ms linear;-moz-transform:translate3d(0px,0px,200px 0);-webkit-transform:translate3d(0px,0px,200px 0);-o-transform:translate(200px,0px);-ms-transform:translate(200px,0px);transform:translate3d(200px,0px,0px)}.animation-element.slide-right.in-view{opacity:1;-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate3d(0px,0px,0px)}.animation-element.slide-up{opacity:0;-moz-transition:all 500ms linear;-webkit-transition:all 500ms linear;-o-transition:all 500ms linear;transition:all 500ms linear;-moz-transform:translate3d(0px,0px,0px 200px);-webkit-transform:translate3d(0px,0px,0px 200px);-o-transform:translate(0px,200px);-ms-transform:translate(0px,200px);transform:translate3d(0px,200px,0px)}.animation-element.slide-up.in-view{opacity:1;-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);-o-transform:translate(0px,0px);-ms-transform:translate(0px,0px);transform:translate3d(0px,0px,0px)}