.wotna_animate_inited,
[wotna_animate]{overflow:hidden;max-width:100%}
[wotna_animate]{opacity:0}
.ready[wotna_animate]{opacity:1}

.wotna_animate_do{width:100%;height:auto;display:block;transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease}



[wotna_animate="width"] > .wotna_animate_do{width:0}
.ready[wotna_animate="width"] > .wotna_animate_do{width:100%}
[wotna_animate="fade"] > .wotna_animate_do{opacity:0}
.ready[wotna_animate="fade"] > .wotna_animate_do{opacity:1}

[wotna_animate="slide-right"] > .wotna_animate_do{margin-left:-100%}
[wotna_animate="slide-left"] > .wotna_animate_do{margin-left:100%}
.ready[wotna_animate="slide-right"] > .wotna_animate_do,.ready[wotna_animate="slide-left"] > .wotna_animate_do{margin-left:0%}
[wotna_animate="slide-up"] > .wotna_animate_do{margin-top:100%}
[wotna_animate="slide-down"] > .wotna_animate_do{margin-top:-100%}
.ready[wotna_animate="slide-up"] > .wotna_animate_do,.ready[wotna_animate="slide-down"] > .wotna_animate_do{margin-top:0%}

[wotna_animate="scale"] > .wotna_animate_do{transform:scale(0);-webkit-transform: scale(0);-mz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0)}
.ready[wotna_animate="scale"] > .wotna_animate_do{transform:scale(1);-webkit-transform: scale(1);-mz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1)}

[wotna_animate="rotate-right"] > .wotna_animate_do,
[wotna_animate="rotate-left"] > .wotna_animate_do{transform:rotate(0);-webkit-transform: rotate(0);-mz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0)}
.ready[wotna_animate="rotate-right"] > .wotna_animate_do{transform:rotate(360deg);-webkit-transform: rotate(360deg);-mz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg)}
.ready[wotna_animate="rotate-left"] > .wotna_animate_do{transform:rotate(-360deg);-webkit-transform: rotate(-360deg);-mz-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg)}

[wotna_animate="scale-rotate-right"] > .wotna_animate_do,
[wotna_animate="scale-rotate-left"] > .wotna_animate_do{transform:rotate(0) scale(0);-webkit-transform: rotate(0) scale(0);-mz-transform:rotate(0) scale(0);-o-transform:rotate(0) scale(0);-ms-transform:rotate(0) scale(0)}
.ready[wotna_animate="scale-rotate-right"] > .wotna_animate_do{transform:rotate(360deg) scale(1);-webkit-transform: rotate(360deg) scale(1);-mz-transform:rotate(360deg) scale(1);-o-transform:rotate(360deg) scale(1);-ms-transform:rotate(360deg) scale(1)}
.ready[wotna_animate="scale-rotate-left"] > .wotna_animate_do{transform:rotate(-360deg) scale(1);-webkit-transform: rotate(-360deg) scale(1);-mz-transform:rotate(-360deg) scale(1);-o-transform:rotate(-360deg) scale(1);-ms-transform:rotate(-360deg) scale(1)}