/*��������ֻ������ʾ��,����Դ�롣Դ�����ؽ�������: http://www.bootstrapmb.com/item/7714��(��˵���������ص�Դ���ֻ������ʾҳ���)*/@charset "UTF-8";/*! * animate.css -http://daneden.me/animate * Version - 3.6.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ .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; } @-webkit-keyframes zoomIn {   from {     opacity: 0;     -webkit-transform: scale3d(.3, .3, .3);     transform: scale3d(.3, .3, .3);   }   50% {     opacity: 1;   } } @keyframes zoomIn {   from {     opacity: 0;     -webkit-transform: scale3d(.3, .3, .3);     transform: scale3d(.3, .3, .3);   }   50% {     opacity: 1;   } } .zoomIn {   -webkit-animation-name: zoomIn;   animation-name: zoomIn; } @-webkit-keyframes zoomInDown {   from {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }   60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } } @keyframes zoomInDown {   from {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }   60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } } .zoomInDown {   -webkit-animation-name: zoomInDown;   animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft {   from {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);     transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }   60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } } @keyframes zoomInLeft {   from {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);     transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }   60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } } .zoomInLeft {   -webkit-animation-name: zoomInLeft;   animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight {   from {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);     transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }   60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } } @keyframes zoomInRight {   from {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);     transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }   60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } } .zoomInRight {   -webkit-animation-name: zoomInRight;   animation-name: zoomInRight; } @-webkit-keyframes zoomInUp {   from {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }   60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } } @keyframes zoomInUp {   from {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }   60% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } } .zoomInUp {   -webkit-animation-name: zoomInUp;   animation-name: zoomInUp; } @-webkit-keyframes zoomOut {   from {     opacity: 1;   }   50% {     opacity: 0;     -webkit-transform: scale3d(.3, .3, .3);     transform: scale3d(.3, .3, .3);   }   to {     opacity: 0;   } } @keyframes zoomOut {   from {     opacity: 1;   }   50% {     opacity: 0;     -webkit-transform: scale3d(.3, .3, .3);     transform: scale3d(.3, .3, .3);   }   to {     opacity: 0;   } } .zoomOut {   -webkit-animation-name: zoomOut;   animation-name: zoomOut; } @-webkit-keyframes zoomOutDown {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }   to {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);     -webkit-transform-origin: center bottom;     transform-origin: center bottom;     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } } @keyframes zoomOutDown {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }   to {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);     -webkit-transform-origin: center bottom;     transform-origin: center bottom;     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } } .zoomOutDown {   -webkit-animation-name: zoomOutDown;   animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);   }   to {     opacity: 0;     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);     transform: scale(.1) translate3d(-2000px, 0, 0);     -webkit-transform-origin: left center;     transform-origin: left center;   } } @keyframes zoomOutLeft {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);   }   to {     opacity: 0;     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);     transform: scale(.1) translate3d(-2000px, 0, 0);     -webkit-transform-origin: left center;     transform-origin: left center;   } } .zoomOutLeft {   -webkit-animation-name: zoomOutLeft;   animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);   }   to {     opacity: 0;     -webkit-transform: scale(.1) translate3d(2000px, 0, 0);     transform: scale(.1) translate3d(2000px, 0, 0);     -webkit-transform-origin: right center;     transform-origin: right center;   } } @keyframes zoomOutRight {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);     transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);   }   to {     opacity: 0;     -webkit-transform: scale(.1) translate3d(2000px, 0, 0);     transform: scale(.1) translate3d(2000px, 0, 0);     -webkit-transform-origin: right center;     transform-origin: right center;   } } .zoomOutRight {   -webkit-animation-name: zoomOutRight;   animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }   to {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);     -webkit-transform-origin: center bottom;     transform-origin: center bottom;     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } } @keyframes zoomOutUp {   40% {     opacity: 1;     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);   }   to {     opacity: 0;     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);     transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);     -webkit-transform-origin: center bottom;     transform-origin: center bottom;     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);   } } .zoomOutUp {   -webkit-animation-name: zoomOutUp;   animation-name: zoomOutUp; }/*��������ֻ������ʾ��,����Դ�롣Դ�����ؽ�������: http://www.bootstrapmb.com/item/7714��(��˵���������ص�Դ���ֻ������ʾҳ���)*/