/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

 .animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both
 }

 .animated.infinite {
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite
 }

 .animated.hinge {
   -webkit-animation-duration: 2s;
   animation-duration: 2s
 }

 @-webkit-keyframes bounce {

   0%,
   20%,
   50%,
   80%,
   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   40% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px)
   }

   60% {
     -webkit-transform: translateY(-15px);
     transform: translateY(-15px)
   }
 }

 @keyframes bounce {

   0%,
   20%,
   50%,
   80%,
   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   40% {
     -webkit-transform: translateY(-30px);
     -ms-transform: translateY(-30px);
     transform: translateY(-30px)
   }

   60% {
     -webkit-transform: translateY(-15px);
     -ms-transform: translateY(-15px);
     transform: translateY(-15px)
   }
 }

 .bounce {
   -webkit-animation-name: bounce;
   animation-name: bounce
 }

 @-webkit-keyframes flash {

   0%,
   50%,
   100% {
     opacity: 1
   }

   25%,
   75% {
     opacity: 0
   }
 }

 @keyframes flash {

   0%,
   50%,
   100% {
     opacity: 1
   }

   25%,
   75% {
     opacity: 0
   }
 }

 .flash {
   -webkit-animation-name: flash;
   animation-name: flash
 }

 @-webkit-keyframes pulse {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   50% {
     -webkit-transform: scale(1.1);
     transform: scale(1.1)
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }
 }

 @keyframes pulse {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   50% {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1)
   }

   100% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }
 }

 .pulse {
   -webkit-animation-name: pulse;
   animation-name: pulse
 }

 @-webkit-keyframes rubberBand {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   30% {
     -webkit-transform: scaleX(1.25) scaleY(0.75);
     transform: scaleX(1.25) scaleY(0.75)
   }

   40% {
     -webkit-transform: scaleX(0.75) scaleY(1.25);
     transform: scaleX(0.75) scaleY(1.25)
   }

   60% {
     -webkit-transform: scaleX(1.15) scaleY(0.85);
     transform: scaleX(1.15) scaleY(0.85)
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }
 }

 @keyframes rubberBand {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   30% {
     -webkit-transform: scaleX(1.25) scaleY(0.75);
     -ms-transform: scaleX(1.25) scaleY(0.75);
     transform: scaleX(1.25) scaleY(0.75)
   }

   40% {
     -webkit-transform: scaleX(0.75) scaleY(1.25);
     -ms-transform: scaleX(0.75) scaleY(1.25);
     transform: scaleX(0.75) scaleY(1.25)
   }

   60% {
     -webkit-transform: scaleX(1.15) scaleY(0.85);
     -ms-transform: scaleX(1.15) scaleY(0.85);
     transform: scaleX(1.15) scaleY(0.85)
   }

   100% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }
 }

 .rubberBand {
   -webkit-animation-name: rubberBand;
   animation-name: rubberBand
 }

 @-webkit-keyframes shake {

   0%,
   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   10%,
   30%,
   50%,
   70%,
   90% {
     -webkit-transform: translateX(-10px);
     transform: translateX(-10px)
   }

   20%,
   40%,
   60%,
   80% {
     -webkit-transform: translateX(10px);
     transform: translateX(10px)
   }
 }

 @keyframes shake {

   0%,
   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   10%,
   30%,
   50%,
   70%,
   90% {
     -webkit-transform: translateX(-10px);
     -ms-transform: translateX(-10px);
     transform: translateX(-10px)
   }

   20%,
   40%,
   60%,
   80% {
     -webkit-transform: translateX(10px);
     -ms-transform: translateX(10px);
     transform: translateX(10px)
   }
 }

 .shake {
   -webkit-animation-name: shake;
   animation-name: shake
 }

 @-webkit-keyframes swing {
   20% {
     -webkit-transform: rotate(15deg);
     transform: rotate(15deg)
   }

   40% {
     -webkit-transform: rotate(-10deg);
     transform: rotate(-10deg)
   }

   60% {
     -webkit-transform: rotate(5deg);
     transform: rotate(5deg)
   }

   80% {
     -webkit-transform: rotate(-5deg);
     transform: rotate(-5deg)
   }

   100% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg)
   }
 }

 @keyframes swing {
   20% {
     -webkit-transform: rotate(15deg);
     -ms-transform: rotate(15deg);
     transform: rotate(15deg)
   }

   40% {
     -webkit-transform: rotate(-10deg);
     -ms-transform: rotate(-10deg);
     transform: rotate(-10deg)
   }

   60% {
     -webkit-transform: rotate(5deg);
     -ms-transform: rotate(5deg);
     transform: rotate(5deg)
   }

   80% {
     -webkit-transform: rotate(-5deg);
     -ms-transform: rotate(-5deg);
     transform: rotate(-5deg)
   }

   100% {
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg)
   }
 }

 .swing {
   -webkit-transform-origin: top center;
   -ms-transform-origin: top center;
   transform-origin: top center;
   -webkit-animation-name: swing;
   animation-name: swing
 }

 @-webkit-keyframes tada {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   10%,
   20% {
     -webkit-transform: scale(0.9) rotate(-3deg);
     transform: scale(0.9) rotate(-3deg)
   }

   30%,
   50%,
   70%,
   90% {
     -webkit-transform: scale(1.1) rotate(3deg);
     transform: scale(1.1) rotate(3deg)
   }

   40%,
   60%,
   80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
     transform: scale(1.1) rotate(-3deg)
   }

   100% {
     -webkit-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0)
   }
 }

 @keyframes tada {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   10%,
   20% {
     -webkit-transform: scale(0.9) rotate(-3deg);
     -ms-transform: scale(0.9) rotate(-3deg);
     transform: scale(0.9) rotate(-3deg)
   }

   30%,
   50%,
   70%,
   90% {
     -webkit-transform: scale(1.1) rotate(3deg);
     -ms-transform: scale(1.1) rotate(3deg);
     transform: scale(1.1) rotate(3deg)
   }

   40%,
   60%,
   80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
     -ms-transform: scale(1.1) rotate(-3deg);
     transform: scale(1.1) rotate(-3deg)
   }

   100% {
     -webkit-transform: scale(1) rotate(0);
     -ms-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0)
   }
 }

 .tada {
   -webkit-animation-name: tada;
   animation-name: tada
 }

 @-webkit-keyframes wobble {
   0% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%)
   }

   15% {
     -webkit-transform: translateX(-25%) rotate(-5deg);
     transform: translateX(-25%) rotate(-5deg)
   }

   30% {
     -webkit-transform: translateX(20%) rotate(3deg);
     transform: translateX(20%) rotate(3deg)
   }

   45% {
     -webkit-transform: translateX(-15%) rotate(-3deg);
     transform: translateX(-15%) rotate(-3deg)
   }

   60% {
     -webkit-transform: translateX(10%) rotate(2deg);
     transform: translateX(10%) rotate(2deg)
   }

   75% {
     -webkit-transform: translateX(-5%) rotate(-1deg);
     transform: translateX(-5%) rotate(-1deg)
   }

   100% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%)
   }
 }

 @keyframes wobble {
   0% {
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%)
   }

   15% {
     -webkit-transform: translateX(-25%) rotate(-5deg);
     -ms-transform: translateX(-25%) rotate(-5deg);
     transform: translateX(-25%) rotate(-5deg)
   }

   30% {
     -webkit-transform: translateX(20%) rotate(3deg);
     -ms-transform: translateX(20%) rotate(3deg);
     transform: translateX(20%) rotate(3deg)
   }

   45% {
     -webkit-transform: translateX(-15%) rotate(-3deg);
     -ms-transform: translateX(-15%) rotate(-3deg);
     transform: translateX(-15%) rotate(-3deg)
   }

   60% {
     -webkit-transform: translateX(10%) rotate(2deg);
     -ms-transform: translateX(10%) rotate(2deg);
     transform: translateX(10%) rotate(2deg)
   }

   75% {
     -webkit-transform: translateX(-5%) rotate(-1deg);
     -ms-transform: translateX(-5%) rotate(-1deg);
     transform: translateX(-5%) rotate(-1deg)
   }

   100% {
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%)
   }
 }

 .wobble {
   -webkit-animation-name: wobble;
   animation-name: wobble
 }

 @-webkit-keyframes bounceIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(.3);
     transform: scale(.3)
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.05);
     transform: scale(1.05)
   }

   70% {
     -webkit-transform: scale(.9);
     transform: scale(.9)
   }

   100% {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1)
   }
 }

 @keyframes bounceIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(.3);
     -ms-transform: scale(.3);
     transform: scale(.3)
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05)
   }

   70% {
     -webkit-transform: scale(.9);
     -ms-transform: scale(.9);
     transform: scale(.9)
   }

   100% {
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }
 }

 .bounceIn {
   -webkit-animation-name: bounceIn;
   animation-name: bounceIn
 }

 @-webkit-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)
   }
 }

 @keyframes bounceInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px)
   }

   80% {
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px)
   }

   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .bounceInDown {
   -webkit-animation-name: bounceInDown;
   animation-name: bounceInDown
 }

 @-webkit-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)
   }
 }

 @keyframes bounceInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateX(30px);
     -ms-transform: translateX(30px);
     transform: translateX(30px)
   }

   80% {
     -webkit-transform: translateX(-10px);
     -ms-transform: translateX(-10px);
     transform: translateX(-10px)
   }

   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .bounceInLeft {
   -webkit-animation-name: bounceInLeft;
   animation-name: bounceInLeft
 }

 @-webkit-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)
   }
 }

 @keyframes bounceInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateX(-30px);
     -ms-transform: translateX(-30px);
     transform: translateX(-30px)
   }

   80% {
     -webkit-transform: translateX(10px);
     -ms-transform: translateX(10px);
     transform: translateX(10px)
   }

   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .bounceInRight {
   -webkit-animation-name: bounceInRight;
   animation-name: bounceInRight
 }

 @-webkit-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)
   }
 }

 @keyframes bounceInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateY(-30px);
     -ms-transform: translateY(-30px);
     transform: translateY(-30px)
   }

   80% {
     -webkit-transform: translateY(10px);
     -ms-transform: translateY(10px);
     transform: translateY(10px)
   }

   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .bounceInUp {
   -webkit-animation-name: bounceInUp;
   animation-name: bounceInUp
 }

 @-webkit-keyframes bounceOut {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   25% {
     -webkit-transform: scale(.95);
     transform: scale(.95)
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.1);
     transform: scale(1.1)
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.3);
     transform: scale(.3)
   }
 }

 @keyframes bounceOut {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   25% {
     -webkit-transform: scale(.95);
     -ms-transform: scale(.95);
     transform: scale(.95)
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1)
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.3);
     -ms-transform: scale(.3);
     transform: scale(.3)
   }
 }

 .bounceOut {
   -webkit-animation-name: bounceOut;
   animation-name: bounceOut
 }

 @-webkit-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)
   }
 }

 @keyframes bounceOutDown {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   20% {
     opacity: 1;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

 .bounceOutDown {
   -webkit-animation-name: bounceOutDown;
   animation-name: bounceOutDown
 }

 @-webkit-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)
   }
 }

 @keyframes bounceOutLeft {
   0% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   20% {
     opacity: 1;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

 .bounceOutLeft {
   -webkit-animation-name: bounceOutLeft;
   animation-name: bounceOutLeft
 }

 @-webkit-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)
   }
 }

 @keyframes bounceOutRight {
   0% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   20% {
     opacity: 1;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

 .bounceOutRight {
   -webkit-animation-name: bounceOutRight;
   animation-name: bounceOutRight
 }

 @-webkit-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)
   }
 }

 @keyframes bounceOutUp {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   20% {
     opacity: 1;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

 .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
   }
 }

 .fadeIn {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn
 }

 @-webkit-keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .fadeInDown {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown
 }

 @-webkit-keyframes fadeInDownBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes fadeInDownBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .fadeInDownBig {
   -webkit-animation-name: fadeInDownBig;
   animation-name: fadeInDownBig
 }

 @-webkit-keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft
 }

 @-webkit-keyframes fadeInLeftBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes fadeInLeftBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .fadeInLeftBig {
   -webkit-animation-name: fadeInLeftBig;
   animation-name: fadeInLeftBig
 }

 @-webkit-keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     transform: translateX(20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .fadeInRight {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight
 }

 @-webkit-keyframes fadeInRightBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes fadeInRightBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .fadeInRightBig {
   -webkit-animation-name: fadeInRightBig;
   animation-name: fadeInRightBig
 }

 @-webkit-keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     transform: translateY(20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .fadeInUp {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp
 }

 @-webkit-keyframes fadeInUpBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes fadeInUpBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .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
   }
 }

 .fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut
 }

 @-webkit-keyframes fadeOutDown {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     transform: translateY(20px)
   }
 }

 @keyframes fadeOutDown {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px)
   }
 }

 .fadeOutDown {
   -webkit-animation-name: fadeOutDown;
   animation-name: fadeOutDown
 }

 @-webkit-keyframes fadeOutDownBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

 @keyframes fadeOutDownBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

 .fadeOutDownBig {
   -webkit-animation-name: fadeOutDownBig;
   animation-name: fadeOutDownBig
 }

 @-webkit-keyframes fadeOutLeft {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px)
   }
 }

 @keyframes fadeOutLeft {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px)
   }
 }

 .fadeOutLeft {
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft
 }

 @-webkit-keyframes fadeOutLeftBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

 @keyframes fadeOutLeftBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

 .fadeOutLeftBig {
   -webkit-animation-name: fadeOutLeftBig;
   animation-name: fadeOutLeftBig
 }

 @-webkit-keyframes fadeOutRight {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     transform: translateX(20px)
   }
 }

 @keyframes fadeOutRight {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px)
   }
 }

 .fadeOutRight {
   -webkit-animation-name: fadeOutRight;
   animation-name: fadeOutRight
 }

 @-webkit-keyframes fadeOutRightBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

 @keyframes fadeOutRightBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

 .fadeOutRightBig {
   -webkit-animation-name: fadeOutRightBig;
   animation-name: fadeOutRightBig
 }

 @-webkit-keyframes fadeOutUp {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px)
   }
 }

 @keyframes fadeOutUp {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px)
   }
 }

 .fadeOutUp {
   -webkit-animation-name: fadeOutUp;
   animation-name: fadeOutUp
 }

 @-webkit-keyframes fadeOutUpBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

 @keyframes fadeOutUpBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

 .fadeOutUpBig {
   -webkit-animation-name: fadeOutUpBig;
   animation-name: fadeOutUpBig
 }

 @-webkit-keyframes flip {
   0% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }

   40% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }

   50% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }

   80% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }

   100% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }
 }

 @keyframes flip {
   0% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }

   40% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }

   50% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }

   80% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }

   100% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }
 }

 .animated.flip {
   -webkit-backface-visibility: visible;
   -ms-backface-visibility: visible;
   backface-visibility: visible;
   -webkit-animation-name: flip;
   animation-name: flip
 }

 @-webkit-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
   }
 }

 @keyframes flipInX {
   0% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     -ms-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0
   }

   40% {
     -webkit-transform: perspective(400px) rotateX(-10deg);
     -ms-transform: perspective(400px) rotateX(-10deg);
     transform: perspective(400px) rotateX(-10deg)
   }

   70% {
     -webkit-transform: perspective(400px) rotateX(10deg);
     -ms-transform: perspective(400px) rotateX(10deg);
     transform: perspective(400px) rotateX(10deg)
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     -ms-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1
   }
 }

 .flipInX {
   -webkit-backface-visibility: visible !important;
   -ms-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);
     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
   }
 }

 @keyframes flipInY {
   0% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     -ms-transform: perspective(400px) rotateY(90deg);
     transform: perspective(400px) rotateY(90deg);
     opacity: 0
   }

   40% {
     -webkit-transform: perspective(400px) rotateY(-10deg);
     -ms-transform: perspective(400px) rotateY(-10deg);
     transform: perspective(400px) rotateY(-10deg)
   }

   70% {
     -webkit-transform: perspective(400px) rotateY(10deg);
     -ms-transform: perspective(400px) rotateY(10deg);
     transform: perspective(400px) rotateY(10deg)
   }

   100% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     -ms-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1
   }
 }

 .flipInY {
   -webkit-backface-visibility: visible !important;
   -ms-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);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0
   }
 }

 @keyframes flipOutX {
   0% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     -ms-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     -ms-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0
   }
 }

 .flipOutX {
   -webkit-animation-name: flipOutX;
   animation-name: flipOutX;
   -webkit-backface-visibility: visible !important;
   -ms-backface-visibility: visible !important;
   backface-visibility: visible !important
 }

 @-webkit-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
   }
 }

 @keyframes flipOutY {
   0% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     -ms-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     -ms-transform: perspective(400px) rotateY(90deg);
     transform: perspective(400px) rotateY(90deg);
     opacity: 0
   }
 }

 .flipOutY {
   -webkit-backface-visibility: visible !important;
   -ms-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);
     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
   }
 }

 @keyframes lightSpeedIn {
   0% {
     -webkit-transform: translateX(100%) skewX(-30deg);
     -ms-transform: translateX(100%) skewX(-30deg);
     transform: translateX(100%) skewX(-30deg);
     opacity: 0
   }

   60% {
     -webkit-transform: translateX(-20%) skewX(30deg);
     -ms-transform: translateX(-20%) skewX(30deg);
     transform: translateX(-20%) skewX(30deg);
     opacity: 1
   }

   80% {
     -webkit-transform: translateX(0%) skewX(-15deg);
     -ms-transform: translateX(0%) skewX(-15deg);
     transform: translateX(0%) skewX(-15deg);
     opacity: 1
   }

   100% {
     -webkit-transform: translateX(0%) skewX(0deg);
     -ms-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1
   }
 }

 .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);
     transform: translateX(0%) skewX(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: translateX(100%) skewX(-30deg);
     transform: translateX(100%) skewX(-30deg);
     opacity: 0
   }
 }

 @keyframes lightSpeedOut {
   0% {
     -webkit-transform: translateX(0%) skewX(0deg);
     -ms-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: translateX(100%) skewX(-30deg);
     -ms-transform: translateX(100%) skewX(-30deg);
     transform: translateX(100%) skewX(-30deg);
     opacity: 0
   }
 }

 .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;
     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
   }
 }

 @keyframes rotateIn {
   0% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(-200deg);
     -ms-transform: rotate(-200deg);
     transform: rotate(-200deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 .rotateIn {
   -webkit-animation-name: rotateIn;
   animation-name: rotateIn
 }

 @-webkit-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
   }
 }

 @keyframes rotateInDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 .rotateInDownLeft {
   -webkit-animation-name: rotateInDownLeft;
   animation-name: rotateInDownLeft
 }

 @-webkit-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
   }
 }

 @keyframes rotateInDownRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 .rotateInDownRight {
   -webkit-animation-name: rotateInDownRight;
   animation-name: rotateInDownRight
 }

 @-webkit-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
   }
 }

 @keyframes rotateInUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 .rotateInUpLeft {
   -webkit-animation-name: rotateInUpLeft;
   animation-name: rotateInUpLeft
 }

 @-webkit-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
   }
 }

 @keyframes rotateInUpRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 .rotateInUpRight {
   -webkit-animation-name: rotateInUpRight;
   animation-name: rotateInUpRight
 }

 @-webkit-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
   }
 }

 @keyframes rotateOut {
   0% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(200deg);
     -ms-transform: rotate(200deg);
     transform: rotate(200deg);
     opacity: 0
   }
 }

 .rotateOut {
   -webkit-animation-name: rotateOut;
   animation-name: rotateOut
 }

 @-webkit-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
   }
 }

 @keyframes rotateOutDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }
 }

 .rotateOutDownLeft {
   -webkit-animation-name: rotateOutDownLeft;
   animation-name: rotateOutDownLeft
 }

 @-webkit-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
   }
 }

 @keyframes rotateOutDownRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }
 }

 .rotateOutDownRight {
   -webkit-animation-name: rotateOutDownRight;
   animation-name: rotateOutDownRight
 }

 @-webkit-keyframes rotateOutUpLeft {
   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
   }
 }

 @keyframes rotateOutUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }
 }

 .rotateOutUpLeft {
   -webkit-animation-name: rotateOutUpLeft;
   animation-name: rotateOutUpLeft
 }

 @-webkit-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
   }
 }

 @keyframes rotateOutUpRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }
 }

 .rotateOutUpRight {
   -webkit-animation-name: rotateOutUpRight;
   animation-name: rotateOutUpRight
 }

 @-webkit-keyframes slideInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes slideInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .slideInDown {
   -webkit-animation-name: slideInDown;
   animation-name: slideInDown
 }

 @-webkit-keyframes slideInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes slideInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .slideInLeft {
   -webkit-animation-name: slideInLeft;
   animation-name: slideInLeft
 }

 @-webkit-keyframes slideInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes slideInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .slideInRight {
   -webkit-animation-name: slideInRight;
   animation-name: slideInRight
 }

 @-webkit-keyframes slideOutLeft {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

 @keyframes slideOutLeft {
   0% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

 .slideOutLeft {
   -webkit-animation-name: slideOutLeft;
   animation-name: slideOutLeft
 }

 @-webkit-keyframes slideOutRight {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

 @keyframes slideOutRight {
   0% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

 .slideOutRight {
   -webkit-animation-name: slideOutRight;
   animation-name: slideOutRight
 }

 @-webkit-keyframes slideOutUp {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

 @keyframes slideOutUp {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

 .slideOutUp {
   -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp
 }

 @-webkit-keyframes slideInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes slideInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .slideInUp {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp
 }

 @-webkit-keyframes slideOutDown {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

 @keyframes slideOutDown {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

 .slideOutDown {
   -webkit-animation-name: slideOutDown;
   animation-name: slideOutDown
 }

 @-webkit-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);
     -webkit-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     opacity: 1
   }

   100% {
     -webkit-transform: translateY(700px);
     transform: translateY(700px);
     opacity: 0
   }
 }

 @keyframes hinge {
   0% {
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     -webkit-transform-origin: top left;
     -ms-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);
     -ms-transform: rotate(80deg);
     transform: rotate(80deg);
     -webkit-transform-origin: top left;
     -ms-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);
     -ms-transform: rotate(60deg);
     transform: rotate(60deg);
     -webkit-transform-origin: top left;
     -ms-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);
     -ms-transform: rotate(60deg) translateY(0);
     transform: rotate(60deg) translateY(0);
     -webkit-transform-origin: top left;
     -ms-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     opacity: 1
   }

   100% {
     -webkit-transform: translateY(700px);
     -ms-transform: translateY(700px);
     transform: translateY(700px);
     opacity: 0
   }
 }

 .hinge {
   -webkit-animation-name: hinge;
   animation-name: hinge
 }

 @-webkit-keyframes rollIn {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-100%) rotate(-120deg);
     transform: translateX(-100%) rotate(-120deg)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg)
   }
 }

 @keyframes rollIn {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-100%) rotate(-120deg);
     -ms-transform: translateX(-100%) rotate(-120deg);
     transform: translateX(-100%) rotate(-120deg)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     -ms-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg)
   }
 }

 .rollIn {
   -webkit-animation-name: rollIn;
   animation-name: rollIn
 }

 @-webkit-keyframes rollOut {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(100%) rotate(120deg);
     transform: translateX(100%) rotate(120deg)
   }
 }

 @keyframes rollOut {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     -ms-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(100%) rotate(120deg);
     -ms-transform: translateX(100%) rotate(120deg);
     transform: translateX(100%) rotate(120deg)
   }
 }

 .rollOut {
   -webkit-animation-name: rollOut;
   animation-name: rollOut
 }

 @-webkit-keyframes zoomIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(.3);
     transform: scale(.3)
   }

   50% {
     opacity: 1
   }
 }

 @keyframes zoomIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(.3);
     -ms-transform: scale(.3);
     transform: scale(.3)
   }

   50% {
     opacity: 1
   }
 }

 .zoomIn {
   -webkit-animation-name: zoomIn;
   animation-name: zoomIn
 }

 @-webkit-keyframes zoomInDown {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(-2000px);
     transform: scale(.1) translateY(-2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(60px);
     transform: scale(.475) translateY(60px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 @keyframes zoomInDown {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(-2000px);
     -ms-transform: scale(.1) translateY(-2000px);
     transform: scale(.1) translateY(-2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(60px);
     -ms-transform: scale(.475) translateY(60px);
     transform: scale(.475) translateY(60px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 .zoomInDown {
   -webkit-animation-name: zoomInDown;
   animation-name: zoomInDown
 }

 @-webkit-keyframes zoomInLeft {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(-2000px);
     transform: scale(.1) translateX(-2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(48px);
     transform: scale(.475) translateX(48px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 @keyframes zoomInLeft {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(-2000px);
     -ms-transform: scale(.1) translateX(-2000px);
     transform: scale(.1) translateX(-2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(48px);
     -ms-transform: scale(.475) translateX(48px);
     transform: scale(.475) translateX(48px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 .zoomInLeft {
   -webkit-animation-name: zoomInLeft;
   animation-name: zoomInLeft
 }

 @-webkit-keyframes zoomInRight {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(2000px);
     transform: scale(.1) translateX(2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(-48px);
     transform: scale(.475) translateX(-48px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 @keyframes zoomInRight {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(2000px);
     -ms-transform: scale(.1) translateX(2000px);
     transform: scale(.1) translateX(2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(-48px);
     -ms-transform: scale(.475) translateX(-48px);
     transform: scale(.475) translateX(-48px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 .zoomInRight {
   -webkit-animation-name: zoomInRight;
   animation-name: zoomInRight
 }

 @-webkit-keyframes zoomInUp {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(2000px);
     transform: scale(.1) translateY(2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(-60px);
     transform: scale(.475) translateY(-60px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 @keyframes zoomInUp {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(2000px);
     -ms-transform: scale(.1) translateY(2000px);
     transform: scale(.1) translateY(2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(-60px);
     -ms-transform: scale(.475) translateY(-60px);
     transform: scale(.475) translateY(-60px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 .zoomInUp {
   -webkit-animation-name: zoomInUp;
   animation-name: zoomInUp
 }

 @-webkit-keyframes zoomOut {
   0% {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   50% {
     opacity: 0;
     -webkit-transform: scale(.3);
     transform: scale(.3)
   }

   100% {
     opacity: 0
   }
 }

 @keyframes zoomOut {
   0% {
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   50% {
     opacity: 0;
     -webkit-transform: scale(.3);
     -ms-transform: scale(.3);
     transform: scale(.3)
   }

   100% {
     opacity: 0
   }
 }

 .zoomOut {
   -webkit-animation-name: zoomOut;
   animation-name: zoomOut
 }

 @-webkit-keyframes zoomOutDown {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(-60px);
     transform: scale(.475) translateY(-60px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(2000px);
     transform: scale(.1) translateY(2000px);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom
   }
 }

 @keyframes zoomOutDown {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(-60px);
     -ms-transform: scale(.475) translateY(-60px);
     transform: scale(.475) translateY(-60px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(2000px);
     -ms-transform: scale(.1) translateY(2000px);
     transform: scale(.1) translateY(2000px);
     -webkit-transform-origin: center bottom;
     -ms-transform-origin: center bottom;
     transform-origin: center bottom
   }
 }

 .zoomOutDown {
   -webkit-animation-name: zoomOutDown;
   animation-name: zoomOutDown
 }

 @-webkit-keyframes zoomOutLeft {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(42px);
     transform: scale(.475) translateX(42px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(-2000px);
     transform: scale(.1) translateX(-2000px);
     -webkit-transform-origin: left center;
     transform-origin: left center
   }
 }

 @keyframes zoomOutLeft {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(42px);
     -ms-transform: scale(.475) translateX(42px);
     transform: scale(.475) translateX(42px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(-2000px);
     -ms-transform: scale(.1) translateX(-2000px);
     transform: scale(.1) translateX(-2000px);
     -webkit-transform-origin: left center;
     -ms-transform-origin: left center;
     transform-origin: left center
   }
 }

 .zoomOutLeft {
   -webkit-animation-name: zoomOutLeft;
   animation-name: zoomOutLeft
 }

 @-webkit-keyframes zoomOutRight {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(-42px);
     transform: scale(.475) translateX(-42px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(2000px);
     transform: scale(.1) translateX(2000px);
     -webkit-transform-origin: right center;
     transform-origin: right center
   }
 }

 @keyframes zoomOutRight {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(-42px);
     -ms-transform: scale(.475) translateX(-42px);
     transform: scale(.475) translateX(-42px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(2000px);
     -ms-transform: scale(.1) translateX(2000px);
     transform: scale(.1) translateX(2000px);
     -webkit-transform-origin: right center;
     -ms-transform-origin: right center;
     transform-origin: right center
   }
 }

 .zoomOutRight {
   -webkit-animation-name: zoomOutRight;
   animation-name: zoomOutRight
 }

 @-webkit-keyframes zoomOutUp {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(60px);
     transform: scale(.475) translateY(60px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(-2000px);
     transform: scale(.1) translateY(-2000px);
     -webkit-transform-origin: center top;
     transform-origin: center top
   }
 }

 @keyframes zoomOutUp {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(60px);
     -ms-transform: scale(.475) translateY(60px);
     transform: scale(.475) translateY(60px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(-2000px);
     -ms-transform: scale(.1) translateY(-2000px);
     transform: scale(.1) translateY(-2000px);
     -webkit-transform-origin: center top;
     -ms-transform-origin: center top;
     transform-origin: center top
   }
 }

 .zoomOutUp {
   -webkit-animation-name: zoomOutUp;
   animation-name: zoomOutUp
 }

 /**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
 .swiper-container {
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
   z-index: 1
 }

 .swiper-container-no-flexbox .swiper-slide {
   float: left
 }

 .swiper-container-vertical>.swiper-wrapper {
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
   -ms-flex-direction: column;
   -webkit-flex-direction: column;
   flex-direction: column
 }

 .swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-transition-property: -webkit-transform;
   -moz-transition-property: -moz-transform;
   -o-transition-property: -o-transform;
   -ms-transition-property: -ms-transform;
   transition-property: transform;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box
 }

 .swiper-container-android .swiper-slide,
 .swiper-wrapper {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -o-transform: translate(0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0)
 }

 .swiper-container-multirow>.swiper-wrapper {
   -webkit-box-lines: multiple;
   -moz-box-lines: multiple;
   -ms-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap
 }

 .swiper-container-free-mode>.swiper-wrapper {
   -webkit-transition-timing-function: ease-out;
   -moz-transition-timing-function: ease-out;
   -ms-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   margin: 0 auto
 }

 .swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex: 0 0 auto;
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative
 }

 .swiper-container-autoheight,
 .swiper-container-autoheight .swiper-slide {
   height: auto
 }

 .swiper-container-autoheight .swiper-wrapper {
   -webkit-box-align: start;
   -ms-flex-align: start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   -webkit-transition-property: -webkit-transform, height;
   -moz-transition-property: -moz-transform;
   -o-transition-property: -o-transform;
   -ms-transition-property: -ms-transform;
   transition-property: transform, height
 }

 .swiper-container .swiper-notification {
   position: absolute;
   left: 0;
   top: 0;
   pointer-events: none;
   opacity: 0;
   z-index: -1000
 }

 .swiper-wp8-horizontal {
   -ms-touch-action: pan-y;
   touch-action: pan-y
 }

 .swiper-wp8-vertical {
   -ms-touch-action: pan-x;
   touch-action: pan-x
 }

 .swiper-button-next,
 .swiper-button-prev {
   position: absolute;
   top: 50%;
   width: 27px;
   height: 44px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   -moz-background-size: 27px 44px;
   -webkit-background-size: 27px 44px;
   background-size: 27px 44px;
   background-position: center;
   background-repeat: no-repeat
 }

 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none
 }

 .swiper-button-prev,
 .swiper-container-rtl .swiper-button-next {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   left: 10px;
   right: auto
 }

 .swiper-button-prev.swiper-button-black,
 .swiper-container-rtl .swiper-button-next.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
 }

 .swiper-button-prev.swiper-button-white,
 .swiper-container-rtl .swiper-button-next.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
 }

 .swiper-button-next,
 .swiper-container-rtl .swiper-button-prev {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   right: 10px;
   left: auto
 }

 .swiper-button-next.swiper-button-black,
 .swiper-container-rtl .swiper-button-prev.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
 }

 .swiper-button-next.swiper-button-white,
 .swiper-container-rtl .swiper-button-prev.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
 }

 .swiper-pagination {
   position: absolute;
   text-align: center;
   -webkit-transition: .3s;
   -moz-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   z-index: 10
 }

 .swiper-pagination.swiper-pagination-hidden {
   opacity: 0
 }

 .swiper-container-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-custom,
 .swiper-pagination-fraction {
   bottom: 10px;
   left: 0;
   width: 100%
 }

 .swiper-pagination-bullet {
   width: 8px;
   height: 8px;
   display: inline-block;
   border-radius: 100%;
   background: #000;
   opacity: .2
 }

 button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   box-shadow: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -webkit-appearance: none;
   appearance: none
 }

 .swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer
 }

 .swiper-pagination-white .swiper-pagination-bullet {
   background: #fff
 }

 .swiper-pagination-bullet-active {
   opacity: 1;
   background: #007aff
 }

 .swiper-pagination-white .swiper-pagination-bullet-active {
   background: #fff
 }

 .swiper-pagination-black .swiper-pagination-bullet-active {
   background: #000
 }

 .swiper-container-vertical>.swiper-pagination-bullets {
   right: 10px;
   top: 50%;
   -webkit-transform: translate3d(0, -50%, 0);
   -moz-transform: translate3d(0, -50%, 0);
   -o-transform: translate(0, -50%);
   -ms-transform: translate3d(0, -50%, 0);
   transform: translate3d(0, -50%, 0)
 }

 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 5px 0;
   display: block
 }

 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 5px
 }

 .swiper-pagination-progress {
   background: rgba(0, 0, 0, .25);
   position: absolute
 }

 .swiper-pagination-progress .swiper-pagination-progressbar {
   background: #007aff;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
   -webkit-transform-origin: left top;
   -moz-transform-origin: left top;
   -ms-transform-origin: left top;
   -o-transform-origin: left top;
   transform-origin: left top
 }

 .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
   -webkit-transform-origin: right top;
   -moz-transform-origin: right top;
   -ms-transform-origin: right top;
   -o-transform-origin: right top;
   transform-origin: right top
 }

 .swiper-container-horizontal>.swiper-pagination-progress {
   width: 100%;
   height: 4px;
   left: 0;
   top: 0
 }

 .swiper-container-vertical>.swiper-pagination-progress {
   width: 4px;
   height: 100%;
   left: 0;
   top: 0
 }

 .swiper-pagination-progress.swiper-pagination-white {
   background: rgba(255, 255, 255, .5)
 }

 .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
   background: #fff
 }

 .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
   background: #000
 }

 .swiper-container-3d {
   -webkit-perspective: 1200px;
   -moz-perspective: 1200px;
   -o-perspective: 1200px;
   perspective: 1200px
 }

 .swiper-container-3d .swiper-cube-shadow,
 .swiper-container-3d .swiper-slide,
 .swiper-container-3d .swiper-slide-shadow-bottom,
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top,
 .swiper-container-3d .swiper-wrapper {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   transform-style: preserve-3d
 }

 .swiper-container-3d .swiper-slide-shadow-bottom,
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 10
 }

 .swiper-container-3d .swiper-slide-shadow-left {
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-container-3d .swiper-slide-shadow-right {
   background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-container-3d .swiper-slide-shadow-top {
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-container-3d .swiper-slide-shadow-bottom {
   background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-container-coverflow .swiper-wrapper,
 .swiper-container-flip .swiper-wrapper {
   -ms-perspective: 1200px
 }

 .swiper-container-cube,
 .swiper-container-flip {
   overflow: visible
 }

 .swiper-container-cube .swiper-slide,
 .swiper-container-flip .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1
 }

 .swiper-container-cube .swiper-slide .swiper-slide,
 .swiper-container-flip .swiper-slide .swiper-slide {
   pointer-events: none
 }

 .swiper-container-cube .swiper-slide-active,
 .swiper-container-cube .swiper-slide-active .swiper-slide-active,
 .swiper-container-flip .swiper-slide-active,
 .swiper-container-flip .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
 }

 .swiper-container-cube .swiper-slide-shadow-bottom,
 .swiper-container-cube .swiper-slide-shadow-left,
 .swiper-container-cube .swiper-slide-shadow-right,
 .swiper-container-cube .swiper-slide-shadow-top,
 .swiper-container-flip .swiper-slide-shadow-bottom,
 .swiper-container-flip .swiper-slide-shadow-left,
 .swiper-container-flip .swiper-slide-shadow-right,
 .swiper-container-flip .swiper-slide-shadow-top {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden
 }

 .swiper-container-cube .swiper-slide {
   visibility: hidden;
   -webkit-transform-origin: 0 0;
   -moz-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
   width: 100%;
   height: 100%
 }

 .swiper-container-cube.swiper-container-rtl .swiper-slide {
   -webkit-transform-origin: 100% 0;
   -moz-transform-origin: 100% 0;
   -ms-transform-origin: 100% 0;
   transform-origin: 100% 0
 }

 .swiper-container-cube .swiper-slide-active,
 .swiper-container-cube .swiper-slide-next,
 .swiper-container-cube .swiper-slide-next+.swiper-slide,
 .swiper-container-cube .swiper-slide-prev {
   pointer-events: auto;
   visibility: visible
 }

 .swiper-container-cube .swiper-cube-shadow {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: .6;
   -webkit-filter: blur(50px);
   filter: blur(50px);
   z-index: 0
 }

 .swiper-container-fade.swiper-container-free-mode .swiper-slide {
   -webkit-transition-timing-function: ease-out;
   -moz-transition-timing-function: ease-out;
   -ms-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out
 }

 .swiper-container-fade .swiper-slide {
   pointer-events: none;
   -webkit-transition-property: opacity;
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity
 }

 .swiper-container-fade .swiper-slide .swiper-slide {
   pointer-events: none
 }

 .swiper-container-fade .swiper-slide-active,
 .swiper-container-fade .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
 }

 .swiper-zoom-container {
   width: 100%;
   height: 100%;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   text-align: center
 }

 .swiper-zoom-container>canvas,
 .swiper-zoom-container>img,
 .swiper-zoom-container>svg {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain
 }

 .swiper-scrollbar {
   border-radius: 10px;
   position: relative;
   -ms-touch-action: none;
   background: rgba(0, 0, 0, .1)
 }

 .swiper-container-horizontal>.swiper-scrollbar {
   position: absolute;
   left: 1%;
   bottom: 3px;
   z-index: 50;
   height: 5px;
   width: 98%
 }

 .swiper-container-vertical>.swiper-scrollbar {
   position: absolute;
   right: 3px;
   top: 1%;
   z-index: 50;
   width: 5px;
   height: 98%
 }

 .swiper-scrollbar-drag {
   height: 100%;
   width: 100%;
   position: relative;
   background: rgba(0, 0, 0, .5);
   border-radius: 10px;
   left: 0;
   top: 0
 }

 .swiper-scrollbar-cursor-drag {
   cursor: move
 }

 .swiper-lazy-preloader {
   width: 42px;
   height: 42px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -21px;
   margin-top: -21px;
   z-index: 10;
   -webkit-transform-origin: 50%;
   -moz-transform-origin: 50%;
   transform-origin: 50%;
   -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
   -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
   animation: swiper-preloader-spin 1s steps(12, end) infinite
 }

 .swiper-lazy-preloader:after {
   display: block;
   content: "";
   width: 100%;
   height: 100%;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
   background-position: 50%;
   -webkit-background-size: 100%;
   background-size: 100%;
   background-repeat: no-repeat
 }

 .swiper-lazy-preloader-white:after {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
 }

 @-webkit-keyframes swiper-preloader-spin {
   100% {
     -webkit-transform: rotate(360deg)
   }
 }

 @keyframes swiper-preloader-spin {
   100% {
     transform: rotate(360deg)
   }
 }

 /*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

 .animated {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both
 }

 .animated.infinite {
   -webkit-animation-iteration-count: infinite;
   animation-iteration-count: infinite
 }

 .animated.hinge {
   -webkit-animation-duration: 2s;
   animation-duration: 2s
 }

 @-webkit-keyframes bounce {

   0%,
   20%,
   50%,
   80%,
   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   40% {
     -webkit-transform: translateY(-30px);
     transform: translateY(-30px)
   }

   60% {
     -webkit-transform: translateY(-15px);
     transform: translateY(-15px)
   }
 }

 @keyframes bounce {

   0%,
   20%,
   50%,
   80%,
   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   40% {
     -webkit-transform: translateY(-30px);
     -ms-transform: translateY(-30px);
     transform: translateY(-30px)
   }

   60% {
     -webkit-transform: translateY(-15px);
     -ms-transform: translateY(-15px);
     transform: translateY(-15px)
   }
 }

 .bounce {
   -webkit-animation-name: bounce;
   animation-name: bounce
 }

 @-webkit-keyframes flash {

   0%,
   50%,
   100% {
     opacity: 1
   }

   25%,
   75% {
     opacity: 0
   }
 }

 @keyframes flash {

   0%,
   50%,
   100% {
     opacity: 1
   }

   25%,
   75% {
     opacity: 0
   }
 }

 .flash {
   -webkit-animation-name: flash;
   animation-name: flash
 }

 @-webkit-keyframes pulse {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   50% {
     -webkit-transform: scale(1.1);
     transform: scale(1.1)
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }
 }

 @keyframes pulse {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   50% {
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1)
   }

   100% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }
 }

 .pulse {
   -webkit-animation-name: pulse;
   animation-name: pulse
 }

 @-webkit-keyframes rubberBand {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   30% {
     -webkit-transform: scaleX(1.25) scaleY(0.75);
     transform: scaleX(1.25) scaleY(0.75)
   }

   40% {
     -webkit-transform: scaleX(0.75) scaleY(1.25);
     transform: scaleX(0.75) scaleY(1.25)
   }

   60% {
     -webkit-transform: scaleX(1.15) scaleY(0.85);
     transform: scaleX(1.15) scaleY(0.85)
   }

   100% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }
 }

 @keyframes rubberBand {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   30% {
     -webkit-transform: scaleX(1.25) scaleY(0.75);
     -ms-transform: scaleX(1.25) scaleY(0.75);
     transform: scaleX(1.25) scaleY(0.75)
   }

   40% {
     -webkit-transform: scaleX(0.75) scaleY(1.25);
     -ms-transform: scaleX(0.75) scaleY(1.25);
     transform: scaleX(0.75) scaleY(1.25)
   }

   60% {
     -webkit-transform: scaleX(1.15) scaleY(0.85);
     -ms-transform: scaleX(1.15) scaleY(0.85);
     transform: scaleX(1.15) scaleY(0.85)
   }

   100% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }
 }

 .rubberBand {
   -webkit-animation-name: rubberBand;
   animation-name: rubberBand
 }

 @-webkit-keyframes shake {

   0%,
   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   10%,
   30%,
   50%,
   70%,
   90% {
     -webkit-transform: translateX(-10px);
     transform: translateX(-10px)
   }

   20%,
   40%,
   60%,
   80% {
     -webkit-transform: translateX(10px);
     transform: translateX(10px)
   }
 }

 @keyframes shake {

   0%,
   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   10%,
   30%,
   50%,
   70%,
   90% {
     -webkit-transform: translateX(-10px);
     -ms-transform: translateX(-10px);
     transform: translateX(-10px)
   }

   20%,
   40%,
   60%,
   80% {
     -webkit-transform: translateX(10px);
     -ms-transform: translateX(10px);
     transform: translateX(10px)
   }
 }

 .shake {
   -webkit-animation-name: shake;
   animation-name: shake
 }

 @-webkit-keyframes swing {
   20% {
     -webkit-transform: rotate(15deg);
     transform: rotate(15deg)
   }

   40% {
     -webkit-transform: rotate(-10deg);
     transform: rotate(-10deg)
   }

   60% {
     -webkit-transform: rotate(5deg);
     transform: rotate(5deg)
   }

   80% {
     -webkit-transform: rotate(-5deg);
     transform: rotate(-5deg)
   }

   100% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg)
   }
 }

 @keyframes swing {
   20% {
     -webkit-transform: rotate(15deg);
     -ms-transform: rotate(15deg);
     transform: rotate(15deg)
   }

   40% {
     -webkit-transform: rotate(-10deg);
     -ms-transform: rotate(-10deg);
     transform: rotate(-10deg)
   }

   60% {
     -webkit-transform: rotate(5deg);
     -ms-transform: rotate(5deg);
     transform: rotate(5deg)
   }

   80% {
     -webkit-transform: rotate(-5deg);
     -ms-transform: rotate(-5deg);
     transform: rotate(-5deg)
   }

   100% {
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg)
   }
 }

 .swing {
   -webkit-transform-origin: top center;
   -ms-transform-origin: top center;
   transform-origin: top center;
   -webkit-animation-name: swing;
   animation-name: swing
 }

 @-webkit-keyframes tada {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   10%,
   20% {
     -webkit-transform: scale(0.9) rotate(-3deg);
     transform: scale(0.9) rotate(-3deg)
   }

   30%,
   50%,
   70%,
   90% {
     -webkit-transform: scale(1.1) rotate(3deg);
     transform: scale(1.1) rotate(3deg)
   }

   40%,
   60%,
   80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
     transform: scale(1.1) rotate(-3deg)
   }

   100% {
     -webkit-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0)
   }
 }

 @keyframes tada {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   10%,
   20% {
     -webkit-transform: scale(0.9) rotate(-3deg);
     -ms-transform: scale(0.9) rotate(-3deg);
     transform: scale(0.9) rotate(-3deg)
   }

   30%,
   50%,
   70%,
   90% {
     -webkit-transform: scale(1.1) rotate(3deg);
     -ms-transform: scale(1.1) rotate(3deg);
     transform: scale(1.1) rotate(3deg)
   }

   40%,
   60%,
   80% {
     -webkit-transform: scale(1.1) rotate(-3deg);
     -ms-transform: scale(1.1) rotate(-3deg);
     transform: scale(1.1) rotate(-3deg)
   }

   100% {
     -webkit-transform: scale(1) rotate(0);
     -ms-transform: scale(1) rotate(0);
     transform: scale(1) rotate(0)
   }
 }

 .tada {
   -webkit-animation-name: tada;
   animation-name: tada
 }

 @-webkit-keyframes wobble {
   0% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%)
   }

   15% {
     -webkit-transform: translateX(-25%) rotate(-5deg);
     transform: translateX(-25%) rotate(-5deg)
   }

   30% {
     -webkit-transform: translateX(20%) rotate(3deg);
     transform: translateX(20%) rotate(3deg)
   }

   45% {
     -webkit-transform: translateX(-15%) rotate(-3deg);
     transform: translateX(-15%) rotate(-3deg)
   }

   60% {
     -webkit-transform: translateX(10%) rotate(2deg);
     transform: translateX(10%) rotate(2deg)
   }

   75% {
     -webkit-transform: translateX(-5%) rotate(-1deg);
     transform: translateX(-5%) rotate(-1deg)
   }

   100% {
     -webkit-transform: translateX(0%);
     transform: translateX(0%)
   }
 }

 @keyframes wobble {
   0% {
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%)
   }

   15% {
     -webkit-transform: translateX(-25%) rotate(-5deg);
     -ms-transform: translateX(-25%) rotate(-5deg);
     transform: translateX(-25%) rotate(-5deg)
   }

   30% {
     -webkit-transform: translateX(20%) rotate(3deg);
     -ms-transform: translateX(20%) rotate(3deg);
     transform: translateX(20%) rotate(3deg)
   }

   45% {
     -webkit-transform: translateX(-15%) rotate(-3deg);
     -ms-transform: translateX(-15%) rotate(-3deg);
     transform: translateX(-15%) rotate(-3deg)
   }

   60% {
     -webkit-transform: translateX(10%) rotate(2deg);
     -ms-transform: translateX(10%) rotate(2deg);
     transform: translateX(10%) rotate(2deg)
   }

   75% {
     -webkit-transform: translateX(-5%) rotate(-1deg);
     -ms-transform: translateX(-5%) rotate(-1deg);
     transform: translateX(-5%) rotate(-1deg)
   }

   100% {
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%)
   }
 }

 .wobble {
   -webkit-animation-name: wobble;
   animation-name: wobble
 }

 @-webkit-keyframes bounceIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(.3);
     transform: scale(.3)
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.05);
     transform: scale(1.05)
   }

   70% {
     -webkit-transform: scale(.9);
     transform: scale(.9)
   }

   100% {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1)
   }
 }

 @keyframes bounceIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(.3);
     -ms-transform: scale(.3);
     transform: scale(.3)
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.05);
     -ms-transform: scale(1.05);
     transform: scale(1.05)
   }

   70% {
     -webkit-transform: scale(.9);
     -ms-transform: scale(.9);
     transform: scale(.9)
   }

   100% {
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }
 }

 .bounceIn {
   -webkit-animation-name: bounceIn;
   animation-name: bounceIn
 }

 @-webkit-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)
   }
 }

 @keyframes bounceInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateY(30px);
     -ms-transform: translateY(30px);
     transform: translateY(30px)
   }

   80% {
     -webkit-transform: translateY(-10px);
     -ms-transform: translateY(-10px);
     transform: translateY(-10px)
   }

   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .bounceInDown {
   -webkit-animation-name: bounceInDown;
   animation-name: bounceInDown
 }

 @-webkit-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)
   }
 }

 @keyframes bounceInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateX(30px);
     -ms-transform: translateX(30px);
     transform: translateX(30px)
   }

   80% {
     -webkit-transform: translateX(-10px);
     -ms-transform: translateX(-10px);
     transform: translateX(-10px)
   }

   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .bounceInLeft {
   -webkit-animation-name: bounceInLeft;
   animation-name: bounceInLeft
 }

 @-webkit-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)
   }
 }

 @keyframes bounceInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateX(-30px);
     -ms-transform: translateX(-30px);
     transform: translateX(-30px)
   }

   80% {
     -webkit-transform: translateX(10px);
     -ms-transform: translateX(10px);
     transform: translateX(10px)
   }

   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .bounceInRight {
   -webkit-animation-name: bounceInRight;
   animation-name: bounceInRight
 }

 @-webkit-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)
   }
 }

 @keyframes bounceInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   60% {
     opacity: 1;
     -webkit-transform: translateY(-30px);
     -ms-transform: translateY(-30px);
     transform: translateY(-30px)
   }

   80% {
     -webkit-transform: translateY(10px);
     -ms-transform: translateY(10px);
     transform: translateY(10px)
   }

   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .bounceInUp {
   -webkit-animation-name: bounceInUp;
   animation-name: bounceInUp
 }

 @-webkit-keyframes bounceOut {
   0% {
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   25% {
     -webkit-transform: scale(.95);
     transform: scale(.95)
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.1);
     transform: scale(1.1)
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.3);
     transform: scale(.3)
   }
 }

 @keyframes bounceOut {
   0% {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   25% {
     -webkit-transform: scale(.95);
     -ms-transform: scale(.95);
     transform: scale(.95)
   }

   50% {
     opacity: 1;
     -webkit-transform: scale(1.1);
     -ms-transform: scale(1.1);
     transform: scale(1.1)
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.3);
     -ms-transform: scale(.3);
     transform: scale(.3)
   }
 }

 .bounceOut {
   -webkit-animation-name: bounceOut;
   animation-name: bounceOut
 }

 @-webkit-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)
   }
 }

 @keyframes bounceOutDown {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   20% {
     opacity: 1;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

 .bounceOutDown {
   -webkit-animation-name: bounceOutDown;
   animation-name: bounceOutDown
 }

 @-webkit-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)
   }
 }

 @keyframes bounceOutLeft {
   0% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   20% {
     opacity: 1;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

 .bounceOutLeft {
   -webkit-animation-name: bounceOutLeft;
   animation-name: bounceOutLeft
 }

 @-webkit-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)
   }
 }

 @keyframes bounceOutRight {
   0% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   20% {
     opacity: 1;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

 .bounceOutRight {
   -webkit-animation-name: bounceOutRight;
   animation-name: bounceOutRight
 }

 @-webkit-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)
   }
 }

 @keyframes bounceOutUp {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   20% {
     opacity: 1;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

 .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
   }
 }

 .fadeIn {
   -webkit-animation-name: fadeIn;
   animation-name: fadeIn
 }

 @-webkit-keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes fadeInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .fadeInDown {
   -webkit-animation-name: fadeInDown;
   animation-name: fadeInDown
 }

 @-webkit-keyframes fadeInDownBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes fadeInDownBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .fadeInDownBig {
   -webkit-animation-name: fadeInDownBig;
   animation-name: fadeInDownBig
 }

 @-webkit-keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes fadeInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .fadeInLeft {
   -webkit-animation-name: fadeInLeft;
   animation-name: fadeInLeft
 }

 @-webkit-keyframes fadeInLeftBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes fadeInLeftBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .fadeInLeftBig {
   -webkit-animation-name: fadeInLeftBig;
   animation-name: fadeInLeftBig
 }

 @-webkit-keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     transform: translateX(20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes fadeInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .fadeInRight {
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight
 }

 @-webkit-keyframes fadeInRightBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes fadeInRightBig {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .fadeInRightBig {
   -webkit-animation-name: fadeInRightBig;
   animation-name: fadeInRightBig
 }

 @-webkit-keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     transform: translateY(20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes fadeInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .fadeInUp {
   -webkit-animation-name: fadeInUp;
   animation-name: fadeInUp
 }

 @-webkit-keyframes fadeInUpBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes fadeInUpBig {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .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
   }
 }

 .fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut
 }

 @-webkit-keyframes fadeOutDown {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     transform: translateY(20px)
   }
 }

 @keyframes fadeOutDown {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(20px);
     -ms-transform: translateY(20px);
     transform: translateY(20px)
   }
 }

 .fadeOutDown {
   -webkit-animation-name: fadeOutDown;
   animation-name: fadeOutDown
 }

 @-webkit-keyframes fadeOutDownBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

 @keyframes fadeOutDownBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

 .fadeOutDownBig {
   -webkit-animation-name: fadeOutDownBig;
   animation-name: fadeOutDownBig
 }

 @-webkit-keyframes fadeOutLeft {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     transform: translateX(-20px)
   }
 }

 @keyframes fadeOutLeft {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-20px);
     -ms-transform: translateX(-20px);
     transform: translateX(-20px)
   }
 }

 .fadeOutLeft {
   -webkit-animation-name: fadeOutLeft;
   animation-name: fadeOutLeft
 }

 @-webkit-keyframes fadeOutLeftBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

 @keyframes fadeOutLeftBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

 .fadeOutLeftBig {
   -webkit-animation-name: fadeOutLeftBig;
   animation-name: fadeOutLeftBig
 }

 @-webkit-keyframes fadeOutRight {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     transform: translateX(20px)
   }
 }

 @keyframes fadeOutRight {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(20px);
     -ms-transform: translateX(20px);
     transform: translateX(20px)
   }
 }

 .fadeOutRight {
   -webkit-animation-name: fadeOutRight;
   animation-name: fadeOutRight
 }

 @-webkit-keyframes fadeOutRightBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

 @keyframes fadeOutRightBig {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

 .fadeOutRightBig {
   -webkit-animation-name: fadeOutRightBig;
   animation-name: fadeOutRightBig
 }

 @-webkit-keyframes fadeOutUp {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     transform: translateY(-20px)
   }
 }

 @keyframes fadeOutUp {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-20px);
     -ms-transform: translateY(-20px);
     transform: translateY(-20px)
   }
 }

 .fadeOutUp {
   -webkit-animation-name: fadeOutUp;
   animation-name: fadeOutUp
 }

 @-webkit-keyframes fadeOutUpBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

 @keyframes fadeOutUpBig {
   0% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

 .fadeOutUpBig {
   -webkit-animation-name: fadeOutUpBig;
   animation-name: fadeOutUpBig
 }

 @-webkit-keyframes flip {
   0% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }

   40% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }

   50% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }

   80% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }

   100% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }
 }

 @keyframes flip {
   0% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }

   40% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }

   50% {
     -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }

   80% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }

   100% {
     -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
     -webkit-animation-timing-function: ease-in;
     animation-timing-function: ease-in
   }
 }

 .animated.flip {
   -webkit-backface-visibility: visible;
   -ms-backface-visibility: visible;
   backface-visibility: visible;
   -webkit-animation-name: flip;
   animation-name: flip
 }

 @-webkit-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
   }
 }

 @keyframes flipInX {
   0% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     -ms-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0
   }

   40% {
     -webkit-transform: perspective(400px) rotateX(-10deg);
     -ms-transform: perspective(400px) rotateX(-10deg);
     transform: perspective(400px) rotateX(-10deg)
   }

   70% {
     -webkit-transform: perspective(400px) rotateX(10deg);
     -ms-transform: perspective(400px) rotateX(10deg);
     transform: perspective(400px) rotateX(10deg)
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     -ms-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1
   }
 }

 .flipInX {
   -webkit-backface-visibility: visible !important;
   -ms-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);
     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
   }
 }

 @keyframes flipInY {
   0% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     -ms-transform: perspective(400px) rotateY(90deg);
     transform: perspective(400px) rotateY(90deg);
     opacity: 0
   }

   40% {
     -webkit-transform: perspective(400px) rotateY(-10deg);
     -ms-transform: perspective(400px) rotateY(-10deg);
     transform: perspective(400px) rotateY(-10deg)
   }

   70% {
     -webkit-transform: perspective(400px) rotateY(10deg);
     -ms-transform: perspective(400px) rotateY(10deg);
     transform: perspective(400px) rotateY(10deg)
   }

   100% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     -ms-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1
   }
 }

 .flipInY {
   -webkit-backface-visibility: visible !important;
   -ms-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);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0
   }
 }

 @keyframes flipOutX {
   0% {
     -webkit-transform: perspective(400px) rotateX(0deg);
     -ms-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: perspective(400px) rotateX(90deg);
     -ms-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     opacity: 0
   }
 }

 .flipOutX {
   -webkit-animation-name: flipOutX;
   animation-name: flipOutX;
   -webkit-backface-visibility: visible !important;
   -ms-backface-visibility: visible !important;
   backface-visibility: visible !important
 }

 @-webkit-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
   }
 }

 @keyframes flipOutY {
   0% {
     -webkit-transform: perspective(400px) rotateY(0deg);
     -ms-transform: perspective(400px) rotateY(0deg);
     transform: perspective(400px) rotateY(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: perspective(400px) rotateY(90deg);
     -ms-transform: perspective(400px) rotateY(90deg);
     transform: perspective(400px) rotateY(90deg);
     opacity: 0
   }
 }

 .flipOutY {
   -webkit-backface-visibility: visible !important;
   -ms-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);
     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
   }
 }

 @keyframes lightSpeedIn {
   0% {
     -webkit-transform: translateX(100%) skewX(-30deg);
     -ms-transform: translateX(100%) skewX(-30deg);
     transform: translateX(100%) skewX(-30deg);
     opacity: 0
   }

   60% {
     -webkit-transform: translateX(-20%) skewX(30deg);
     -ms-transform: translateX(-20%) skewX(30deg);
     transform: translateX(-20%) skewX(30deg);
     opacity: 1
   }

   80% {
     -webkit-transform: translateX(0%) skewX(-15deg);
     -ms-transform: translateX(0%) skewX(-15deg);
     transform: translateX(0%) skewX(-15deg);
     opacity: 1
   }

   100% {
     -webkit-transform: translateX(0%) skewX(0deg);
     -ms-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1
   }
 }

 .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);
     transform: translateX(0%) skewX(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: translateX(100%) skewX(-30deg);
     transform: translateX(100%) skewX(-30deg);
     opacity: 0
   }
 }

 @keyframes lightSpeedOut {
   0% {
     -webkit-transform: translateX(0%) skewX(0deg);
     -ms-transform: translateX(0%) skewX(0deg);
     transform: translateX(0%) skewX(0deg);
     opacity: 1
   }

   100% {
     -webkit-transform: translateX(100%) skewX(-30deg);
     -ms-transform: translateX(100%) skewX(-30deg);
     transform: translateX(100%) skewX(-30deg);
     opacity: 0
   }
 }

 .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;
     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
   }
 }

 @keyframes rotateIn {
   0% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(-200deg);
     -ms-transform: rotate(-200deg);
     transform: rotate(-200deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 .rotateIn {
   -webkit-animation-name: rotateIn;
   animation-name: rotateIn
 }

 @-webkit-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
   }
 }

 @keyframes rotateInDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 .rotateInDownLeft {
   -webkit-animation-name: rotateInDownLeft;
   animation-name: rotateInDownLeft
 }

 @-webkit-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
   }
 }

 @keyframes rotateInDownRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 .rotateInDownRight {
   -webkit-animation-name: rotateInDownRight;
   animation-name: rotateInDownRight
 }

 @-webkit-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
   }
 }

 @keyframes rotateInUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 .rotateInUpLeft {
   -webkit-animation-name: rotateInUpLeft;
   animation-name: rotateInUpLeft
 }

 @-webkit-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
   }
 }

 @keyframes rotateInUpRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }
 }

 .rotateInUpRight {
   -webkit-animation-name: rotateInUpRight;
   animation-name: rotateInUpRight
 }

 @-webkit-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
   }
 }

 @keyframes rotateOut {
   0% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
     -webkit-transform: rotate(200deg);
     -ms-transform: rotate(200deg);
     transform: rotate(200deg);
     opacity: 0
   }
 }

 .rotateOut {
   -webkit-animation-name: rotateOut;
   animation-name: rotateOut
 }

 @-webkit-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
   }
 }

 @keyframes rotateOutDownLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }
 }

 .rotateOutDownLeft {
   -webkit-animation-name: rotateOutDownLeft;
   animation-name: rotateOutDownLeft
 }

 @-webkit-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
   }
 }

 @keyframes rotateOutDownRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }
 }

 .rotateOutDownRight {
   -webkit-animation-name: rotateOutDownRight;
   animation-name: rotateOutDownRight
 }

 @-webkit-keyframes rotateOutUpLeft {
   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
   }
 }

 @keyframes rotateOutUpLeft {
   0% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: left bottom;
     -ms-transform-origin: left bottom;
     transform-origin: left bottom;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     opacity: 0
   }
 }

 .rotateOutUpLeft {
   -webkit-animation-name: rotateOutUpLeft;
   animation-name: rotateOutUpLeft
 }

 @-webkit-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
   }
 }

 @keyframes rotateOutUpRight {
   0% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     opacity: 1
   }

   100% {
     -webkit-transform-origin: right bottom;
     -ms-transform-origin: right bottom;
     transform-origin: right bottom;
     -webkit-transform: rotate(90deg);
     -ms-transform: rotate(90deg);
     transform: rotate(90deg);
     opacity: 0
   }
 }

 .rotateOutUpRight {
   -webkit-animation-name: rotateOutUpRight;
   animation-name: rotateOutUpRight
 }

 @-webkit-keyframes slideInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   100% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes slideInDown {
   0% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }

   100% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .slideInDown {
   -webkit-animation-name: slideInDown;
   animation-name: slideInDown
 }

 @-webkit-keyframes slideInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes slideInLeft {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }

   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .slideInLeft {
   -webkit-animation-name: slideInLeft;
   animation-name: slideInLeft
 }

 @-webkit-keyframes slideInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   100% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }
 }

 @keyframes slideInRight {
   0% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }

   100% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }
 }

 .slideInRight {
   -webkit-animation-name: slideInRight;
   animation-name: slideInRight
 }

 @-webkit-keyframes slideOutLeft {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

 @keyframes slideOutLeft {
   0% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(-2000px);
     -ms-transform: translateX(-2000px);
     transform: translateX(-2000px)
   }
 }

 .slideOutLeft {
   -webkit-animation-name: slideOutLeft;
   animation-name: slideOutLeft
 }

 @-webkit-keyframes slideOutRight {
   0% {
     -webkit-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

 @keyframes slideOutRight {
   0% {
     -webkit-transform: translateX(0);
     -ms-transform: translateX(0);
     transform: translateX(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(2000px);
     -ms-transform: translateX(2000px);
     transform: translateX(2000px)
   }
 }

 .slideOutRight {
   -webkit-animation-name: slideOutRight;
   animation-name: slideOutRight
 }

 @-webkit-keyframes slideOutUp {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

 @keyframes slideOutUp {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(-2000px);
     -ms-transform: translateY(-2000px);
     transform: translateY(-2000px)
   }
 }

 .slideOutUp {
   -webkit-animation-name: slideOutUp;
   animation-name: slideOutUp
 }

 @-webkit-keyframes slideInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }
 }

 @keyframes slideInUp {
   0% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }
 }

 .slideInUp {
   -webkit-animation-name: slideInUp;
   animation-name: slideInUp
 }

 @-webkit-keyframes slideOutDown {
   0% {
     -webkit-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

 @keyframes slideOutDown {
   0% {
     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     transform: translateY(0)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateY(2000px);
     -ms-transform: translateY(2000px);
     transform: translateY(2000px)
   }
 }

 .slideOutDown {
   -webkit-animation-name: slideOutDown;
   animation-name: slideOutDown
 }

 @-webkit-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);
     -webkit-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     opacity: 1
   }

   100% {
     -webkit-transform: translateY(700px);
     transform: translateY(700px);
     opacity: 0
   }
 }

 @keyframes hinge {
   0% {
     -webkit-transform: rotate(0);
     -ms-transform: rotate(0);
     transform: rotate(0);
     -webkit-transform-origin: top left;
     -ms-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);
     -ms-transform: rotate(80deg);
     transform: rotate(80deg);
     -webkit-transform-origin: top left;
     -ms-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);
     -ms-transform: rotate(60deg);
     transform: rotate(60deg);
     -webkit-transform-origin: top left;
     -ms-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);
     -ms-transform: rotate(60deg) translateY(0);
     transform: rotate(60deg) translateY(0);
     -webkit-transform-origin: top left;
     -ms-transform-origin: top left;
     transform-origin: top left;
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out;
     opacity: 1
   }

   100% {
     -webkit-transform: translateY(700px);
     -ms-transform: translateY(700px);
     transform: translateY(700px);
     opacity: 0
   }
 }

 .hinge {
   -webkit-animation-name: hinge;
   animation-name: hinge
 }

 @-webkit-keyframes rollIn {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-100%) rotate(-120deg);
     transform: translateX(-100%) rotate(-120deg)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg)
   }
 }

 @keyframes rollIn {
   0% {
     opacity: 0;
     -webkit-transform: translateX(-100%) rotate(-120deg);
     -ms-transform: translateX(-100%) rotate(-120deg);
     transform: translateX(-100%) rotate(-120deg)
   }

   100% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     -ms-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg)
   }
 }

 .rollIn {
   -webkit-animation-name: rollIn;
   animation-name: rollIn
 }

 @-webkit-keyframes rollOut {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(100%) rotate(120deg);
     transform: translateX(100%) rotate(120deg)
   }
 }

 @keyframes rollOut {
   0% {
     opacity: 1;
     -webkit-transform: translateX(0px) rotate(0deg);
     -ms-transform: translateX(0px) rotate(0deg);
     transform: translateX(0px) rotate(0deg)
   }

   100% {
     opacity: 0;
     -webkit-transform: translateX(100%) rotate(120deg);
     -ms-transform: translateX(100%) rotate(120deg);
     transform: translateX(100%) rotate(120deg)
   }
 }

 .rollOut {
   -webkit-animation-name: rollOut;
   animation-name: rollOut
 }

 @-webkit-keyframes zoomIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(.3);
     transform: scale(.3)
   }

   50% {
     opacity: 1
   }
 }

 @keyframes zoomIn {
   0% {
     opacity: 0;
     -webkit-transform: scale(.3);
     -ms-transform: scale(.3);
     transform: scale(.3)
   }

   50% {
     opacity: 1
   }
 }

 .zoomIn {
   -webkit-animation-name: zoomIn;
   animation-name: zoomIn
 }

 @-webkit-keyframes zoomInDown {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(-2000px);
     transform: scale(.1) translateY(-2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(60px);
     transform: scale(.475) translateY(60px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 @keyframes zoomInDown {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(-2000px);
     -ms-transform: scale(.1) translateY(-2000px);
     transform: scale(.1) translateY(-2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(60px);
     -ms-transform: scale(.475) translateY(60px);
     transform: scale(.475) translateY(60px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 .zoomInDown {
   -webkit-animation-name: zoomInDown;
   animation-name: zoomInDown
 }

 @-webkit-keyframes zoomInLeft {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(-2000px);
     transform: scale(.1) translateX(-2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(48px);
     transform: scale(.475) translateX(48px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 @keyframes zoomInLeft {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(-2000px);
     -ms-transform: scale(.1) translateX(-2000px);
     transform: scale(.1) translateX(-2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(48px);
     -ms-transform: scale(.475) translateX(48px);
     transform: scale(.475) translateX(48px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 .zoomInLeft {
   -webkit-animation-name: zoomInLeft;
   animation-name: zoomInLeft
 }

 @-webkit-keyframes zoomInRight {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(2000px);
     transform: scale(.1) translateX(2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(-48px);
     transform: scale(.475) translateX(-48px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 @keyframes zoomInRight {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(2000px);
     -ms-transform: scale(.1) translateX(2000px);
     transform: scale(.1) translateX(2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(-48px);
     -ms-transform: scale(.475) translateX(-48px);
     transform: scale(.475) translateX(-48px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 .zoomInRight {
   -webkit-animation-name: zoomInRight;
   animation-name: zoomInRight
 }

 @-webkit-keyframes zoomInUp {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(2000px);
     transform: scale(.1) translateY(2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(-60px);
     transform: scale(.475) translateY(-60px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 @keyframes zoomInUp {
   0% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(2000px);
     -ms-transform: scale(.1) translateY(2000px);
     transform: scale(.1) translateY(2000px);
     -webkit-animation-timing-function: ease-in-out;
     animation-timing-function: ease-in-out
   }

   60% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(-60px);
     -ms-transform: scale(.475) translateY(-60px);
     transform: scale(.475) translateY(-60px);
     -webkit-animation-timing-function: ease-out;
     animation-timing-function: ease-out
   }
 }

 .zoomInUp {
   -webkit-animation-name: zoomInUp;
   animation-name: zoomInUp
 }

 @-webkit-keyframes zoomOut {
   0% {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1)
   }

   50% {
     opacity: 0;
     -webkit-transform: scale(.3);
     transform: scale(.3)
   }

   100% {
     opacity: 0
   }
 }

 @keyframes zoomOut {
   0% {
     opacity: 1;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1)
   }

   50% {
     opacity: 0;
     -webkit-transform: scale(.3);
     -ms-transform: scale(.3);
     transform: scale(.3)
   }

   100% {
     opacity: 0
   }
 }

 .zoomOut {
   -webkit-animation-name: zoomOut;
   animation-name: zoomOut
 }

 @-webkit-keyframes zoomOutDown {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(-60px);
     transform: scale(.475) translateY(-60px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(2000px);
     transform: scale(.1) translateY(2000px);
     -webkit-transform-origin: center bottom;
     transform-origin: center bottom
   }
 }

 @keyframes zoomOutDown {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(-60px);
     -ms-transform: scale(.475) translateY(-60px);
     transform: scale(.475) translateY(-60px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(2000px);
     -ms-transform: scale(.1) translateY(2000px);
     transform: scale(.1) translateY(2000px);
     -webkit-transform-origin: center bottom;
     -ms-transform-origin: center bottom;
     transform-origin: center bottom
   }
 }

 .zoomOutDown {
   -webkit-animation-name: zoomOutDown;
   animation-name: zoomOutDown
 }

 @-webkit-keyframes zoomOutLeft {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(42px);
     transform: scale(.475) translateX(42px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(-2000px);
     transform: scale(.1) translateX(-2000px);
     -webkit-transform-origin: left center;
     transform-origin: left center
   }
 }

 @keyframes zoomOutLeft {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(42px);
     -ms-transform: scale(.475) translateX(42px);
     transform: scale(.475) translateX(42px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(-2000px);
     -ms-transform: scale(.1) translateX(-2000px);
     transform: scale(.1) translateX(-2000px);
     -webkit-transform-origin: left center;
     -ms-transform-origin: left center;
     transform-origin: left center
   }
 }

 .zoomOutLeft {
   -webkit-animation-name: zoomOutLeft;
   animation-name: zoomOutLeft
 }

 @-webkit-keyframes zoomOutRight {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(-42px);
     transform: scale(.475) translateX(-42px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(2000px);
     transform: scale(.1) translateX(2000px);
     -webkit-transform-origin: right center;
     transform-origin: right center
   }
 }

 @keyframes zoomOutRight {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateX(-42px);
     -ms-transform: scale(.475) translateX(-42px);
     transform: scale(.475) translateX(-42px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateX(2000px);
     -ms-transform: scale(.1) translateX(2000px);
     transform: scale(.1) translateX(2000px);
     -webkit-transform-origin: right center;
     -ms-transform-origin: right center;
     transform-origin: right center
   }
 }

 .zoomOutRight {
   -webkit-animation-name: zoomOutRight;
   animation-name: zoomOutRight
 }

 @-webkit-keyframes zoomOutUp {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(60px);
     transform: scale(.475) translateY(60px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(-2000px);
     transform: scale(.1) translateY(-2000px);
     -webkit-transform-origin: center top;
     transform-origin: center top
   }
 }

 @keyframes zoomOutUp {
   40% {
     opacity: 1;
     -webkit-transform: scale(.475) translateY(60px);
     -ms-transform: scale(.475) translateY(60px);
     transform: scale(.475) translateY(60px);
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear
   }

   100% {
     opacity: 0;
     -webkit-transform: scale(.1) translateY(-2000px);
     -ms-transform: scale(.1) translateY(-2000px);
     transform: scale(.1) translateY(-2000px);
     -webkit-transform-origin: center top;
     -ms-transform-origin: center top;
     transform-origin: center top
   }
 }

 .zoomOutUp {
   -webkit-animation-name: zoomOutUp;
   animation-name: zoomOutUp
 }

 /**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: March 10, 2017
 */
 .swiper-container {
   height: 100%;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
   z-index: 1
 }

 .swiper-container-no-flexbox .swiper-slide {
   float: left
 }

 .swiper-container-vertical>.swiper-wrapper {
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
   -ms-flex-direction: column;
   -webkit-flex-direction: column;
   flex-direction: column
 }

 .swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-transition-property: -webkit-transform;
   -moz-transition-property: -moz-transform;
   -o-transition-property: -o-transform;
   -ms-transition-property: -ms-transform;
   transition-property: transform;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box
 }

 .swiper-container-android .swiper-slide,
 .swiper-wrapper {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -o-transform: translate(0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0)
 }

 .swiper-container-multirow>.swiper-wrapper {
   -webkit-box-lines: multiple;
   -moz-box-lines: multiple;
   -ms-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap
 }

 .swiper-container-free-mode>.swiper-wrapper {
   -webkit-transition-timing-function: ease-out;
   -moz-transition-timing-function: ease-out;
   -ms-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   margin: 0 auto
 }

 .swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex: 0 0 auto;
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative
 }

 .swiper-container-autoheight,
 .swiper-container-autoheight .swiper-slide {
   height: auto
 }

 .swiper-container-autoheight .swiper-wrapper {
   -webkit-box-align: start;
   -ms-flex-align: start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   -webkit-transition-property: -webkit-transform, height;
   -moz-transition-property: -moz-transform;
   -o-transition-property: -o-transform;
   -ms-transition-property: -ms-transform;
   transition-property: transform, height
 }

 .swiper-container .swiper-notification {
   position: absolute;
   left: 0;
   top: 0;
   pointer-events: none;
   opacity: 0;
   z-index: -1000
 }

 .swiper-wp8-horizontal {
   -ms-touch-action: pan-y;
   touch-action: pan-y
 }

 .swiper-wp8-vertical {
   -ms-touch-action: pan-x;
   touch-action: pan-x
 }

 .swiper-button-next,
 .swiper-button-prev {
   position: absolute;
   top: 50%;
   width: 27px;
   height: 44px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   -moz-background-size: 27px 44px;
   -webkit-background-size: 27px 44px;
   background-size: 27px 44px;
   background-position: center;
   background-repeat: no-repeat
 }

 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none
 }

 .swiper-button-prev,
 .swiper-container-rtl .swiper-button-next {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   left: 10px;
   right: auto
 }

 .swiper-button-prev.swiper-button-black,
 .swiper-container-rtl .swiper-button-next.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
 }

 .swiper-button-prev.swiper-button-white,
 .swiper-container-rtl .swiper-button-next.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
 }

 .swiper-button-next,
 .swiper-container-rtl .swiper-button-prev {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   right: 10px;
   left: auto
 }

 .swiper-button-next.swiper-button-black,
 .swiper-container-rtl .swiper-button-prev.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
 }

 .swiper-button-next.swiper-button-white,
 .swiper-container-rtl .swiper-button-prev.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
 }

 .swiper-pagination {
   position: absolute;
   text-align: center;
   -webkit-transition: .3s;
   -moz-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   z-index: 10
 }

 .swiper-pagination.swiper-pagination-hidden {
   opacity: 0
 }

 .swiper-container-horizontal>.swiper-pagination-bullets,
 .swiper-pagination-custom,
 .swiper-pagination-fraction {
   bottom: 10px;
   left: 0;
   width: 100%
 }

 .swiper-pagination-bullet {
   width: 8px;
   height: 8px;
   display: inline-block;
   border-radius: 100%;
   background: #000;
   opacity: .2
 }

 button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   box-shadow: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -webkit-appearance: none;
   appearance: none
 }

 .swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer
 }

 .swiper-pagination-white .swiper-pagination-bullet {
   background: #fff
 }

 .swiper-pagination-bullet-active {
   opacity: 1;
   background: #007aff
 }

 .swiper-pagination-white .swiper-pagination-bullet-active {
   background: #fff
 }

 .swiper-pagination-black .swiper-pagination-bullet-active {
   background: #000
 }

 .swiper-container-vertical>.swiper-pagination-bullets {
   right: 10px;
   top: 50%;
   -webkit-transform: translate3d(0, -50%, 0);
   -moz-transform: translate3d(0, -50%, 0);
   -o-transform: translate(0, -50%);
   -ms-transform: translate3d(0, -50%, 0);
   transform: translate3d(0, -50%, 0)
 }

 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 5px 0;
   display: block
 }

 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 5px
 }

 .swiper-pagination-progress {
   background: rgba(0, 0, 0, .25);
   position: absolute
 }

 .swiper-pagination-progress .swiper-pagination-progressbar {
   background: #007aff;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
   -webkit-transform-origin: left top;
   -moz-transform-origin: left top;
   -ms-transform-origin: left top;
   -o-transform-origin: left top;
   transform-origin: left top
 }

 .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
   -webkit-transform-origin: right top;
   -moz-transform-origin: right top;
   -ms-transform-origin: right top;
   -o-transform-origin: right top;
   transform-origin: right top
 }

 .swiper-container-horizontal>.swiper-pagination-progress {
   width: 100%;
   height: 4px;
   left: 0;
   top: 0
 }

 .swiper-container-vertical>.swiper-pagination-progress {
   width: 4px;
   height: 100%;
   left: 0;
   top: 0
 }

 .swiper-pagination-progress.swiper-pagination-white {
   background: rgba(255, 255, 255, .5)
 }

 .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
   background: #fff
 }

 .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
   background: #000
 }

 .swiper-container-3d {
   -webkit-perspective: 1200px;
   -moz-perspective: 1200px;
   -o-perspective: 1200px;
   perspective: 1200px
 }

 .swiper-container-3d .swiper-cube-shadow,
 .swiper-container-3d .swiper-slide,
 .swiper-container-3d .swiper-slide-shadow-bottom,
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top,
 .swiper-container-3d .swiper-wrapper {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   transform-style: preserve-3d
 }

 .swiper-container-3d .swiper-slide-shadow-bottom,
 .swiper-container-3d .swiper-slide-shadow-left,
 .swiper-container-3d .swiper-slide-shadow-right,
 .swiper-container-3d .swiper-slide-shadow-top {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 10
 }

 .swiper-container-3d .swiper-slide-shadow-left {
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-container-3d .swiper-slide-shadow-right {
   background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-container-3d .swiper-slide-shadow-top {
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-container-3d .swiper-slide-shadow-bottom {
   background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
 }

 .swiper-container-coverflow .swiper-wrapper,
 .swiper-container-flip .swiper-wrapper {
   -ms-perspective: 1200px
 }

 .swiper-container-cube,
 .swiper-container-flip {
   overflow: visible
 }

 .swiper-container-cube .swiper-slide,
 .swiper-container-flip .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1
 }

 .swiper-container-cube .swiper-slide .swiper-slide,
 .swiper-container-flip .swiper-slide .swiper-slide {
   pointer-events: none
 }

 .swiper-container-cube .swiper-slide-active,
 .swiper-container-cube .swiper-slide-active .swiper-slide-active,
 .swiper-container-flip .swiper-slide-active,
 .swiper-container-flip .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
 }

 .swiper-container-cube .swiper-slide-shadow-bottom,
 .swiper-container-cube .swiper-slide-shadow-left,
 .swiper-container-cube .swiper-slide-shadow-right,
 .swiper-container-cube .swiper-slide-shadow-top,
 .swiper-container-flip .swiper-slide-shadow-bottom,
 .swiper-container-flip .swiper-slide-shadow-left,
 .swiper-container-flip .swiper-slide-shadow-right,
 .swiper-container-flip .swiper-slide-shadow-top {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden
 }

 .swiper-container-cube .swiper-slide {
   visibility: hidden;
   -webkit-transform-origin: 0 0;
   -moz-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
   width: 100%;
   height: 100%
 }

 .swiper-container-cube.swiper-container-rtl .swiper-slide {
   -webkit-transform-origin: 100% 0;
   -moz-transform-origin: 100% 0;
   -ms-transform-origin: 100% 0;
   transform-origin: 100% 0
 }

 .swiper-container-cube .swiper-slide-active,
 .swiper-container-cube .swiper-slide-next,
 .swiper-container-cube .swiper-slide-next+.swiper-slide,
 .swiper-container-cube .swiper-slide-prev {
   pointer-events: auto;
   visibility: visible
 }

 .swiper-container-cube .swiper-cube-shadow {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: .6;
   -webkit-filter: blur(50px);
   filter: blur(50px);
   z-index: 0
 }

 .swiper-container-fade.swiper-container-free-mode .swiper-slide {
   -webkit-transition-timing-function: ease-out;
   -moz-transition-timing-function: ease-out;
   -ms-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out
 }

 .swiper-container-fade .swiper-slide {
   pointer-events: none;
   -webkit-transition-property: opacity;
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity
 }

 .swiper-container-fade .swiper-slide .swiper-slide {
   pointer-events: none
 }

 .swiper-container-fade .swiper-slide-active,
 .swiper-container-fade .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
 }

 .swiper-zoom-container {
   width: 100%;
   height: 100%;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   text-align: center
 }

 .swiper-zoom-container>canvas,
 .swiper-zoom-container>img,
 .swiper-zoom-container>svg {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain
 }

 .swiper-scrollbar {
   border-radius: 10px;
   position: relative;
   -ms-touch-action: none;
   background: rgba(0, 0, 0, .1)
 }

 .swiper-container-horizontal>.swiper-scrollbar {
   position: absolute;
   left: 1%;
   bottom: 3px;
   z-index: 50;
   height: 5px;
   width: 98%
 }

 .swiper-container-vertical>.swiper-scrollbar {
   position: absolute;
   right: 3px;
   top: 1%;
   z-index: 50;
   width: 5px;
   height: 98%
 }

 .swiper-scrollbar-drag {
   height: 100%;
   width: 100%;
   position: relative;
   background: rgba(0, 0, 0, .5);
   border-radius: 10px;
   left: 0;
   top: 0
 }

 .swiper-scrollbar-cursor-drag {
   cursor: move
 }

 .swiper-lazy-preloader {
   width: 42px;
   height: 42px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -21px;
   margin-top: -21px;
   z-index: 10;
   -webkit-transform-origin: 50%;
   -moz-transform-origin: 50%;
   transform-origin: 50%;
   -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
   -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
   animation: swiper-preloader-spin 1s steps(12, end) infinite
 }

 .swiper-lazy-preloader:after {
   display: block;
   content: "";
   width: 100%;
   height: 100%;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
   background-position: 50%;
   -webkit-background-size: 100%;
   background-size: 100%;
   background-repeat: no-repeat
 }

 .swiper-lazy-preloader-white:after {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
 }

 @-webkit-keyframes swiper-preloader-spin {
   100% {
     -webkit-transform: rotate(360deg)
   }
 }

 @keyframes swiper-preloader-spin {
   100% {
     transform: rotate(360deg)
   }
 }

 * {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
 }

 table {
   border-collapse: collapse
 }

 a,
 a:focus,
 a:hover {
   text-decoration: none
 }

 a:focus,
 input:focus,
 select:focus,
 textarea,
 textarea:focus {
   outline: 0
 }

 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 h1,
 h2,
 h3,
 h4,
 h5,
 input,
 textarea {
   margin: 0;
   font-family: Arial, 'PingFangSC-Regular', "Microsoft YaHei"
 }

 img {
   border: none;
   vertical-align: middle
 }

 .corRed {
   color: #e61c15
 }

 .corOrg {
   color: #d07235;
 }

 .corBlue {
   color: #4c94ff;
 }

 .clear {
   clear: both
 }

 .shows {
   display: block
 }

 .showsIn {
   display: inline-block
 }

 .hides {
   display: none
 }

 .ellipsis {
   display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden
 }

 .bd_weixin_popup {
   height: auto !important;
   box-sizing: content-box
 }

 html {
   -ms-touch-action: none;
   -webkit-text-size-adjust: 100%;
   height: 100%;
   min-width: 320px
 }

 body {
   font-family: Arial, 'PingFangSC-Regular', "Microsoft YaHei";
   position: relative;
   height: 100%;
   color: #333;
   overflow-x: hidden;
   font-size: 16px;
 }

 .imgBg {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .imgBg img {
   display: none;
 }

 .flexBox {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-pack: center;
   -webkit-flex-flow: column wrap;
   -ms-flex-flow: column wrap;
   flex-flow: column wrap;
   align-items: center;
 }

 .fontHeight {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
 }