@media only screen {@charset "UTF-8";html,body {height: 100%;width: 100%;}.clearer {  clear: both;}.blur_wrapper {height: 100%;width: 100%;}.blur   {  filter: blur(8px);  -webkit-filter: blur(8px);  -moz-filter: blur(8px);  -o-filter: blur(8px);  -ms-filter: blur(8px);}/*! * animate.css -http://daneden.me/animate * Version - 3.5.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */.animated {  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}.animated.infinite {  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite;}.animated.hinge {  -webkit-animation-duration: 2s;  animation-duration: 2s;}.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut {  -webkit-animation-duration: .75s;  animation-duration: .75s;}@-webkit-keyframes bounce {  from, 20%, 53%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);  }  40%, 43% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0,-4px,0);    transform: translate3d(0,-4px,0);  }}@keyframes bounce {  from, 20%, 53%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    -webkit-transform: translate3d(0,0,0);    transform: translate3d(0,0,0);  }  40%, 43% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    -webkit-transform: translate3d(0, -30px, 0);    transform: translate3d(0, -30px, 0);  }  70% {    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);    -webkit-transform: translate3d(0, -15px, 0);    transform: translate3d(0, -15px, 0);  }  90% {    -webkit-transform: translate3d(0,-4px,0);    transform: translate3d(0,-4px,0);  }}.bounce {  -webkit-animation-name: bounce;  animation-name: bounce;  -webkit-transform-origin: center bottom;  transform-origin: center bottom;}@-webkit-keyframes flash {  from, 50%, to {    opacity: 1;  }  25%, 75% {    opacity: 0;  }}@keyframes flash {  from, 50%, to {    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 {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes pulse {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  50% {    -webkit-transform: scale3d(1.05, 1.05, 1.05);    transform: scale3d(1.05, 1.05, 1.05);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.pulse {  -webkit-animation-name: pulse;  animation-name: pulse;}@-webkit-keyframes rubberBand {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(.95, 1.05, 1);    transform: scale3d(.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, .95, 1);    transform: scale3d(1.05, .95, 1);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes rubberBand {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  30% {    -webkit-transform: scale3d(1.25, 0.75, 1);    transform: scale3d(1.25, 0.75, 1);  }  40% {    -webkit-transform: scale3d(0.75, 1.25, 1);    transform: scale3d(0.75, 1.25, 1);  }  50% {    -webkit-transform: scale3d(1.15, 0.85, 1);    transform: scale3d(1.15, 0.85, 1);  }  65% {    -webkit-transform: scale3d(.95, 1.05, 1);    transform: scale3d(.95, 1.05, 1);  }  75% {    -webkit-transform: scale3d(1.05, .95, 1);    transform: scale3d(1.05, .95, 1);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.rubberBand {  -webkit-animation-name: rubberBand;  animation-name: rubberBand;}@-webkit-keyframes shake {  from, to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}@keyframes shake {  from, to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%, 30%, 50%, 70%, 90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%, 40%, 60%, 80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}.shake {  -webkit-animation-name: shake;  animation-name: shake;}@-webkit-keyframes headShake {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  6.5% {    -webkit-transform: translateX(-6px) rotateY(-9deg);    transform: translateX(-6px) rotateY(-9deg);  }  18.5% {    -webkit-transform: translateX(5px) rotateY(7deg);    transform: translateX(5px) rotateY(7deg);  }  31.5% {    -webkit-transform: translateX(-3px) rotateY(-5deg);    transform: translateX(-3px) rotateY(-5deg);  }  43.5% {    -webkit-transform: translateX(2px) rotateY(3deg);    transform: translateX(2px) rotateY(3deg);  }  50% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}@keyframes headShake {  0% {    -webkit-transform: translateX(0);    transform: translateX(0);  }  6.5% {    -webkit-transform: translateX(-6px) rotateY(-9deg);    transform: translateX(-6px) rotateY(-9deg);  }  18.5% {    -webkit-transform: translateX(5px) rotateY(7deg);    transform: translateX(5px) rotateY(7deg);  }  31.5% {    -webkit-transform: translateX(-3px) rotateY(-5deg);    transform: translateX(-3px) rotateY(-5deg);  }  43.5% {    -webkit-transform: translateX(2px) rotateY(3deg);    transform: translateX(2px) rotateY(3deg);  }  50% {    -webkit-transform: translateX(0);    transform: translateX(0);  }}.headShake {  -webkit-animation-timing-function: ease-in-out;  animation-timing-function: ease-in-out;  -webkit-animation-name: headShake;  animation-name: headShake;}@-webkit-keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  to {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}@keyframes swing {  20% {    -webkit-transform: rotate3d(0, 0, 1, 15deg);    transform: rotate3d(0, 0, 1, 15deg);  }  40% {    -webkit-transform: rotate3d(0, 0, 1, -10deg);    transform: rotate3d(0, 0, 1, -10deg);  }  60% {    -webkit-transform: rotate3d(0, 0, 1, 5deg);    transform: rotate3d(0, 0, 1, 5deg);  }  80% {    -webkit-transform: rotate3d(0, 0, 1, -5deg);    transform: rotate3d(0, 0, 1, -5deg);  }  to {    -webkit-transform: rotate3d(0, 0, 1, 0deg);    transform: rotate3d(0, 0, 1, 0deg);  }}.swing {  -webkit-transform-origin: top center;  transform-origin: top center;  -webkit-animation-name: swing;  animation-name: swing;}@-webkit-keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%, 20% {    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes tada {  from {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }  10%, 20% {    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);  }  30%, 50%, 70%, 90% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);  }  40%, 60%, 80% {    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);  }  to {    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.tada {  -webkit-animation-name: tada;  animation-name: tada;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes wobble {  from {    -webkit-transform: none;    transform: none;  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  to {    -webkit-transform: none;    transform: none;  }}@keyframes wobble {  from {    -webkit-transform: none;    transform: none;  }  15% {    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);  }  30% {    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);  }  45% {    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);  }  60% {    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);  }  75% {    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);  }  to {    -webkit-transform: none;    transform: none;  }}.wobble {  -webkit-animation-name: wobble;  animation-name: wobble;}@-webkit-keyframes jello {  from, 11.1%, to {    -webkit-transform: none;    transform: none;  }  22.2% {    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);    transform: skewX(-12.5deg) skewY(-12.5deg);  }  33.3% {    -webkit-transform: skewX(6.25deg) skewY(6.25deg);    transform: skewX(6.25deg) skewY(6.25deg);  }  44.4% {    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);    transform: skewX(-3.125deg) skewY(-3.125deg);  }  55.5% {    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);    transform: skewX(1.5625deg) skewY(1.5625deg);  }  66.6% {    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);    transform: skewX(-0.78125deg) skewY(-0.78125deg);  }  77.7% {    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);    transform: skewX(0.390625deg) skewY(0.390625deg);  }  88.8% {    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  }}@keyframes jello {  from, 11.1%, to {    -webkit-transform: none;    transform: none;  }  22.2% {    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);    transform: skewX(-12.5deg) skewY(-12.5deg);  }  33.3% {    -webkit-transform: skewX(6.25deg) skewY(6.25deg);    transform: skewX(6.25deg) skewY(6.25deg);  }  44.4% {    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);    transform: skewX(-3.125deg) skewY(-3.125deg);  }  55.5% {    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);    transform: skewX(1.5625deg) skewY(1.5625deg);  }  66.6% {    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);    transform: skewX(-0.78125deg) skewY(-0.78125deg);  }  77.7% {    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);    transform: skewX(0.390625deg) skewY(0.390625deg);  }  88.8% {    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);  }}.jello {  -webkit-animation-name: jello;  animation-name: jello;  -webkit-transform-origin: center;  transform-origin: center;}@-webkit-keyframes bounceIn {  from, 20%, 40%, 60%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(.9, .9, .9);    transform: scale3d(.9, .9, .9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(.97, .97, .97);    transform: scale3d(.97, .97, .97);  }  to {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}@keyframes bounceIn {  from, 20%, 40%, 60%, 80%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }  20% {    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  40% {    -webkit-transform: scale3d(.9, .9, .9);    transform: scale3d(.9, .9, .9);  }  60% {    opacity: 1;    -webkit-transform: scale3d(1.03, 1.03, 1.03);    transform: scale3d(1.03, 1.03, 1.03);  }  80% {    -webkit-transform: scale3d(.97, .97, .97);    transform: scale3d(.97, .97, .97);  }  to {    opacity: 1;    -webkit-transform: scale3d(1, 1, 1);    transform: scale3d(1, 1, 1);  }}.bounceIn {  -webkit-animation-name: bounceIn;  animation-name: bounceIn;}@-webkit-keyframes bounceInDown {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  to {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInDown {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: translate3d(0, -3000px, 0);    transform: translate3d(0, -3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, 25px, 0);    transform: translate3d(0, 25px, 0);  }  75% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  90% {    -webkit-transform: translate3d(0, 5px, 0);    transform: translate3d(0, 5px, 0);  }  to {    -webkit-transform: none;    transform: none;  }}.bounceInDown {  -webkit-animation-name: bounceInDown;  animation-name: bounceInDown;}@-webkit-keyframes bounceInLeft {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  to {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInLeft {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  0% {    opacity: 0;    -webkit-transform: translate3d(-3000px, 0, 0);    transform: translate3d(-3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(25px, 0, 0);    transform: translate3d(25px, 0, 0);  }  75% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  90% {    -webkit-transform: translate3d(5px, 0, 0);    transform: translate3d(5px, 0, 0);  }  to {    -webkit-transform: none;    transform: none;  }}.bounceInLeft {  -webkit-animation-name: bounceInLeft;  animation-name: bounceInLeft;}@-webkit-keyframes bounceInRight {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  to {    -webkit-transform: none;    transform: none;  }}@keyframes bounceInRight {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {    opacity: 0;    -webkit-transform: translate3d(3000px, 0, 0);    transform: translate3d(3000px, 0, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(-25px, 0, 0);    transform: translate3d(-25px, 0, 0);  }  75% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }  90% {    -webkit-transform: translate3d(-5px, 0, 0);    transform: translate3d(-5px, 0, 0);  }  to {    -webkit-transform: none;    transform: none;  }}.bounceInRight {  -webkit-animation-name: bounceInRight;  animation-name: bounceInRight;}@-webkit-keyframes bounceInUp {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes bounceInUp {  from, 60%, 75%, 90%, to {    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);  }  from {    opacity: 0;    -webkit-transform: translate3d(0, 3000px, 0);    transform: translate3d(0, 3000px, 0);  }  60% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  75% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  90% {    -webkit-transform: translate3d(0, -5px, 0);    transform: translate3d(0, -5px, 0);  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.bounceInUp {  -webkit-animation-name: bounceInUp;  animation-name: bounceInUp;}@-webkit-keyframes bounceOut {  20% {    -webkit-transform: scale3d(.9, .9, .9);    transform: scale3d(.9, .9, .9);  }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  to {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }}@keyframes bounceOut {  20% {    -webkit-transform: scale3d(.9, .9, .9);    transform: scale3d(.9, .9, .9);  }  50%, 55% {    opacity: 1;    -webkit-transform: scale3d(1.1, 1.1, 1.1);    transform: scale3d(1.1, 1.1, 1.1);  }  to {    opacity: 0;    -webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);  }}.bounceOut {  -webkit-animation-name: bounceOut;  animation-name: bounceOut;}@-webkit-keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes bounceOutDown {  20% {    -webkit-transform: translate3d(0, 10px, 0);    transform: translate3d(0, 10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.bounceOutDown {  -webkit-animation-name: bounceOutDown;  animation-name: bounceOutDown;}@-webkit-keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes bounceOutLeft {  20% {    opacity: 1;    -webkit-transform: translate3d(20px, 0, 0);    transform: translate3d(20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.bounceOutLeft {  -webkit-animation-name: bounceOutLeft;  animation-name: bounceOutLeft;}@-webkit-keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes bounceOutRight {  20% {    opacity: 1;    -webkit-transform: translate3d(-20px, 0, 0);    transform: translate3d(-20px, 0, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.bounceOutRight {  -webkit-animation-name: bounceOutRight;  animation-name: bounceOutRight;}@-webkit-keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes bounceOutUp {  20% {    -webkit-transform: translate3d(0, -10px, 0);    transform: translate3d(0, -10px, 0);  }  40%, 45% {    opacity: 1;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.bounceOutUp {  -webkit-animation-name: bounceOutUp;  animation-name: bounceOutUp;}@-webkit-keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}@keyframes fadeIn {  from {    opacity: 0;  }  to {    opacity: 1;  }}.fadeIn {  -webkit-animation-name: fadeIn;  animation-name: fadeIn;}@-webkit-keyframes fadeInDown {  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInDown {  from {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInDown {  -webkit-animation-name: fadeInDown;  animation-name: fadeInDown;}@-webkit-keyframes fadeInDownBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInDownBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInDownBig {  -webkit-animation-name: fadeInDownBig;  animation-name: fadeInDownBig;}@-webkit-keyframes fadeInLeft {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInLeft {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInLeft {  -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft;}@-webkit-keyframes fadeInLeftBig {  from {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInLeftBig {  from {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInLeftBig {  -webkit-animation-name: fadeInLeftBig;  animation-name: fadeInLeftBig;}@-webkit-keyframes fadeInRight {  from {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInRight {  from {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInRight {  -webkit-animation-name: fadeInRight;  animation-name: fadeInRight;}@-webkit-keyframes fadeInRightBig {  from {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInRightBig {  from {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInRightBig {  -webkit-animation-name: fadeInRightBig;  animation-name: fadeInRightBig;}@-webkit-keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInUp {  from {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInUp {  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}@-webkit-keyframes fadeInUpBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes fadeInUpBig {  from {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.fadeInUpBig {  -webkit-animation-name: fadeInUpBig;  animation-name: fadeInUpBig;}@-webkit-keyframes fadeOut {  from {    opacity: 1;  }  to {    opacity: 0;  }}@keyframes fadeOut {  from {    opacity: 1;  }  to {    opacity: 0;  }}.fadeOut {  -webkit-animation-name: fadeOut;  animation-name: fadeOut;}@-webkit-keyframes fadeOutDown {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}@keyframes fadeOutDown {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}.fadeOutDown {  -webkit-animation-name: fadeOutDown;  animation-name: fadeOutDown;}@-webkit-keyframes fadeOutDownBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}@keyframes fadeOutDownBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, 2000px, 0);    transform: translate3d(0, 2000px, 0);  }}.fadeOutDownBig {  -webkit-animation-name: fadeOutDownBig;  animation-name: fadeOutDownBig;}@-webkit-keyframes fadeOutLeft {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}@keyframes fadeOutLeft {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}.fadeOutLeft {  -webkit-animation-name: fadeOutLeft;  animation-name: fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}@keyframes fadeOutLeftBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(-2000px, 0, 0);    transform: translate3d(-2000px, 0, 0);  }}.fadeOutLeftBig {  -webkit-animation-name: fadeOutLeftBig;  animation-name: fadeOutLeftBig;}@-webkit-keyframes fadeOutRight {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}@keyframes fadeOutRight {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}.fadeOutRight {  -webkit-animation-name: fadeOutRight;  animation-name: fadeOutRight;}@-webkit-keyframes fadeOutRightBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}@keyframes fadeOutRightBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(2000px, 0, 0);    transform: translate3d(2000px, 0, 0);  }}.fadeOutRightBig {  -webkit-animation-name: fadeOutRightBig;  animation-name: fadeOutRightBig;}@-webkit-keyframes fadeOutUp {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}@keyframes fadeOutUp {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}.fadeOutUp {  -webkit-animation-name: fadeOutUp;  animation-name: fadeOutUp;}@-webkit-keyframes fadeOutUpBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}@keyframes fadeOutUpBig {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(0, -2000px, 0);    transform: translate3d(0, -2000px, 0);  }}.fadeOutUpBig {  -webkit-animation-name: fadeOutUpBig;  animation-name: fadeOutUpBig;}@-webkit-keyframes flip {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);    transform: perspective(400px) scale3d(.95, .95, .95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}@keyframes flip {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  40% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);    -webkit-animation-timing-function: ease-out;    animation-timing-function: ease-out;  }  50% {    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  80% {    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);    transform: perspective(400px) scale3d(.95, .95, .95);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }}.animated.flip {  -webkit-backface-visibility: visible;  backface-visibility: visible;  -webkit-animation-name: flip;  animation-name: flip;}@-webkit-keyframes flipInX {  from {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInX {  from {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInX {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInX;  animation-name: flipInX;}@-webkit-keyframes flipInY {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}@keyframes flipInY {  from {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;    opacity: 0;  }  40% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);    -webkit-animation-timing-function: ease-in;    animation-timing-function: ease-in;  }  60% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);    opacity: 1;  }  80% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);  }  to {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }}.flipInY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipInY;  animation-name: flipInY;}@-webkit-keyframes flipOutX {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}@keyframes flipOutX {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);    opacity: 0;  }}.flipOutX {  -webkit-animation-name: flipOutX;  animation-name: flipOutX;  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;}@-webkit-keyframes flipOutY {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}@keyframes flipOutY {  from {    -webkit-transform: perspective(400px);    transform: perspective(400px);  }  30% {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);    opacity: 1;  }  to {    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);    opacity: 0;  }}.flipOutY {  -webkit-backface-visibility: visible !important;  backface-visibility: visible !important;  -webkit-animation-name: flipOutY;  animation-name: flipOutY;}@-webkit-keyframes lightSpeedIn {  from {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  to {    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes lightSpeedIn {  from {    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);    transform: translate3d(100%, 0, 0) skewX(-30deg);    opacity: 0;  }  60% {    -webkit-transform: skewX(20deg);    transform: skewX(20deg);    opacity: 1;  }  80% {    -webkit-transform: skewX(-5deg);    transform: skewX(-5deg);    opacity: 1;  }  to {    -webkit-transform: none;    transform: none;    opacity: 1;  }}.lightSpeedIn {  -webkit-animation-name: lightSpeedIn;  animation-name: lightSpeedIn;  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out;}@-webkit-keyframes lightSpeedOut {  from {    opacity: 1;  }  to {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) skewX(30deg);    opacity: 0;  }}@keyframes lightSpeedOut {  from {    opacity: 1;  }  to {    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);    transform: translate3d(100%, 0, 0) 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 {  from {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateIn {  from {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, -200deg);    transform: rotate3d(0, 0, 1, -200deg);    opacity: 0;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateIn {  -webkit-animation-name: rotateIn;  animation-name: rotateIn;}@-webkit-keyframes rotateInDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInDownLeft {  -webkit-animation-name: rotateInDownLeft;  animation-name: rotateInDownLeft;}@-webkit-keyframes rotateInDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInDownRight {  -webkit-animation-name: rotateInDownRight;  animation-name: rotateInDownRight;}@-webkit-keyframes rotateInUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInUpLeft {  -webkit-animation-name: rotateInUpLeft;  animation-name: rotateInUpLeft;}@-webkit-keyframes rotateInUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}@keyframes rotateInUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -90deg);    transform: rotate3d(0, 0, 1, -90deg);    opacity: 0;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: none;    transform: none;    opacity: 1;  }}.rotateInUpRight {  -webkit-animation-name: rotateInUpRight;  animation-name: rotateInUpRight;}@-webkit-keyframes rotateOut {  from {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}@keyframes rotateOut {  from {    -webkit-transform-origin: center;    transform-origin: center;    opacity: 1;  }  to {    -webkit-transform-origin: center;    transform-origin: center;    -webkit-transform: rotate3d(0, 0, 1, 200deg);    transform: rotate3d(0, 0, 1, 200deg);    opacity: 0;  }}.rotateOut {  -webkit-animation-name: rotateOut;  animation-name: rotateOut;}@-webkit-keyframes rotateOutDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}@keyframes rotateOutDownLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, 45deg);    transform: rotate3d(0, 0, 1, 45deg);    opacity: 0;  }}.rotateOutDownLeft {  -webkit-animation-name: rotateOutDownLeft;  animation-name: rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutDownRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutDownRight {  -webkit-animation-name: rotateOutDownRight;  animation-name: rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}@keyframes rotateOutUpLeft {  from {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    opacity: 1;  }  to {    -webkit-transform-origin: left bottom;    transform-origin: left bottom;    -webkit-transform: rotate3d(0, 0, 1, -45deg);    transform: rotate3d(0, 0, 1, -45deg);    opacity: 0;  }}.rotateOutUpLeft {  -webkit-animation-name: rotateOutUpLeft;  animation-name: rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}@keyframes rotateOutUpRight {  from {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    opacity: 1;  }  to {    -webkit-transform-origin: right bottom;    transform-origin: right bottom;    -webkit-transform: rotate3d(0, 0, 1, 90deg);    transform: rotate3d(0, 0, 1, 90deg);    opacity: 0;  }}.rotateOutUpRight {  -webkit-animation-name: rotateOutUpRight;  animation-name: rotateOutUpRight;}@-webkit-keyframes hinge {  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: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  to {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}@keyframes hinge {  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: rotate3d(0, 0, 1, 80deg);    transform: rotate3d(0, 0, 1, 80deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;  }  40%, 80% {    -webkit-transform: rotate3d(0, 0, 1, 60deg);    transform: rotate3d(0, 0, 1, 60deg);    -webkit-transform-origin: top left;    transform-origin: top left;    -webkit-animation-timing-function: ease-in-out;    animation-timing-function: ease-in-out;    opacity: 1;  }  to {    -webkit-transform: translate3d(0, 700px, 0);    transform: translate3d(0, 700px, 0);    opacity: 0;  }}.hinge {  -webkit-animation-name: hinge;  animation-name: hinge;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollIn {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}@keyframes rollIn {  from {    opacity: 0;    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);  }  to {    opacity: 1;    -webkit-transform: none;    transform: none;  }}.rollIn {  -webkit-animation-name: rollIn;  animation-name: rollIn;}/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */@-webkit-keyframes rollOut {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);  }}@keyframes rollOut {  from {    opacity: 1;  }  to {    opacity: 0;    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 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;}@-webkit-keyframes slideInDown {  from {    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInDown {  from {    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInDown {  -webkit-animation-name: slideInDown;  animation-name: slideInDown;}@-webkit-keyframes slideInLeft {  from {    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInLeft {  from {    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInLeft {  -webkit-animation-name: slideInLeft;  animation-name: slideInLeft;}@-webkit-keyframes slideInRight {  from {    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInRight {  from {    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInRight {  -webkit-animation-name: slideInRight;  animation-name: slideInRight;}@-webkit-keyframes slideInUp {  from {    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}@keyframes slideInUp {  from {    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);    visibility: visible;  }  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }}.slideInUp {  -webkit-animation-name: slideInUp;  animation-name: slideInUp;}@-webkit-keyframes slideOutDown {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}@keyframes slideOutDown {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, 100%, 0);    transform: translate3d(0, 100%, 0);  }}.slideOutDown {  -webkit-animation-name: slideOutDown;  animation-name: slideOutDown;}@-webkit-keyframes slideOutLeft {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}@keyframes slideOutLeft {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(-100%, 0, 0);    transform: translate3d(-100%, 0, 0);  }}.slideOutLeft {  -webkit-animation-name: slideOutLeft;  animation-name: slideOutLeft;}@-webkit-keyframes slideOutRight {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}@keyframes slideOutRight {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(100%, 0, 0);    transform: translate3d(100%, 0, 0);  }}.slideOutRight {  -webkit-animation-name: slideOutRight;  animation-name: slideOutRight;}@-webkit-keyframes slideOutUp {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}@keyframes slideOutUp {  from {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  to {    visibility: hidden;    -webkit-transform: translate3d(0, -100%, 0);    transform: translate3d(0, -100%, 0);  }}.slideOutUp {  -webkit-animation-name: slideOutUp;  animation-name: slideOutUp;}/* Color Pickers - Structure 2 Theme */
}

/*******************************************/
/* GENERALI */
/*******************************************/

/* Site Logo */
div.branding_logo a img {
	max-height:78px;
}

/* Colori dei link di Foundry
- per correggere l'hover color automatico dei link
- per settare il colore giusto, visto che il colore inserito da pannello viene cambiato in altro colore a muzzo
- se serve l'underline on hover metterlo da CSS, da pannello non funziona (a meno che la situazione non cambia con gli aggiornamenti
*/

/* nelle linked list */
a.nav-link.default {
	color: #505B26; /*626D33*/
	/*font-weight: bold;*/
}
a.nav-link.default:hover {
	color: #7F9941;
	text-decoration: none;
	/*font-weight: bold;*/
}
a i.fa-file-pdf-o {
	color: #990000;
}
a:hover i.fa-file-pdf-o {
	color: #990000;
	text-decoration: none;
}
a i.fa-newspaper-o {
	color: #990000;
}

/*******************************************/
/* NAVIGATION BAR */
/*******************************************/

/* Font weight degli elementi della navigation bar (non selezionabile da pannello) */.navigation_bar a.nav_item {	font-weight: bold !important;}/* Ombra esterna navigation bar. Direttiva !important necessaria per sovrascrivere il comportamento di default,visto che il presente file CSS viene inserito nel codice "sopra" agli altri, avendo quindi più bassa priorità */nav.navigation_bar {	box-shadow: 0px 3px 10px rgba(0,0,0,0.3) !important;}/* Modifiche al branding per evitare aumento altezza navbar e per corretta visualizzazione responsive *//*@media screen and (min-width:768px) and (max-width:770px) {	div[id$='mobile_navigation_toggle'] 	{		display: block !important;	}		 body div.nav_bar_placeholder nav.navigation_bar .navigation_container ul {		display: none !important;	}}*/@media screen and (min-width:768px) and (max-width:860px) {	nav.navigation_bar .navigation_branding a {		font-size: 20px !important;	}		nav.navigation_bar .branding_logo {		display: none !important	}}@media screen and (min-width:767px) and (max-width:767px) {		nav.navigation_bar .navigation_branding a {		font-size: 20px !important;	}		nav.navigation_bar .branding_logo {		display: none !important	}		h1.navigation_branding {		float:left !important;		margin-top: 15px !important;	}		nav.navigation_bar .navigation_container > ul {		margin-top: 20px !important;			}}@media screen and (max-width: 766px) {	nav.navigation_bar .navigation_branding a {		margin-left: 20px !important;	}}/*******************************************//* HOME PAGE *//*******************************************//* Ombra interna della testata */#testata-home {	box-shadow: 0px -3px 8px -1px rgba(0,0,0,0.3) inset !important;}/* Ombra slider home page + impostazione altezza massima (visto che avevo a disposizione foto alte max 398px) */#slider-home {	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}div.flexslider ul.slides img.image_slide {	max-height: 385px;}/* Icone PDF nelle linked list dei box in evidenza (di colore diverso) */a i.fa-file-pdf-o {	color: #990000;}a:hover i.fa-file-pdf-o {	color: #990000;	text-decoration: none;}/* Icone WORD nelle linked list dei box in evidenza (di colore diverso) */a i.fa-file-word-o {	color: #0033FF;}a:hover i.fa-file-word-o {	color: #0033FF;	text-decoration: none;}/* Testo read more dello stack omonimo di S4S */.morelink {	margin-top:5px;	font-weight:bold;}/* Sezione in evidenza *//* Nascondo l'immaginetta dell'ufficio per i tablet fino a 767 pixel (per il mobile l'invisibilità l'ho impostata da pannello). Impostando l'invisibilità dell'immaginetta da pannello (pulsante "tablet"), infatti,  essa verrebbe nascosta anche per la larghezza di 768px (ad es. iPad), per la quale però le colonne sono affiancate come nel desktop e pertanto non c'è bisogno di nascondere l'immaginetta */@media screen and (min-width:441px) and (max-width:767px) {	div.img-uffici 	{		display: none;	}}/*******************************************//* TESTATINE INTERNE *//*******************************************//* Ombra interna della testatina delle pagine interne */#testatina {	box-shadow: 0px -3px 8px -1px rgba(0,0,0,0.3) inset !important;}/* Ombra esterna e layout dell'header della testatina delle pagine interne */#header-testatina {	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);}#header-testatina {	display:inline-block !important;}#header-testatina h2 {	padding: 5px;}/* Stili breadcrumb */ol.breadcrumb {	font-weight: bold !important;	padding: 0.5rem 0 0 0 !important;}ol.breadcrumb li a:hover {	text-decoration: underline;}/* Sostituzione del separatore (a partire dal secondo) */.breadcrumb > li + li::before {	content: "\00bb" !important;	color: #FFF !important;	font-weight: bold !important;}/*******************************************//* FOOTER *//*******************************************//* Stili e ombra del footer */#footer-top {	padding-top: 20px;	box-shadow: 0px 3px 8px -1px rgba(0,0,0,0.3) inset;}/* Stili lista dei links nel footer */#footer-links {	line-height: 2;}#footer-links li {	padding: 5px 0 5px 0;	border-bottom: 1px solid #5F7331;}#footer-links li a {	color: #FFF;	font-weight: normal;/* sovrascrive la regola generale più sopra */}#footer-links li a:hover {	color: #C0E073;	font-weight: normal;/* sovrascrive la regola generale più sopra */}/* Stile del link di contatto alla pagina Curia (quello con la busta, nel footer) */#footer-link-uffici a {	color: #FFF;	text-decoration: none;}#footer-link-uffici a:hover {	color:#C0E073;}/* Allineo a sinistra i link privacy del footer per il breakpoint mobile, se no sembra male, e distanzio verticalmente gli elementi delle tre colonne che formano il footer-bottom */@media screen and (max-width: 767px) {	#footer-bottom-privacy-link p {		text-align: left !important;	}	#footer-bottom-social-badges {		margin-left: 0px !important;		margin-top: 3px !important;		margin-bottom: 3px !important;	}}/* Per il solo breakpoint smartphone riduco leggermente il margin-top dei link privacy */@media screen and (max-width: 441px) {	#footer-bottom-privacy-link {		margin-top: -4px !important;	}}/*******************************************//* PAGINE BLOG (Poster Stack) *//*******************************************//* Aggiustamento margine inferiore titolo pagine blog */.poster-body h2.poster-title {	margin-bottom: 0.5rem;}/* Aggiustamento margine inferiore body del post in visualizzazione lista */.blog-entry-body {	margin-bottom: 2.5rem;}/* Aggiustamento margine inferiore body del post in visualizzazione detaglio */.poster-main-content {	margin-bottom: 2.5rem;}/* Aggiustamento blocco paginazione */div.poster-pagination {	font-weight: bold;/* la pagina corrente nella pagination */	margin-top: 3rem;}/* Stili dei link */h2.poster-title a, span.poster-readmore a, span.poster-back a, div.poster-pagination a {	color: #505B26;/*626D33*/	font-weight: bold;}div#blog-categories a, div#blog-archives a {	color: #505B26;	font-weight: normal;}div#blog-categories a.current-category, div#blog-archives a.current-archive {	color: #505B26;	font-weight: bold;	font-style: italic;}h2.poster-title a:hover, span.poster-readmore a:hover, span.poster-back a:hover, div.poster-pagination a:hover {	color: #7F9941;	text-decoration: none;	font-weight: bold;}div#blog-categories a:hover, div#blog-archives a:hover {	color: #7F9941;	text-decoration: none;	font-weight: normal;}div#blog-categories a.current-category:hover, div#blog-archives a.current-archive:hover {	color: #7F9941;	text-decoration: none;	font-weight: bold;	font-style: italic;}/* Linearizzo la lista (non standard! - RW style) di link delle categorie e dell'archivio pagine blog su mobile e tablet (dopo ho scoperto che si poteva settare lo stile "lista", ma ormai avevo fatto) */@media screen and (max-width: 767px) {	span.poster-archive-categories div#blog-categories a {		display: inline-block !important;		margin-right: 10px !important;	}	span.poster-archive-date-year div#blog-archive a {		display: inline-block !important;		margin-right: 10px !important;	}	span.poster-archive-categories div#blog-categories br {		display: none !important;	}	span.poster-archive-date-year div#blog-archive br {		display: none !important;	}}/* Floating images pagine blog */p.ppro img.ppro-img {	padding: 4px !important;	background-color: #FFF !important;	border: 1px solid #CCC;	margin-top:5px;}p.ppro img.align-left {	margin-right: 12px;	margin-bottom: 4px;}p.ppro img.align-right {	margin-left: 12px;	margin-bottom: 4px;}/* Stile delle intestazioni di categorie/anni create con script PHP mio */h1.poster-category-heading {	margin-bottom: 25px;}h1.poster-date-heading {	margin-bottom: 25px;}/* Stile dei divider aggiunti via javascript */.poster-body hr {	margin-top: 10px;	margin-bottom:15px;}/* Stile metadati quando visibili */span.blog-entry-category {	display: none;}div.blog-entry-date {	color: #505B26;}/*******************************************//* MEDIATECA *//*******************************************//* Eliminazione del puntino di lista creato dallo stack pagination */div.com_elixir_stacks_foundryPagination_stack ul.list-group {	list-style-type: none !important;}div.com_elixir_stacks_foundryLinkedList_stack ul.nav li.nav-item {	margin-bottom: 5px;}