CSS File

1@charset "UTF-8";

2

3/*!

4 * animate.css -http://daneden.me/animate

5 * Version - 3.5.1

6 * Licensed under the MIT license - http://opensource.org/licenses/MIT

7 *

8 * Copyright (c) 2016 Daniel Eden

9 */

10

11.animated {

12

-webkit-animation-duration: 1s;

13 animation-duration: 1s;

14

-webkit-animation-fill-mode: both;

15 animation-fill-mode: both;

16}

17

18.animated.infinite {

19

-webkit-animation-iteration-count: infinite;

20 animation-iteration-count: infinite;

21}

22

23.animated.hinge {

24

-webkit-animation-duration: 2s;

25 animation-duration: 2s;

26}

27

28.animated.flipOutX,

29.animated.flipOutY,

30.animated.bounceIn,

31.animated.bounceOut {

32

-webkit-animation-duration: .75s;

33 animation-duration: .75s;

34}

35

36@-webkit-keyframes bounce {

37 from,

38 20%,

39 53%,

40 80%,

41 to {

42 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

43 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

44 -webkit-transform: translate3d(0, 0, 0);

45 transform: translate3d(0, 0, 0);

46 }

47 40%,

48 43% {

49 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

50 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

51 -webkit-transform: translate3d(0, -30px, 0);

52 transform: translate3d(0, -30px, 0);

53 }

54 70% {

55 -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

56 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

57 -webkit-transform: translate3d(0, -15px, 0);

58 transform: translate3d(0, -15px, 0);

59 }

60 90% {

61 -webkit-transform: translate3d(0, -4px, 0);

62 transform: translate3d(0, -4px, 0);

63 }

64}

65

66@keyframes bounce {

67 from,

68 20%,

69 53%,

70 80%,

71 to {

72

-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

73 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

74

-webkit-transform: translate3d(0, 0, 0);

75 transform: translate3d(0, 0, 0);

76 }

77 40%,

78 43% {

79

-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

80 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

81

-webkit-transform: translate3d(0, -30px, 0);

82 transform: translate3d(0, -30px, 0);

83 }

84 70% {

85

-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

86 animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

87

-webkit-transform: translate3d(0, -15px, 0);

88 transform: translate3d(0, -15px, 0);

89 }

90 90% {

91

-webkit-transform: translate3d(0, -4px, 0);

92 transform: translate3d(0, -4px, 0);

93 }

94}

95

96.bounce {

97

-webkit-animation-name: bounce;

98 animation-name: bounce;

99

-webkit-transform-origin: center bottom;

100 transform-origin: center bottom;

101}

102

103@-webkit-keyframes flash {

104 from,

105 50%,

106 to {

107 opacity: 1;

108 }

109 25%,

110 75% {

111 opacity: 0;

112 }

113}

114

115@keyframes flash {

116 from,

117 50%,

118 to {

119 opacity: 1;

120 }

121 25%,

122 75% {

123 opacity: 0;

124 }

125}

126

127.flash {

128

-webkit-animation-name: flash;

129 animation-name: flash;

130}

131

132

133/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

134

135@-webkit-keyframes pulse {

136 from {

137 -webkit-transform: scale3d(1, 1, 1);

138 transform: scale3d(1, 1, 1);

139 }

140 50% {

141 -webkit-transform: scale3d(1.05, 1.05, 1.05);

142 transform: scale3d(1.05, 1.05, 1.05);

143 }

144 to {

145 -webkit-transform: scale3d(1, 1, 1);

146 transform: scale3d(1, 1, 1);

147 }

148}

149

150@keyframes pulse {

151 from {

152

-webkit-transform: scale3d(1, 1, 1);

153 transform: scale3d(1, 1, 1);

154 }

155 50% {

156

-webkit-transform: scale3d(1.05, 1.05, 1.05);

157 transform: scale3d(1.05, 1.05, 1.05);

158 }

159 to {

160

-webkit-transform: scale3d(1, 1, 1);

161 transform: scale3d(1, 1, 1);

162 }

163}

164

165.pulse {

166

-webkit-animation-name: pulse;

167 animation-name: pulse;

168}

169

170@-webkit-keyframes rubberBand {

171 from {

172 -webkit-transform: scale3d(1, 1, 1);

173 transform: scale3d(1, 1, 1);

174 }

175 30% {

176 -webkit-transform: scale3d(1.25, 0.75, 1);

177 transform: scale3d(1.25, 0.75, 1);

178 }

179 40% {

180 -webkit-transform: scale3d(0.75, 1.25, 1);

181 transform: scale3d(0.75, 1.25, 1);

182 }

183 50% {

184 -webkit-transform: scale3d(1.15, 0.85, 1);

185 transform: scale3d(1.15, 0.85, 1);

186 }

187 65% {

188 -webkit-transform: scale3d(.95, 1.05, 1);

189 transform: scale3d(.95, 1.05, 1);

190 }

191 75% {

192 -webkit-transform: scale3d(1.05, .95, 1);

193 transform: scale3d(1.05, .95, 1);

194 }

195 to {

196 -webkit-transform: scale3d(1, 1, 1);

197 transform: scale3d(1, 1, 1);

198 }

199}

200

201@keyframes rubberBand {

202 from {

203

-webkit-transform: scale3d(1, 1, 1);

204 transform: scale3d(1, 1, 1);

205 }

206 30% {

207

-webkit-transform: scale3d(1.25, 0.75, 1);

208 transform: scale3d(1.25, 0.75, 1);

209 }

210 40% {

211

-webkit-transform: scale3d(0.75, 1.25, 1);

212 transform: scale3d(0.75, 1.25, 1);

213 }

214 50% {

215

-webkit-transform: scale3d(1.15, 0.85, 1);

216 transform: scale3d(1.15, 0.85, 1);

217 }

218 65% {

219

-webkit-transform: scale3d(.95, 1.05, 1);

220 transform: scale3d(.95, 1.05, 1);

221 }

222 75% {

223

-webkit-transform: scale3d(1.05, .95, 1);

224 transform: scale3d(1.05, .95, 1);

225 }

226 to {

227

-webkit-transform: scale3d(1, 1, 1);

228 transform: scale3d(1, 1, 1);

229 }

230}

231

232.rubberBand {

233

-webkit-animation-name: rubberBand;

234 animation-name: rubberBand;

235}

236

237@-webkit-keyframes shake {

238 from,

239 to {

240 -webkit-transform: translate3d(0, 0, 0);

241 transform: translate3d(0, 0, 0);

242 }

243 10%,

244 30%,

245 50%,

246 70%,

247 90% {

248 -webkit-transform: translate3d(-10px, 0, 0);

249 transform: translate3d(-10px, 0, 0);

250 }

251 20%,

252 40%,

253 60%,

254 80% {

255 -webkit-transform: translate3d(10px, 0, 0);

256 transform: translate3d(10px, 0, 0);

257 }

258}

259

260@keyframes shake {

261 from,

262 to {

263

-webkit-transform: translate3d(0, 0, 0);

264 transform: translate3d(0, 0, 0);

265 }

266 10%,

267 30%,

268 50%,

269 70%,

270 90% {

271

-webkit-transform: translate3d(-10px, 0, 0);

272 transform: translate3d(-10px, 0, 0);

273 }

274 20%,

275 40%,

276 60%,

277 80% {

278

-webkit-transform: translate3d(10px, 0, 0);

279 transform: translate3d(10px, 0, 0);

280 }

281}

282

283.shake {

284

-webkit-animation-name: shake;

285 animation-name: shake;

286}

287

288@-webkit-keyframes headShake {

289 0% {

290 -webkit-transform: translateX(0);

291 transform: translateX(0);

292 }

293 6.5% {

294 -webkit-transform: translateX(-6px) rotateY(-9deg);

295 transform: translateX(-6px) rotateY(-9deg);

296 }

297 18.5% {

298 -webkit-transform: translateX(5px) rotateY(7deg);

299 transform: translateX(5px) rotateY(7deg);

300 }

301 31.5% {

302 -webkit-transform: translateX(-3px) rotateY(-5deg);

303 transform: translateX(-3px) rotateY(-5deg);

304 }

305 43.5% {

306 -webkit-transform: translateX(2px) rotateY(3deg);

307 transform: translateX(2px) rotateY(3deg);

308 }

309 50% {

310 -webkit-transform: translateX(0);

311 transform: translateX(0);

312 }

313}

314

315@keyframes headShake {

316 0% {

317

-webkit-transform: translateX(0);

318 transform: translateX(0);

319 }

320 6.5% {

321

-webkit-transform: translateX(-6px) rotateY(-9deg);

322 transform: translateX(-6px) rotateY(-9deg);

323 }

324 18.5% {

325

-webkit-transform: translateX(5px) rotateY(7deg);

326 transform: translateX(5px) rotateY(7deg);

327 }

328 31.5% {

329

-webkit-transform: translateX(-3px) rotateY(-5deg);

330 transform: translateX(-3px) rotateY(-5deg);

331 }

332 43.5% {

333

-webkit-transform: translateX(2px) rotateY(3deg);

334 transform: translateX(2px) rotateY(3deg);

335 }

336 50% {

337

-webkit-transform: translateX(0);

338 transform: translateX(0);

339 }

340}

341

342.headShake {

343

-webkit-animation-timing-function: ease-in-out;

344 animation-timing-function: ease-in-out;

345

-webkit-animation-name: headShake;

346 animation-name: headShake;

347}

348

349@-webkit-keyframes swing {

350 20% {

351 -webkit-transform: rotate3d(0, 0, 1, 15deg);

352 transform: rotate3d(0, 0, 1, 15deg);

353 }

354 40% {

355 -webkit-transform: rotate3d(0, 0, 1, -10deg);

356 transform: rotate3d(0, 0, 1, -10deg);

357 }

358 60% {

359 -webkit-transform: rotate3d(0, 0, 1, 5deg);

360 transform: rotate3d(0, 0, 1, 5deg);

361 }

362 80% {

363 -webkit-transform: rotate3d(0, 0, 1, -5deg);

364 transform: rotate3d(0, 0, 1, -5deg);

365 }

366 to {

367 -webkit-transform: rotate3d(0, 0, 1, 0deg);

368 transform: rotate3d(0, 0, 1, 0deg);

369 }

370}

371

372@keyframes swing {

373 20% {

374

-webkit-transform: rotate3d(0, 0, 1, 15deg);

375 transform: rotate3d(0, 0, 1, 15deg);

376 }

377 40% {

378

-webkit-transform: rotate3d(0, 0, 1, -10deg);

379 transform: rotate3d(0, 0, 1, -10deg);

380 }

381 60% {

382

-webkit-transform: rotate3d(0, 0, 1, 5deg);

383 transform: rotate3d(0, 0, 1, 5deg);

384 }

385 80% {

386

-webkit-transform: rotate3d(0, 0, 1, -5deg);

387 transform: rotate3d(0, 0, 1, -5deg);

388 }

389 to {

390

-webkit-transform: rotate3d(0, 0, 1, 0deg);

391 transform: rotate3d(0, 0, 1, 0deg);

392 }

393}

394

395.swing {

396

-webkit-transform-origin: top center;

397 transform-origin: top center;

398

-webkit-animation-name: swing;

399 animation-name: swing;

400}

401

402@-webkit-keyframes tada {

403 from {

404 -webkit-transform: scale3d(1, 1, 1);

405 transform: scale3d(1, 1, 1);

406 }

407 10%,

408 20% {

409 -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

410 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

411 }

412 30%,

413 50%,

414 70%,

415 90% {

416 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

417 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

418 }

419 40%,

420 60%,

421 80% {

422 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

423 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

424 }

425 to {

426 -webkit-transform: scale3d(1, 1, 1);

427 transform: scale3d(1, 1, 1);

428 }

429}

430

431@keyframes tada {

432 from {

433

-webkit-transform: scale3d(1, 1, 1);

434 transform: scale3d(1, 1, 1);

435 }

436 10%,

437 20% {

438

-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

439 transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);

440 }

441 30%,

442 50%,

443 70%,

444 90% {

445

-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

446 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);

447 }

448 40%,

449 60%,

450 80% {

451

-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

452 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);

453 }

454 to {

455

-webkit-transform: scale3d(1, 1, 1);

456 transform: scale3d(1, 1, 1);

457 }

458}

459

460.tada {

461

-webkit-animation-name: tada;

462 animation-name: tada;

463}

464

465

466/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

467

468@-webkit-keyframes wobble {

469 from {

470 -webkit-transform: none;

471 transform: none;

472 }

473 15% {

474 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

475 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

476 }

477 30% {

478 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

479 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

480 }

481 45% {

482 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

483 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

484 }

485 60% {

486 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

487 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

488 }

489 75% {

490 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

491 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

492 }

493 to {

494 -webkit-transform: none;

495 transform: none;

496 }

497}

498

499@keyframes wobble {

500 from {

501

-webkit-transform: none;

502 transform: none;

503 }

504 15% {

505

-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

506 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);

507 }

508 30% {

509

-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

510 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);

511 }

512 45% {

513

-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

514 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);

515 }

516 60% {

517

-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

518 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);

519 }

520 75% {

521

-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

522 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);

523 }

524 to {

525

-webkit-transform: none;

526 transform: none;

527 }

528}

529

530.wobble {

531

-webkit-animation-name: wobble;

532 animation-name: wobble;

533}

534

535@-webkit-keyframes jello {

536 from,

537 11.1%,

538 to {

539 -webkit-transform: none;

540 transform: none;

541 }

542 22.2% {

543 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

544 transform: skewX(-12.5deg) skewY(-12.5deg);

545 }

546 33.3% {

547 -webkit-transform: skewX(6.25deg) skewY(6.25deg);

548 transform: skewX(6.25deg) skewY(6.25deg);

549 }

550 44.4% {

551 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

552 transform: skewX(-3.125deg) skewY(-3.125deg);

553 }

554 55.5% {

555 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

556 transform: skewX(1.5625deg) skewY(1.5625deg);

557 }

558 66.6% {

559 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

560 transform: skewX(-0.78125deg) skewY(-0.78125deg);

561 }

562 77.7% {

563 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

564 transform: skewX(0.390625deg) skewY(0.390625deg);

565 }

566 88.8% {

567 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

568 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

569 }

570}

571

572@keyframes jello {

573 from,

574 11.1%,

575 to {

576

-webkit-transform: none;

577 transform: none;

578 }

579 22.2% {

580

-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

581 transform: skewX(-12.5deg) skewY(-12.5deg);

582 }

583 33.3% {

584

-webkit-transform: skewX(6.25deg) skewY(6.25deg);

585 transform: skewX(6.25deg) skewY(6.25deg);

586 }

587 44.4% {

588

-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

589 transform: skewX(-3.125deg) skewY(-3.125deg);

590 }

591 55.5% {

592

-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

593 transform: skewX(1.5625deg) skewY(1.5625deg);

594 }

595 66.6% {

596

-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

597 transform: skewX(-0.78125deg) skewY(-0.78125deg);

598 }

599 77.7% {

600

-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

601 transform: skewX(0.390625deg) skewY(0.390625deg);

602 }

603 88.8% {

604

-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

605 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

606 }

607}

608

609.jello {

610

-webkit-animation-name: jello;

611 animation-name: jello;

612

-webkit-transform-origin: center;

613 transform-origin: center;

614}

615

616@-webkit-keyframes bounceIn {

617 from,

618 20%,

619 40%,

620 60%,

621 80%,

622 to {

623 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

624 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

625 }

626 0% {

627 opacity: 0;

628 -webkit-transform: scale3d(.3, .3, .3);

629 transform: scale3d(.3, .3, .3);

630 }

631 20% {

632 -webkit-transform: scale3d(1.1, 1.1, 1.1);

633 transform: scale3d(1.1, 1.1, 1.1);

634 }

635 40% {

636 -webkit-transform: scale3d(.9, .9, .9);

637 transform: scale3d(.9, .9, .9);

638 }

639 60% {

640 opacity: 1;

641 -webkit-transform: scale3d(1.03, 1.03, 1.03);

642 transform: scale3d(1.03, 1.03, 1.03);

643 }

644 80% {

645 -webkit-transform: scale3d(.97, .97, .97);

646 transform: scale3d(.97, .97, .97);

647 }

648 to {

649 opacity: 1;

650 -webkit-transform: scale3d(1, 1, 1);

651 transform: scale3d(1, 1, 1);

652 }

653}

654

655@keyframes bounceIn {

656 from,

657 20%,

658 40%,

659 60%,

660 80%,

661 to {

662

-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

663 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

664 }

665 0% {

666 opacity: 0;

667

-webkit-transform: scale3d(.3, .3, .3);

668 transform: scale3d(.3, .3, .3);

669 }

670 20% {

671

-webkit-transform: scale3d(1.1, 1.1, 1.1);

672 transform: scale3d(1.1, 1.1, 1.1);

673 }

674 40% {

675

-webkit-transform: scale3d(.9, .9, .9);

676 transform: scale3d(.9, .9, .9);

677 }

678 60% {

679 opacity: 1;

680

-webkit-transform: scale3d(1.03, 1.03, 1.03);

681 transform: scale3d(1.03, 1.03, 1.03);

682 }

683 80% {

684

-webkit-transform: scale3d(.97, .97, .97);

685 transform: scale3d(.97, .97, .97);

686 }

687 to {

688 opacity: 1;

689

-webkit-transform: scale3d(1, 1, 1);

690 transform: scale3d(1, 1, 1);

691 }

692}

693

694.bounceIn {

695

-webkit-animation-name: bounceIn;

696 animation-name: bounceIn;

697}

698

699@-webkit-keyframes bounceInDown {

700 from,

701 60%,

702 75%,

703 90%,

704 to {

705 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

706 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

707 }

708 0% {

709 opacity: 0;

710 -webkit-transform: translate3d(0, -3000px, 0);

711 transform: translate3d(0, -3000px, 0);

712 }

713 60% {

714 opacity: 1;

715 -webkit-transform: translate3d(0, 25px, 0);

716 transform: translate3d(0, 25px, 0);

717 }

718 75% {

719 -webkit-transform: translate3d(0, -10px, 0);

720 transform: translate3d(0, -10px, 0);

721 }

722 90% {

723 -webkit-transform: translate3d(0, 5px, 0);

724 transform: translate3d(0, 5px, 0);

725 }

726 to {

727 -webkit-transform: none;

728 transform: none;

729 }

730}

731

732@keyframes bounceInDown {

733 from,

734 60%,

735 75%,

736 90%,

737 to {

738

-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

739 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

740 }

741 0% {

742 opacity: 0;

743

-webkit-transform: translate3d(0, -3000px, 0);

744 transform: translate3d(0, -3000px, 0);

745 }

746 60% {

747 opacity: 1;

748

-webkit-transform: translate3d(0, 25px, 0);

749 transform: translate3d(0, 25px, 0);

750 }

751 75% {

752

-webkit-transform: translate3d(0, -10px, 0);

753 transform: translate3d(0, -10px, 0);

754 }

755 90% {

756

-webkit-transform: translate3d(0, 5px, 0);

757 transform: translate3d(0, 5px, 0);

758 }

759 to {

760

-webkit-transform: none;

761 transform: none;

762 }

763}

764

765.bounceInDown {

766

-webkit-animation-name: bounceInDown;

767 animation-name: bounceInDown;

768}

769

770@-webkit-keyframes bounceInLeft {

771 from,

772 60%,

773 75%,

774 90%,

775 to {

776 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

777 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

778 }

779 0% {

780 opacity: 0;

781 -webkit-transform: translate3d(-3000px, 0, 0);

782 transform: translate3d(-3000px, 0, 0);

783 }

784 60% {

785 opacity: 1;

786 -webkit-transform: translate3d(25px, 0, 0);

787 transform: translate3d(25px, 0, 0);

788 }

789 75% {

790 -webkit-transform: translate3d(-10px, 0, 0);

791 transform: translate3d(-10px, 0, 0);

792 }

793 90% {

794 -webkit-transform: translate3d(5px, 0, 0);

795 transform: translate3d(5px, 0, 0);

796 }

797 to {

798 -webkit-transform: none;

799 transform: none;

800 }

801}

802

803@keyframes bounceInLeft {

804 from,

805 60%,

806 75%,

807 90%,

808 to {

809

-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

810 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

811 }

812 0% {

813 opacity: 0;

814

-webkit-transform: translate3d(-3000px, 0, 0);

815 transform: translate3d(-3000px, 0, 0);

816 }

817 60% {

818 opacity: 1;

819

-webkit-transform: translate3d(25px, 0, 0);

820 transform: translate3d(25px, 0, 0);

821 }

822 75% {

823

-webkit-transform: translate3d(-10px, 0, 0);

824 transform: translate3d(-10px, 0, 0);

825 }

826 90% {

827

-webkit-transform: translate3d(5px, 0, 0);

828 transform: translate3d(5px, 0, 0);

829 }

830 to {

831

-webkit-transform: none;

832 transform: none;

833 }

834}

835

836.bounceInLeft {

837

-webkit-animation-name: bounceInLeft;

838 animation-name: bounceInLeft;

839}

840

841@-webkit-keyframes bounceInRight {

842 from,

843 60%,

844 75%,

845 90%,

846 to {

847 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

848 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

849 }

850 from {

851 opacity: 0;

852 -webkit-transform: translate3d(3000px, 0, 0);

853 transform: translate3d(3000px, 0, 0);

854 }

855 60% {

856 opacity: 1;

857 -webkit-transform: translate3d(-25px, 0, 0);

858 transform: translate3d(-25px, 0, 0);

859 }

860 75% {

861 -webkit-transform: translate3d(10px, 0, 0);

862 transform: translate3d(10px, 0, 0);

863 }

864 90% {

865 -webkit-transform: translate3d(-5px, 0, 0);

866 transform: translate3d(-5px, 0, 0);

867 }

868 to {

869 -webkit-transform: none;

870 transform: none;

871 }

872}

873

874@keyframes bounceInRight {

875 from,

876 60%,

877 75%,

878 90%,

879 to {

880

-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

881 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

882 }

883 from {

884 opacity: 0;

885

-webkit-transform: translate3d(3000px, 0, 0);

886 transform: translate3d(3000px, 0, 0);

887 }

888 60% {

889 opacity: 1;

890

-webkit-transform: translate3d(-25px, 0, 0);

891 transform: translate3d(-25px, 0, 0);

892 }

893 75% {

894

-webkit-transform: translate3d(10px, 0, 0);

895 transform: translate3d(10px, 0, 0);

896 }

897 90% {

898

-webkit-transform: translate3d(-5px, 0, 0);

899 transform: translate3d(-5px, 0, 0);

900 }

901 to {

902

-webkit-transform: none;

903 transform: none;

904 }

905}

906

907.bounceInRight {

908

-webkit-animation-name: bounceInRight;

909 animation-name: bounceInRight;

910}

911

912@-webkit-keyframes bounceInUp {

913 from,

914 60%,

915 75%,

916 90%,

917 to {

918 -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

919 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

920 }

921 from {

922 opacity: 0;

923 -webkit-transform: translate3d(0, 3000px, 0);

924 transform: translate3d(0, 3000px, 0);

925 }

926 60% {

927 opacity: 1;

928 -webkit-transform: translate3d(0, -20px, 0);

929 transform: translate3d(0, -20px, 0);

930 }

931 75% {

932 -webkit-transform: translate3d(0, 10px, 0);

933 transform: translate3d(0, 10px, 0);

934 }

935 90% {

936 -webkit-transform: translate3d(0, -5px, 0);

937 transform: translate3d(0, -5px, 0);

938 }

939 to {

940 -webkit-transform: translate3d(0, 0, 0);

941 transform: translate3d(0, 0, 0);

942 }

943}

944

945@keyframes bounceInUp {

946 from,

947 60%,

948 75%,

949 90%,

950 to {

951

-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

952 animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

953 }

954 from {

955 opacity: 0;

956

-webkit-transform: translate3d(0, 3000px, 0);

957 transform: translate3d(0, 3000px, 0);

958 }

959 60% {

960 opacity: 1;

961

-webkit-transform: translate3d(0, -20px, 0);

962 transform: translate3d(0, -20px, 0);

963 }

964 75% {

965

-webkit-transform: translate3d(0, 10px, 0);

966 transform: translate3d(0, 10px, 0);

967 }

968 90% {

969

-webkit-transform: translate3d(0, -5px, 0);

970 transform: translate3d(0, -5px, 0);

971 }

972 to {

973

-webkit-transform: translate3d(0, 0, 0);

974 transform: translate3d(0, 0, 0);

975 }

976}

977

978.bounceInUp {

979

-webkit-animation-name: bounceInUp;

980 animation-name: bounceInUp;

981}

982

983@-webkit-keyframes bounceOut {

984 20% {

985 -webkit-transform: scale3d(.9, .9, .9);

986 transform: scale3d(.9, .9, .9);

987 }

988 50%,

989 55% {

990 opacity: 1;

991 -webkit-transform: scale3d(1.1, 1.1, 1.1);

992 transform: scale3d(1.1, 1.1, 1.1);

993 }

994 to {

995 opacity: 0;

996 -webkit-transform: scale3d(.3, .3, .3);

997 transform: scale3d(.3, .3, .3);

998 }

999}

1000

1001@keyframes bounceOut {

1002 20% {

1003

-webkit-transform: scale3d(.9, .9, .9);

1004 transform: scale3d(.9, .9, .9);

1005 }

1006 50%,

1007 55% {

1008 opacity: 1;

1009

-webkit-transform: scale3d(1.1, 1.1, 1.1);

1010 transform: scale3d(1.1, 1.1, 1.1);

1011 }

1012 to {

1013 opacity: 0;

1014

-webkit-transform: scale3d(.3, .3, .3);

1015 transform: scale3d(.3, .3, .3);

1016 }

1017}

1018

1019.bounceOut {

1020

-webkit-animation-name: bounceOut;

1021 animation-name: bounceOut;

1022}

1023

1024@-webkit-keyframes bounceOutDown {

1025 20% {

1026 -webkit-transform: translate3d(0, 10px, 0);

1027 transform: translate3d(0, 10px, 0);

1028 }

1029 40%,

1030 45% {

1031 opacity: 1;

1032 -webkit-transform: translate3d(0, -20px, 0);

1033 transform: translate3d(0, -20px, 0);

1034 }

1035 to {

1036 opacity: 0;

1037 -webkit-transform: translate3d(0, 2000px, 0);

1038 transform: translate3d(0, 2000px, 0);

1039 }

1040}

1041

1042@keyframes bounceOutDown {

1043 20% {

1044

-webkit-transform: translate3d(0, 10px, 0);

1045 transform: translate3d(0, 10px, 0);

1046 }

1047 40%,

1048 45% {

1049 opacity: 1;

1050

-webkit-transform: translate3d(0, -20px, 0);

1051 transform: translate3d(0, -20px, 0);

1052 }

1053 to {

1054 opacity: 0;

1055

-webkit-transform: translate3d(0, 2000px, 0);

1056 transform: translate3d(0, 2000px, 0);

1057 }

1058}

1059

1060.bounceOutDown {

1061

-webkit-animation-name: bounceOutDown;

1062 animation-name: bounceOutDown;

1063}

1064

1065@-webkit-keyframes bounceOutLeft {

1066 20% {

1067 opacity: 1;

1068 -webkit-transform: translate3d(20px, 0, 0);

1069 transform: translate3d(20px, 0, 0);

1070 }

1071 to {

1072 opacity: 0;

1073 -webkit-transform: translate3d(-2000px, 0, 0);

1074 transform: translate3d(-2000px, 0, 0);

1075 }

1076}

1077

1078@keyframes bounceOutLeft {

1079 20% {

1080 opacity: 1;

1081

-webkit-transform: translate3d(20px, 0, 0);

1082 transform: translate3d(20px, 0, 0);

1083 }

1084 to {

1085 opacity: 0;

1086

-webkit-transform: translate3d(-2000px, 0, 0);

1087 transform: translate3d(-2000px, 0, 0);

1088 }

1089}

1090

1091.bounceOutLeft {

1092

-webkit-animation-name: bounceOutLeft;

1093 animation-name: bounceOutLeft;

1094}

1095

1096@-webkit-keyframes bounceOutRight {

1097 20% {

1098 opacity: 1;

1099 -webkit-transform: translate3d(-20px, 0, 0);

1100 transform: translate3d(-20px, 0, 0);

1101 }

1102 to {

1103 opacity: 0;

1104 -webkit-transform: translate3d(2000px, 0, 0);

1105 transform: translate3d(2000px, 0, 0);

1106 }

1107}

1108

1109@keyframes bounceOutRight {

1110 20% {

1111 opacity: 1;

1112

-webkit-transform: translate3d(-20px, 0, 0);

1113 transform: translate3d(-20px, 0, 0);

1114 }

1115 to {

1116 opacity: 0;

1117

-webkit-transform: translate3d(2000px, 0, 0);

1118 transform: translate3d(2000px, 0, 0);

1119 }

1120}

1121

1122.bounceOutRight {

1123

-webkit-animation-name: bounceOutRight;

1124 animation-name: bounceOutRight;

1125}

1126

1127@-webkit-keyframes bounceOutUp {

1128 20% {

1129 -webkit-transform: translate3d(0, -10px, 0);

1130 transform: translate3d(0, -10px, 0);

1131 }

1132 40%,

1133 45% {

1134 opacity: 1;

1135 -webkit-transform: translate3d(0, 20px, 0);

1136 transform: translate3d(0, 20px, 0);

1137 }

1138 to {

1139 opacity: 0;

1140 -webkit-transform: translate3d(0, -2000px, 0);

1141 transform: translate3d(0, -2000px, 0);

1142 }

1143}

1144

1145@keyframes bounceOutUp {

1146 20% {

1147

-webkit-transform: translate3d(0, -10px, 0);

1148 transform: translate3d(0, -10px, 0);

1149 }

1150 40%,

1151 45% {

1152 opacity: 1;

1153

-webkit-transform: translate3d(0, 20px, 0);

1154 transform: translate3d(0, 20px, 0);

1155 }

1156 to {

1157 opacity: 0;

1158

-webkit-transform: translate3d(0, -2000px, 0);

1159 transform: translate3d(0, -2000px, 0);

1160 }

1161}

1162

1163.bounceOutUp {

1164

-webkit-animation-name: bounceOutUp;

1165 animation-name: bounceOutUp;

1166}

1167

1168@-webkit-keyframes fadeIn {

1169 from {

1170 opacity: 0;

1171 }

1172 to {

1173 opacity: 1;

1174 }

1175}

1176

1177@keyframes fadeIn {

1178 from {

1179 opacity: 0;

1180 }

1181 to {

1182 opacity: 1;

1183 }

1184}

1185

1186.fadeIn {

1187

-webkit-animation-name: fadeIn;

1188 animation-name: fadeIn;

1189}

1190

1191@-webkit-keyframes fadeInDown {

1192 from {

1193 opacity: 0;

1194 -webkit-transform: translate3d(0, -30px, 0);

1195 transform: translate3d(0, -30px, 0);

1196 }

1197 to {

1198 opacity: 1;

1199 -webkit-transform: none;

1200 transform: none;

1201 }

1202}

1203

1204@keyframes fadeInDown {

1205 from {

1206 opacity: 0;

1207

-webkit-transform: translate3d(0, -30px, 0);

1208 transform: translate3d(0, -30px, 0);

1209 }

1210 to {

1211 opacity: 1;

1212

-webkit-transform: none;

1213 transform: none;

1214 }

1215}

1216

1217.fadeInDown {

1218

-webkit-animation-name: fadeInDown;

1219 animation-name: fadeInDown;

1220}

1221

1222@-webkit-keyframes fadeInDownBig {

1223 from {

1224 opacity: 0;

1225 -webkit-transform: translate3d(0, -2000px, 0);

1226 transform: translate3d(0, -2000px, 0);

1227 }

1228 to {

1229 opacity: 1;

1230 -webkit-transform: none;

1231 transform: none;

1232 }

1233}

1234

1235@keyframes fadeInDownBig {

1236 from {

1237 opacity: 0;

1238

-webkit-transform: translate3d(0, -2000px, 0);

1239 transform: translate3d(0, -2000px, 0);

1240 }

1241 to {

1242 opacity: 1;

1243

-webkit-transform: none;

1244 transform: none;

1245 }

1246}

1247

1248.fadeInDownBig {

1249

-webkit-animation-name: fadeInDownBig;

1250 animation-name: fadeInDownBig;

1251}

1252

1253@-webkit-keyframes fadeInLeft {

1254 from {

1255 opacity: 0;

1256 -webkit-transform: translate3d(-30px, 0, 0);

1257 transform: translate3d(-30px, 0, 0);

1258 }

1259 to {

1260 opacity: 1;

1261 -webkit-transform: none;

1262 transform: none;

1263 }

1264}

1265

1266@keyframes fadeInLeft {

1267 from {

1268 opacity: 0;

1269

-webkit-transform: translate3d(-30px, 0, 0);

1270 transform: translate3d(-30px, 0, 0);

1271 }

1272 to {

1273 opacity: 1;

1274

-webkit-transform: none;

1275 transform: none;

1276 }

1277}

1278

1279.fadeInLeft {

1280

-webkit-animation-name: fadeInLeft;

1281 animation-name: fadeInLeft;

1282}

1283

1284@-webkit-keyframes fadeInLeftBig {

1285 from {

1286 opacity: 0;

1287 -webkit-transform: translate3d(-2000px, 0, 0);

1288 transform: translate3d(-2000px, 0, 0);

1289 }

1290 to {

1291 opacity: 1;

1292 -webkit-transform: none;

1293 transform: none;

1294 }

1295}

1296

1297@keyframes fadeInLeftBig {

1298 from {

1299 opacity: 0;

1300

-webkit-transform: translate3d(-2000px, 0, 0);

1301 transform: translate3d(-2000px, 0, 0);

1302 }

1303 to {

1304 opacity: 1;

1305

-webkit-transform: none;

1306 transform: none;

1307 }

1308}

1309

1310.fadeInLeftBig {

1311

-webkit-animation-name: fadeInLeftBig;

1312 animation-name: fadeInLeftBig;

1313}

1314

1315@-webkit-keyframes fadeInRight {

1316 from {

1317 opacity: 0;

1318 -webkit-transform: translate3d(30px, 0, 0);

1319 transform: translate3d(30px, 0, 0);

1320 }

1321 to {

1322 opacity: 1;

1323 -webkit-transform: none;

1324 transform: none;

1325 }

1326}

1327

1328@keyframes fadeInRight {

1329 from {

1330 opacity: 0;

1331

-webkit-transform: translate3d(30px, 0, 0);

1332 transform: translate3d(30px, 0, 0);

1333 }

1334 to {

1335 opacity: 1;

1336

-webkit-transform: none;

1337 transform: none;

1338 }

1339}

1340

1341.fadeInRight {

1342

-webkit-animation-name: fadeInRight;

1343 animation-name: fadeInRight;

1344}

1345

1346@-webkit-keyframes fadeInRightBig {

1347 from {

1348 opacity: 0;

1349 -webkit-transform: translate3d(2000px, 0, 0);

1350 transform: translate3d(2000px, 0, 0);

1351 }

1352 to {

1353 opacity: 1;

1354 -webkit-transform: none;

1355 transform: none;

1356 }

1357}

1358

1359@keyframes fadeInRightBig {

1360 from {

1361 opacity: 0;

1362

-webkit-transform: translate3d(2000px, 0, 0);

1363 transform: translate3d(2000px, 0, 0);

1364 }

1365 to {

1366 opacity: 1;

1367

-webkit-transform: none;

1368 transform: none;

1369 }

1370}

1371

1372.fadeInRightBig {

1373

-webkit-animation-name: fadeInRightBig;

1374 animation-name: fadeInRightBig;

1375}

1376

1377@-webkit-keyframes fadeInUp {

1378 from {

1379 opacity: 0;

1380 -webkit-transform: translate3d(0, 30px, 0);

1381 transform: translate3d(0, 30px, 0);

1382 }

1383 to {

1384 opacity: 1;

1385 -webkit-transform: none;

1386 transform: none;

1387 }

1388}

1389

1390@keyframes fadeInUp {

1391 from {

1392 opacity: 0;

1393

-webkit-transform: translate3d(0, 30px, 0);

1394 transform: translate3d(0, 30px, 0);

1395 }

1396 to {

1397 opacity: 1;

1398

-webkit-transform: none;

1399 transform: none;

1400 }

1401}

1402

1403.fadeInUp {

1404

-webkit-animation-name: fadeInUp;

1405 animation-name: fadeInUp;

1406}

1407

1408@-webkit-keyframes fadeInUpBig {

1409 from {

1410 opacity: 0;

1411 -webkit-transform: translate3d(0, 2000px, 0);

1412 transform: translate3d(0, 2000px, 0);

1413 }

1414 to {

1415 opacity: 1;

1416 -webkit-transform: none;

1417 transform: none;

1418 }

1419}

1420

1421@keyframes fadeInUpBig {

1422 from {

1423 opacity: 0;

1424

-webkit-transform: translate3d(0, 2000px, 0);

1425 transform: translate3d(0, 2000px, 0);

1426 }

1427 to {

1428 opacity: 1;

1429

-webkit-transform: none;

1430 transform: none;

1431 }

1432}

1433

1434.fadeInUpBig {

1435

-webkit-animation-name: fadeInUpBig;

1436 animation-name: fadeInUpBig;

1437}

1438

1439@-webkit-keyframes fadeOut {

1440 from {

1441 opacity: 1;

1442 }

1443 to {

1444 opacity: 0;

1445 }

1446}

1447

1448@keyframes fadeOut {

1449 from {

1450 opacity: 1;

1451 }

1452 to {

1453 opacity: 0;

1454 }

1455}

1456

1457.fadeOut {

1458

-webkit-animation-name: fadeOut;

1459 animation-name: fadeOut;

1460}

1461

1462@-webkit-keyframes fadeOutDown {

1463 from {

1464 opacity: 1;

1465 }

1466 to {

1467 opacity: 0;

1468 -webkit-transform: translate3d(0, 30px, 0);

1469 transform: translate3d(0, 30px, 0);

1470 }

1471}

1472

1473@keyframes fadeOutDown {

1474 from {

1475 opacity: 1;

1476 }

1477 to {

1478 opacity: 0;

1479

-webkit-transform: translate3d(0, 30px, 0);

1480 transform: translate3d(0, 30px, 0);

1481 }

1482}

1483

1484.fadeOutDown {

1485

-webkit-animation-name: fadeOutDown;

1486 animation-name: fadeOutDown;

1487}

1488

1489@-webkit-keyframes fadeOutDownBig {

1490 from {

1491 opacity: 1;

1492 }

1493 to {

1494 opacity: 0;

1495 -webkit-transform: translate3d(0, 2000px, 0);

1496 transform: translate3d(0, 2000px, 0);

1497 }

1498}

1499

1500@keyframes fadeOutDownBig {

1501 from {

1502 opacity: 1;

1503 }

1504 to {

1505 opacity: 0;

1506

-webkit-transform: translate3d(0, 2000px, 0);

1507 transform: translate3d(0, 2000px, 0);

1508 }

1509}

1510

1511.fadeOutDownBig {

1512

-webkit-animation-name: fadeOutDownBig;

1513 animation-name: fadeOutDownBig;

1514}

1515

1516@-webkit-keyframes fadeOutLeft {

1517 from {

1518 opacity: 1;

1519 }

1520 to {

1521 opacity: 0;

1522 -webkit-transform: translate3d(-30px, 0, 0);

1523 transform: translate3d(-30px, 0, 0);

1524 }

1525}

1526

1527@keyframes fadeOutLeft {

1528 from {

1529 opacity: 1;

1530 }

1531 to {

1532 opacity: 0;

1533

-webkit-transform: translate3d(-30px, 0, 0);

1534 transform: translate3d(-30px, 0, 0);

1535 }

1536}

1537

1538.fadeOutLeft {

1539

-webkit-animation-name: fadeOutLeft;

1540 animation-name: fadeOutLeft;

1541}

1542

1543@-webkit-keyframes fadeOutLeftBig {

1544 from {

1545 opacity: 1;

1546 }

1547 to {

1548 opacity: 0;

1549 -webkit-transform: translate3d(-2000px, 0, 0);

1550 transform: translate3d(-2000px, 0, 0);

1551 }

1552}

1553

1554@keyframes fadeOutLeftBig {

1555 from {

1556 opacity: 1;

1557 }

1558 to {

1559 opacity: 0;

1560

-webkit-transform: translate3d(-2000px, 0, 0);

1561 transform: translate3d(-2000px, 0, 0);

1562 }

1563}

1564

1565.fadeOutLeftBig {

1566

-webkit-animation-name: fadeOutLeftBig;

1567 animation-name: fadeOutLeftBig;

1568}

1569

1570@-webkit-keyframes fadeOutRight {

1571 from {

1572 opacity: 1;

1573 }

1574 to {

1575 opacity: 0;

1576 -webkit-transform: translate3d(30px, 0, 0);

1577 transform: translate3d(30px, 0, 0);

1578 }

1579}

1580

1581@keyframes fadeOutRight {

1582 from {

1583 opacity: 1;

1584 }

1585 to {

1586 opacity: 0;

1587

-webkit-transform: translate3d(30px, 0, 0);

1588 transform: translate3d(30px, 0, 0);

1589 }

1590}

1591

1592.fadeOutRight {

1593

-webkit-animation-name: fadeOutRight;

1594 animation-name: fadeOutRight;

1595}

1596

1597@-webkit-keyframes fadeOutRightBig {

1598 from {

1599 opacity: 1;

1600 }

1601 to {

1602 opacity: 0;

1603 -webkit-transform: translate3d(2000px, 0, 0);

1604 transform: translate3d(2000px, 0, 0);

1605 }

1606}

1607

1608@keyframes fadeOutRightBig {

1609 from {

1610 opacity: 1;

1611 }

1612 to {

1613 opacity: 0;

1614

-webkit-transform: translate3d(2000px, 0, 0);

1615 transform: translate3d(2000px, 0, 0);

1616 }

1617}

1618

1619.fadeOutRightBig {

1620

-webkit-animation-name: fadeOutRightBig;

1621 animation-name: fadeOutRightBig;

1622}

1623

1624@-webkit-keyframes fadeOutUp {

1625 from {

1626 opacity: 1;

1627 }

1628 to {

1629 opacity: 0;

1630 -webkit-transform: translate3d(0, -30px, 0);

1631 transform: translate3d(0, -30px, 0);

1632 }

1633}

1634

1635@keyframes fadeOutUp {

1636 from {

1637 opacity: 1;

1638 }

1639 to {

1640 opacity: 0;

1641

-webkit-transform: translate3d(0, -30px, 0);

1642 transform: translate3d(0, -30px, 0);

1643 }

1644}

1645

1646.fadeOutUp {

1647

-webkit-animation-name: fadeOutUp;

1648 animation-name: fadeOutUp;

1649}

1650

1651@-webkit-keyframes fadeOutUpBig {

1652 from {

1653 opacity: 1;

1654 }

1655 to {

1656 opacity: 0;

1657 -webkit-transform: translate3d(0, -2000px, 0);

1658 transform: translate3d(0, -2000px, 0);

1659 }

1660}

1661

1662@keyframes fadeOutUpBig {

1663 from {

1664 opacity: 1;

1665 }

1666 to {

1667 opacity: 0;

1668

-webkit-transform: translate3d(0, -2000px, 0);

1669 transform: translate3d(0, -2000px, 0);

1670 }

1671}

1672

1673.fadeOutUpBig {

1674

-webkit-animation-name: fadeOutUpBig;

1675 animation-name: fadeOutUpBig;

1676}

1677

1678@-webkit-keyframes flip {

1679 from {

1680 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

1681 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

1682 -webkit-animation-timing-function: ease-out;

1683 animation-timing-function: ease-out;

1684 }

1685 40% {

1686 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

1687 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

1688 -webkit-animation-timing-function: ease-out;

1689 animation-timing-function: ease-out;

1690 }

1691 50% {

1692 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

1693 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

1694 -webkit-animation-timing-function: ease-in;

1695 animation-timing-function: ease-in;

1696 }

1697 80% {

1698 -webkit-transform: perspective(400px) scale3d(.95, .95, .95);

1699 transform: perspective(400px) scale3d(.95, .95, .95);

1700 -webkit-animation-timing-function: ease-in;

1701 animation-timing-function: ease-in;

1702 }

1703 to {

1704 -webkit-transform: perspective(400px);

1705 transform: perspective(400px);

1706 -webkit-animation-timing-function: ease-in;

1707 animation-timing-function: ease-in;

1708 }

1709}

1710

1711@keyframes flip {

1712 from {

1713

-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

1714 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);

1715

-webkit-animation-timing-function: ease-out;

1716 animation-timing-function: ease-out;

1717 }

1718 40% {

1719

-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

1720 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);

1721

-webkit-animation-timing-function: ease-out;

1722 animation-timing-function: ease-out;

1723 }

1724 50% {

1725

-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

1726 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);

1727

-webkit-animation-timing-function: ease-in;

1728 animation-timing-function: ease-in;

1729 }

1730 80% {

1731

-webkit-transform: perspective(400px) scale3d(.95, .95, .95);

1732 transform: perspective(400px) scale3d(.95, .95, .95);

1733

-webkit-animation-timing-function: ease-in;

1734 animation-timing-function: ease-in;

1735 }

1736 to {

1737

-webkit-transform: perspective(400px);

1738 transform: perspective(400px);

1739

-webkit-animation-timing-function: ease-in;

1740 animation-timing-function: ease-in;

1741 }

1742}

1743

1744.animated.flip {

1745

-webkit-backface-visibility: visible;

1746 backface-visibility: visible;

1747

-webkit-animation-name: flip;

1748 animation-name: flip;

1749}

1750

1751@-webkit-keyframes flipInX {

1752 from {

1753 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

1754 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

1755 -webkit-animation-timing-function: ease-in;

1756 animation-timing-function: ease-in;

1757 opacity: 0;

1758 }

1759 40% {

1760 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

1761 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

1762 -webkit-animation-timing-function: ease-in;

1763 animation-timing-function: ease-in;

1764 }

1765 60% {

1766 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

1767 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

1768 opacity: 1;

1769 }

1770 80% {

1771 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

1772 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

1773 }

1774 to {

1775 -webkit-transform: perspective(400px);

1776 transform: perspective(400px);

1777 }

1778}

1779

1780@keyframes flipInX {

1781 from {

1782

-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

1783 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

1784

-webkit-animation-timing-function: ease-in;

1785 animation-timing-function: ease-in;

1786 opacity: 0;

1787 }

1788 40% {

1789

-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

1790 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

1791

-webkit-animation-timing-function: ease-in;

1792 animation-timing-function: ease-in;

1793 }

1794 60% {

1795

-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

1796 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);

1797 opacity: 1;

1798 }

1799 80% {

1800

-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

1801 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);

1802 }

1803 to {

1804

-webkit-transform: perspective(400px);

1805 transform: perspective(400px);

1806 }

1807}

1808

1809.flipInX {

1810

-webkit-backface-visibility: visible !important;

1811 backface-visibility: visible !important;

1812

-webkit-animation-name: flipInX;

1813 animation-name: flipInX;

1814}

1815

1816@-webkit-keyframes flipInY {

1817 from {

1818 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

1819 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

1820 -webkit-animation-timing-function: ease-in;

1821 animation-timing-function: ease-in;

1822 opacity: 0;

1823 }

1824 40% {

1825 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

1826 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

1827 -webkit-animation-timing-function: ease-in;

1828 animation-timing-function: ease-in;

1829 }

1830 60% {

1831 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

1832 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

1833 opacity: 1;

1834 }

1835 80% {

1836 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

1837 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

1838 }

1839 to {

1840 -webkit-transform: perspective(400px);

1841 transform: perspective(400px);

1842 }

1843}

1844

1845@keyframes flipInY {

1846 from {

1847

-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

1848 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

1849

-webkit-animation-timing-function: ease-in;

1850 animation-timing-function: ease-in;

1851 opacity: 0;

1852 }

1853 40% {

1854

-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

1855 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);

1856

-webkit-animation-timing-function: ease-in;

1857 animation-timing-function: ease-in;

1858 }

1859 60% {

1860

-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

1861 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);

1862 opacity: 1;

1863 }

1864 80% {

1865

-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

1866 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);

1867 }

1868 to {

1869

-webkit-transform: perspective(400px);

1870 transform: perspective(400px);

1871 }

1872}

1873

1874.flipInY {

1875

-webkit-backface-visibility: visible !important;

1876 backface-visibility: visible !important;

1877

-webkit-animation-name: flipInY;

1878 animation-name: flipInY;

1879}

1880

1881@-webkit-keyframes flipOutX {

1882 from {

1883 -webkit-transform: perspective(400px);

1884 transform: perspective(400px);

1885 }

1886 30% {

1887 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

1888 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

1889 opacity: 1;

1890 }

1891 to {

1892 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

1893 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

1894 opacity: 0;

1895 }

1896}

1897

1898@keyframes flipOutX {

1899 from {

1900

-webkit-transform: perspective(400px);

1901 transform: perspective(400px);

1902 }

1903 30% {

1904

-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

1905 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);

1906 opacity: 1;

1907 }

1908 to {

1909

-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

1910 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);

1911 opacity: 0;

1912 }

1913}

1914

1915.flipOutX {

1916

-webkit-animation-name: flipOutX;

1917 animation-name: flipOutX;

1918

-webkit-backface-visibility: visible !important;

1919 backface-visibility: visible !important;

1920}

1921

1922@-webkit-keyframes flipOutY {

1923 from {

1924 -webkit-transform: perspective(400px);

1925 transform: perspective(400px);

1926 }

1927 30% {

1928 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

1929 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

1930 opacity: 1;

1931 }

1932 to {

1933 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

1934 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

1935 opacity: 0;

1936 }

1937}

1938

1939@keyframes flipOutY {

1940 from {

1941

-webkit-transform: perspective(400px);

1942 transform: perspective(400px);

1943 }

1944 30% {

1945

-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

1946 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);

1947 opacity: 1;

1948 }

1949 to {

1950

-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

1951 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);

1952 opacity: 0;

1953 }

1954}

1955

1956.flipOutY {

1957

-webkit-backface-visibility: visible !important;

1958 backface-visibility: visible !important;

1959

-webkit-animation-name: flipOutY;

1960 animation-name: flipOutY;

1961}

1962

1963@-webkit-keyframes lightSpeedIn {

1964 from {

1965 -webkit-transform: translate3d(30px, 0, 0) skewX(-30deg);

1966 transform: translate3d(30px, 0, 0) skewX(-30deg);

1967 opacity: 0;

1968 }

1969 60% {

1970 -webkit-transform: skewX(20deg);

1971 transform: skewX(20deg);

1972 opacity: 1;

1973 }

1974 80% {

1975 -webkit-transform: skewX(-5deg);

1976 transform: skewX(-5deg);

1977 opacity: 1;

1978 }

1979 to {

1980 -webkit-transform: none;

1981 transform: none;

1982 opacity: 1;

1983 }

1984}

1985

1986@keyframes lightSpeedIn {

1987 from {

1988

-webkit-transform: translate3d(30px, 0, 0) skewX(-30deg);

1989 transform: translate3d(30px, 0, 0) skewX(-30deg);

1990 opacity: 0;

1991 }

1992 60% {

1993

-webkit-transform: skewX(20deg);

1994 transform: skewX(20deg);

1995 opacity: 1;

1996 }

1997 80% {

1998

-webkit-transform: skewX(-5deg);

1999 transform: skewX(-5deg);

2000 opacity: 1;

2001 }

2002 to {

2003

-webkit-transform: none;

2004 transform: none;

2005 opacity: 1;

2006 }

2007}

2008

2009.lightSpeedIn {

2010

-webkit-animation-name: lightSpeedIn;

2011 animation-name: lightSpeedIn;

2012

-webkit-animation-timing-function: ease-out;

2013 animation-timing-function: ease-out;

2014}

2015

2016@-webkit-keyframes lightSpeedOut {

2017 from {

2018 opacity: 1;

2019 }

2020 to {

2021 -webkit-transform: translate3d(30px, 0, 0) skewX(30deg);

2022 transform: translate3d(30px, 0, 0) skewX(30deg);

2023 opacity: 0;

2024 }

2025}

2026

2027@keyframes lightSpeedOut {

2028 from {

2029 opacity: 1;

2030 }

2031 to {

2032

-webkit-transform: translate3d(30px, 0, 0) skewX(30deg);

2033 transform: translate3d(30px, 0, 0) skewX(30deg);

2034 opacity: 0;

2035 }

2036}

2037

2038.lightSpeedOut {

2039

-webkit-animation-name: lightSpeedOut;

2040 animation-name: lightSpeedOut;

2041

-webkit-animation-timing-function: ease-in;

2042 animation-timing-function: ease-in;

2043}

2044

2045@-webkit-keyframes rotateIn {

2046 from {

2047 -webkit-transform-origin: center;

2048 transform-origin: center;

2049 -webkit-transform: rotate3d(0, 0, 1, -200deg);

2050 transform: rotate3d(0, 0, 1, -200deg);

2051 opacity: 0;

2052 }

2053 to {

2054 -webkit-transform-origin: center;

2055 transform-origin: center;

2056 -webkit-transform: none;

2057 transform: none;

2058 opacity: 1;

2059 }

2060}

2061

2062@keyframes rotateIn {

2063 from {

2064

-webkit-transform-origin: center;

2065 transform-origin: center;

2066

-webkit-transform: rotate3d(0, 0, 1, -200deg);

2067 transform: rotate3d(0, 0, 1, -200deg);

2068 opacity: 0;

2069 }

2070 to {

2071

-webkit-transform-origin: center;

2072 transform-origin: center;

2073

-webkit-transform: none;

2074 transform: none;

2075 opacity: 1;

2076 }

2077}

2078

2079.rotateIn {

2080

-webkit-animation-name: rotateIn;

2081 animation-name: rotateIn;

2082}

2083

2084@-webkit-keyframes rotateInDownLeft {

2085 from {

2086 -webkit-transform-origin: left bottom;

2087 transform-origin: left bottom;

2088 -webkit-transform: rotate3d(0, 0, 1, -45deg);

2089 transform: rotate3d(0, 0, 1, -45deg);

2090 opacity: 0;

2091 }

2092 to {

2093 -webkit-transform-origin: left bottom;

2094 transform-origin: left bottom;

2095 -webkit-transform: none;

2096 transform: none;

2097 opacity: 1;

2098 }

2099}

2100

2101@keyframes rotateInDownLeft {

2102 from {

2103

-webkit-transform-origin: left bottom;

2104 transform-origin: left bottom;

2105

-webkit-transform: rotate3d(0, 0, 1, -45deg);

2106 transform: rotate3d(0, 0, 1, -45deg);

2107 opacity: 0;

2108 }

2109 to {

2110

-webkit-transform-origin: left bottom;

2111 transform-origin: left bottom;

2112

-webkit-transform: none;

2113 transform: none;

2114 opacity: 1;

2115 }

2116}

2117

2118.rotateInDownLeft {

2119

-webkit-animation-name: rotateInDownLeft;

2120 animation-name: rotateInDownLeft;

2121}

2122

2123@-webkit-keyframes rotateInDownRight {

2124 from {

2125 -webkit-transform-origin: right bottom;

2126 transform-origin: right bottom;

2127 -webkit-transform: rotate3d(0, 0, 1, 45deg);

2128 transform: rotate3d(0, 0, 1, 45deg);

2129 opacity: 0;

2130 }

2131 to {

2132 -webkit-transform-origin: right bottom;

2133 transform-origin: right bottom;

2134 -webkit-transform: none;

2135 transform: none;

2136 opacity: 1;

2137 }

2138}

2139

2140@keyframes rotateInDownRight {

2141 from {

2142

-webkit-transform-origin: right bottom;

2143 transform-origin: right bottom;

2144

-webkit-transform: rotate3d(0, 0, 1, 45deg);

2145 transform: rotate3d(0, 0, 1, 45deg);

2146 opacity: 0;

2147 }

2148 to {

2149

-webkit-transform-origin: right bottom;

2150 transform-origin: right bottom;

2151

-webkit-transform: none;

2152 transform: none;

2153 opacity: 1;

2154 }

2155}

2156

2157.rotateInDownRight {

2158

-webkit-animation-name: rotateInDownRight;

2159 animation-name: rotateInDownRight;

2160}

2161

2162@-webkit-keyframes rotateInUpLeft {

2163 from {

2164 -webkit-transform-origin: left bottom;

2165 transform-origin: left bottom;

2166 -webkit-transform: rotate3d(0, 0, 1, 45deg);

2167 transform: rotate3d(0, 0, 1, 45deg);

2168 opacity: 0;

2169 }

2170 to {

2171 -webkit-transform-origin: left bottom;

2172 transform-origin: left bottom;

2173 -webkit-transform: none;

2174 transform: none;

2175 opacity: 1;

2176 }

2177}

2178

2179@keyframes rotateInUpLeft {

2180 from {

2181

-webkit-transform-origin: left bottom;

2182 transform-origin: left bottom;

2183

-webkit-transform: rotate3d(0, 0, 1, 45deg);

2184 transform: rotate3d(0, 0, 1, 45deg);

2185 opacity: 0;

2186 }

2187 to {

2188

-webkit-transform-origin: left bottom;

2189 transform-origin: left bottom;

2190

-webkit-transform: none;

2191 transform: none;

2192 opacity: 1;

2193 }

2194}

2195

2196.rotateInUpLeft {

2197

-webkit-animation-name: rotateInUpLeft;

2198 animation-name: rotateInUpLeft;

2199}

2200

2201@-webkit-keyframes rotateInUpRight {

2202 from {

2203 -webkit-transform-origin: right bottom;

2204 transform-origin: right bottom;

2205 -webkit-transform: rotate3d(0, 0, 1, -90deg);

2206 transform: rotate3d(0, 0, 1, -90deg);

2207 opacity: 0;

2208 }

2209 to {

2210 -webkit-transform-origin: right bottom;

2211 transform-origin: right bottom;

2212 -webkit-transform: none;

2213 transform: none;

2214 opacity: 1;

2215 }

2216}

2217

2218@keyframes rotateInUpRight {

2219 from {

2220

-webkit-transform-origin: right bottom;

2221 transform-origin: right bottom;

2222

-webkit-transform: rotate3d(0, 0, 1, -90deg);

2223 transform: rotate3d(0, 0, 1, -90deg);

2224 opacity: 0;

2225 }

2226 to {

2227

-webkit-transform-origin: right bottom;

2228 transform-origin: right bottom;

2229

-webkit-transform: none;

2230 transform: none;

2231 opacity: 1;

2232 }

2233}

2234

2235.rotateInUpRight {

2236

-webkit-animation-name: rotateInUpRight;

2237 animation-name: rotateInUpRight;

2238}

2239

2240@-webkit-keyframes rotateOut {

2241 from {

2242 -webkit-transform-origin: center;

2243 transform-origin: center;

2244 opacity: 1;

2245 }

2246 to {

2247 -webkit-transform-origin: center;

2248 transform-origin: center;

2249 -webkit-transform: rotate3d(0, 0, 1, 200deg);

2250 transform: rotate3d(0, 0, 1, 200deg);

2251 opacity: 0;

2252 }

2253}

2254

2255@keyframes rotateOut {

2256 from {

2257

-webkit-transform-origin: center;

2258 transform-origin: center;

2259 opacity: 1;

2260 }

2261 to {

2262

-webkit-transform-origin: center;

2263 transform-origin: center;

2264

-webkit-transform: rotate3d(0, 0, 1, 200deg);

2265 transform: rotate3d(0, 0, 1, 200deg);

2266 opacity: 0;

2267 }

2268}

2269

2270.rotateOut {

2271

-webkit-animation-name: rotateOut;

2272 animation-name: rotateOut;

2273}

2274

2275@-webkit-keyframes rotateOutDownLeft {

2276 from {

2277 -webkit-transform-origin: left bottom;

2278 transform-origin: left bottom;

2279 opacity: 1;

2280 }

2281 to {

2282 -webkit-transform-origin: left bottom;

2283 transform-origin: left bottom;

2284 -webkit-transform: rotate3d(0, 0, 1, 45deg);

2285 transform: rotate3d(0, 0, 1, 45deg);

2286 opacity: 0;

2287 }

2288}

2289

2290@keyframes rotateOutDownLeft {

2291 from {

2292

-webkit-transform-origin: left bottom;

2293 transform-origin: left bottom;

2294 opacity: 1;

2295 }

2296 to {

2297

-webkit-transform-origin: left bottom;

2298 transform-origin: left bottom;

2299

-webkit-transform: rotate3d(0, 0, 1, 45deg);

2300 transform: rotate3d(0, 0, 1, 45deg);

2301 opacity: 0;

2302 }

2303}

2304

2305.rotateOutDownLeft {

2306

-webkit-animation-name: rotateOutDownLeft;

2307 animation-name: rotateOutDownLeft;

2308}

2309

2310@-webkit-keyframes rotateOutDownRight {

2311 from {

2312 -webkit-transform-origin: right bottom;

2313 transform-origin: right bottom;

2314 opacity: 1;

2315 }

2316 to {

2317 -webkit-transform-origin: right bottom;

2318 transform-origin: right bottom;

2319 -webkit-transform: rotate3d(0, 0, 1, -45deg);

2320 transform: rotate3d(0, 0, 1, -45deg);

2321 opacity: 0;

2322 }

2323}

2324

2325@keyframes rotateOutDownRight {

2326 from {

2327

-webkit-transform-origin: right bottom;

2328 transform-origin: right bottom;

2329 opacity: 1;

2330 }

2331 to {

2332

-webkit-transform-origin: right bottom;

2333 transform-origin: right bottom;

2334

-webkit-transform: rotate3d(0, 0, 1, -45deg);

2335 transform: rotate3d(0, 0, 1, -45deg);

2336 opacity: 0;

2337 }

2338}

2339

2340.rotateOutDownRight {

2341

-webkit-animation-name: rotateOutDownRight;

2342 animation-name: rotateOutDownRight;

2343}

2344

2345@-webkit-keyframes rotateOutUpLeft {

2346 from {

2347 -webkit-transform-origin: left bottom;

2348 transform-origin: left bottom;

2349 opacity: 1;

2350 }

2351 to {

2352 -webkit-transform-origin: left bottom;

2353 transform-origin: left bottom;

2354 -webkit-transform: rotate3d(0, 0, 1, -45deg);

2355 transform: rotate3d(0, 0, 1, -45deg);

2356 opacity: 0;

2357 }

2358}

2359

2360@keyframes rotateOutUpLeft {

2361 from {

2362

-webkit-transform-origin: left bottom;

2363 transform-origin: left bottom;

2364 opacity: 1;

2365 }

2366 to {

2367

-webkit-transform-origin: left bottom;

2368 transform-origin: left bottom;

2369

-webkit-transform: rotate3d(0, 0, 1, -45deg);

2370 transform: rotate3d(0, 0, 1, -45deg);

2371 opacity: 0;

2372 }

2373}

2374

2375.rotateOutUpLeft {

2376

-webkit-animation-name: rotateOutUpLeft;

2377 animation-name: rotateOutUpLeft;

2378}

2379

2380@-webkit-keyframes rotateOutUpRight {

2381 from {

2382 -webkit-transform-origin: right bottom;

2383 transform-origin: right bottom;

2384 opacity: 1;

2385 }

2386 to {

2387 -webkit-transform-origin: right bottom;

2388 transform-origin: right bottom;

2389 -webkit-transform: rotate3d(0, 0, 1, 90deg);

2390 transform: rotate3d(0, 0, 1, 90deg);

2391 opacity: 0;

2392 }