@charset "utf-8";

.ani-item {opacity:0;
    -webkit-transition-property:opacity, transform;
    -moz-transition-property:opacity, transform;
    -o-transition-property:opacity, transform;
    transition-property:opacity, transform;
}

.ani-item.ea-linear {
    -webkit-transition-timing-function:linear;
    -moz-transition-timing-function:linear;
    -o-transition-timing-function:linear;
    transition-timing-function:linear;
}
.ani-item.ea-out {
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
}

.ani-item.du400 {
    -webkit-transition-duration:400ms;
    -moz-transition-duration:400ms;
    -o-transition-duration:400ms;
    transition-duration:400ms;
}
.ani-item.du500 {
    -webkit-transition-duration:500ms;
    -moz-transition-duration:500ms;
    -o-transition-duration:500ms;
    transition-duration:500ms;
}
.ani-item.du600 {
    -webkit-transition-duration:600ms;
    -moz-transition-duration:600ms;
    -o-transition-duration:600ms;
    transition-duration:600ms;
}
.ani-item.du1000 {
    -webkit-transition-duration:1000ms;
    -moz-transition-duration:1000ms;
    -o-transition-duration:1000ms;
    transition-duration:1000ms;
}

.ani-item.de100 {
    -webkit-transition-delay:100ms;
    -moz-transition-delay:100ms;
    -o-transition-delay:100ms;
    transition-delay:100ms;
}
.ani-item.de200 {
    -webkit-transition-delay:200ms;
    -moz-transition-delay:200ms;
    -o-transition-delay:200ms;
    transition-delay:200ms;
}
.ani-item.de300 {
    -webkit-transition-delay:300ms;
    -moz-transition-delay:300ms;
    -o-transition-delay:300ms;
    transition-delay:300ms;
}
.ani-item.de400 {
    -webkit-transition-delay:400ms;
    -moz-transition-delay:400ms;
    -o-transition-delay:400ms;
    transition-delay:400ms;
}
.ani-item.de500 {
    -webkit-transition-delay:500ms;
    -moz-transition-delay:500ms;
    -o-transition-delay:500ms;
    transition-delay:500ms;
}
.ani-item.de600 {
    -webkit-transition-delay:600ms;
    -moz-transition-delay:600ms;
    -o-transition-delay:600ms;
    transition-delay:600ms;
}
.ani-item.de700 {
    -webkit-transition-delay:700ms;
    -moz-transition-delay:700ms;
    -o-transition-delay:700ms;
    transition-delay:700ms;
}
.ani-item.de800 {
    -webkit-transition-delay:800ms;
    -moz-transition-delay:800ms;
    -o-transition-delay:800ms;
    transition-delay:800ms;
}
.ani-item.de900 {
    -webkit-transition-delay:900ms;
    -moz-transition-delay:900ms;
    -o-transition-delay:900ms;
    transition-delay:900ms;
}
.ani-item.de1000 {
    -webkit-transition-delay:1000ms;
    -moz-transition-delay:1000ms;
    -o-transition-delay:1000ms;
    transition-delay:1000ms;
}
.ani-item.de1100 {
    -webkit-transition-delay:1100ms;
    -moz-transition-delay:1100ms;
    -o-transition-delay:1100ms;
    transition-delay:1100ms;
}
.ani-item.de1200 {
    -webkit-transition-delay:1200ms;
    -moz-transition-delay:1200ms;
    -o-transition-delay:1200ms;
    transition-delay:1200ms;
}

.ani-item.left5 {
    -webkit-transform:translateX(-5%);
    -moz-transform:translateX(-5%);
    -ms-transform:translateX(-5%);
    -o-transform:translateX(-5%);
    transform:translateX(-5%);
}
.ani-item.left10 {
    -webkit-transform:translateX(-10%);
    -moz-transform:translateX(-10%);
    -ms-transform:translateX(-10%);
    -o-transform:translateX(-10%);
    transform:translateX(-10%);
}
.ani-item.left20 {
    -webkit-transform:translateX(-20%);
    -moz-transform:translateX(-20%);
    -ms-transform:translateX(-20%);
    -o-transform:translateX(-20%);
    transform:translateX(-20%);
}
.ani-item.right5 {
    -webkit-transform:translateX(5%);
    -moz-transform:translateX(5%);
    -ms-transform:translateX(5%);
    -o-transform:translateX(5%);
    transform:translateX(5%);
}
.ani-item.right10 {
    -webkit-transform:translateX(10%);
    -moz-transform:translateX(10%);
    -ms-transform:translateX(10%);
    -o-transform:translateX(10%);
    transform:translateX(10%);
}
.ani-item.right20 {
    -webkit-transform:translateX(20%);
    -moz-transform:translateX(20%);
    -ms-transform:translateX(20%);
    -o-transform:translateX(20%);
    transform:translateX(20%);
}

.ani-item.top5 {
    -webkit-transform:translateY(-5%);
    -moz-transform:translateY(-5%);
    -ms-transform:translateY(-5%);
    -o-transform:translateY(-5%);
    transform:translateY(-5%);
}
.ani-item.top10 {
    -webkit-transform:translateY(-10%);
    -moz-transform:translateY(-10%);
    -ms-transform:translateY(-10%);
    -o-transform:translateY(-10%);
    transform:translateY(-10%);
}
.ani-item.top20 {
    -webkit-transform:translateY(-20%);
    -moz-transform:translateY(-20%);
    -ms-transform:translateY(-20%);
    -o-transform:translateY(-20%);
    transform:translateY(-20%);
}
.ani-item.top30 {
    -webkit-transform:translateY(-30%);
    -moz-transform:translateY(-30%);
    -ms-transform:translateY(-30%);
    -o-transform:translateY(-30%);
    transform:translateY(-30%);
}
.ani-item.top40 {
    -webkit-transform:translateY(-40%);
    -moz-transform:translateY(-40%);
    -ms-transform:translateY(-40%);
    -o-transform:translateY(-40%);
    transform:translateY(-40%);
}
.ani-item.btm5 {
    -webkit-transform:translateY(5%);
    -moz-transform:translateY(5%);
    -ms-transform:translateY(5%);
    -o-transform:translateY(5%);
    transform:translateY(5%);
}
.ani-item.btm10 {
    -webkit-transform:translateY(10%);
    -moz-transform:translateY(10%);
    -ms-transform:translateY(10%);
    -o-transform:translateY(10%);
    transform:translateY(10%);
}
.ani-item.btm20 {
    -webkit-transform:translateY(20%);
    -moz-transform:translateY(20%);
    -ms-transform:translateY(20%);
    -o-transform:translateY(20%);
    transform:translateY(20%);
}
.ani-item.btm30 {
    -webkit-transform:translateY(30%);
    -moz-transform:translateY(30%);
    -ms-transform:translateY(30%);
    -o-transform:translateY(30%);
    transform:translateY(30%);
}
.ani-item.btm40 {
    -webkit-transform:translateY(40%);
    -moz-transform:translateY(40%);
    -ms-transform:translateY(40%);
    -o-transform:translateY(40%);
    transform:translateY(40%);
}

.animated .ani-item {opacity:1;
    -webkit-transform:translate(0, 0);
    -moz-transform:translate(0, 0);
    -ms-transform:translate(0, 0);
    -o-transform:translate(0, 0);
    transform:translate(0, 0);
}
.ended .ani-item {
    -webkit-transition:0ms;
    -moz-transition:0ms;
    -o-transition:0ms;
    transition:0ms;
}