* [class*="trans"] {transition:all 0.6s ease;opacity:0;}
* [class*="-up"] {transform:translateY(50px);}
* [class*="-down"] {transform:translateY(-50px);}
* [class*="-left"] {transform:translateX(50px);}
* [class*="-right"] {transform:translateX(-50px);}
* [class*="-up200"] {transform:translateY(200px);}
* [class*="-down200"] {transform:translateY(-200px);}
* [class*="-left200"] {transform:translateX(200px);}
* [class*="-right200"] {transform:translateX(-200px);}
* [class*="-turn"] {transform:rotateY(45deg);transform-style:preserve-3d;transition:all 0.8s cubic-bezier(0.4, 0.2, 0.2, 1);}
* [class*="-turnV2"] {transform:rotateY(180deg);transform-style:preserve-3d;transition:all 1.8s cubic-bezier(0.4, 0.2, 0.2, 1);}
* [class*="-turnV3"] {transform:rotateX(90deg);transform-style:preserve-3d;transition:all 1.1s cubic-bezier(0.4, 0.2, 0.2, 1);}
* [class*="-scale"] {transition:all 1s ease;transform:scale(1.2);}
.active * [class*=""] {transition-delay:0s;}
.active * [class*="trans1"] {transition-delay:0.1s;}
.active * [class*="trans1-5"] {transition-delay:0.15s;}
.active * [class*="trans2"] {transition-delay:0.2s;}
.active * [class*="trans2-5"] {transition-delay:0.25s;}
.active * [class*="trans3"] {transition-delay:0.3s;}
.active * [class*="trans3-5"] {transition-delay:0.35s;}
.active * [class*="trans4"] {transition-delay:0.4s;}
.active * [class*="trans4-5"] {transition-delay:0.45s;}
.active * [class*="trans5"] {transition-delay:0.5s;}
.active * [class*="trans5-5"] {transition-delay:0.55s;}
.active * [class*="trans6"] {transition-delay:0.6s;}
.active * [class*="trans6-5"] {transition-delay:0.65s;}
.active * [class*="trans7"] {transition-delay:0.7s;}
.active * [class*="trans7-5"] {transition-delay:0.75s;}
.active * [class*="trans8"] {transition-delay:0.8s;}
.active * [class*="trans8-5"] {transition-delay:0.85s;}
.active * [class*="trans9"] {transition-delay:0.9s;}
.active * [class*="trans9-5"] {transition-delay:0.95s;}
.active * [class*="trans10"] {transition-delay:1s;}
.active * [class*="trans11"] {transition-delay:1.1s;}
.active * [class*="trans12"] {transition-delay:1.2s;}
.active * [class*="trans13"] {transition-delay:1.3s;}
.active * [class*="trans14"] {transition-delay:1.4s;}
.active * [class*="trans15"] {transition-delay:1.5s;}
.active * [class*="trans16"] {transition-delay:1.6s;}
.active * [class*="trans17"] {transition-delay:1.7s;}
.active * [class*="trans18"] {transition-delay:1.8s;}
.active * [class*="trans19"] {transition-delay:1.9s;}
.active * [class*="trans20"] {transition-delay:2s;}
.active * [class*="trans21"] {transition-delay:2.1s;}
.active * [class*="trans22"] {transition-delay:2.2s;}
.active * [class*="trans23"] {transition-delay:2.3s;}
.active * [class*="trans24"] {transition-delay:2.4s;}
.active * [class*="trans25"] {transition-delay:2.5s;}
.active * [class*="trans26"] {transition-delay:2.6s;}
.active * [class*="trans27"] {transition-delay:2.7s;}
.active * [class*="trans28"] {transition-delay:2.8s;}
.active * [class*="trans29"] {transition-delay:2.9s;}
.active * [class*="trans30"] {transition-delay:3s;}
.active * [class*="trans31"] {transition-delay:3.1s;}
.active * [class*="trans32"] {transition-delay:3.2s;}
.active [class*="trans"] {transform:translate(0);opacity:1;}
.active [class*="-turn"] {transform:rotateY(0deg);transform-style:preserve-3d;opacity:1;}
.active [class*="-scale"] {transform:scale(1);}