.animation-wrap{float:left}.slide-from-left,.slide-from-right,.slide-from-bottom,.slide-from-top{opacity:0}.slide-from-left.toggle-animation,.slide-from-right.toggle-animation,.slide-from-bottom.toggle-animation,.slide-from-top.toggle-animation{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);opacity:1}.slide-from-left,.slide-from-right,.slide-from-bottom,.slide-from-top,.slide-from-left.toggle-animation,.slide-from-right.toggle-animation,.slide-from-bottom.toggle-animation,.slide-from-top.toggle-animation{-moz-transition:transform 500ms ease-in,opacity 300ms ease-in;-ms-transition:transform 500ms ease-in,opacity 300ms ease-in;-o-transition:transform 500ms ease-in,opacity 300ms ease-in;-webkit-transition:transform 500ms ease-in,opacity 300ms ease-in;transition:transform 500ms ease-in,opacity 300ms ease-in}.slide-from-left{-webkit-transform:translateX(-30%);-moz-transform:translateX(-30%);-ms-transform:translateX(-30%);-o-transform:translateX(-30%);transform:translateX(-30%)}.slide-from-right{-webkit-transform:translateX(30%);-moz-transform:translateX(30%);-ms-transform:translateX(30%);-o-transform:translateX(30%);transform:translateX(30%)}.slide-from-bottom{-webkit-transform:translateY(30%);-moz-transform:translateY(30%);-ms-transform:translateY(30%);-o-transform:translateY(30%);transform:translateY(30%)}.slide-from-top{-webkit-transform:translateY(-30%);-moz-transform:translateY(-30%);-ms-transform:translateY(-30%);-o-transform:translateY(-30%);transform:translateY(-30%)}