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

38 from,

39 20%,

40 53%,

41 80%,

42 to {

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

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

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

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

47 }

48

49 40%,

50 43% {

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

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

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

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

55 }

56

57 70% {

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

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

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

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

62 }

63

64 90% {

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

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

67 }

68}

69

70@keyframes bounce {

71

72 from,

73 20%,

74 53%,

75 80%,

76 to {

77

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

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

79

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

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

81 }

82

83 40%,

84 43% {

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, -30px, 0);

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

89 }

90

91 70% {

92

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

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

94

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

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

96 }

97

98 90% {

99

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

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

101 }

102}

103

104.bounce {

105

-webkit-animation-name: bounce;

106 animation-name: bounce;

107

-webkit-transform-origin: center bottom;

108 transform-origin: center bottom;

109}

110

111@-webkit-keyframes flash {

112

113 from,

114 50%,

115 to {

116 opacity: 1;

117 }

118

119 25%,

120 75% {

121 opacity: 0;

122 }

123}

124

125@keyframes flash {

126

127 from,

128 50%,

129 to {

130 opacity: 1;

131 }

132

133 25%,

134 75% {

135 opacity: 0;

136 }

137}

138

139.flash {

140

-webkit-animation-name: flash;

141 animation-name: flash;

142}

143

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

145

146@-webkit-keyframes pulse {

147 from {

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

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

150 }

151

152 50% {

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

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

155 }

156

157 to {

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

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

160 }

161}

162

163@keyframes pulse {

164 from {

165

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

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

167 }

168

169 50% {

170

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

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

172 }

173

174 to {

175

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

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

177 }

178}

179

180.pulse {

181

-webkit-animation-name: pulse;

182 animation-name: pulse;

183}

184

185@-webkit-keyframes rubberBand {

186 from {

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

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

189 }

190

191 30% {

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

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

194 }

195

196 40% {

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

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

199 }

200

201 50% {

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

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

204 }

205

206 65% {

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

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

209 }

210

211 75% {

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

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

214 }

215

216 to {

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

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

219 }

220}

221

222@keyframes rubberBand {

223 from {

224

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

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

226 }

227

228 30% {

229

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

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

231 }

232

233 40% {

234

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

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

236 }

237

238 50% {

239

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

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

241 }

242

243 65% {

244

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

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

246 }

247

248 75% {

249

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

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

251 }

252

253 to {

254

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

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

256 }

257}

258

259.rubberBand {

260

-webkit-animation-name: rubberBand;

261 animation-name: rubberBand;

262}

263

264@-webkit-keyframes shake {

265

266 from,

267 to {

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

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

270 }

271

272 10%,

273 30%,

274 50%,

275 70%,

276 90% {

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

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

279 }

280

281 20%,

282 40%,

283 60%,

284 80% {

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

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

287 }

288}

289

290@keyframes shake {

291

292 from,

293 to {

294

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

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

296 }

297

298 10%,

299 30%,

300 50%,

301 70%,

302 90% {

303

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

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

305 }

306

307 20%,

308 40%,

309 60%,

310 80% {

311

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

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

313 }

314}

315

316.shake {

317

-webkit-animation-name: shake;

318 animation-name: shake;

319}

320

321@-webkit-keyframes headShake {

322 0% {

323 -webkit-transform: translateX(0);

324 transform: translateX(0);

325 }

326

327 6.5% {

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

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

330 }

331

332 18.5% {

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

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

335 }

336

337 31.5% {

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

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

340 }

341

342 43.5% {

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

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

345 }

346

347 50% {

348 -webkit-transform: translateX(0);

349 transform: translateX(0);

350 }

351}

352

353@keyframes headShake {

354 0% {

355

-webkit-transform: translateX(0);

356 transform: translateX(0);

357 }

358

359 6.5% {

360

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

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

362 }

363

364 18.5% {

365

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

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

367 }

368

369 31.5% {

370

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

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

372 }

373

374 43.5% {

375

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

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

377 }

378

379 50% {

380

-webkit-transform: translateX(0);

381 transform: translateX(0);

382 }

383}

384

385.headShake {

386

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

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

388

-webkit-animation-name: headShake;

389 animation-name: headShake;

390}

391

392@-webkit-keyframes swing {

393 20% {

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

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

396 }

397

398 40% {

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

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

401 }

402

403 60% {

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

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

406 }

407

408 80% {

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

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

411 }

412

413 to {

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

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

416 }

417}

418

419@keyframes swing {

420 20% {

421

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

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

423 }

424

425 40% {

426

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

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

428 }

429

430 60% {

431

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

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

433 }

434

435 80% {

436

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

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

438 }

439

440 to {

441

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

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

443 }

444}

445

446.swing {

447

-webkit-transform-origin: top center;

448 transform-origin: top center;

449

-webkit-animation-name: swing;

450 animation-name: swing;

451}

452

453@-webkit-keyframes tada {

454 from {

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

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

457 }

458

459 10%,

460 20% {

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

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

463 }

464

465 30%,

466 50%,

467 70%,

468 90% {

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

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

471 }

472

473 40%,

474 60%,

475 80% {

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

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

478 }

479

480 to {

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

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

483 }

484}

485

486@keyframes tada {

487 from {

488

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

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

490 }

491

492 10%,

493 20% {

494

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

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

496 }

497

498 30%,

499 50%,

500 70%,

501 90% {

502

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

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

504 }

505

506 40%,

507 60%,

508 80% {

509

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

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

511 }

512

513 to {

514

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

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

516 }

517}

518

519.tada {

520

-webkit-animation-name: tada;

521 animation-name: tada;

522}

523

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

525

526@-webkit-keyframes wobble {

527 from {

528 -webkit-transform: none;

529 transform: none;

530 }

531

532 15% {

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

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

535 }

536

537 30% {

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

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

540 }

541

542 45% {

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

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

545 }

546

547 60% {

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

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

550 }

551

552 75% {

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

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

555 }

556

557 to {

558 -webkit-transform: none;

559 transform: none;

560 }

561}

562

563@keyframes wobble {

564 from {

565

-webkit-transform: none;

566 transform: none;

567 }

568

569 15% {

570

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

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

572 }

573

574 30% {

575

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

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

577 }

578

579 45% {

580

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

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

582 }

583

584 60% {

585

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

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

587 }

588

589 75% {

590

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

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

592 }

593

594 to {

595

-webkit-transform: none;

596 transform: none;

597 }

598}

599

600.wobble {

601

-webkit-animation-name: wobble;

602 animation-name: wobble;

603}

604

605@-webkit-keyframes jello {

606

607 from,

608 11.1%,

609 to {

610 -webkit-transform: none;

611 transform: none;

612 }

613

614 22.2% {

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

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

617 }

618

619 33.3% {

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

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

622 }

623

624 44.4% {

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

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

627 }

628

629 55.5% {

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

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

632 }

633

634 66.6% {

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

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

637 }

638

639 77.7% {

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

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

642 }

643

644 88.8% {

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

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

647 }

648}

649

650@keyframes jello {

651

652 from,

653 11.1%,

654 to {

655

-webkit-transform: none;

656 transform: none;

657 }

658

659 22.2% {

660

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

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

662 }

663

664 33.3% {

665

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

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

667 }

668

669 44.4% {

670

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

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

672 }

673

674 55.5% {

675

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

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

677 }

678

679 66.6% {

680

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

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

682 }

683

684 77.7% {

685

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

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

687 }

688

689 88.8% {

690

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

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

692 }

693}

694

695.jello {

696

-webkit-animation-name: jello;

697 animation-name: jello;

698

-webkit-transform-origin: center;

699 transform-origin: center;

700}

701

702@-webkit-keyframes bounceIn {

703

704 from,

705 20%,

706 40%,

707 60%,

708 80%,

709 to {

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

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

712 }

713

714 0% {

715 opacity: 0;

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

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

718 }

719

720 20% {

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

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

723 }

724

725 40% {

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

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

728 }

729

730 60% {

731 opacity: 1;

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

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

734 }

735

736 80% {

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

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

739 }

740

741 to {

742 opacity: 1;

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

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

745 }

746}

747

748@keyframes bounceIn {

749

750 from,

751 20%,

752 40%,

753 60%,

754 80%,

755 to {

756

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

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

758 }

759

760 0% {

761 opacity: 0;

762

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

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

764 }

765

766 20% {

767

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

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

769 }

770

771 40% {

772

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

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

774 }

775

776 60% {

777 opacity: 1;

778

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

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

780 }

781

782 80% {

783

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

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

785 }

786

787 to {

788 opacity: 1;

789

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

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

791 }

792}

793

794.bounceIn {

795

-webkit-animation-name: bounceIn;

796 animation-name: bounceIn;

797}

798

799@-webkit-keyframes bounceInDown {

800

801 from,

802 60%,

803 75%,

804 90%,

805 to {

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

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

808 }

809

810 0% {

811 opacity: 0;

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

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

814 }

815

816 60% {

817 opacity: 1;

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

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

820 }

821

822 75% {

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

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

825 }

826

827 90% {

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

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

830 }

831

832 to {

833 -webkit-transform: none;

834 transform: none;

835 }

836}

837

838@keyframes bounceInDown {

839

840 from,

841 60%,

842 75%,

843 90%,

844 to {

845

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

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

847 }

848

849 0% {

850 opacity: 0;

851

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

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

853 }

854

855 60% {

856 opacity: 1;

857

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

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

859 }

860

861 75% {

862

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

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

864 }

865

866 90% {

867

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

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

869 }

870

871 to {

872

-webkit-transform: none;

873 transform: none;

874 }

875}

876

877.bounceInDown {

878

-webkit-animation-name: bounceInDown;

879 animation-name: bounceInDown;

880}

881

882@-webkit-keyframes bounceInLeft {

883

884 from,

885 60%,

886 75%,

887 90%,

888 to {

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

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

891 }

892

893 0% {

894 opacity: 0;

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

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

897 }

898

899 60% {

900 opacity: 1;

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

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

903 }

904

905 75% {

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

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

908 }

909

910 90% {

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

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

913 }

914

915 to {

916 -webkit-transform: none;

917 transform: none;

918 }

919}

920

921@keyframes bounceInLeft {

922

923 from,

924 60%,

925 75%,

926 90%,

927 to {

928

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

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

930 }

931

932 0% {

933 opacity: 0;

934

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

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

936 }

937

938 60% {

939 opacity: 1;

940

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

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

942 }

943

944 75% {

945

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

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

947 }

948

949 90% {

950

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

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

952 }

953

954 to {

955

-webkit-transform: none;

956 transform: none;

957 }

958}

959

960.bounceInLeft {

961

-webkit-animation-name: bounceInLeft;

962 animation-name: bounceInLeft;

963}

964

965@-webkit-keyframes bounceInRight {

966

967 from,

968 60%,

969 75%,

970 90%,

971 to {

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

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

974 }

975

976 from {

977 opacity: 0;

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

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

980 }

981

982 60% {

983 opacity: 1;

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

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

986 }

987

988 75% {

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

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

991 }

992

993 90% {

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

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

996 }

997

998 to {

999 -webkit-transform: none;

1000 transform: none;

1001 }

1002}

1003

1004@keyframes bounceInRight {

1005

1006 from,

1007 60%,

1008 75%,

1009 90%,

1010 to {

1011

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

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

1013 }

1014

1015 from {

1016 opacity: 0;

1017

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

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

1019 }

1020

1021 60% {

1022 opacity: 1;

1023

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

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

1025 }

1026

1027 75% {

1028

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

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

1030 }

1031

1032 90% {

1033

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

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

1035 }

1036

1037 to {

1038

-webkit-transform: none;

1039 transform: none;

1040 }

1041}

1042

1043.bounceInRight {

1044

-webkit-animation-name: bounceInRight;

1045 animation-name: bounceInRight;

1046}

1047

1048@-webkit-keyframes bounceInUp {

1049

1050 from,

1051 60%,

1052 75%,

1053 90%,

1054 to {

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

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

1057 }

1058

1059 from {

1060 opacity: 0;

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

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

1063 }

1064

1065 60% {

1066 opacity: 1;

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

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

1069 }

1070

1071 75% {

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

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

1074 }

1075

1076 90% {

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

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

1079 }

1080

1081 to {

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

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

1084 }

1085}

1086

1087@keyframes bounceInUp {

1088

1089 from,

1090 60%,

1091 75%,

1092 90%,

1093 to {

1094

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

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

1096 }

1097

1098 from {

1099 opacity: 0;

1100

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

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

1102 }

1103

1104 60% {

1105 opacity: 1;

1106

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

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

1108 }

1109

1110 75% {

1111

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

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

1113 }

1114

1115 90% {

1116

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

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

1118 }

1119

1120 to {

1121

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

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

1123 }

1124}

1125

1126.bounceInUp {

1127

-webkit-animation-name: bounceInUp;

1128 animation-name: bounceInUp;

1129}

1130

1131@-webkit-keyframes bounceOut {

1132 20% {

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

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

1135 }

1136

1137 50%,

1138 55% {

1139 opacity: 1;

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

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

1142 }

1143

1144 to {

1145 opacity: 0;

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

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

1148 }

1149}

1150

1151@keyframes bounceOut {

1152 20% {

1153

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

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

1155 }

1156

1157 50%,

1158 55% {

1159 opacity: 1;

1160

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

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

1162 }

1163

1164 to {

1165 opacity: 0;

1166

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

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

1168 }

1169}

1170

1171.bounceOut {

1172

-webkit-animation-name: bounceOut;

1173 animation-name: bounceOut;

1174}

1175

1176@-webkit-keyframes bounceOutDown {

1177 20% {

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

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

1180 }

1181

1182 40%,

1183 45% {

1184 opacity: 1;

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

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

1187 }

1188

1189 to {

1190 opacity: 0;

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

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

1193 }

1194}

1195

1196@keyframes bounceOutDown {

1197 20% {

1198

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

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

1200 }

1201

1202 40%,

1203 45% {

1204 opacity: 1;

1205

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

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

1207 }

1208

1209 to {

1210 opacity: 0;

1211

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

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

1213 }

1214}

1215

1216.bounceOutDown {

1217

-webkit-animation-name: bounceOutDown;

1218 animation-name: bounceOutDown;

1219}

1220

1221@-webkit-keyframes bounceOutLeft {

1222 20% {

1223 opacity: 1;

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

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

1226 }

1227

1228 to {

1229 opacity: 0;

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

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

1232 }

1233}

1234

1235@keyframes bounceOutLeft {

1236 20% {

1237 opacity: 1;

1238

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

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

1240 }

1241

1242 to {

1243 opacity: 0;

1244

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

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

1246 }

1247}

1248

1249.bounceOutLeft {

1250

-webkit-animation-name: bounceOutLeft;

1251 animation-name: bounceOutLeft;

1252}

1253

1254@-webkit-keyframes bounceOutRight {

1255 20% {

1256 opacity: 1;

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

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

1259 }

1260

1261 to {

1262 opacity: 0;

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

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

1265 }

1266}

1267

1268@keyframes bounceOutRight {

1269 20% {

1270 opacity: 1;

1271

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

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

1273 }

1274

1275 to {

1276 opacity: 0;

1277

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

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

1279 }

1280}

1281

1282.bounceOutRight {

1283

-webkit-animation-name: bounceOutRight;

1284 animation-name: bounceOutRight;

1285}

1286

1287@-webkit-keyframes bounceOutUp {

1288 20% {

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

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

1291 }

1292

1293 40%,

1294 45% {

1295 opacity: 1;

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

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

1298 }

1299

1300 to {

1301 opacity: 0;

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

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

1304 }

1305}

1306

1307@keyframes bounceOutUp {

1308 20% {

1309

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

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

1311 }

1312

1313 40%,

1314 45% {

1315 opacity: 1;

1316

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

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

1318 }

1319

1320 to {

1321 opacity: 0;

1322

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

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

1324 }

1325}

1326

1327.bounceOutUp {

1328

-webkit-animation-name: bounceOutUp;

1329 animation-name: bounceOutUp;

1330}

1331

1332@-webkit-keyframes fadeIn {

1333 from {

1334 opacity: 0;

1335 }

1336

1337 to {

1338 opacity: 1;

1339 }

1340}

1341

1342@keyframes fadeIn {

1343 from {

1344 opacity: 0;

1345 }

1346

1347 to {

1348 opacity: 1;

1349 }

1350}

1351

1352.fadeIn {

1353

-webkit-animation-name: fadeIn;

1354 animation-name: fadeIn;

1355}

1356

1357@-webkit-keyframes fadeInDown {

1358 from {

1359 opacity: 0;

1360 -webkit-transform: translate3d(0, -100%, 0);

1361 transform: translate3d(0, -100%, 0);

1362 }

1363

1364 to {

1365 opacity: 1;

1366 -webkit-transform: none;

1367 transform: none;

1368 }

1369}

1370

1371@keyframes fadeInDown {

1372 from {

1373 opacity: 0;

1374

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

1375 transform: translate3d(0, -30%, 0);

1376 }

1377

1378 to {

1379 opacity: 1;

1380

-webkit-transform: none;

1381 transform: none;

1382 }

1383}

1384

1385.fadeInDown {

1386

-webkit-animation-name: fadeInDown;

1387 animation-name: fadeInDown;

1388}

1389

1390@-webkit-keyframes fadeInDownBig {

1391 from {

1392 opacity: 0;

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

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

1395 }

1396

1397 to {

1398 opacity: 1;

1399 -webkit-transform: none;

1400 transform: none;

1401 }

1402}

1403

1404@keyframes fadeInDownBig {

1405 from {

1406 opacity: 0;

1407

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

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

1409 }

1410

1411 to {

1412 opacity: 1;

1413

-webkit-transform: none;

1414 transform: none;

1415 }

1416}

1417

1418.fadeInDownBig {

1419

-webkit-animation-name: fadeInDownBig;

1420 animation-name: fadeInDownBig;

1421}

1422

1423@-webkit-keyframes fadeInLeft {

1424 from {

1425 opacity: 0;

1426 -webkit-transform: translate3d(-100%, 0, 0);

1427 transform: translate3d(-100%, 0, 0);

1428 }

1429

1430 to {

1431 opacity: 1;

1432 -webkit-transform: none;

1433 transform: none;

1434 }

1435}

1436

1437@keyframes fadeInLeft {

1438 from {

1439 opacity: 0;

1440

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

1441 transform: translate3d(-100%, 0, 0);

1442 }

1443

1444 to {

1445 opacity: 1;

1446

-webkit-transform: none;

1447 transform: none;

1448 }

1449}

1450

1451.fadeInLeft {

1452

-webkit-animation-name: fadeInLeft;

1453 animation-name: fadeInLeft;

1454}

1455

1456@-webkit-keyframes fadeInLeftBig {

1457 from {

1458 opacity: 0;

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

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

1461 }

1462

1463 to {

1464 opacity: 1;

1465 -webkit-transform: none;

1466 transform: none;

1467 }

1468}

1469

1470@keyframes fadeInLeftBig {

1471 from {

1472 opacity: 0;

1473

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

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

1475 }

1476

1477 to {

1478 opacity: 1;

1479

-webkit-transform: none;

1480 transform: none;

1481 }

1482}

1483

1484.fadeInLeftBig {

1485

-webkit-animation-name: fadeInLeftBig;

1486 animation-name: fadeInLeftBig;

1487}

1488

1489@-webkit-keyframes fadeInRight {

1490 from {

1491 opacity: 0;

1492 -webkit-transform: translate3d(100%, 0, 0);

1493 transform: translate3d(100%, 0, 0);

1494 }

1495

1496 to {

1497 opacity: 1;

1498 -webkit-transform: none;

1499 transform: none;

1500 }

1501}

1502

1503@keyframes fadeInRight {

1504 from {

1505 opacity: 0;

1506

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

1507 transform: translate3d(100%, 0, 0);

1508 }

1509

1510 to {

1511 opacity: 1;

1512

-webkit-transform: none;

1513 transform: none;

1514 }

1515}

1516

1517.fadeInRight {

1518

-webkit-animation-name: fadeInRight;

1519 animation-name: fadeInRight;

1520}

1521

1522@-webkit-keyframes fadeInRightBig {

1523 from {

1524 opacity: 0;

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

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

1527 }

1528

1529 to {

1530 opacity: 1;

1531 -webkit-transform: none;

1532 transform: none;

1533 }

1534}

1535

1536@keyframes fadeInRightBig {

1537 from {

1538 opacity: 0;

1539

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

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

1541 }

1542

1543 to {

1544 opacity: 1;

1545

-webkit-transform: none;

1546 transform: none;

1547 }

1548}

1549

1550.fadeInRightBig {

1551

-webkit-animation-name: fadeInRightBig;

1552 animation-name: fadeInRightBig;

1553}

1554

1555@-webkit-keyframes fadeInUp {

1556 0% {

1557 opacity: 0;

1558 -webkit-transform: translateY(20px);

1559 transform: translateY(20px);

1560 }

1561

1562 100% {

1563 opacity: 1;

1564 -webkit-transform: translateY(0);

1565 transform: translateY(0);

1566 }

1567}

1568

1569@keyframes fadeInUp {

1570 0% {

1571 opacity: 0;

1572

-webkit-transform: translateY(20px);

1573 transform: translateY(20px);

1574 }

1575

1576 100% {

1577 opacity: 1;

1578

-webkit-transform: translateY(0);

1579 transform: translateY(0);

1580 }

1581}

1582

1583.fadeInUp {

1584

-webkit-animation-name: fadeInUp;

1585 animation-name: fadeInUp;

1586}

1587

1588@-webkit-keyframes fadeInUpBig {

1589 from {

1590 opacity: 0;

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

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

1593 }

1594

1595 to {

1596 opacity: 1;

1597 -webkit-transform: none;

1598 transform: none;

1599 }

1600}

1601

1602@keyframes fadeInUpBig {

1603 from {

1604 opacity: 0;

1605

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

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

1607 }

1608

1609 to {

1610 opacity: 1;

1611

-webkit-transform: none;

1612 transform: none;

1613 }

1614}

1615

1616.fadeInUpBig {

1617

-webkit-animation-name: fadeInUpBig;

1618 animation-name: fadeInUpBig;

1619}

1620

1621@-webkit-keyframes fadeOut {

1622 from {

1623 opacity: 1;

1624 }

1625

1626 to {

1627 opacity: 0;

1628 }

1629}

1630

1631@keyframes fadeOut {

1632 from {

1633 opacity: 1;

1634 }

1635

1636 to {

1637 opacity: 0;

1638 }

1639}

1640

1641.fadeOut {

1642

-webkit-animation-name: fadeOut;

1643 animation-name: fadeOut;

1644}

1645

1646@-webkit-keyframes fadeOutDown {

1647 from {

1648 opacity: 1;

1649 }

1650

1651 to {

1652 opacity: 0;

1653 -webkit-transform: translate3d(0, 100%, 0);

1654 transform: translate3d(0, 100%, 0);

1655 }

1656}

1657

1658@keyframes fadeOutDown {

1659 from {

1660 opacity: 1;

1661 }

1662

1663 to {

1664 opacity: 0;

1665

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

1666 transform: translate3d(0, 100%, 0);

1667 }

1668}

1669

1670.fadeOutDown {

1671

-webkit-animation-name: fadeOutDown;

1672 animation-name: fadeOutDown;

1673}

1674

1675@-webkit-keyframes fadeOutDownBig {

1676 from {

1677 opacity: 1;

1678 }

1679

1680 to {

1681 opacity: 0;

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

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

1684 }

1685}

1686

1687@keyframes fadeOutDownBig {

1688 from {

1689 opacity: 1;

1690 }

1691

1692 to {

1693 opacity: 0;

1694

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

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

1696 }

1697}

1698

1699.fadeOutDownBig {

1700

-webkit-animation-name: fadeOutDownBig;

1701 animation-name: fadeOutDownBig;

1702}

1703

1704@-webkit-keyframes fadeOutLeft {

1705 from {

1706 opacity: 1;

1707 }

1708

1709 to {

1710 opacity: 0;

1711 -webkit-transform: translate3d(-100%, 0, 0);

1712 transform: translate3d(-100%, 0, 0);

1713 }

1714}

1715

1716@keyframes fadeOutLeft {

1717 from {

1718 opacity: 1;

1719 }

1720

1721 to {

1722 opacity: 0;

1723

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

1724 transform: translate3d(-100%, 0, 0);

1725 }

1726}

1727

1728.fadeOutLeft {

1729

-webkit-animation-name: fadeOutLeft;

1730 animation-name: fadeOutLeft;

1731}

1732

1733@-webkit-keyframes fadeOutLeftBig {

1734 from {

1735 opacity: 1;

1736 }

1737

1738 to {

1739 opacity: 0;

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

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

1742 }

1743}

1744

1745@keyframes fadeOutLeftBig {

1746 from {

1747 opacity: 1;

1748 }

1749

1750 to {

1751 opacity: 0;

1752

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

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

1754 }

1755}

1756

1757.fadeOutLeftBig {

1758

-webkit-animation-name: fadeOutLeftBig;

1759 animation-name: fadeOutLeftBig;

1760}

1761

1762@-webkit-keyframes fadeOutRight {

1763 from {

1764 opacity: 1;

1765 }

1766

1767 to {

1768 opacity: 0;

1769 -webkit-transform: translate3d(100%, 0, 0);

1770 transform: translate3d(100%, 0, 0);

1771 }

1772}

1773

1774@keyframes fadeOutRight {

1775 from {

1776 opacity: 1;

1777 }

1778

1779 to {

1780 opacity: 0;

1781

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

1782 transform: translate3d(100%, 0, 0);

1783 }

1784}

1785

1786.fadeOutRight {

1787

-webkit-animation-name: fadeOutRight;

1788 animation-name: fadeOutRight;

1789}

1790

1791@-webkit-keyframes fadeOutRightBig {

1792 from {

1793 opacity: 1;

1794 }

1795

1796 to {

1797 opacity: 0;

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

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

1800 }

1801}

1802

1803@keyframes fadeOutRightBig {

1804 from {

1805 opacity: 1;

1806 }

1807

1808 to {

1809 opacity: 0;

1810

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

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

1812 }

1813}

1814

1815.fadeOutRightBig {

1816

-webkit-animation-name: fadeOutRightBig;

1817 animation-name: fadeOutRightBig;

1818}

1819

1820@-webkit-keyframes fadeOutUp {

1821 from {

1822 opacity: 1;

1823 }

1824

1825 to {

1826 opacity: 0;

1827 -webkit-transform: translate3d(0, -100%, 0);

1828 transform: translate3d(0, -100%, 0);

1829 }

1830}

1831

1832@keyframes fadeOutUp {

1833 from {

1834 opacity: 1;

1835 }

1836

1837 to {

1838 opacity: 0;

1839

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

1840 transform: translate3d(0, -100%, 0);

1841 }

1842}

1843

1844.fadeOutUp {

1845

-webkit-animation-name: fadeOutUp;

1846 animation-name: fadeOutUp;

1847}

1848

1849@-webkit-keyframes fadeOutUpBig {

1850 from {

1851 opacity: 1;

1852 }

1853

1854 to {

1855 opacity: 0;

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

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

1858 }

1859}

1860

1861@keyframes fadeOutUpBig {

1862 from {

1863 opacity: 1;

1864 }

1865

1866 to {

1867 opacity: 0;

1868

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

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

1870 }

1871}

1872

1873.fadeOutUpBig {

1874

-webkit-animation-name: fadeOutUpBig;

1875 animation-name: fadeOutUpBig;

1876}

1877

1878@-webkit-keyframes flip {

1879 from {

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

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

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

1883 animation-timing-function: ease-out;

1884 }

1885

1886 40% {

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

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

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

1890 animation-timing-function: ease-out;

1891 }

1892

1893 50% {

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

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

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

1897 animation-timing-function: ease-in;

1898 }

1899

1900 80% {

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

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

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

1904 animation-timing-function: ease-in;

1905 }

1906

1907 to {

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

1909 transform: perspective(400px);

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

1911 animation-timing-function: ease-in;

1912 }

1913}

1914

1915@keyframes flip {

1916 from {

1917

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

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

1919

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

1920 animation-timing-function: ease-out;

1921 }

1922

1923 40% {

1924

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

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

1926

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

1927 animation-timing-function: ease-out;

1928 }

1929

1930 50% {

1931

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

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

1933

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

1934 animation-timing-function: ease-in;

1935 }

1936

1937 80% {

1938

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

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

1940

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

1941 animation-timing-function: ease-in;

1942 }

1943

1944 to {

1945

-webkit-transform: perspective(400px);

1946 transform: perspective(400px);

1947

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

1948 animation-timing-function: ease-in;

1949 }

1950}

1951

1952.animated.flip {

1953

-webkit-backface-visibility: visible;

1954 backface-visibility: visible;

1955

-webkit-animation-name: flip;

1956 animation-name: flip;

1957}

1958

1959@-webkit-keyframes flipInX {

1960 from {

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

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

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

1964 animation-timing-function: ease-in;

1965 opacity: 0;

1966 }

1967

1968 40% {

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

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

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

1972 animation-timing-function: ease-in;

1973 }

1974

1975 60% {

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

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

1978 opacity: 1;

1979 }

1980

1981 80% {

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

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

1984 }

1985

1986 to {

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

1988 transform: perspective(400px);

1989 }

1990}

1991

1992@keyframes flipInX {

1993 from {

1994

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

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

1996

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

1997 animation-timing-function: ease-in;

1998 opacity: 0;

1999 }

2000

2001 40% {

2002

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

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

2004

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

2005 animation-timing-function: ease-in;

2006 }

2007

2008 60% {

2009

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

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

2011 opacity: 1;

2012 }

2013

2014 80% {

2015

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

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

2017 }

2018

2019 to {

2020

-webkit-transform: perspective(400px);

2021 transform: perspective(400px);

2022 }

2023}

2024

2025.flipInX {

2026

-webkit-backface-visibility: visible !important;

2027 backface-visibility: visible !important;

2028

-webkit-animation-name: flipInX;

2029 animation-name: flipInX;

2030}

2031

2032@-webkit-keyframes flipInY {

2033 from {

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

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

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

2037 animation-timing-function: ease-in;

2038 opacity: 0;

2039 }

2040

2041 40% {

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

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

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

2045 animation-timing-function: ease-in;

2046 }

2047

2048 60% {

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

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

2051 opacity: 1;

2052 }

2053

2054 80% {

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

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

2057 }

2058

2059 to {

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

2061 transform: perspective(400px);

2062 }

2063}

2064

2065@keyframes flipInY {

2066 from {

2067

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

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

2069

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

2070 animation-timing-function: ease-in;

2071 opacity: 0;

2072 }

2073

2074 40% {

2075

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

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

2077

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

2078 animation-timing-function: ease-in;

2079 }

2080

2081 60% {

2082

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

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

2084 opacity: 1;

2085 }

2086

2087 80% {

2088

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

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

2090 }

2091

2092 to {

2093

-webkit-transform: perspective(400px);

2094 transform: perspective(400px);

2095 }

2096}

2097

2098.flipInY {

2099

-webkit-backface-visibility: visible !important;

2100 backface-visibility: visible !important;

2101

-webkit-animation-name: flipInY;

2102 animation-name: flipInY;

2103}

2104

2105@-webkit-keyframes flipOutX {

2106 from {

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

2108 transform: perspective(400px);

2109 }

2110

2111 30% {

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

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

2114 opacity: 1;

2115 }

2116

2117 to {

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

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

2120 opacity: 0;

2121 }

2122}

2123

2124@keyframes flipOutX {

2125 from {

2126

-webkit-transform: perspective(400px);

2127 transform: perspective(400px);

2128 }

2129

2130 30% {

2131

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

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

2133 opacity: 1;

2134 }

2135

2136 to {

2137

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

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

2139 opacity: 0;

2140 }

2141}

2142

2143.flipOutX {

2144

-webkit-animation-name: flipOutX;

2145 animation-name: flipOutX;

2146

-webkit-backface-visibility: visible !important;

2147 backface-visibility: visible !important;

2148}

2149

2150@-webkit-keyframes flipOutY {

2151 from {

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

2153 transform: perspective(400px);

2154 }

2155

2156 30% {

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

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

2159 opacity: 1;

2160 }

2161

2162 to {

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

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

2165 opacity: 0;

2166 }

2167}

2168

2169@keyframes flipOutY {

2170 from {

2171

-webkit-transform: perspective(400px);

2172 transform: perspective(400px);

2173 }

2174

2175 30% {

2176

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

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

2178 opacity: 1;

2179 }

2180

2181 to {

2182

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

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

2184 opacity: 0;

2185 }

2186}

2187

2188.flipOutY {

2189

-webkit-backface-visibility: visible !important;

2190 backface-visibility: visible !important;

2191

-webkit-animation-name: flipOutY;

2192 animation-name: flipOutY;

2193}

2194

2195@-webkit-keyframes lightSpeedIn {

2196 from {

2197 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);

2198 transform: translate3d(100%, 0, 0) skewX(-30deg);

2199 opacity: 0;

2200 }

2201

2202 60% {

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

2204 transform: skewX(20deg);

2205 opacity: 1;

2206 }

2207

2208 80% {

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

2210 transform: skewX(-5deg);

2211 opacity: 1;

2212 }

2213

2214 to {

2215 -webkit-transform: none;

2216 transform: none;

2217 opacity: 1;

2218 }

2219}

2220

2221@keyframes lightSpeedIn {

2222 from {

2223

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

2224 transform: translate3d(100%, 0, 0) skewX(-30deg);

2225 opacity: 0;

2226 }

2227

2228 60% {

2229

-webkit-transform: skewX(20deg);

2230 transform: skewX(20deg);

2231 opacity: 1;

2232 }

2233

2234 80% {

2235

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

2236 transform: skewX(-5deg);

2237 opacity: 1;

2238 }

2239

2240 to {

2241

-webkit-transform: none;

2242 transform: none;

2243 opacity: 1;

2244 }

2245}

2246

2247.lightSpeedIn {

2248

-webkit-animation-name: lightSpeedIn;

2249 animation-name: lightSpeedIn;

2250

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

2251 animation-timing-function: ease-out;

2252}

2253

2254@-webkit-keyframes lightSpeedOut {

2255 from {

2256 opacity: 1;

2257 }

2258

2259 to {

2260 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);

2261 transform: translate3d(100%, 0, 0) skewX(30deg);

2262 opacity: 0;

2263 }

2264}

2265

2266@keyframes lightSpeedOut {

2267 from {

2268 opacity: 1;

2269 }

2270

2271 to {

2272

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

2273 transform: translate3d(100%, 0, 0) skewX(30deg);

2274 opacity: 0;

2275 }

2276}

2277

2278.lightSpeedOut {

2279

-webkit-animation-name: lightSpeedOut;

2280 animation-name: lightSpeedOut;

2281

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

2282 animation-timing-function: ease-in;

2283}

2284

2285@-webkit-keyframes rotateIn {

2286 from {

2287 -webkit-transform-origin: center;

2288 transform-origin: center;

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

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

2291 opacity: 0;

2292 }

2293

2294 to {

2295 -webkit-transform-origin: center;

2296 transform-origin: center;

2297 -webkit-transform: none;

2298 transform: none;

2299 opacity: 1;

2300 }

2301}

2302

2303@keyframes rotateIn {

2304 from {

2305

-webkit-transform-origin: center;

2306 transform-origin: center;

2307

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

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

2309 opacity: 0;

2310 }

2311

2312 to {

2313

-webkit-transform-origin: center;

2314 transform-origin: center;

2315

-webkit-transform: none;

2316 transform: none;

2317 opacity: 1;

2318 }

2319}

2320

2321.rotateIn {

2322

-webkit-animation-name: rotateIn;

2323 animation-name: rotateIn;

2324}

2325

2326@-webkit-keyframes rotateInDownLeft {

2327 from {

2328 -webkit-transform-origin: left bottom;

2329 transform-origin: left bottom;

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

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

2332 opacity: 0;

2333 }

2334

2335 to {

2336 -webkit-transform-origin: left bottom;

2337 transform-origin: left bottom;

2338 -webkit-transform: none;

2339 transform: none;

2340 opacity: 1;

2341 }

2342}

2343

2344@keyframes rotateInDownLeft {

2345 from {

2346

-webkit-transform-origin: left bottom;

2347 transform-origin: left bottom;

2348

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

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

2350 opacity: 0;

2351 }

2352

2353 to {

2354

-webkit-transform-origin: left bottom;

2355 transform-origin: left bottom;

2356

-webkit-transform: none;

2357 transform: none;

2358 opacity: 1;

2359 }

2360}

2361

2362.rotateInDownLeft {

2363

-webkit-animation-name: rotateInDownLeft;

2364 animation-name: rotateInDownLeft;

2365}

2366

2367@-webkit-keyframes rotateInDownRight {

2368 from {

2369 -webkit-transform-origin: right bottom;

2370 transform-origin: right bottom;

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

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

2373 opacity: 0;

2374 }

2375

2376 to {

2377 -webkit-transform-origin: right bottom;

2378 transform-origin: right bottom;

2379 -webkit-transform: none;

2380 transform: none;

2381 opacity: 1;

2382 }

2383}

2384

2385@keyframes rotateInDownRight {

2386 from {

2387

-webkit-transform-origin: right bottom;

2388 transform-origin: right bottom;

2389

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

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

2391 opacity: 0;

2392 }

2393

2394 to {

2395

-webkit-transform-origin: right bottom;

2396 transform-origin: right bottom;

2397

-webkit-transform: none;

2398 transform: none;

2399 opacity: 1;

2400 }

2401}

2402

2403.rotateInDownRight {

2404

-webkit-animation-name: rotateInDownRight;

2405 animation-name: rotateInDownRight;

2406}

2407

2408@-webkit-keyframes rotateInUpLeft {

2409 from {

2410 -webkit-transform-origin: left bottom;

2411 transform-origin: left bottom;

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

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

2414 opacity: 0;

2415 }

2416

2417 to {

2418 -webkit-transform-origin: left bottom;

2419 transform-origin: left bottom;

2420 -webkit-transform: none;