@charset "UTF-8";   .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 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 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);  } } @-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 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 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 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; } @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 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; }