@charset "UTF-8";   /*! 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.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; }  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  @-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 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; }  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  @-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% {     -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% {     -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 hinge {   0% {     -webkit-transform: rotate(0);     transform: rotate(0);     -webkit-transform-origin: top left;     transform-origin: top left;     -webkit-animation-timing-function: ease-in-out;     animation-timing-function: ease-in-out;   }    20%, 60% {     -webkit-transform: rotate(80deg);     transform: rotate(80deg);     -webkit-transform-origin: top left;     transform-origin: top left;     -webkit-animation-timing-function: ease-in-out;     animation-timing-function: ease-in-out;   }    40% {     -webkit-transform: rotate(60deg);     transform: rotate(60deg);     -webkit-transform-origin: top left;     transform-origin: top left;     -webkit-animation-timing-function: ease-in-out;     animation-timing-function: ease-in-out;   }    80% {     -webkit-transform: rotate(60deg) translateY(0);     transform: rotate(60deg) translateY(0);     opacity: 1;     -webkit-transform-origin: top left;     transform-origin: top left;     -webkit-animation-timing-function: ease-in-out;     animation-timing-function: ease-in-out;   }    100% {     -webkit-transform: translateY(700px);     transform: translateY(700px);     opacity: 0;   } }  @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);     opacity: 1;     -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;   }    100% {     -webkit-transform: translateY(700px);     -ms-transform: translateY(700px);     transform: translateY(700px);     opacity: 0;   } }  .hinge {   -webkit-animation-name: hinge;   animation-name: hinge; }  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  @-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; }  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */  @-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; }