From 87294d1d210a2f346d112a584af77c7de98d5476 Mon Sep 17 00:00:00 2001 From: magicbruno Date: Thu, 25 Jan 2018 09:29:40 +0100 Subject: [PATCH] Added animated-not-mobile class --- dist/README.md | 52 +++++----- dist/jquery.mbSlider.css | 182 +++++++++++++++++++++-------------- dist/jquery.mbSlider.min.css | 2 +- src/css/animate_custom.css | 182 +++++++++++++++++++++-------------- src/sass/helpers/_base.scss | 128 ++++++++++++------------ src/sass/helpers/_delay.scss | 147 +++++++++++++++------------- 6 files changed, 386 insertions(+), 307 deletions(-) diff --git a/dist/README.md b/dist/README.md index d7acd38..dd33b99 100644 --- a/dist/README.md +++ b/dist/README.md @@ -1,9 +1,10 @@ -#mbSlider 1.0.0 -####A flexibile slider system to create animated presentations. +

mbSlider 1.0.0

+

A flexibile slider system to create animated presentations.

Based on bxSlider by by: Steven Wanderski -###Why should I use this slider? -* Define timing for every slide +

Why should I use this slider?

+ +* Define timing for every slide * Define in (entering) and out (exiting) animations for every HTML element in the slide * Fully responsive - will adapt to any device * Horizontal, vertical, and fade modes @@ -12,14 +13,15 @@ Based on bxSlider by by: Steven Wanderski * Browser support: Modern Browser with fall back for ie8 and ie9. * Tons of configuration options + For complete documentation visit: http://mbslider.magiccms.org -###License +### License ### Released under the MIT license - http://opensource.org/licenses/MIT Let's get on with it! -##Installation +## Installation ## You must include the jQuery library. The simpliest way is to include it from a CDN (see the example below). Visit [https://code.jquery.com/](https://code.jquery.com/) for a complete list of available versions. @@ -38,7 +40,7 @@ Next, download the package from this site and link the mbSlider CSS file (for th ``` -##Use +## Use ## Create a ` ``` -###Slide show Example +### Slide show Example ### Here's the code of the slide show you will find on the documentatio home page. HTML @@ -183,9 +185,9 @@ JavaScript ``` -##Configuration options +## Configuration options ### -###General +### General ### **mode** Type of transition between slides @@ -362,7 +364,7 @@ default: 'bx-wrapper' options: string ``` -###Pager +### Pager ### **pager** If true, a pager will be added @@ -406,7 +408,7 @@ default: null options: function(slideIndex) ``` -###Controls +### Controls ### **controls** If true, "Next" / "Prev" controls will be added @@ -484,7 +486,7 @@ Enable keyboard navigation for visible sliders default: false options: boolean (true / false) ``` -###Animations +### Animations ### **customAnimation** @@ -509,7 +511,7 @@ Pause added to slide pause in milliseconds. For every slide you may define a pau default: 0 options: integer ``` -###Auto +### Auto ### **auto** Slides will automatically transition @@ -559,7 +561,7 @@ default: 0 options: integer ``` -###Carousel +### Carousel ### **minSlides** The minimum number of slides to be shown. Slides will be sized down if carousel becomes smaller than the original size. @@ -596,7 +598,7 @@ default: false options: boolean (true / false) ``` -###Keyboard +### Keyboard ### **keyboardEnabled** Allows for keyboard control of visible slider. Keypress ignored if slider not visible. @@ -605,7 +607,7 @@ default: false options: boolean (true / false) ``` -###Accessibility +### Accessibility ### **ariaLive** Adds Aria Live attribute to slider. ``` @@ -620,7 +622,7 @@ default: true options: boolean (true / false) ``` -###Callbacks +### Callbacks ### **onSliderLoad** Executes immediately after the slider is fully loaded @@ -684,7 +686,7 @@ arguments: newIndex: element index of the destination slide (after the transition) ``` -###Public methods +### Public methods ### **goToSlide** Performs a slide transition to the supplied slide index (zero-based) @@ -766,7 +768,7 @@ slider = $('.mbslider').mbSlider(); slider.destroySlider(); ``` -### Install Grunt and Bower +### Install Grunt and Bower ### **Unfamiliar with npm? Don't have node installed?** [Download and install node.js](http://nodejs.org/download/) before proceeding. diff --git a/dist/jquery.mbSlider.css b/dist/jquery.mbSlider.css index b4bb23a..75e3e84 100644 --- a/dist/jquery.mbSlider.css +++ b/dist/jquery.mbSlider.css @@ -51,188 +51,224 @@ body { animation-duration: 0.75s; } -/* line 37, ../sass/helpers/_base.scss */ +/* line 36, ../sass/helpers/_base.scss */ .in .animated.fast, .in .animated.fastIn, -.in .not-mobile-browser .animated-not-mobile.fast, -.in .not-mobile-browser .animated-not-mobile.fastIn { +.not-mobile-browser .in .animated-not-mobile.fast, +.not-mobile-browser .in .animated-not-mobile.fastIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } -/* line 41, ../sass/helpers/_base.scss */ +/* line 40, ../sass/helpers/_base.scss */ .in .animated.slow, .in .animated.slowIn, -.in .not-mobile-browser .animated-not-mobile.slow, -.in .not-mobile-browser .animated-not-mobile.slowIn { +.not-mobile-browser .in .animated-not-mobile.slow, +.not-mobile-browser .in .animated-not-mobile.slowIn { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } -/* line 45, ../sass/helpers/_base.scss */ +/* line 44, ../sass/helpers/_base.scss */ .in .animated.xslow, .in .animated.xslowIn, -.in .not-mobile-browser .animated-not-mobile.xslow, -.in .not-mobile-browser .animated-not-mobile.xslowIn { +.not-mobile-browser .in .animated-not-mobile.xslow, +.not-mobile-browser .in .animated-not-mobile.xslowIn { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } -/* line 50, ../sass/helpers/_base.scss */ +/* line 49, ../sass/helpers/_base.scss */ .in .animated.hinge.fast, .in .animated.hinge.fastIn, -.in .not-mobile-browser .animated-not-mobile.hinge.fast, -.in .not-mobile-browser .animated-not-mobile.hinge.fastIn { +.not-mobile-browser .in .animated-not-mobile.hinge.fast, +.not-mobile-browser .in .animated-not-mobile.hinge.fastIn { -webkit-animation-duration: 1s; animation-duration: 1s; } -/* line 54, ../sass/helpers/_base.scss */ +/* line 53, ../sass/helpers/_base.scss */ .in .animated.hinge.slow, .in .animated.hinge.slowIn, -.in .not-mobile-browser .animated-not-mobile.hinge.slow, -.in .not-mobile-browser .animated-not-mobile.hinge.slowIn { +.not-mobile-browser .in .animated-not-mobile.hinge.slow, +.not-mobile-browser .in .animated-not-mobile.hinge.slowIn { -webkit-animation-duration: 3s; animation-duration: 3s; } -/* line 65, ../sass/helpers/_base.scss */ -.out .animated.fastOut, -.out .not-mobile-browser .animated-not-mobile.fastOut { +/* line 62, ../sass/helpers/_base.scss */ +.in .animated.fastOut, +.not-mobile-browser .in .animated-not-mobile.fastOut { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } -/* line 68, ../sass/helpers/_base.scss */ -.out .animated.slowOut, -.out .not-mobile-browser .animated-not-mobile.slowOut { +/* line 65, ../sass/helpers/_base.scss */ +.in .animated.slowOut, +.not-mobile-browser .in .animated-not-mobile.slowOut { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } -/* line 71, ../sass/helpers/_base.scss */ -.out .animated.xslowOut, -.out .not-mobile-browser .animated-not-mobile.xslowOut { +/* line 68, ../sass/helpers/_base.scss */ +.in .animated.xslowOut, +.not-mobile-browser .in .animated-not-mobile.xslowOut { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } -/* line 75, ../sass/helpers/_base.scss */ -.out .animated.hinge.fastOut, -.out .not-mobile-browser .animated-not-mobile.hinge.fastOut { +/* line 72, ../sass/helpers/_base.scss */ +.in .animated.hinge.fastOut, +.not-mobile-browser .in .animated-not-mobile.hinge.fastOut { -webkit-animation-duration: 1s; animation-duration: 1s; } -/* line 78, ../sass/helpers/_base.scss */ -.out .animated.hinge.slowOut, -.out .not-mobile-browser .animated-not-mobile.hinge.slowOut { +/* line 75, ../sass/helpers/_base.scss */ +.in .animated.hinge.slowOut, +.not-mobile-browser .in .animated-not-mobile.hinge.slowOut { -webkit-animation-duration: 3s; animation-duration: 3s; } -/* line 85, ../sass/helpers/_base.scss */ +/* line 81, ../sass/helpers/_base.scss */ .flippedY { -webkit-transform: scale(1, -1); transform: scale(1, -1); } -/* line 89, ../sass/helpers/_base.scss */ +/* line 85, ../sass/helpers/_base.scss */ .flippedX { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } /* line 1, ../sass/helpers/_delay.scss */ -.in .animated { +.in .animated, +.not-mobile-browser .in .animated-not-mobile { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } -/* line 3, ../sass/helpers/_delay.scss */ -.in .animated.delay500, .in .animated.delayIn500 { +/* line 4, ../sass/helpers/_delay.scss */ +.in .animated.delay500, .in .animated.delayIn500, +.not-mobile-browser .in .animated-not-mobile.delay500, +.not-mobile-browser .in .animated-not-mobile.delayIn500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } -/* line 6, ../sass/helpers/_delay.scss */ -.in .animated.delay1, .in .animated.delay1000, .in .animated.delayIn1000 { +/* line 8, ../sass/helpers/_delay.scss */ +.in .animated.delay1, .in .animated.delay1000, .in .animated.delayIn1000, +.not-mobile-browser .in .animated-not-mobile.delay1, +.not-mobile-browser .in .animated-not-mobile.delay1000, +.not-mobile-browser .in .animated-not-mobile.delayIn1000 { -webkit-animation-delay: 1s; animation-delay: 1s; } -/* line 9, ../sass/helpers/_delay.scss */ -.in .animated.delay1500, .in .animated.delayIn1500 { +/* line 13, ../sass/helpers/_delay.scss */ +.in .animated.delay1500, .in .animated.delayIn1500, +.not-mobile-browser .in .animated-not-mobile.delay1500, +.not-mobile-browser .in .animated-not-mobile.delayIn1500 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } -/* line 12, ../sass/helpers/_delay.scss */ -.in .animated.delay2, .in .animated.delay2000, .in .animated.delayIn2000 { +/* line 17, ../sass/helpers/_delay.scss */ +.in .animated.delay2, .in .animated.delay2000, .in .animated.delayIn2000, +.not-mobile-browser .in .animated-not-mobile.delay2, +.not-mobile-browser .in .animated-not-mobile.delay2000, +.not-mobile-browser .in .animated-not-mobile.delayIn2000 { -webkit-animation-delay: 2s; animation-delay: 2s; } -/* line 15, ../sass/helpers/_delay.scss */ -.in .animated.delay2500, .in .animated.delayIn2500 { +/* line 22, ../sass/helpers/_delay.scss */ +.in .animated.delay2500, .in .animated.delayIn2500, +.not-mobile-browser .in .animated-not-mobile.delay2500, +.not-mobile-browser .in .animated-not-mobile.delayIn2500 { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } -/* line 18, ../sass/helpers/_delay.scss */ -.in .animated.delay3, .in .animated.delay3000, .in .animated.delayIn3000 { +/* line 26, ../sass/helpers/_delay.scss */ +.in .animated.delay3, .in .animated.delay3000, .in .animated.delayIn3000, +.not-mobile-browser .in .animated-not-mobile.delay3, +.not-mobile-browser .in .animated-not-mobile.delay3000, +.not-mobile-browser .in .animated-not-mobile.delayIn3000 { -webkit-animation-delay: 3s; animation-delay: 3s; } -/* line 21, ../sass/helpers/_delay.scss */ -.in .animated.delay3500, .in .animated.delayIn3500 { +/* line 31, ../sass/helpers/_delay.scss */ +.in .animated.delay3500, .in .animated.delayIn3500, +.not-mobile-browser .in .animated-not-mobile.delay3500, +.not-mobile-browser .in .animated-not-mobile.delayIn3500 { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } -/* line 24, ../sass/helpers/_delay.scss */ -.in .animated.delay4, .in .animated.delay4000, .in .animated.delayIn4000 { +/* line 35, ../sass/helpers/_delay.scss */ +.in .animated.delay4, .in .animated.delay4000, .in .animated.delayIn4000, +.not-mobile-browser .in .animated-not-mobile.delay4, +.not-mobile-browser .in .animated-not-mobile.delay4000, +.not-mobile-browser .in .animated-not-mobile.delayIn4000 { -webkit-animation-delay: 4s; animation-delay: 4s; } -/* line 27, ../sass/helpers/_delay.scss */ -.in .animated.delay4500, .in .animated.delayIn4500 { +/* line 40, ../sass/helpers/_delay.scss */ +.in .animated.delay4500, .in .animated.delayIn4500, +.not-mobile-browser .in .animated-not-mobile.delay4500, +.not-mobile-browser .in .animated-not-mobile.delayIn4500 { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; } -/* line 30, ../sass/helpers/_delay.scss */ -.in .animated.delay5, .in .animateddelay5000, .in .animateddelayIn5000 { +/* line 44, ../sass/helpers/_delay.scss */ +.in .animated.delay5, .in .animateddelay5000, .in .animateddelayIn5000, +.not-mobile-browser .in .animated-not-mobile.delay5, +.not-mobile-browser .in .animated-not-mobiledelay5000, +.not-mobile-browser .in .animated-not-mobiledelayIn5000 { -webkit-animation-delay: 5s; animation-delay: 5s; } -/* line 36, ../sass/helpers/_delay.scss */ -.out .animated.delayOut500 { +/* line 53, ../sass/helpers/_delay.scss */ +.out .animated.delayOut500, +.not-mobile-browser .out .animated-not-mobile.delayOut500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } -/* line 39, ../sass/helpers/_delay.scss */ -.out .animated.delayOut1000 { +/* line 56, ../sass/helpers/_delay.scss */ +.out .animated.delayOut1000, +.not-mobile-browser .out .animated-not-mobile.delayOut1000 { -webkit-animation-delay: 1s; animation-delay: 1s; } -/* line 42, ../sass/helpers/_delay.scss */ -.out .animated.delayOut1500 { +/* line 59, ../sass/helpers/_delay.scss */ +.out .animated.delayOut1500, +.not-mobile-browser .out .animated-not-mobile.delayOut1500 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } -/* line 45, ../sass/helpers/_delay.scss */ -.out .animated.delayOut2000 { +/* line 62, ../sass/helpers/_delay.scss */ +.out .animated.delayOut2000, +.not-mobile-browser .out .animated-not-mobile.delayOut2000 { -webkit-animation-delay: 2s; animation-delay: 2s; } -/* line 48, ../sass/helpers/_delay.scss */ -.out .animated.delayOut2500 { +/* line 65, ../sass/helpers/_delay.scss */ +.out .animated.delayOut2500, +.not-mobile-browser .out .animated-not-mobile.delayOut2500 { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } -/* line 51, ../sass/helpers/_delay.scss */ -.out .animated.delayOut3000 { +/* line 68, ../sass/helpers/_delay.scss */ +.out .animated.delayOut3000, +.not-mobile-browser .out .animated-not-mobile.delayOut3000 { -webkit-animation-delay: 3s; animation-delay: 3s; } -/* line 54, ../sass/helpers/_delay.scss */ -.out .animated.delayOut3500 { +/* line 71, ../sass/helpers/_delay.scss */ +.out .animated.delayOut3500, +.not-mobile-browser .out .animated-not-mobile.delayOut3500 { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } -/* line 57, ../sass/helpers/_delay.scss */ -.out .animated.delayOut4000 { +/* line 74, ../sass/helpers/_delay.scss */ +.out .animated.delayOut4000, +.not-mobile-browser .out .animated-not-mobile.delayOut4000 { -webkit-animation-delay: 4s; animation-delay: 4s; } -/* line 60, ../sass/helpers/_delay.scss */ -.out .animated.delayOut4500 { +/* line 77, ../sass/helpers/_delay.scss */ +.out .animated.delayOut4500, +.not-mobile-browser .out .animated-not-mobile.delayOut4500 { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; } -/* line 63, ../sass/helpers/_delay.scss */ -.out .animateddelayOut5000 { +/* line 80, ../sass/helpers/_delay.scss */ +.out .animateddelayOut5000, +.not-mobile-browser .out .animated-not-mobiledelayOut5000 { -webkit-animation-delay: 5s; animation-delay: 5s; } diff --git a/dist/jquery.mbSlider.min.css b/dist/jquery.mbSlider.min.css index f9a3d71..87a54e8 100644 --- a/dist/jquery.mbSlider.min.css +++ b/dist/jquery.mbSlider.min.css @@ -11,4 +11,4 @@ Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden -*/body{-webkit-backface-visibility:hidden}.animated,.not-mobile-browser .animated-not-mobile{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite,.not-mobile-browser .animated-not-mobile.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge,.not-mobile-browser .animated-not-mobile.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY,.not-mobile-browser .animated-not-mobile.bounceIn,.not-mobile-browser .animated-not-mobile.bounceOut,.not-mobile-browser .animated-not-mobile.flipOutX,.not-mobile-browser .animated-not-mobile.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}.in .animated.fast,.in .animated.fastIn,.in .not-mobile-browser .animated-not-mobile.fast,.in .not-mobile-browser .animated-not-mobile.fastIn{-webkit-animation-duration:.5s;animation-duration:.5s}.in .animated.slow,.in .animated.slowIn,.in .not-mobile-browser .animated-not-mobile.slow,.in .not-mobile-browser .animated-not-mobile.slowIn{-webkit-animation-duration:1.5s;animation-duration:1.5s}.in .animated.xslow,.in .animated.xslowIn,.in .not-mobile-browser .animated-not-mobile.xslow,.in .not-mobile-browser .animated-not-mobile.xslowIn{-webkit-animation-duration:2.5s;animation-duration:2.5s}.in .animated.hinge.fast,.in .animated.hinge.fastIn,.in .not-mobile-browser .animated-not-mobile.hinge.fast,.in .not-mobile-browser .animated-not-mobile.hinge.fastIn{-webkit-animation-duration:1s;animation-duration:1s}.in .animated.hinge.slow,.in .animated.hinge.slowIn,.in .not-mobile-browser .animated-not-mobile.hinge.slow,.in .not-mobile-browser .animated-not-mobile.hinge.slowIn{-webkit-animation-duration:3s;animation-duration:3s}.out .animated.fastOut,.out .not-mobile-browser .animated-not-mobile.fastOut{-webkit-animation-duration:.5s;animation-duration:.5s}.out .animated.slowOut,.out .not-mobile-browser .animated-not-mobile.slowOut{-webkit-animation-duration:1.5s;animation-duration:1.5s}.out .animated.xslowOut,.out .not-mobile-browser .animated-not-mobile.xslowOut{-webkit-animation-duration:2.5s;animation-duration:2.5s}.out .animated.hinge.fastOut,.out .not-mobile-browser .animated-not-mobile.hinge.fastOut{-webkit-animation-duration:1s;animation-duration:1s}.out .animated.hinge.slowOut,.out .not-mobile-browser .animated-not-mobile.hinge.slowOut{-webkit-animation-duration:3s;animation-duration:3s}.flippedY{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.flippedX{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.in .animated{-webkit-animation-delay:.2s;animation-delay:.2s}.in .animated.delay500,.in .animated.delayIn500{-webkit-animation-delay:.5s;animation-delay:.5s}.in .animated.delay1,.in .animated.delay1000,.in .animated.delayIn1000{-webkit-animation-delay:1s;animation-delay:1s}.in .animated.delay1500,.in .animated.delayIn1500{-webkit-animation-delay:1.5s;animation-delay:1.5s}.in .animated.delay2,.in .animated.delay2000,.in .animated.delayIn2000{-webkit-animation-delay:2s;animation-delay:2s}.in .animated.delay2500,.in .animated.delayIn2500{-webkit-animation-delay:2.5s;animation-delay:2.5s}.in .animated.delay3,.in .animated.delay3000,.in .animated.delayIn3000{-webkit-animation-delay:3s;animation-delay:3s}.in .animated.delay3500,.in .animated.delayIn3500{-webkit-animation-delay:3.5s;animation-delay:3.5s}.in .animated.delay4,.in .animated.delay4000,.in .animated.delayIn4000{-webkit-animation-delay:4s;animation-delay:4s}.in .animated.delay4500,.in .animated.delayIn4500{-webkit-animation-delay:4.5s;animation-delay:4.5s}.in .animated.delay5,.in .animateddelay5000,.in .animateddelayIn5000{-webkit-animation-delay:5s;animation-delay:5s}.out .animated.delayOut500{-webkit-animation-delay:.5s;animation-delay:.5s}.out .animated.delayOut1000{-webkit-animation-delay:1s;animation-delay:1s}.out .animated.delayOut1500{-webkit-animation-delay:1.5s;animation-delay:1.5s}.out .animated.delayOut2000{-webkit-animation-delay:2s;animation-delay:2s}.out .animated.delayOut2500{-webkit-animation-delay:2.5s;animation-delay:2.5s}.out .animated.delayOut3000{-webkit-animation-delay:3s;animation-delay:3s}.out .animated.delayOut3500{-webkit-animation-delay:3.5s;animation-delay:3.5s}.out .animated.delayOut4000{-webkit-animation-delay:4s;animation-delay:4s}.out .animated.delayOut4500{-webkit-animation-delay:4.5s;animation-delay:4.5s}.out .animateddelayOut5000{-webkit-animation-delay:5s;animation-delay:5s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}.in .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.in .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.in .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.in .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.in .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(0.95);transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}}.out .bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}.out .bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}.out .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}.out .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}.out .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.in .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.in .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.in .fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.in .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.in .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.in .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.in .fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.in .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.in .fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.out .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}.out .fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}.out .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}.out .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}.out .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}.out .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}.out .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.out .fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}.out .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.in .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.in .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.out .flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.out .flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.in .lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.out .lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}.in .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInBig{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-1000deg) scale(0.1,.1);opacity:0}60%{opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0) scale(1,1);opacity:1}}@keyframes rotateInBig{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-800deg) scale(0.1,.1);transform:rotate(-800deg) scale(0.1,.1);opacity:0}60%{opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1,1);transform:rotate(0) scale(1,1);opacity:1}}.in .rotateInBig{-webkit-animation-name:rotateInBig;animation-name:rotateInBig}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}.in .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}.in .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}.in .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}.in .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.out .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutBig{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0) scale(1,1);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(800deg) scale(0.2,.2);opacity:0}}@keyframes rotateOutBig{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1,1);transform:rotate(0) scale(1,1);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(800deg) scale(0.2,.2);transform:rotate(800deg) scale(0.2,.2);opacity:0}}.out .rotateOutBig{-webkit-animation-name:rotateOutBig;animation-name:rotateOutBig}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.out .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.out .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.out .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.out .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.in .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.in .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.in .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.in .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.out .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.out .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.out .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.out .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}.out .hingeOut{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-150%) rotate(-180deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-150%) rotate(-180deg);transform:translateX(-150%) rotate(-180deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.in .rollIn,.in .rollInleft{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(150%) rotate(180deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(150%) rotate(180deg);transform:translateX(150%) rotate(180deg)}}.out .rollOut,.out .rollOutRight{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes rollInRight{0%{opacity:0;-webkit-transform:translateX(150%) rotate(180deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@keyframes rollInRight{0%{opacity:0;-webkit-transform:translateX(150%) rotate(180deg);transform:translateX(150%) rotate(180deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.in .rollInRight{-webkit-animation-name:rollInRight;animation-name:rollInRight}@-webkit-keyframes rollOutLeft{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(-150%) rotate(-180deg)}}@keyframes rollOutLeft{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(-150%) rotate(-180deg);transform:translateX(-150%) rotate(-180deg)}}.out .rollOutLeft{-webkit-animation-name:rollOutLeft;animation-name:rollOutLeft}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3,.3,.3);transform:scale3d(0.3,.3,.3)}50%{opacity:1}}.in .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(0.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.in .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(0.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(10px,0,0);transform:scale3d(0.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.in .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(0.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(0.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.in .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(0.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.in .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(0.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(0.3,.3,.3);transform:scale3d(0.3,.3,.3)}100%{opacity:0}}.out .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(0.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.out .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale3d(0.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(42px,0,0);transform:scale3d(0.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale3d(0.1) translate3d(-2000px,0,0);transform:scale3d(0.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.out .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale3d(0.1) translate3d(2000px,0,0);-webkit-transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(0.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale3d(0.1) translate3d(2000px,0,0);transform:scale3d(0.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.out .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(0.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.out .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}.mb-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}.mb-wrapper img{max-width:100%;display:block}.mbslider{margin:0;padding:0}ul.mbslider{list-style:none}.mb-viewport{-webkit-transform:translatez(0)}.mb-wrapper .mb-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.mb-wrapper .mb-controls-auto,.mb-wrapper .mb-pager{position:absolute;bottom:-30px;width:100%}.mb-wrapper .mb-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.mb-wrapper .mb-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}.mb-wrapper .mb-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.mb-wrapper .mb-pager.mb-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;border-radius:5px}.mb-wrapper .mb-pager.mb-default-pager a.active,.mb-wrapper .mb-pager.mb-default-pager a:focus,.mb-wrapper .mb-pager.mb-default-pager a:hover{background:#000}.mb-wrapper .mb-controls-auto .mb-controls-auto-item,.mb-wrapper .mb-pager-item{display:inline-block;*zoom:1;*display:inline}.mb-wrapper .mb-pager-item{font-size:0;line-height:0}.mb-wrapper .mb-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px}.mb-wrapper .mb-prev:focus,.mb-wrapper .mb-prev:hover{background-position:0 0}.mb-wrapper .mb-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px}.mb-wrapper .mb-next:focus,.mb-wrapper .mb-next:hover{background-position:-43px 0}.mb-wrapper .mb-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.mb-wrapper .mb-controls-direction a.disabled{display:none}.mb-wrapper .mb-controls-auto{text-align:center}.mb-wrapper .mb-controls-auto .mb-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.mb-wrapper .mb-controls-auto .mb-start.active,.mb-wrapper .mb-controls-auto .mb-start:focus,.mb-wrapper .mb-controls-auto .mb-start:hover{background-position:-86px 0}.mb-wrapper .mb-controls-auto .mb-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.mb-wrapper .mb-controls-auto .mb-stop.active,.mb-wrapper .mb-controls-auto .mb-stop:focus,.mb-wrapper .mb-controls-auto .mb-stop:hover{background-position:-86px -33px}.mb-wrapper .mb-controls.mb-has-controls-auto.mb-has-pager .mb-pager{text-align:left;width:80%}.mb-wrapper .mb-controls.mb-has-controls-auto.mb-has-pager .mb-controls-auto{right:0;width:35px} \ No newline at end of file +*/body{-webkit-backface-visibility:hidden}.animated,.not-mobile-browser .animated-not-mobile{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite,.not-mobile-browser .animated-not-mobile.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge,.not-mobile-browser .animated-not-mobile.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY,.not-mobile-browser .animated-not-mobile.bounceIn,.not-mobile-browser .animated-not-mobile.bounceOut,.not-mobile-browser .animated-not-mobile.flipOutX,.not-mobile-browser .animated-not-mobile.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}.in .animated.fast,.in .animated.fastIn,.not-mobile-browser .in .animated-not-mobile.fast,.not-mobile-browser .in .animated-not-mobile.fastIn{-webkit-animation-duration:.5s;animation-duration:.5s}.in .animated.slow,.in .animated.slowIn,.not-mobile-browser .in .animated-not-mobile.slow,.not-mobile-browser .in .animated-not-mobile.slowIn{-webkit-animation-duration:1.5s;animation-duration:1.5s}.in .animated.xslow,.in .animated.xslowIn,.not-mobile-browser .in .animated-not-mobile.xslow,.not-mobile-browser .in .animated-not-mobile.xslowIn{-webkit-animation-duration:2.5s;animation-duration:2.5s}.in .animated.hinge.fast,.in .animated.hinge.fastIn,.not-mobile-browser .in .animated-not-mobile.hinge.fast,.not-mobile-browser .in .animated-not-mobile.hinge.fastIn{-webkit-animation-duration:1s;animation-duration:1s}.in .animated.hinge.slow,.in .animated.hinge.slowIn,.not-mobile-browser .in .animated-not-mobile.hinge.slow,.not-mobile-browser .in .animated-not-mobile.hinge.slowIn{-webkit-animation-duration:3s;animation-duration:3s}.in .animated.fastOut,.not-mobile-browser .in .animated-not-mobile.fastOut{-webkit-animation-duration:.5s;animation-duration:.5s}.in .animated.slowOut,.not-mobile-browser .in .animated-not-mobile.slowOut{-webkit-animation-duration:1.5s;animation-duration:1.5s}.in .animated.xslowOut,.not-mobile-browser .in .animated-not-mobile.xslowOut{-webkit-animation-duration:2.5s;animation-duration:2.5s}.in .animated.hinge.fastOut,.not-mobile-browser .in .animated-not-mobile.hinge.fastOut{-webkit-animation-duration:1s;animation-duration:1s}.in .animated.hinge.slowOut,.not-mobile-browser .in .animated-not-mobile.hinge.slowOut{-webkit-animation-duration:3s;animation-duration:3s}.flippedY{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.flippedX{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.in .animated,.not-mobile-browser .in .animated-not-mobile{-webkit-animation-delay:.2s;animation-delay:.2s}.in .animated.delay500,.in .animated.delayIn500,.not-mobile-browser .in .animated-not-mobile.delay500,.not-mobile-browser .in .animated-not-mobile.delayIn500{-webkit-animation-delay:.5s;animation-delay:.5s}.in .animated.delay1,.in .animated.delay1000,.in .animated.delayIn1000,.not-mobile-browser .in .animated-not-mobile.delay1,.not-mobile-browser .in .animated-not-mobile.delay1000,.not-mobile-browser .in .animated-not-mobile.delayIn1000{-webkit-animation-delay:1s;animation-delay:1s}.in .animated.delay1500,.in .animated.delayIn1500,.not-mobile-browser .in .animated-not-mobile.delay1500,.not-mobile-browser .in .animated-not-mobile.delayIn1500{-webkit-animation-delay:1.5s;animation-delay:1.5s}.in .animated.delay2,.in .animated.delay2000,.in .animated.delayIn2000,.not-mobile-browser .in .animated-not-mobile.delay2,.not-mobile-browser .in .animated-not-mobile.delay2000,.not-mobile-browser .in .animated-not-mobile.delayIn2000{-webkit-animation-delay:2s;animation-delay:2s}.in .animated.delay2500,.in .animated.delayIn2500,.not-mobile-browser .in .animated-not-mobile.delay2500,.not-mobile-browser .in .animated-not-mobile.delayIn2500{-webkit-animation-delay:2.5s;animation-delay:2.5s}.in .animated.delay3,.in .animated.delay3000,.in .animated.delayIn3000,.not-mobile-browser .in .animated-not-mobile.delay3,.not-mobile-browser .in .animated-not-mobile.delay3000,.not-mobile-browser .in .animated-not-mobile.delayIn3000{-webkit-animation-delay:3s;animation-delay:3s}.in .animated.delay3500,.in .animated.delayIn3500,.not-mobile-browser .in .animated-not-mobile.delay3500,.not-mobile-browser .in .animated-not-mobile.delayIn3500{-webkit-animation-delay:3.5s;animation-delay:3.5s}.in .animated.delay4,.in .animated.delay4000,.in .animated.delayIn4000,.not-mobile-browser .in .animated-not-mobile.delay4,.not-mobile-browser .in .animated-not-mobile.delay4000,.not-mobile-browser .in .animated-not-mobile.delayIn4000{-webkit-animation-delay:4s;animation-delay:4s}.in .animated.delay4500,.in .animated.delayIn4500,.not-mobile-browser .in .animated-not-mobile.delay4500,.not-mobile-browser .in .animated-not-mobile.delayIn4500{-webkit-animation-delay:4.5s;animation-delay:4.5s}.in .animated.delay5,.in .animateddelay5000,.in .animateddelayIn5000,.not-mobile-browser .in .animated-not-mobile.delay5,.not-mobile-browser .in .animated-not-mobiledelay5000,.not-mobile-browser .in .animated-not-mobiledelayIn5000{-webkit-animation-delay:5s;animation-delay:5s}.not-mobile-browser .out .animated-not-mobile.delayOut500,.out .animated.delayOut500{-webkit-animation-delay:.5s;animation-delay:.5s}.not-mobile-browser .out .animated-not-mobile.delayOut1000,.out .animated.delayOut1000{-webkit-animation-delay:1s;animation-delay:1s}.not-mobile-browser .out .animated-not-mobile.delayOut1500,.out .animated.delayOut1500{-webkit-animation-delay:1.5s;animation-delay:1.5s}.not-mobile-browser .out .animated-not-mobile.delayOut2000,.out .animated.delayOut2000{-webkit-animation-delay:2s;animation-delay:2s}.not-mobile-browser .out .animated-not-mobile.delayOut2500,.out .animated.delayOut2500{-webkit-animation-delay:2.5s;animation-delay:2.5s}.not-mobile-browser .out .animated-not-mobile.delayOut3000,.out .animated.delayOut3000{-webkit-animation-delay:3s;animation-delay:3s}.not-mobile-browser .out .animated-not-mobile.delayOut3500,.out .animated.delayOut3500{-webkit-animation-delay:3.5s;animation-delay:3.5s}.not-mobile-browser .out .animated-not-mobile.delayOut4000,.out .animated.delayOut4000{-webkit-animation-delay:4s;animation-delay:4s}.not-mobile-browser .out .animated-not-mobile.delayOut4500,.out .animated.delayOut4500{-webkit-animation-delay:4.5s;animation-delay:4.5s}.not-mobile-browser .out .animated-not-mobiledelayOut5000,.out .animateddelayOut5000{-webkit-animation-delay:5s;animation-delay:5s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05)}70%{-webkit-transform:scale(0.9)}100%{-webkit-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(0.9);transform:scale(0.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}.in .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.in .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px)}80%{-webkit-transform:translateX(-10px)}100%{-webkit-transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.in .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px)}80%{-webkit-transform:translateX(10px)}100%{-webkit-transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.in .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px)}80%{-webkit-transform:translateY(10px)}100%{-webkit-transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.in .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(0.95);transform:scale(0.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}}.out .bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}.out .bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}.out .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}.out .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}.out .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.in .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.in .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.in .fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.in .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.in .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.in .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.in .fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.in .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.in .fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.out .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}.out .fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}.out .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}.out .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}.out .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}.out .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}.out .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.out .fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}.out .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}}.in .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}}.in .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.out .flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.out .flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0%) skewX(-15deg);transform:translateX(0%) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}}.in .lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.out .lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}.in .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInBig{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(-1000deg) scale(0.1,.1);opacity:0}60%{opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(0) scale(1,1);opacity:1}}@keyframes rotateInBig{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-800deg) scale(0.1,.1);transform:rotate(-800deg) scale(0.1,.1);opacity:0}60%{opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1,1);transform:rotate(0) scale(1,1);opacity:1}}.in .rotateInBig{-webkit-animation-name:rotateInBig;animation-name:rotateInBig}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}.in .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}.in .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}.in .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}.in .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.out .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutBig{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0) scale(1,1);opacity:1}100%{-webkit-transform-origin:center center;-webkit-transform:rotate(800deg) scale(0.2,.2);opacity:0}}@keyframes rotateOutBig{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0) scale(1,1);transform:rotate(0) scale(1,1);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(800deg) scale(0.2,.2);transform:rotate(800deg) scale(0.2,.2);opacity:0}}.out .rotateOutBig{-webkit-animation-name:rotateOutBig;animation-name:rotateOutBig}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.out .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.out .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-webkit-transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-transform-origin:left bottom;-transform:rotate(-90deg);opacity:0}}.out .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-webkit-transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.out .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.in .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.in .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.in .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.in .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.out .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.out .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.out .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.out .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}.out .hingeOut{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-150%) rotate(-180deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-150%) rotate(-180deg);transform:translateX(-150%) rotate(-180deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.in .rollIn,.in .rollInleft{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(150%) rotate(180deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(150%) rotate(180deg);transform:translateX(150%) rotate(180deg)}}.out .rollOut,.out .rollOutRight{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes rollInRight{0%{opacity:0;-webkit-transform:translateX(150%) rotate(180deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}}@keyframes rollInRight{0%{opacity:0;-webkit-transform:translateX(150%) rotate(180deg);transform:translateX(150%) rotate(180deg)}100%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.in .rollInRight{-webkit-animation-name:rollInRight;animation-name:rollInRight}@-webkit-keyframes rollOutLeft{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(-150%) rotate(-180deg)}}@keyframes rollOutLeft{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(-150%) rotate(-180deg);transform:translateX(-150%) rotate(-180deg)}}.out .rollOutLeft{-webkit-animation-name:rollOutLeft;animation-name:rollOutLeft}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(0.3,.3,.3);transform:scale3d(0.3,.3,.3)}50%{opacity:1}}.in .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(0.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.in .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(0.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(10px,0,0);transform:scale3d(0.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.in .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(0.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(0.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.in .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(0.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.in .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(0.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(0.3,.3,.3);transform:scale3d(0.3,.3,.3)}100%{opacity:0}}.out .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(0.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(0.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.out .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale3d(0.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(42px,0,0);transform:scale3d(0.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale3d(0.1) translate3d(-2000px,0,0);transform:scale3d(0.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.out .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale3d(0.1) translate3d(2000px,0,0);-webkit-transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(0.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale3d(0.1) translate3d(2000px,0,0);transform:scale3d(0.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.out .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);transform:scale3d(0.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(0.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(0.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.out .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}.mb-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1;-ms-touch-action:pan-y;touch-action:pan-y}.mb-wrapper img{max-width:100%;display:block}.mbslider{margin:0;padding:0}ul.mbslider{list-style:none}.mb-viewport{-webkit-transform:translatez(0)}.mb-wrapper .mb-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.mb-wrapper .mb-controls-auto,.mb-wrapper .mb-pager{position:absolute;bottom:-30px;width:100%}.mb-wrapper .mb-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.mb-wrapper .mb-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}.mb-wrapper .mb-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.mb-wrapper .mb-pager.mb-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;border-radius:5px}.mb-wrapper .mb-pager.mb-default-pager a.active,.mb-wrapper .mb-pager.mb-default-pager a:focus,.mb-wrapper .mb-pager.mb-default-pager a:hover{background:#000}.mb-wrapper .mb-controls-auto .mb-controls-auto-item,.mb-wrapper .mb-pager-item{display:inline-block;*zoom:1;*display:inline}.mb-wrapper .mb-pager-item{font-size:0;line-height:0}.mb-wrapper .mb-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px}.mb-wrapper .mb-prev:focus,.mb-wrapper .mb-prev:hover{background-position:0 0}.mb-wrapper .mb-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px}.mb-wrapper .mb-next:focus,.mb-wrapper .mb-next:hover{background-position:-43px 0}.mb-wrapper .mb-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.mb-wrapper .mb-controls-direction a.disabled{display:none}.mb-wrapper .mb-controls-auto{text-align:center}.mb-wrapper .mb-controls-auto .mb-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.mb-wrapper .mb-controls-auto .mb-start.active,.mb-wrapper .mb-controls-auto .mb-start:focus,.mb-wrapper .mb-controls-auto .mb-start:hover{background-position:-86px 0}.mb-wrapper .mb-controls-auto .mb-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.mb-wrapper .mb-controls-auto .mb-stop.active,.mb-wrapper .mb-controls-auto .mb-stop:focus,.mb-wrapper .mb-controls-auto .mb-stop:hover{background-position:-86px -33px}.mb-wrapper .mb-controls.mb-has-controls-auto.mb-has-pager .mb-pager{text-align:left;width:80%}.mb-wrapper .mb-controls.mb-has-controls-auto.mb-has-pager .mb-controls-auto{right:0;width:35px} \ No newline at end of file diff --git a/src/css/animate_custom.css b/src/css/animate_custom.css index 10e6cde..9e1ef5f 100644 --- a/src/css/animate_custom.css +++ b/src/css/animate_custom.css @@ -43,188 +43,224 @@ body { animation-duration: 0.75s; } -/* line 37, ../sass/helpers/_base.scss */ +/* line 36, ../sass/helpers/_base.scss */ .in .animated.fast, .in .animated.fastIn, -.in .not-mobile-browser .animated-not-mobile.fast, -.in .not-mobile-browser .animated-not-mobile.fastIn { +.not-mobile-browser .in .animated-not-mobile.fast, +.not-mobile-browser .in .animated-not-mobile.fastIn { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } -/* line 41, ../sass/helpers/_base.scss */ +/* line 40, ../sass/helpers/_base.scss */ .in .animated.slow, .in .animated.slowIn, -.in .not-mobile-browser .animated-not-mobile.slow, -.in .not-mobile-browser .animated-not-mobile.slowIn { +.not-mobile-browser .in .animated-not-mobile.slow, +.not-mobile-browser .in .animated-not-mobile.slowIn { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } -/* line 45, ../sass/helpers/_base.scss */ +/* line 44, ../sass/helpers/_base.scss */ .in .animated.xslow, .in .animated.xslowIn, -.in .not-mobile-browser .animated-not-mobile.xslow, -.in .not-mobile-browser .animated-not-mobile.xslowIn { +.not-mobile-browser .in .animated-not-mobile.xslow, +.not-mobile-browser .in .animated-not-mobile.xslowIn { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } -/* line 50, ../sass/helpers/_base.scss */ +/* line 49, ../sass/helpers/_base.scss */ .in .animated.hinge.fast, .in .animated.hinge.fastIn, -.in .not-mobile-browser .animated-not-mobile.hinge.fast, -.in .not-mobile-browser .animated-not-mobile.hinge.fastIn { +.not-mobile-browser .in .animated-not-mobile.hinge.fast, +.not-mobile-browser .in .animated-not-mobile.hinge.fastIn { -webkit-animation-duration: 1s; animation-duration: 1s; } -/* line 54, ../sass/helpers/_base.scss */ +/* line 53, ../sass/helpers/_base.scss */ .in .animated.hinge.slow, .in .animated.hinge.slowIn, -.in .not-mobile-browser .animated-not-mobile.hinge.slow, -.in .not-mobile-browser .animated-not-mobile.hinge.slowIn { +.not-mobile-browser .in .animated-not-mobile.hinge.slow, +.not-mobile-browser .in .animated-not-mobile.hinge.slowIn { -webkit-animation-duration: 3s; animation-duration: 3s; } -/* line 65, ../sass/helpers/_base.scss */ -.out .animated.fastOut, -.out .not-mobile-browser .animated-not-mobile.fastOut { +/* line 62, ../sass/helpers/_base.scss */ +.in .animated.fastOut, +.not-mobile-browser .in .animated-not-mobile.fastOut { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } -/* line 68, ../sass/helpers/_base.scss */ -.out .animated.slowOut, -.out .not-mobile-browser .animated-not-mobile.slowOut { +/* line 65, ../sass/helpers/_base.scss */ +.in .animated.slowOut, +.not-mobile-browser .in .animated-not-mobile.slowOut { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } -/* line 71, ../sass/helpers/_base.scss */ -.out .animated.xslowOut, -.out .not-mobile-browser .animated-not-mobile.xslowOut { +/* line 68, ../sass/helpers/_base.scss */ +.in .animated.xslowOut, +.not-mobile-browser .in .animated-not-mobile.xslowOut { -webkit-animation-duration: 2.5s; animation-duration: 2.5s; } -/* line 75, ../sass/helpers/_base.scss */ -.out .animated.hinge.fastOut, -.out .not-mobile-browser .animated-not-mobile.hinge.fastOut { +/* line 72, ../sass/helpers/_base.scss */ +.in .animated.hinge.fastOut, +.not-mobile-browser .in .animated-not-mobile.hinge.fastOut { -webkit-animation-duration: 1s; animation-duration: 1s; } -/* line 78, ../sass/helpers/_base.scss */ -.out .animated.hinge.slowOut, -.out .not-mobile-browser .animated-not-mobile.hinge.slowOut { +/* line 75, ../sass/helpers/_base.scss */ +.in .animated.hinge.slowOut, +.not-mobile-browser .in .animated-not-mobile.hinge.slowOut { -webkit-animation-duration: 3s; animation-duration: 3s; } -/* line 85, ../sass/helpers/_base.scss */ +/* line 81, ../sass/helpers/_base.scss */ .flippedY { -webkit-transform: scale(1, -1); transform: scale(1, -1); } -/* line 89, ../sass/helpers/_base.scss */ +/* line 85, ../sass/helpers/_base.scss */ .flippedX { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } /* line 1, ../sass/helpers/_delay.scss */ -.in .animated { +.in .animated, +.not-mobile-browser .in .animated-not-mobile { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } -/* line 3, ../sass/helpers/_delay.scss */ -.in .animated.delay500, .in .animated.delayIn500 { +/* line 4, ../sass/helpers/_delay.scss */ +.in .animated.delay500, .in .animated.delayIn500, +.not-mobile-browser .in .animated-not-mobile.delay500, +.not-mobile-browser .in .animated-not-mobile.delayIn500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } -/* line 6, ../sass/helpers/_delay.scss */ -.in .animated.delay1, .in .animated.delay1000, .in .animated.delayIn1000 { +/* line 8, ../sass/helpers/_delay.scss */ +.in .animated.delay1, .in .animated.delay1000, .in .animated.delayIn1000, +.not-mobile-browser .in .animated-not-mobile.delay1, +.not-mobile-browser .in .animated-not-mobile.delay1000, +.not-mobile-browser .in .animated-not-mobile.delayIn1000 { -webkit-animation-delay: 1s; animation-delay: 1s; } -/* line 9, ../sass/helpers/_delay.scss */ -.in .animated.delay1500, .in .animated.delayIn1500 { +/* line 13, ../sass/helpers/_delay.scss */ +.in .animated.delay1500, .in .animated.delayIn1500, +.not-mobile-browser .in .animated-not-mobile.delay1500, +.not-mobile-browser .in .animated-not-mobile.delayIn1500 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } -/* line 12, ../sass/helpers/_delay.scss */ -.in .animated.delay2, .in .animated.delay2000, .in .animated.delayIn2000 { +/* line 17, ../sass/helpers/_delay.scss */ +.in .animated.delay2, .in .animated.delay2000, .in .animated.delayIn2000, +.not-mobile-browser .in .animated-not-mobile.delay2, +.not-mobile-browser .in .animated-not-mobile.delay2000, +.not-mobile-browser .in .animated-not-mobile.delayIn2000 { -webkit-animation-delay: 2s; animation-delay: 2s; } -/* line 15, ../sass/helpers/_delay.scss */ -.in .animated.delay2500, .in .animated.delayIn2500 { +/* line 22, ../sass/helpers/_delay.scss */ +.in .animated.delay2500, .in .animated.delayIn2500, +.not-mobile-browser .in .animated-not-mobile.delay2500, +.not-mobile-browser .in .animated-not-mobile.delayIn2500 { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } -/* line 18, ../sass/helpers/_delay.scss */ -.in .animated.delay3, .in .animated.delay3000, .in .animated.delayIn3000 { +/* line 26, ../sass/helpers/_delay.scss */ +.in .animated.delay3, .in .animated.delay3000, .in .animated.delayIn3000, +.not-mobile-browser .in .animated-not-mobile.delay3, +.not-mobile-browser .in .animated-not-mobile.delay3000, +.not-mobile-browser .in .animated-not-mobile.delayIn3000 { -webkit-animation-delay: 3s; animation-delay: 3s; } -/* line 21, ../sass/helpers/_delay.scss */ -.in .animated.delay3500, .in .animated.delayIn3500 { +/* line 31, ../sass/helpers/_delay.scss */ +.in .animated.delay3500, .in .animated.delayIn3500, +.not-mobile-browser .in .animated-not-mobile.delay3500, +.not-mobile-browser .in .animated-not-mobile.delayIn3500 { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } -/* line 24, ../sass/helpers/_delay.scss */ -.in .animated.delay4, .in .animated.delay4000, .in .animated.delayIn4000 { +/* line 35, ../sass/helpers/_delay.scss */ +.in .animated.delay4, .in .animated.delay4000, .in .animated.delayIn4000, +.not-mobile-browser .in .animated-not-mobile.delay4, +.not-mobile-browser .in .animated-not-mobile.delay4000, +.not-mobile-browser .in .animated-not-mobile.delayIn4000 { -webkit-animation-delay: 4s; animation-delay: 4s; } -/* line 27, ../sass/helpers/_delay.scss */ -.in .animated.delay4500, .in .animated.delayIn4500 { +/* line 40, ../sass/helpers/_delay.scss */ +.in .animated.delay4500, .in .animated.delayIn4500, +.not-mobile-browser .in .animated-not-mobile.delay4500, +.not-mobile-browser .in .animated-not-mobile.delayIn4500 { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; } -/* line 30, ../sass/helpers/_delay.scss */ -.in .animated.delay5, .in .animateddelay5000, .in .animateddelayIn5000 { +/* line 44, ../sass/helpers/_delay.scss */ +.in .animated.delay5, .in .animateddelay5000, .in .animateddelayIn5000, +.not-mobile-browser .in .animated-not-mobile.delay5, +.not-mobile-browser .in .animated-not-mobiledelay5000, +.not-mobile-browser .in .animated-not-mobiledelayIn5000 { -webkit-animation-delay: 5s; animation-delay: 5s; } -/* line 36, ../sass/helpers/_delay.scss */ -.out .animated.delayOut500 { +/* line 53, ../sass/helpers/_delay.scss */ +.out .animated.delayOut500, +.not-mobile-browser .out .animated-not-mobile.delayOut500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } -/* line 39, ../sass/helpers/_delay.scss */ -.out .animated.delayOut1000 { +/* line 56, ../sass/helpers/_delay.scss */ +.out .animated.delayOut1000, +.not-mobile-browser .out .animated-not-mobile.delayOut1000 { -webkit-animation-delay: 1s; animation-delay: 1s; } -/* line 42, ../sass/helpers/_delay.scss */ -.out .animated.delayOut1500 { +/* line 59, ../sass/helpers/_delay.scss */ +.out .animated.delayOut1500, +.not-mobile-browser .out .animated-not-mobile.delayOut1500 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } -/* line 45, ../sass/helpers/_delay.scss */ -.out .animated.delayOut2000 { +/* line 62, ../sass/helpers/_delay.scss */ +.out .animated.delayOut2000, +.not-mobile-browser .out .animated-not-mobile.delayOut2000 { -webkit-animation-delay: 2s; animation-delay: 2s; } -/* line 48, ../sass/helpers/_delay.scss */ -.out .animated.delayOut2500 { +/* line 65, ../sass/helpers/_delay.scss */ +.out .animated.delayOut2500, +.not-mobile-browser .out .animated-not-mobile.delayOut2500 { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } -/* line 51, ../sass/helpers/_delay.scss */ -.out .animated.delayOut3000 { +/* line 68, ../sass/helpers/_delay.scss */ +.out .animated.delayOut3000, +.not-mobile-browser .out .animated-not-mobile.delayOut3000 { -webkit-animation-delay: 3s; animation-delay: 3s; } -/* line 54, ../sass/helpers/_delay.scss */ -.out .animated.delayOut3500 { +/* line 71, ../sass/helpers/_delay.scss */ +.out .animated.delayOut3500, +.not-mobile-browser .out .animated-not-mobile.delayOut3500 { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } -/* line 57, ../sass/helpers/_delay.scss */ -.out .animated.delayOut4000 { +/* line 74, ../sass/helpers/_delay.scss */ +.out .animated.delayOut4000, +.not-mobile-browser .out .animated-not-mobile.delayOut4000 { -webkit-animation-delay: 4s; animation-delay: 4s; } -/* line 60, ../sass/helpers/_delay.scss */ -.out .animated.delayOut4500 { +/* line 77, ../sass/helpers/_delay.scss */ +.out .animated.delayOut4500, +.not-mobile-browser .out .animated-not-mobile.delayOut4500 { -webkit-animation-delay: 4.5s; animation-delay: 4.5s; } -/* line 63, ../sass/helpers/_delay.scss */ -.out .animateddelayOut5000 { +/* line 80, ../sass/helpers/_delay.scss */ +.out .animateddelayOut5000, +.not-mobile-browser .out .animated-not-mobiledelayOut5000 { -webkit-animation-delay: 5s; animation-delay: 5s; } diff --git a/src/sass/helpers/_base.scss b/src/sass/helpers/_base.scss index 53427d4..a5f6cc2 100644 --- a/src/sass/helpers/_base.scss +++ b/src/sass/helpers/_base.scss @@ -7,85 +7,81 @@ Copyright (c) 2015 Daniel Eden */ body { - -webkit-backface-visibility: hidden; // Addresses a small issue in webkit: https://css-tricks.com/almanac/properties/b/backface-visibility/ + -webkit-backface-visibility: hidden; // Addresses a small issue in webkit: https://css-tricks.com/almanac/properties/b/backface-visibility/ } .animated, .not-mobile-browser .animated-not-mobile { - @include animate-prefixer(animation-duration, $base-duration); - @include animate-prefixer(animation-fill-mode, $base-fill-mode); - &.infinite { - -webkit-animation-iteration-count: $base-iteration-count; - animation-iteration-count: $base-iteration-count; - } - &.hinge { - @include animate-prefixer(animation-duration, $base-duration * 2); - } - &.bounceIn, - &.bounceOut { - @include animate-prefixer(animation-duration, $base-duration * .75); - } - &.flipOutX, - &.flipOutY { - @include animate-prefixer(animation-duration, $base-duration * .75); - } + @include animate-prefixer(animation-duration, $base-duration); + @include animate-prefixer(animation-fill-mode, $base-fill-mode); + &.infinite { + -webkit-animation-iteration-count: $base-iteration-count; + animation-iteration-count: $base-iteration-count; + } + &.hinge { + @include animate-prefixer(animation-duration, $base-duration * 2); + } + &.bounceIn, + &.bounceOut { + @include animate-prefixer(animation-duration, $base-duration * 0.75); + } + &.flipOutX, + &.flipOutY { + @include animate-prefixer(animation-duration, $base-duration * 0.75); + } } -.in { - .animated, - .not-mobile-browser .animated-not-mobile { - &.fast, - &.fastIn { - @include animate-prefixer(animation-duration, $base-duration * .5); - } - &.slow, - &.slowIn { - @include animate-prefixer(animation-duration, $base-duration * 1.5); - } - &.xslow, - &.xslowIn { - @include animate-prefixer(animation-duration, $base-duration * 2.5); - } - &.hinge { - &.fast, - &.fastIn { - @include animate-prefixer(animation-duration, $base-duration); - } - &.slow, - &.slowIn { - @include animate-prefixer(animation-duration, $base-duration * 3); - } - } +.in .animated, +.not-mobile-browser .in .animated-not-mobile { + &.fast, + &.fastIn { + @include animate-prefixer(animation-duration, $base-duration * 0.5); + } + &.slow, + &.slowIn { + @include animate-prefixer(animation-duration, $base-duration * 1.5); + } + &.xslow, + &.xslowIn { + @include animate-prefixer(animation-duration, $base-duration * 2.5); + } + &.hinge { + &.fast, + &.fastIn { + @include animate-prefixer(animation-duration, $base-duration); } + &.slow, + &.slowIn { + @include animate-prefixer(animation-duration, $base-duration * 3); + } + } } -.out { - .animated, - .not-mobile-browser .animated-not-mobile { - &.fastOut { - @include animate-prefixer(animation-duration, $base-duration * .5); - } - &.slowOut { - @include animate-prefixer(animation-duration, $base-duration * 1.5); - } - &.xslowOut { - @include animate-prefixer(animation-duration, $base-duration * 2.5); - } - &.hinge { - &.fastOut { - @include animate-prefixer(animation-duration, $base-duration); - } - &.slowOut { - @include animate-prefixer(animation-duration, $base-duration * 3); - } - } +.in .animated, +.not-mobile-browser .in .animated-not-mobile { + &.fastOut { + @include animate-prefixer(animation-duration, $base-duration * 0.5); + } + &.slowOut { + @include animate-prefixer(animation-duration, $base-duration * 1.5); + } + &.xslowOut { + @include animate-prefixer(animation-duration, $base-duration * 2.5); + } + &.hinge { + &.fastOut { + @include animate-prefixer(animation-duration, $base-duration); + } + &.slowOut { + @include animate-prefixer(animation-duration, $base-duration * 3); } + } } .flippedY { - @include animate-prefixer(transform, scale(1, -1)); + @include animate-prefixer(transform, scale(1, -1)); } .flippedX { - @include animate-prefixer(transform, scale(-1, 1)); -} \ No newline at end of file + @include animate-prefixer(transform, scale(-1, 1)); +} diff --git a/src/sass/helpers/_delay.scss b/src/sass/helpers/_delay.scss index 77c3067..ab81cad 100644 --- a/src/sass/helpers/_delay.scss +++ b/src/sass/helpers/_delay.scss @@ -1,74 +1,83 @@ -.in { - .animated, - .not-mobile-browser .animated-not-mobile { - @include animate-prefixer (animation-delay, 0.2s); - &.delay500, &.delayIn500 { - @include animate-prefixer (animation-delay, 0.5s); - } - &.delay1, &.delay1000, &.delayIn1000 { - @include animate-prefixer (animation-delay, 1s); - } - &.delay1500, &.delayIn1500 { - @include animate-prefixer (animation-delay, 1.5s); - } - &.delay2,&.delay2000, &.delayIn2000 { - @include animate-prefixer (animation-delay, 2s); - } - &.delay2500, &.delayIn2500 { - @include animate-prefixer (animation-delay, 2.5s); - } - &.delay3,&.delay3000, &.delayIn3000 { - @include animate-prefixer (animation-delay, 3s); - } - &.delay3500, &.delayIn3500 { - @include animate-prefixer (animation-delay, 3.5s); - } - &.delay4, &.delay4000, &.delayIn4000 { - @include animate-prefixer (animation-delay, 4s); - } - &.delay4500, &.delayIn4500 { - @include animate-prefixer (animation-delay, 4.5s); - } - &.delay5, &delay5000, &delayIn5000 { - @include animate-prefixer (animation-delay, 5s); - } +.in .animated, +.not-mobile-browser .in .animated-not-mobile { + @include animate-prefixer (animation-delay, 0.2s); + &.delay500, + &.delayIn500 { + @include animate-prefixer (animation-delay, 0.5s); + } + &.delay1, + &.delay1000, + &.delayIn1000 { + @include animate-prefixer (animation-delay, 1s); + } + &.delay1500, + &.delayIn1500 { + @include animate-prefixer (animation-delay, 1.5s); + } + &.delay2, + &.delay2000, + &.delayIn2000 { + @include animate-prefixer (animation-delay, 2s); + } + &.delay2500, + &.delayIn2500 { + @include animate-prefixer (animation-delay, 2.5s); + } + &.delay3, + &.delay3000, + &.delayIn3000 { + @include animate-prefixer (animation-delay, 3s); + } + &.delay3500, + &.delayIn3500 { + @include animate-prefixer (animation-delay, 3.5s); + } + &.delay4, + &.delay4000, + &.delayIn4000 { + @include animate-prefixer (animation-delay, 4s); + } + &.delay4500, + &.delayIn4500 { + @include animate-prefixer (animation-delay, 4.5s); + } + &.delay5, + &delay5000, + &delayIn5000 { + @include animate-prefixer (animation-delay, 5s); } } - -.out { - .animated, - .not-mobile-browser .animated-not-mobile { - &.delayOut500 { - @include animate-prefixer (animation-delay, 0.5s); - } - &.delayOut1000 { - @include animate-prefixer (animation-delay, 1s); - } - &.delayOut1500 { - @include animate-prefixer (animation-delay, 1.5s); - } - &.delayOut2000 { - @include animate-prefixer (animation-delay, 2s); - } - &.delayOut2500 { - @include animate-prefixer (animation-delay, 2.5s); - } - &.delayOut3000 { - @include animate-prefixer (animation-delay, 3s); - } - &.delayOut3500 { - @include animate-prefixer (animation-delay, 3.5s); - } - &.delayOut4000 { - @include animate-prefixer (animation-delay, 4s); - } - &.delayOut4500 { - @include animate-prefixer (animation-delay, 4.5s); - } - &delayOut5000 { - @include animate-prefixer (animation-delay, 5s); - } +.out .animated, +.not-mobile-browser .out .animated-not-mobile { + &.delayOut500 { + @include animate-prefixer (animation-delay, 0.5s); + } + &.delayOut1000 { + @include animate-prefixer (animation-delay, 1s); + } + &.delayOut1500 { + @include animate-prefixer (animation-delay, 1.5s); + } + &.delayOut2000 { + @include animate-prefixer (animation-delay, 2s); + } + &.delayOut2500 { + @include animate-prefixer (animation-delay, 2.5s); + } + &.delayOut3000 { + @include animate-prefixer (animation-delay, 3s); + } + &.delayOut3500 { + @include animate-prefixer (animation-delay, 3.5s); + } + &.delayOut4000 { + @include animate-prefixer (animation-delay, 4s); + } + &.delayOut4500 { + @include animate-prefixer (animation-delay, 4.5s); + } + &delayOut5000 { + @include animate-prefixer (animation-delay, 5s); } } -