@charset "UTF-8";
/*
 * Mixins
 * Damit man schnell unterscheiden kann woher das Mixins kommt, sollte wir den Prefix cyc- vor den Namen des Mixins anhängen
 */
/*
 Sprites for normal and high resolution devices
 !Wichtig: Damit die Berechnungen der Position und Größe der Hintergrundgrafik stimmt,
 muss das Verhältniss der Größe zwischen "normaler Grafik" und "Grafiken für Retina Displays" immer genau 1:2 sein.
*/
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-o-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -o-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-moz-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-ms-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-o-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@-webkit-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
    -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-moz-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
    -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-ms-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
    -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-o-keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
    -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@keyframes jello {
  11.1% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
    -ms-transform: skewX(-12.5deg) skewY(-12.5deg);
    -o-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    -moz-transform: skewX(6.25deg) skewY(6.25deg);
    -ms-transform: skewX(6.25deg) skewY(6.25deg);
    -o-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
    -ms-transform: skewX(-3.125deg) skewY(-3.125deg);
    -o-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
    -ms-transform: skewX(1.5625deg) skewY(1.5625deg);
    -o-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -ms-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    -o-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);
    -ms-transform: skewX(0.390625deg) skewY(0.390625deg);
    -o-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -ms-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    -o-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-moz-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-ms-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-o-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -moz-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    -o-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -moz-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    -o-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -moz-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    -o-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -moz-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    -o-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -moz-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    -o-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@-ms-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-moz-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-ms-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-o-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-moz-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-ms-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-o-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -moz-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    -o-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -moz-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -moz-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    -o-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -moz-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-moz-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-ms-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-o-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -moz-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    -o-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -moz-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    -o-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -moz-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    -o-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -moz-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    -o-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -moz-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    -o-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@-moz-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@-ms-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@-o-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
  }
}
@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-moz-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-ms-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-o-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-moz-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-ms-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-o-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-moz-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-ms-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-o-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-moz-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-ms-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-o-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-ms-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-ms-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -moz-transform: perspective(400px) rotateY(0);
    -ms-transform: perspective(400px) rotateY(0);
    -o-transform: perspective(400px) rotateY(0);
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -moz-transform: perspective(400px) scale(1);
    -ms-transform: perspective(400px) scale(1);
    -o-transform: perspective(400px) scale(1);
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@-webkit-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
}
@-moz-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
}
@-ms-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
}
@-o-keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
}
@keyframes flipInX {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -moz-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    -o-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -moz-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    -o-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
}
@-webkit-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@-moz-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@-ms-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@-o-keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flipInY {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -moz-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    -o-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -moz-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    -o-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
}
@-webkit-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
}
@-moz-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
}
@-ms-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
}
@-o-keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
}
@keyframes flipOutX {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
    -moz-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    -o-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
    -moz-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    -o-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
  }
}
@-webkit-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@-moz-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@-ms-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@-o-keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@keyframes flipOutY {
  0% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
  }
}
@-webkit-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
}
@-moz-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
}
@-ms-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
}
@-o-keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
}
@keyframes lightSpeedIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20%) skewX(30deg);
    -moz-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    -o-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
  }
  80% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(-15deg);
    -moz-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    -o-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
}
@-moz-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
}
@-ms-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
}
@-o-keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%) skewX(0deg);
    -moz-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    -o-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) skewX(-30deg);
    -moz-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    -o-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
  }
}
@-webkit-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-moz-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-ms-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-o-keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes rotateIn {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-200deg);
    -moz-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    -o-transform: rotate(-200deg);
    transform: rotate(-200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-ms-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-webkit-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-ms-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-moz-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-ms-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-o-keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-webkit-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-moz-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-ms-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-o-keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-webkit-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-moz-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-ms-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-o-keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(200deg);
    -moz-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    -o-transform: rotate(200deg);
    transform: rotate(200deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
  }
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-moz-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-ms-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-o-keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-moz-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-ms-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-o-keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-moz-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-ms-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-o-keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: left bottom;
    -moz-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    -o-transform-origin: left bottom;
    transform-origin: left bottom;
  }
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-moz-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-ms-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-o-keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: right bottom;
    -moz-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    -o-transform-origin: right bottom;
    transform-origin: right bottom;
  }
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-moz-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-ms-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-o-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-moz-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-ms-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-moz-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-ms-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-o-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -moz-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    -o-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-moz-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-ms-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-o-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-moz-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-ms-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-o-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -moz-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    -o-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-moz-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-ms-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-o-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -moz-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    -o-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}
@-webkit-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
  }
}
@-moz-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
  }
}
@-ms-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
  }
}
@-o-keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
  }
}
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(80deg);
    -moz-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    -o-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  40% {
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    -webkit-transform: rotate(60deg) translateY(0);
    -moz-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    -o-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(700px);
    -moz-transform: translateY(700px);
    -ms-transform: translateY(700px);
    -o-transform: translateY(700px);
    transform: translateY(700px);
  }
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-ms-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -moz-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    -o-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@-ms-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -moz-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    -o-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-ms-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@-moz-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@-ms-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@-o-keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@-webkit-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@-moz-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@-ms-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@-o-keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@-webkit-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@-moz-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@-ms-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@-o-keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@-webkit-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
@-moz-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
@-ms-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
@-o-keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
@keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -moz-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    -o-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-moz-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-ms-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-o-keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
}
@-moz-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
}
@-ms-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
}
@-o-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
  }
}
@-moz-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
  }
}
@-ms-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
  }
}
@-o-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -moz-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    -o-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center;
  }
}
@-webkit-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-moz-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-ms-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@-o-keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
/* TYPO3 Extensions
 * Diese SCSS-Dateien sind Teil einer localen EXT.
 * Damit diese von Compass mit berücksichtigt werden, müssen die Pfade der EXT.
 * in die config.rb unter "additional_import_paths" mit aufgelistet werden.
 * -------------------------------------------------------------------------------------------------
 */
.ce-textpic .ce-gallery {
  display: block;
  margin-top: 5px;
}
.ce-textpic .ce-gallery .ce-row {
  display: flex;
}
.ce-textpic .ce-gallery .ce-row .ce-column {
  float: none;
}
.ce-textpic .ce-gallery .ce-row .ce-column img {
  display: block;
  max-width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .ce-textpic.ce-intext .ce-gallery {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .ce-textpic.ce-intext .ce-gallery:before, .ce-textpic.ce-intext .ce-gallery:after {
    display: block;
    width: 100%;
    clear: both;
    float: none;
  }
  .ce-textpic.ce-intext .ce-bodytext {
    float: none;
    clear: both;
  }
}
.tx-indexedsearch-searchbox-container {
  padding-top: 4rem;
  padding-bottom: 3rem;
}
.tx-indexedsearch-searchbox-container form label {
  line-height: 1.1;
}
@media (min-width: 768px) {
  .tx-indexedsearch-searchbox-container form label {
    line-height: 2.5rem;
  }
}
.tx-indexedsearch-searchbox-container form .form-control[type=text] {
  border-bottom: 4px solid #fbde2d;
}
.tx-indexedsearch-searchbox-container form .tx-indexedsearch-searchbox-button {
  font-size: 14px;
  line-height: 14px;
}

.tx-indexedsearch-container {
  margin-left: -15px;
  margin-right: -15px;
}
.tx-indexedsearch-container .bg-gray-light .container {
  border-color: #fff !important;
}
.tx-indexedsearch-container .tx-indexedsearch-resultinfo-container .container {
  padding-top: 2rem;
  padding-bottom: 1rem;
}
.tx-indexedsearch-container .tx-indexedsearch-resultinfo-container .container .text-warning {
  color: #fff !important;
}
.tx-indexedsearch-container .tx-indexedsearch-resultinfo-container .container .browsebox-info {
  padding: 0.8rem 2rem;
  margin-bottom: 1rem;
}
.tx-indexedsearch-container .tx-indexedsearch-resultinfo-container .container .search-word {
  display: inline-block;
}
.tx-indexedsearch-container .tx-indexedsearch-resultinfo-container .container .search-word p {
  margin-bottom: 1.5rem;
}
.tx-indexedsearch-container .tx-indexedsearch-results-container {
  padding-top: 4rem;
  padding-bottom: 12rem;
}
.tx-indexedsearch-container .tx-indexedsearch-results-container .tx-indexedsearch-res-container .tx-indexedsearch-res .tx-indexedsearch-title {
  font-size: 1.5rem;
}
.tx-indexedsearch-container .tx-indexedsearch-results-container .tx-indexedsearch-res-container .tx-indexedsearch-res .tx-indexedsearch-description .tx-indexedsearch-redMarkup {
  color: #fbde2d;
}
.tx-indexedsearch-container .tx-indexedsearch-results-container .tx-indexedsearch-res-container:not(:last-of-type) .tx-indexedsearch-res .tx-indexedsearch-description {
  margin-bottom: 4rem;
}
.tx-indexedsearch-container .blank-container {
  height: 60px;
}

.nav-pagination {
  text-align: center;
}
.nav-pagination ul {
  background-image: linear-gradient(to right, #fed000 0%, #ffea0c 100%);
  background-repeat: repeat-x;
  border-radius: 0;
  display: inline-block;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
  padding-left: 0;
}
.nav-pagination ul li {
  display: inline;
}
.nav-pagination ul li a {
  background-color: transparent;
  color: #393b42;
  float: left;
  line-height: 1.5;
  margin-left: -1px;
  padding: 0.5rem 1rem;
  position: relative;
  text-decoration: none;
}
.nav-pagination ul li a:hover, .nav-pagination ul li a:focus {
  background-color: transparent;
  border-color: #dadee0;
  color: #393b42;
}
.nav-pagination ul li:not(:last-of-type) a {
  border-right: 2px solid #dadee0;
}
.nav-pagination ul li.tx-indexedsearch-browselist-currentPage a,
.nav-pagination ul li.tx-indexedsearch-browselist-currentPage a:hover,
.nav-pagination ul li.tx-indexedsearch-browselist-currentPage a:focus {
  background-color: transparent;
  border-color: #dadee0;
  color: #393b42;
  cursor: not-allowed;
  pointer-events: none;
}

.container-fluid .tx-sitproducts {
  margin: 0 -5px;
}

.tx-sitproducts {
  margin-top: -1px !important;
  /* sidebar */
  /*
  * Variant page
  */
}
.tx-sitproducts .new-icon-wrapper {
  position: relative;
  display: block;
  width: fit-content;
  max-width: 220px;
}
.tx-sitproducts .new-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  height: 30% !important;
  width: 30% !important;
}
.tx-sitproducts .product-family-tile {
  background-image: linear-gradient(to right bottom, #ccd4d7 0%, #d7dfe2 100%);
  background-repeat: repeat-x;
}
@media (max-width: 575px) {
  .tx-sitproducts .product-family-tile {
    min-height: 200px;
  }
}
@media (min-width: 576px) {
  .tx-sitproducts .product-family-tile {
    min-height: 200px;
  }
}
@media (min-width: 768px) {
  .tx-sitproducts .product-family-tile {
    min-height: 200px;
  }
}
@media (min-width: 992px) {
  .tx-sitproducts .product-family-tile {
    min-height: 100px;
  }
}
.tx-sitproducts .product-family-tile img {
  transition: all 0.4s ease-in-out;
  width: 100%;
}
.tx-sitproducts .product-family-tile:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.tx-sitproducts .bg-white ul li:before {
  margin-right: 10px !important;
}
@media (max-width: 767px) {
  .tx-sitproducts .bg-white .container {
    padding-bottom: 0;
  }
  .tx-sitproducts .bg-white .container h3, .tx-sitproducts .bg-white .container h4, .tx-sitproducts .bg-white .container h5 {
    font-size: 1.3rem;
  }
}
.tx-sitproducts .bg-white a.backToList:focus, .tx-sitproducts .bg-white a.backToList:hover {
  color: #fff;
  text-decoration: none;
}
.tx-sitproducts .bg-white a.backToList button {
  cursor: pointer;
  margin-top: 20px;
}
.tx-sitproducts .bg-white a.backToList button:focus {
  color: #fff;
  border-color: #393b42;
  background-color: #393b42;
}
.tx-sitproducts .product-family-tile a {
  display: block;
}
.tx-sitproducts .product-families.active .product-family-tile > * {
  opacity: 0.5;
}
.tx-sitproducts .product-family-tile.active {
  background-image: linear-gradient(to right bottom, #fed000 0%, #ffea0c 100%);
  background-repeat: repeat-x;
}
.tx-sitproducts .product-families.active .product-family-tile.active > * {
  opacity: 1;
}
.tx-sitproducts .product-family-tile .headers {
  position: absolute;
  margin-left: 20px;
}
.tx-sitproducts .product-family-tile .headers,
.tx-sitproducts .product-family-variant .headers,
.tx-sitproducts .product-supply-item .headers {
  bottom: 20px;
  margin-bottom: 20px;
}
.tx-sitproducts .product-family-tile .headers h4 {
  font-weight: 600;
  line-height: 100%;
}
.tx-sitproducts .product-family-tile .headers h6 {
  font-weight: 500;
  line-height: 100%;
}
.tx-sitproducts .tx-sitproducts-family .headers h2 {
  display: inline;
}
@media (max-width: 575px) {
  .tx-sitproducts .tx-sitproducts-family .headers h2 {
    display: block;
  }
}
.tx-sitproducts .tx-sitproducts-family .web_tech_info {
  float: right;
  display: inline;
}
@media (max-width: 575px) {
  .tx-sitproducts .tx-sitproducts-family .web_tech_info {
    float: none;
    display: block;
  }
}
.tx-sitproducts .product-family-variant .headers h5, .tx-sitproducts .product-supply-item .headers h5 {
  font-weight: 600;
  line-height: 100%;
}
.tx-sitproducts .product-family-variant .headers h6, .tx-sitproducts .product-supply-item .headers h6 {
  font-weight: 500;
  line-height: 100%;
}
.tx-sitproducts .product-family-tile:hover, .tx-sitproducts .product-family-tile:focus {
  background-image: linear-gradient(to right bottom, #fed000 0%, #ffea0c 100%);
  background-repeat: repeat-x;
}
.tx-sitproducts .product-family-details {
  padding-top: 100px;
}
.tx-sitproducts .product-family-details ul {
  padding-left: 0;
  list-style: none;
}
.tx-sitproducts .product-family-details li {
  display: list-item;
  text-align: -webkit-match-parent;
}
.tx-sitproducts .product-family-details .web_bulletpoints {
  margin-top: 100px;
}
.tx-sitproducts .product-family-details .web_tech_dat_1 {
  margin-top: 10px;
  color: #fff !important;
}
.tx-sitproducts .tx-sitproducts-ajax .col-md-4 {
  padding-bottom: 25px;
}
.tx-sitproducts .product-variant-details {
  position: relative;
}
.tx-sitproducts .product-variant-details .detail-head {
  padding-bottom: 0;
}
.tx-sitproducts .product-variant-details ul {
  margin-bottom: 2rem;
}
.tx-sitproducts .product-variant-details ul li {
  list-style-type: none;
}
.tx-sitproducts .product-variant-details .dropdown-item {
  hyphens: auto;
}
.tx-sitproducts .product-variant-details .bootstrap-select button {
  background-color: transparent;
}
.tx-sitproducts .product-family-variant .headers a,
.tx-sitproducts .product-supply-item .headers a {
  text-decoration: none;
}
.tx-sitproducts .product-family-variant .product-image-wrap,
.tx-sitproducts .product-supply-item .product-image-wrap {
  position: relative;
  display: inline-table;
  width: fit-content;
  min-height: 250px;
  max-height: 250px;
  height: auto;
  padding-top: 2.875rem;
}
.tx-sitproducts .product-family-variant .product-image-wrap img,
.tx-sitproducts .product-supply-item .product-image-wrap img {
  transition: all 0.4s ease-in-out;
}
.tx-sitproducts .product-family-variant:hover .product-image-wrap img,
.tx-sitproducts .product-supply-item:hover .product-image-wrap img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.tx-sitproducts .loader {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.tx-sitproducts .headers h1 span {
  color: #fff;
}
.tx-sitproducts .headers .header-line {
  background-color: #fff;
  height: 3px;
  width: 100%;
}
.tx-sitproducts .bg-gray .container {
  border-left: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
}
.tx-sitproducts h4.web_produktart {
  color: #fff;
}
.tx-sitproducts .web_icon {
  position: absolute;
  bottom: 15%;
}
@media (max-width: 767px) {
  .tx-sitproducts .web_icon {
    position: relative;
    bottom: 0px;
  }
}
.tx-sitproducts .web_icon img {
  max-width: 100px;
}
.tx-sitproducts .web_text_online {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .tx-sitproducts .web_text_online {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
}
.tx-sitproducts .article-filter-wrap {
  border-bottom: 3px solid #fbde2d;
  padding-bottom: 3px;
  margin-bottom: 5px;
  position: relative;
}
.tx-sitproducts .article-filter-wrap .dropdown-item.active, .tx-sitproducts .article-filter-wrap .dropdown-item:active {
  background-color: initial !important;
  color: #393b42;
}
.tx-sitproducts .article-filter-wrap span.filter-label {
  font-weight: bold;
  width: 50%;
  display: inline-block;
}
@media (max-width: 767px) {
  .tx-sitproducts .article-filter-wrap span.filter-label {
    width: 100%;
  }
}
.tx-sitproducts .article-filter-wrap .selectbox-article-wrap {
  width: 50%;
  display: inline-block;
  border: none;
  background: transparent;
  font-family: "Avenir", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #424649;
  -webkit-appearance: unset;
}
@media (max-width: 767px) {
  .tx-sitproducts .article-filter-wrap .selectbox-article-wrap {
    width: 100%;
  }
}
.tx-sitproducts .article-filter-wrap .selectbox-article-wrap option {
  padding: 0px;
}
.tx-sitproducts .web_tech_dat_2 {
  padding: 0 0;
  display: block;
  border: none;
}
.tx-sitproducts .web_tech_dat_2 .dat_col {
  padding-left: 0;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  /*display:inline-block;*/
  float: left;
  width: 50%;
  hyphens: auto;
}
@media (max-width: 767px) {
  .tx-sitproducts .web_tech_dat_2 .dat_col {
    width: 100%;
    float: none;
    padding-bottom: 0;
  }
}
.tx-sitproducts .web_tech_dat_2 .left_col {
  font-weight: bold;
  vertical-align: top;
  clear: both;
}
@media (min-width: 768px) {
  .tx-sitproducts .web_tech_dat_2 .right_col {
    padding-left: 10px;
  }
}
.tx-sitproducts .web_tech_zeichnung img {
  max-width: 100%;
}
@media (max-width: 991px) {
  .tx-sitproducts .web_tech_zeichnung img {
    max-width: 100%;
  }
}
.tx-sitproducts .tx-sitproducts-variant .web_tech_zeichnung img {
  max-width: 70%;
}
.tx-sitproducts .web_produktzubehoer .plus_icon {
  color: #fbde2d;
  font-size: 5rem;
  line-height: 1;
}
.tx-sitproducts .web_produktzubehoer .has-border {
  border-bottom: 5px solid;
}
.tx-sitproducts .web_produktzubehoer h5 {
  margin-top: 30px;
}
.tx-sitproducts #familyFilter .bootstrap-select.show .dropdown-menu {
  width: auto;
  padding: 0.5rem 0.3rem;
}
.tx-sitproducts .product_filters .filter-options {
  position: relative;
}
.tx-sitproducts .product_filters .filter-options .filter-col .active {
  background-color: #fff;
}
@media (max-width: 480px) {
  .tx-sitproducts .product_filters .filter-options .filter-col button .filter-option {
    text-overflow: ellipsis;
    width: 270px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
  }
}
.tx-sitproducts .product_filters .filter-options .checkbox-options {
  margin-top: 1.5rem;
}
.tx-sitproducts .product_filters .filter-options > .filter-col.item-2.hide-mobile {
  margin-bottom: 0;
}
.tx-sitproducts .product_filters .filter-options > .filter-col.item-2.show-mobile {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .tx-sitproducts .product_filters .filter-options > .filter-col.item-2 {
    margin-bottom: 1rem !important;
  }
}
.tx-sitproducts .product_filters .bootstrap-select > .dropdown-menu {
  overflow: auto;
}
.tx-sitproducts .product_filters .bootstrap-select > .dropdown-toggle {
  background-color: transparent;
  margin-bottom: 10px;
}
.tx-sitproducts .product_filters .bootstrap-select > .dropdown-toggle .filter-option {
  font-weight: 600;
  color: #393b42;
}
.tx-sitproducts .product_filters .bootstrap-select > .dropdown-toggle:after {
  color: #fbde2d;
}
.tx-sitproducts .product_filters .bootstrap-select.form-control {
  margin-bottom: 0.5rem;
  padding: 0.5rem 0.75rem;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.4);
}
.tx-sitproducts .product_filters .bootstrap-select.form-control:hover, .tx-sitproducts .product_filters .bootstrap-select.form-control:focus {
  background-color: rgb(255, 255, 255);
}
.tx-sitproducts .product_filters .bootstrap-select.form-control button {
  margin-bottom: 0;
}
.tx-sitproducts .product_filters input[type=checkbox] {
  display: none;
}
.tx-sitproducts .product_filters input[type=checkbox] + label::before {
  content: "";
  opacity: 1;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 3px solid #fff;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.tx-sitproducts .product_filters input[type=checkbox]:checked + label::before {
  background-color: #fff;
}
.tx-sitproducts .product_filters .checkbox-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #393b42;
}
.tx-sitproducts .product_filters + .loader {
  background: transparent;
}
.tx-sitproducts .product_filters + .loader .spinner {
  margin: 28% auto 0 auto;
  position: static;
}
.tx-sitproducts .product_filters .btn-reset {
  border-radius: 0px;
  background-color: transparent;
  padding: 0px;
  color: #393b42;
  border: 0px;
  cursor: pointer;
  /*&:before {
    content: "\f054";
    font-family: FontAwesome;
    display: inline-block;
    margin-right:10px;
  }*/
}
.tx-sitproducts .buttons.form-control {
  margin-bottom: 0.5rem;
  background: none;
  border: 2px solid #fff;
  height: 40px;
  padding-top: 0.3rem;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .tx-sitproducts .buttons.form-control {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
  }
}
.tx-sitproducts .buttons.form-control:focus, .tx-sitproducts .buttons.form-control:hover {
  border-color: #fff;
  background-color: #fff;
}
.tx-sitproducts .buttons.form-control button {
  box-shadow: none;
}
.tx-sitproducts .download-area {
  background-color: transparent;
  width: 100%;
  z-index: 99;
  bottom: 0px;
  max-height: calc(100% - 70px);
  overflow: scroll;
}
.tx-sitproducts .download-area.fixed {
  position: fixed;
}
.tx-sitproducts .download-area.absolute {
  position: absolute;
}
.tx-sitproducts .download-area .headers h2 span {
  color: #fff;
}
.tx-sitproducts .download-area .bg-yellow {
  display: none;
}
.tx-sitproducts .download-area .opener-wrap .container {
  padding-top: 0px;
  padding-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
}
.tx-sitproducts .download-area .opener-wrap .container .row div {
  text-align: center;
}
.tx-sitproducts .download-area .opener-tab {
  background-color: #fbde2d;
  padding: 15px 30px;
  display: inline-block;
  float: right;
  font-weight: bold;
  cursor: pointer;
}
@media (max-width: 991px) {
  .tx-sitproducts .download-area .opener-tab {
    float: none;
  }
}
.tx-sitproducts .download-area .download-block {
  margin-bottom: 20px;
}
.tx-sitproducts .download-area .download-block span {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
.tx-sitproducts .download-area .download-block a {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  text-decoration: none;
  display: block;
}
.tx-sitproducts .download-area .download-block a:hover, .tx-sitproducts .download-area .download-block a:focus {
  color: #fff;
}
.tx-sitproducts form button span {
  white-space: normal;
}
.tx-sitproducts form .dropdown-item {
  white-space: normal;
}
.tx-sitproducts form .dropdown-item:focus {
  border: none;
}
.tx-sitproducts form .dropdown-item .dropdown-item-inner:focus {
  border: none;
}
.tx-sitproducts form .dropdown-item .dropdown-item-inner .text:focus {
  border: none;
}
.tx-sitproducts .container.variants {
  padding-top: 4.375rem;
}
.tx-sitproducts .col-pos-1 {
  order: 10;
}
.tx-sitproducts .col-pos-2 {
  order: 20;
}
.tx-sitproducts .col-pos-3 {
  order: 30;
}
.tx-sitproducts .col-pos-4 {
  order: 40;
}
.tx-sitproducts .col-pos-5 {
  order: 50;
}
.tx-sitproducts .col-pos-6 {
  order: 60;
}
.tx-sitproducts .layout-family-variants .no-padding {
  padding: 0;
}
.tx-sitproducts .layout-family-variants .web_bulletpoints ul, .tx-sitproducts .layout-family-variants .web_tech_dat_1 ul {
  padding: 0;
  font-weight: 600;
  padding-left: 20px;
}
.tx-sitproducts .layout-family-variants .web_bulletpoints ul li, .tx-sitproducts .layout-family-variants .web_tech_dat_1 ul li {
  list-style: none;
  padding: 0;
}
.tx-sitproducts .layout-family-variants .web_bulletpoints ul li:before, .tx-sitproducts .layout-family-variants .web_tech_dat_1 ul li:before {
  content: "+";
  color: #fff;
  padding-right: 15px;
  position: absolute;
  left: 15px;
}
.tx-sitproducts .layout-family-variants .web_tech_dat_1 ul li {
  color: #fff;
}
.tx-sitproducts .layout-family-variants .family-img, .tx-sitproducts .layout-family-variants .variant-img, .tx-sitproducts .layout-family-variants .detail-img {
  max-height: 250px;
}
.tx-sitproducts .layout-family-variants .yellow-header {
  padding-top: 2rem;
}
.tx-sitproducts .layout-family-variants .yellow-header .headers.h2 h1, .tx-sitproducts .layout-family-variants .yellow-header .headers.h2 h2, .tx-sitproducts .layout-family-variants .yellow-header .headers.h2 h3, .tx-sitproducts .layout-family-variants .yellow-header .headers.h2 h4, .tx-sitproducts .layout-family-variants .yellow-header .headers.h2 h5, .tx-sitproducts .layout-family-variants .yellow-header .headers.h2 h6 {
  font-size: 1.75rem;
  margin-bottom: 0;
}
.tx-sitproducts .layout-family-variants .yellow-header h2, .tx-sitproducts .layout-family-variants .yellow-header .h2 {
  margin-bottom: 0.8rem;
}
.tx-sitproducts .layout-family-variants .yellow-header ul {
  font-size: 1rem;
}
@media (max-width: 575px) {
  .tx-sitproducts .layout-family-variants .bg-white .line-right {
    border: none;
  }
}
.tx-sitproducts .layout-family-variants .accordion-pane .installationExample a {
  hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
}
.tx-sitproducts .layout-family-variants .accordion-pane .installationExample .installationImageSet__image {
  display: block;
}
.tx-sitproducts .layout-family-variants .accordion-pane .installationExample .installationImageSet img {
  max-width: 100%;
  max-height: 600px;
}
.tx-sitproducts .layout-family-variants .accordion-pane .installationExample .installationImageSet .two-column {
  column-count: 2;
}
.tx-sitproducts .layout-family-variants .accordion-pane .installationExample .installationImageSet .two-column ul {
  padding: 0;
}
.tx-sitproducts .layout-family-variants .accordion-pane .installationExample .installationImageSet .attributes {
  -webkit-padding-start: 0;
}
.tx-sitproducts .layout-family-variants .accordion-pane .installationExample .installationImageSet .attributes ul {
  padding-left: 22px;
}
.tx-sitproducts .layout-family-variants .accordion-pane .download-block h3 {
  padding-top: 20px;
  padding-bottom: 10px;
}
.tx-sitproducts .layout-family-variants .accordion-pane .download-block a {
  display: block;
}
.tx-sitproducts .layout-family-variants .accordion-pane .article-table {
  overflow: auto;
}
.tx-sitproducts .layout-family-variants .accordion-pane .pane-body .col-12, .tx-sitproducts .layout-family-variants .accordion-pane .pane-body .col {
  padding: 50px 1.875rem;
}
.tx-sitproducts .layout-family-variants .table {
  display: table;
}
.tx-sitproducts .layout-family-variants .table .table-row {
  display: table-row;
  text-decoration: none;
}
.tx-sitproducts .layout-family-variants .table .table-row.hidden {
  display: none;
}
.tx-sitproducts .layout-family-variants .table .table-row .table-caption {
  border: solid 1px #fbde2d;
  padding: 0.5rem 5px;
  display: table-cell;
  font-weight: bold;
}
.tx-sitproducts .layout-family-variants .table .table-row .table-caption:first-of-type {
  border-left: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .table .table-row .table-caption:last-of-type {
  border-right: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .table .table-row .table-cell {
  border: solid 1px #fbde2d;
  padding: 0.5rem 5px;
  display: table-cell;
}
.tx-sitproducts .layout-family-variants .table .table-row .table-cell:first-of-type {
  border-left: solid 2px #fbde2d;
  border-right: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .table .table-row .table-cell:last-of-type {
  border-right: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .abflussmenge {
  overflow: auto;
  text-align: center;
  font-weight: 600;
  padding-top: 0.5rem;
  border-top: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .abflussmenge .table {
  margin-top: -50px;
  border: none;
  border-right: solid 2px #fbde2d;
  font-weight: normal;
}
.tx-sitproducts .layout-family-variants .abflussmenge .table .table-row .table-caption {
  border: none;
  font-weight: 600;
  border-bottom: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .abflussmenge .table .table-row .table-caption:first-of-type {
  padding-top: 55px;
  border-left: solid 2px #fbde2d;
  border-right: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .abflussmenge .table .table-row .table-caption.has-border {
  border-right: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .abflussmenge .table .table-row .table-cell {
  border: none;
  border-bottom: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .abflussmenge .table .table-row .table-cell:first-of-type {
  border-left: solid 2px #fbde2d;
  border-right: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .abflussmenge .table .table-row .table-cell.has-border {
  border-right: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .combiTable {
  border-width: 0;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.tx-sitproducts .layout-family-variants .combiTable tr {
  border: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .combiTable tr th {
  text-align: center;
  font-weight: 600;
  border: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .combiTable tr td {
  text-align: center;
  border: solid 2px #fbde2d;
}
.tx-sitproducts .layout-family-variants .outer-article {
  margin-bottom: 1.25rem;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table {
  border: solid #fbde2d;
  border-width: 1px 2px 2px 2px;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table {
  border: none;
  margin-bottom: 0;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-row:hover {
  background-image: -webkit-linear-gradient(left, rgba(254, 208, 0, 0.5) 0%, rgba(255, 234, 12, 0.5) 100%);
  background-image: -moz-linear-gradient(left, rgba(254, 208, 0, 0.5) 0%, rgba(255, 234, 12, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(254, 208, 0, 0.5) 0%, rgba(255, 234, 12, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(254, 208, 0, 0.5) 0%, rgba(255, 234, 12, 0.5) 100%);
  background-repeat: repeat-y;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-row:hover .table-cell {
  color: #393b42;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-row .table-cell {
  padding: 0;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-row .table-cell a {
  padding: 0.5rem 1.5rem;
  display: block;
  text-decoration: none;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-row .table-cell a:hover, .tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-row .table-cell a:focus {
  color: #393b42;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-row .table-cell.hidden {
  display: none !important;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-row .table-cell:last-of-type {
  border-right: none;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-head .table-caption {
  vertical-align: unset;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-head .table-caption:first-of-type {
  border-left: none;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-head .table-caption:last-of-type {
  border-right: none;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-head .table-caption.filter {
  background-image: linear-gradient(to right bottom, #fed000 0%, #ffea0c 100%);
  background-repeat: repeat-x;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-head .table-caption.filter .btn-group {
  height: auto;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-head .table-caption.filter .btn-group button:after {
  color: #393b42;
  opacity: 1;
  padding: 0;
  -webkit-animation-name: filterSelector;
  -moz-animation-name: filterSelector;
  -o-animation-name: filterSelector;
  animation-name: filterSelector;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.tx-sitproducts .layout-family-variants .outer-article .article-table .table .table-head .table-caption.filter .btn-group.show button:after {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
.tx-sitproducts .bg-white .container.variants {
  padding-top: 0;
}
.tx-sitproducts .bg-white .headers {
  padding-top: 0rem;
}
.tx-sitproducts .bg-white .headers.has-border {
  padding-top: 2.875rem;
}
.tx-sitproducts #product-sidebar {
  max-height: calc(100% - 70px);
  position: fixed;
  top: 70px;
  overflow: auto;
}
.tx-sitproducts #product-sidebar .accordion .accordion-head {
  font-size: 14px;
  text-decoration: none;
  font-weight: normal;
  hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
}
.tx-sitproducts #product-sidebar .accordion .accordion-head p.area-name {
  margin-bottom: 0;
  padding-top: 13px;
  float: left;
  padding-left: 10px;
  hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  width: calc(100% - 50px);
  max-height: 40px;
  overflow: hidden;
}
.tx-sitproducts #product-sidebar .accordion .accordion-pane .pane-body ul {
  padding-left: 50px;
}
.tx-sitproducts #product-sidebar .accordion .accordion-pane .pane-body ul li {
  list-style: none;
}
.tx-sitproducts #product-sidebar .accordion .accordion-pane .pane-body ul li.active a {
  font-weight: 700;
}
.tx-sitproducts #product-sidebar .accordion .accordion-pane .pane-body ul li a {
  font-size: 14px;
  text-decoration: none;
}
.tx-sitproducts #product-sidebar .anwendungsgebiet {
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
}
.tx-sitproducts #product-sidebar .anwendungsgebiet.default-icon {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/all.png);
}
.tx-sitproducts #product-sidebar .anwendungsgebiet.IMIDNodenode13972363172084 {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/a.png);
}
.tx-sitproducts #product-sidebar .anwendungsgebiet.IMIDNodenode13972357870189 {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/b.png);
}
.tx-sitproducts #product-sidebar .anwendungsgebiet.IMIDNodenode13972822826235 {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/bt.png);
}
.tx-sitproducts #product-sidebar .anwendungsgebiet.IMIDNodenode13972695080860 {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/d.png);
}
.tx-sitproducts #product-sidebar .anwendungsgebiet.IMIDNodenode13972796517392 {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/ds.png);
}
.tx-sitproducts #product-sidebar .anwendungsgebiet.IMIDNodenode13972280676787 {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/f.png);
}
.tx-sitproducts #product-sidebar .anwendungsgebiet.IMIDNodenode13972220073389 {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/lr.png);
}
.tx-sitproducts #product-sidebar .anwendungsgebiet.IMIDNodenode13972612944466 {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/n.png);
}
.tx-sitproducts #product-sidebar .anwendungsgebiet.IMIDNodenode13972773063778 {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/s.png);
}
@media (min-width: 768px) {
  .tx-sitproducts #product-sidebar {
    right: 5px;
    max-width: 19vw;
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-head {
    display: block;
    height: 40px !important;
    margin-bottom: 2px;
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-head .anwendungsgebiet {
    height: 40px;
    width: 40px;
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-head.active .area-name {
    font-weight: 700;
  }
  .tx-sitproducts #product-sidebar .accordion .pane-body ul {
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .tx-sitproducts #product-sidebar {
    background-color: #fff;
    overflow: hidden;
    top: 70px !important;
    width: 100%;
    max-width: 100% !important;
    right: 0;
    left: 0 !important;
    z-index: 1;
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-head {
    display: inline-block;
    width: 11.1111111111%;
    position: absolute;
    top: 0;
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-head:not(.active) .anwendungsgebiet:before {
    padding: 100%;
    background: rgba(255, 255, 255, 0.45);
    content: " ";
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-head p.area-name {
    display: none;
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-pane .pane-body {
    background: #fff;
    width: 100%;
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-pane .pane-body ul {
    padding-top: 10px;
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-pane .pane-body ul:nth-child(even) {
    padding-left: 5px;
    padding-right: 20px;
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-pane .pane-body ul:nth-child(odd) {
    padding-left: 20px;
    padding-right: 5px;
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-pane .pane-body ul li {
    width: 50%;
    display: block;
    float: left;
    padding-bottom: 10px;
    padding-right: 10px;
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-pane .pane-body ul li.hidden-md-up {
    width: 100%;
    font-weight: 700;
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-pane .pane-body ul li a {
    font-size: 18px;
  }
  .tx-sitproducts #product-sidebar .accordion .accordion-pane .pane-body ul li:last-of-type {
    clear: right;
    padding-bottom: 20px;
  }
  .tx-sitproducts #product-sidebar .anwendungsgebiet {
    width: 100%;
    height: 100%;
  }
}
.tx-sitproducts .articlefilter-table {
  width: 100%;
}
.tx-sitproducts .articlefilter-table .btn-group.bootstrap-select > .dropdown-toggle {
  background-color: transparent;
  height: auto;
}
.tx-sitproducts .articlefilter-table .btn-group.bootstrap-select.form-control {
  margin-bottom: 0.5rem;
  padding: 0.5rem 0.75rem 0.5rem 0;
  height: 40px;
  background: transparent;
  min-width: 25%;
}
.tx-sitproducts .articlefilter-table .btn-group.bootstrap-select.form-control button {
  margin-bottom: 0;
}
.tx-sitproducts .articlefilter-table .btn-group.bootstrap-select.form-control button span {
  font-weight: 600;
}
.tx-sitproducts .articlefilter-table .btn-group.bootstrap-select.form-control:hover, .tx-sitproducts .articlefilter-table .btn-group.bootstrap-select.form-control:focus {
  background-color: transparent;
}
.tx-sitproducts .articlefilter-table .btn-group .dropdown-menu.open {
  background: #fff;
  min-height: 170px;
  top: 70px;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  width: auto;
}
.tx-sitproducts .articlefilter-table .btn-group .dropdown-item:focus, .tx-sitproducts .articlefilter-table .btn-group .dropdown-item:hover {
  color: #fbde2d;
}
.tx-sitproducts .articlefilter-table tr.hidden {
  display: none;
}
.tx-sitproducts .articlefilter-table tr th {
  border: solid 2px #fbde2d;
  min-width: auto;
}
.tx-sitproducts .articlefilter-table tr th span {
  white-space: normal !important;
  hyphens: none !important;
}
.tx-sitproducts .articlefilter-table tr th button {
  white-space: normal !important;
}
.tx-sitproducts .articlefilter-table tr th div {
  margin-right: 30px;
}
.tx-sitproducts .articlefilter-table tr th div button {
  background: #fff;
}
.tx-sitproducts .articlefilter-table tr:first-of-type td {
  width: 25%;
}
.tx-sitproducts .articlefilter-table tr td {
  border: solid 2px #fbde2d;
}
.tx-sitproducts .articlefilter-table tr td img {
  max-height: 160px;
}
.tx-sitproducts .attributes {
  -webkit-padding-start: 22px;
}
.tx-sitproducts .attributes li {
  list-style-type: none;
}
.tx-sitproducts .attributes li:before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  border: 0.25rem solid #fbde2d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: -22px;
  margin-right: 1.125rem;
}
.tx-sitproducts .breadcrumb .breadcrumb-item.start + li a:before {
  content: unset;
}
.tx-sitproducts .breadcrumb .breadcrumb-item:not(:first-of-type):after {
  content: unset;
}
.tx-sitproducts .breadcrumb .breadcrumb-item:not(:first-of-type):not(last-of-type) a p:after {
  content: "|";
  padding: 0 0 0 0.5rem;
}

.anwendungsgebiet .radio {
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
.anwendungsgebiet .radio input {
  position: absolute;
  left: -2000em !important;
}
.anwendungsgebiet .radio label {
  height: 40px;
  position: relative;
  display: block;
  padding-left: 55px;
  padding-top: 0.5rem;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.4);
}
.anwendungsgebiet .radio label.disabled {
  background-color: rgba(255, 255, 255, 0.2);
  cursor: default;
}
.anwendungsgebiet .radio label:not(.disabled):hover, .anwendungsgebiet .radio label:not(.disabled):focus {
  background-color: rgba(255, 255, 255, 0.8);
}
.anwendungsgebiet .radio label.activated {
  background-color: rgb(255, 255, 255);
}
.anwendungsgebiet .radio label:before {
  position: absolute;
  left: 0;
  content: "";
  background-size: contain;
  width: 42px;
  height: 40px;
  top: 0;
}
.anwendungsgebiet .radio label.default-icon:before {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/all.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal5828477216213:before {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/a.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal1252939722153:before {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/b.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal9532423772857:before {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/bt.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal8312244930878:before {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/d.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal7984887082584:before {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/ds.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal6048930121223:before {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/f.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal9556320982837:before {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/lr.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal2196955598342:before {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/n.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal65681069217468:before {
  background-image: url(/typo3conf/ext/sit_products/Resources/Public/Images/s.png);
}

.showmoreAnw,
.showmoreOpt {
  border: none;
  background: transparent;
  padding-left: 0;
  margin-bottom: 0.5rem;
  cursor: pointer;
  font-size: 0.9rem;
}
.showmoreAnw:focus, .showmoreAnw:active,
.showmoreOpt:focus,
.showmoreOpt:active {
  outline: none;
  -webkit-appearance: none;
}
.showmoreAnw.down .more,
.showmoreOpt.down .more {
  display: inline-block;
}
.showmoreAnw.down .less,
.showmoreOpt.down .less {
  display: none;
}
.showmoreAnw.up .more,
.showmoreOpt.up .more {
  display: none;
}
.showmoreAnw.up .less,
.showmoreOpt.up .less {
  display: inline-block;
}
.showmoreAnw .fa,
.showmoreOpt .fa {
  color: #fff;
  font-size: 1.5rem;
}

@media (max-width: 767px) {
  .show-mobile {
    height: auto;
  }
  .hide-mobile {
    height: 0;
    overflow: hidden;
  }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .product-family-details.col-pos-1,
.product-family-details.col-pos-2 {
    order: 25;
  }
  .product-family-details.col-pos-3,
.product-family-details.col-pos-4 {
    order: 45;
  }
  .product-family-details.col-pos-5,
.product-family-details.col-pos-6 {
    order: 65;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .product-family-details.col-pos-1,
.product-family-details.col-pos-2,
.product-family-details.col-pos-3 {
    order: 35;
  }
  .product-family-details.col-pos-4,
.product-family-details.col-pos-5,
.product-family-details.col-pos-6 {
    order: 65;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .product-family-details.col-pos-1,
.product-family-details.col-pos-2,
.product-family-details.col-pos-3,
.product-family-details.col-pos-4,
.product-family-details.col-pos-5,
.product-family-details.col-pos-6 {
    order: 65;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@keyframes filterSelector {
  0% {
    padding-top: 0;
    opacity: 1;
  }
  100% {
    padding-top: 20%;
    opacity: 0.5;
  }
}
.tx_sitproducts-searchresult .searchbox {
  width: 100%;
}
.tx_sitproducts-searchresult .form-group {
  width: 100%;
}
.tx_sitproducts-searchresult .form-group .searchParam {
  width: 100%;
}
.tx_sitproducts-searchresult .form-group .input-group-btn .btn {
  padding: 8px;
}
.tx_sitproducts-searchresult p.bfprochat__button:after {
  content: "\f054";
  font-family: FontAwesome;
  width: 30px;
  padding-left: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  border: none;
  font-weight: normal;
}

.container-fluid .tx-sitproductsneu {
  margin: 0 -15px;
}

.tx-sitproductsneu {
  margin-top: -1px !important;
  /* sidebar */
  /*
  * Variant page
  */
}
.tx-sitproductsneu .new-icon-wrapper {
  position: relative;
  display: block;
  width: fit-content;
  max-width: 220px;
}
.tx-sitproductsneu .new-icon {
  position: absolute;
  top: 15px;
  right: 15px;
  height: 30% !important;
  width: 30% !important;
}
.tx-sitproductsneu .product-family-tile {
  background-image: linear-gradient(to right bottom, #ccd4d7 0%, #d7dfe2 100%);
  background-repeat: repeat-x;
}
@media (max-width: 575px) {
  .tx-sitproductsneu .product-family-tile {
    min-height: 200px;
  }
}
@media (min-width: 576px) {
  .tx-sitproductsneu .product-family-tile {
    min-height: 200px;
  }
}
@media (min-width: 768px) {
  .tx-sitproductsneu .product-family-tile {
    min-height: 200px;
  }
}
@media (min-width: 992px) {
  .tx-sitproductsneu .product-family-tile {
    min-height: 100px;
  }
}
.tx-sitproductsneu .product-family-tile img {
  transition: all 0.4s ease-in-out;
  width: 100%;
}
.tx-sitproductsneu .product-family-tile:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.tx-sitproductsneu .bg-white ul li:before {
  margin-right: 10px !important;
}
@media (max-width: 767px) {
  .tx-sitproductsneu .bg-white .container {
    padding-bottom: 0;
  }
  .tx-sitproductsneu .bg-white .container h3, .tx-sitproductsneu .bg-white .container h4, .tx-sitproductsneu .bg-white .container h5 {
    font-size: 1.3rem;
  }
}
.tx-sitproductsneu .bg-white a.backToList:focus, .tx-sitproductsneu .bg-white a.backToList:hover {
  color: #fff;
  text-decoration: none;
}
.tx-sitproductsneu .bg-white a.backToList button {
  cursor: pointer;
  margin-top: 20px;
}
.tx-sitproductsneu .bg-white a.backToList button:focus {
  color: #fff;
  border-color: #393b42;
  background-color: #393b42;
}
.tx-sitproductsneu .product-family-tile a {
  display: block;
}
.tx-sitproductsneu .product-families.active .product-family-tile > * {
  opacity: 0.5;
}
.tx-sitproductsneu .product-family-tile.active {
  background-image: linear-gradient(to right bottom, #fed000 0%, #ffea0c 100%);
  background-repeat: repeat-x;
}
.tx-sitproductsneu .product-families.active .product-family-tile.active > * {
  opacity: 1;
}
.tx-sitproductsneu .product-family-tile .headers {
  position: absolute;
  margin-left: 20px;
}
.tx-sitproductsneu .product-family-tile .headers,
.tx-sitproductsneu .product-family-variant .headers,
.tx-sitproductsneu .product-supply-item .headers {
  bottom: 20px;
  margin-bottom: 20px;
  padding-top: 0.875rem;
}
.tx-sitproductsneu .product-family-tile .headers h4 {
  font-weight: 600;
  line-height: 100%;
}
.tx-sitproductsneu .product-family-tile .headers h6 {
  font-weight: 500;
  line-height: 100%;
}
.tx-sitproductsneu .tx-sitproducts-family .headers h2 {
  display: inline;
}
@media (max-width: 575px) {
  .tx-sitproductsneu .tx-sitproducts-family .headers h2 {
    display: block;
  }
}
.tx-sitproductsneu .tx-sitproducts-family .web_tech_info {
  float: right;
  display: inline;
}
@media (max-width: 575px) {
  .tx-sitproductsneu .tx-sitproducts-family .web_tech_info {
    float: none;
    display: block;
  }
}
.tx-sitproductsneu .product-family-variant .headers h5, .tx-sitproductsneu .product-supply-item .headers h5 {
  font-weight: 600;
  line-height: 100%;
}
.tx-sitproductsneu .product-family-variant .headers h6, .tx-sitproductsneu .product-supply-item .headers h6 {
  font-weight: 500;
  line-height: 100%;
}
.tx-sitproductsneu .product-family-tile:hover, .tx-sitproductsneu .product-family-tile:focus {
  background-image: linear-gradient(to right bottom, #fed000 0%, #ffea0c 100%);
  background-repeat: repeat-x;
}
.tx-sitproductsneu .product-family-details {
  padding-top: 100px;
}
.tx-sitproductsneu .product-family-details ul {
  padding-left: 0;
  list-style: none;
}
.tx-sitproductsneu .product-family-details li {
  display: list-item;
  text-align: -webkit-match-parent;
}
.tx-sitproductsneu .product-family-details .web_bulletpoints {
  margin-top: 100px;
}
.tx-sitproductsneu .product-family-details .web_tech_dat_1 {
  margin-top: 10px;
  color: #fff !important;
}
.tx-sitproductsneu .tx-sitproducts-ajax .col-md-4 {
  padding-bottom: 25px;
}
.tx-sitproductsneu .product-variant-details {
  position: relative;
}
.tx-sitproductsneu .product-variant-details .detail-head {
  padding-bottom: 0;
}
.tx-sitproductsneu .product-variant-details ul {
  margin-bottom: 2rem;
}
.tx-sitproductsneu .product-variant-details ul li {
  list-style-type: none;
}
.tx-sitproductsneu .product-variant-details .dropdown-item {
  hyphens: auto;
}
.tx-sitproductsneu .product-variant-details .bootstrap-select button {
  background-color: transparent;
}
.tx-sitproductsneu .product-family-variant .headers a,
.tx-sitproductsneu .product-supply-item .headers a {
  text-decoration: none;
}
.tx-sitproductsneu .product-family-variant .product-image-wrap,
.tx-sitproductsneu .product-supply-item .product-image-wrap {
  position: relative;
  display: inline-table;
  width: fit-content;
  min-height: 250px;
  max-height: 250px;
  height: auto;
  padding-top: 2.875rem;
}
.tx-sitproductsneu .product-family-variant .product-image-wrap img,
.tx-sitproductsneu .product-supply-item .product-image-wrap img {
  transition: all 0.4s ease-in-out;
  width: 250px;
  max-height: 250px;
}
.tx-sitproductsneu .product-family-variant:hover .product-image-wrap img,
.tx-sitproductsneu .product-supply-item:hover .product-image-wrap img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.tx-sitproductsneu .loader {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.tx-sitproductsneu .headers h1 span {
  color: #fff;
}
.tx-sitproductsneu .headers .header-line {
  background-color: #fff;
  height: 3px;
  width: 100%;
}
.tx-sitproductsneu .bg-gray .container {
  border-left: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
}
.tx-sitproductsneu h4.web_produktart {
  color: #fff;
}
.tx-sitproductsneu .web_icon {
  position: absolute;
  bottom: 15%;
}
@media (max-width: 767px) {
  .tx-sitproductsneu .web_icon {
    position: relative;
    bottom: 0px;
  }
}
.tx-sitproductsneu .web_icon img {
  max-width: 100px;
}
.tx-sitproductsneu .web_text_online {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .tx-sitproductsneu .web_text_online {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
}
.tx-sitproductsneu .article-filter-wrap {
  border-bottom: 3px solid #fbde2d;
  padding-bottom: 3px;
  margin-bottom: 5px;
  position: relative;
}
.tx-sitproductsneu .article-filter-wrap .dropdown-item.active, .tx-sitproductsneu .article-filter-wrap .dropdown-item:active {
  background-color: initial !important;
  color: #393b42;
}
.tx-sitproductsneu .article-filter-wrap span.filter-label {
  font-weight: bold;
  width: 50%;
  display: inline-block;
}
@media (max-width: 767px) {
  .tx-sitproductsneu .article-filter-wrap span.filter-label {
    width: 100%;
  }
}
.tx-sitproductsneu .article-filter-wrap .selectbox-article-wrap {
  width: 50%;
  display: inline-block;
  border: none;
  background: transparent;
  font-family: "Avenir", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #424649;
  -webkit-appearance: unset;
}
@media (max-width: 767px) {
  .tx-sitproductsneu .article-filter-wrap .selectbox-article-wrap {
    width: 100%;
  }
}
.tx-sitproductsneu .article-filter-wrap .selectbox-article-wrap option {
  padding: 0px;
}
.tx-sitproductsneu .web_tech_dat_2 {
  padding: 0 0;
  display: block;
  border: none;
}
.tx-sitproductsneu .web_tech_dat_2 .dat_col {
  padding-left: 0;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  /*display:inline-block;*/
  float: left;
  width: 50%;
  hyphens: auto;
}
@media (max-width: 767px) {
  .tx-sitproductsneu .web_tech_dat_2 .dat_col {
    width: 100%;
    float: none;
    padding-bottom: 0;
  }
}
.tx-sitproductsneu .web_tech_dat_2 .left_col {
  font-weight: bold;
  vertical-align: top;
  clear: both;
}
@media (min-width: 768px) {
  .tx-sitproductsneu .web_tech_dat_2 .right_col {
    padding-left: 10px;
  }
}
.tx-sitproductsneu .web_tech_zeichnung img {
  max-width: 100%;
}
@media (max-width: 991px) {
  .tx-sitproductsneu .web_tech_zeichnung img {
    max-width: 100%;
  }
}
.tx-sitproductsneu .tx-sitproducts-variant .web_tech_zeichnung img {
  max-width: 70%;
}
.tx-sitproductsneu .web_produktzubehoer .plus_icon {
  color: #fbde2d;
  font-size: 5rem;
  line-height: 1;
}
.tx-sitproductsneu .web_produktzubehoer .has-border {
  border-bottom: 5px solid;
}
.tx-sitproductsneu .web_produktzubehoer h5 {
  margin-top: 30px;
}
.tx-sitproductsneu #familyFilter .bootstrap-select.show .dropdown-menu {
  width: auto;
  padding: 0.5rem 0.3rem;
}
.tx-sitproductsneu .product_filters .filter-options {
  position: relative;
}
.tx-sitproductsneu .product_filters .filter-options .filter-col .active {
  background-color: #fff;
}
@media (max-width: 480px) {
  .tx-sitproductsneu .product_filters .filter-options .filter-col button .filter-option {
    text-overflow: ellipsis;
    width: 270px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
  }
}
.tx-sitproductsneu .product_filters .filter-options .checkbox-options {
  margin-top: 1.5rem;
}
.tx-sitproductsneu .product_filters .filter-options > .filter-col.item-2.hide-mobile {
  margin-bottom: 0;
}
.tx-sitproductsneu .product_filters .filter-options > .filter-col.item-2.show-mobile {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .tx-sitproductsneu .product_filters .filter-options > .filter-col.item-2 {
    margin-bottom: 1rem !important;
  }
}
.tx-sitproductsneu .product_filters .bootstrap-select > .dropdown-menu {
  overflow: auto;
}
.tx-sitproductsneu .product_filters .bootstrap-select > .dropdown-toggle {
  background-color: transparent;
  margin-bottom: 10px;
}
.tx-sitproductsneu .product_filters .bootstrap-select > .dropdown-toggle .filter-option {
  font-weight: 600;
  color: #393b42;
}
.tx-sitproductsneu .product_filters .bootstrap-select > .dropdown-toggle:after {
  color: #fbde2d;
}
.tx-sitproductsneu .product_filters .bootstrap-select.form-control {
  margin-bottom: 0.5rem;
  padding: 0.5rem 0.75rem;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.4);
}
.tx-sitproductsneu .product_filters .bootstrap-select.form-control:hover, .tx-sitproductsneu .product_filters .bootstrap-select.form-control:focus {
  background-color: rgb(255, 255, 255);
}
.tx-sitproductsneu .product_filters .bootstrap-select.form-control button {
  margin-bottom: 0;
}
.tx-sitproductsneu .product_filters input[type=checkbox] {
  display: none;
}
.tx-sitproductsneu .product_filters input[type=checkbox] + label::before {
  content: "";
  opacity: 1;
  width: 20px;
  height: 20px;
  background-color: transparent;
  border: 3px solid #fff;
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.tx-sitproductsneu .product_filters input[type=checkbox]:checked + label::before {
  background-color: #fff;
}
.tx-sitproductsneu .product_filters .checkbox-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #393b42;
}
.tx-sitproductsneu .product_filters + .loader {
  background: transparent;
}
.tx-sitproductsneu .product_filters + .loader .spinner {
  margin: 28% auto 0 auto;
  position: static;
}
.tx-sitproductsneu .product_filters .btn-reset {
  border-radius: 0px;
  background-color: transparent;
  padding: 0px;
  color: #393b42;
  border: 0px;
  cursor: pointer;
  /*&:before {
    content: "\f054";
    font-family: FontAwesome;
    display: inline-block;
    margin-right:10px;
  }*/
}
.tx-sitproductsneu .buttons.form-control {
  margin-bottom: 0.5rem;
  background: none;
  border: 2px solid #fff;
  height: 40px;
  padding-top: 0.3rem;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .tx-sitproductsneu .buttons.form-control {
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
  }
}
.tx-sitproductsneu .buttons.form-control:focus, .tx-sitproductsneu .buttons.form-control:hover {
  border-color: #fff;
  background-color: #fff;
}
.tx-sitproductsneu .buttons.form-control button {
  box-shadow: none;
}
.tx-sitproductsneu .download-area {
  background-color: transparent;
  width: 100%;
  z-index: 99;
  bottom: 0px;
  max-height: calc(100% - 70px);
  overflow: scroll;
}
.tx-sitproductsneu .download-area.fixed {
  position: fixed;
}
.tx-sitproductsneu .download-area.absolute {
  position: absolute;
}
.tx-sitproductsneu .download-area .headers h2 span {
  color: #fff;
}
.tx-sitproductsneu .download-area .bg-yellow {
  display: none;
}
.tx-sitproductsneu .download-area .opener-wrap .container {
  padding-top: 0px;
  padding-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
}
.tx-sitproductsneu .download-area .opener-wrap .container .row div {
  text-align: center;
}
.tx-sitproductsneu .download-area .opener-tab {
  background-color: #fbde2d;
  padding: 15px 30px;
  display: inline-block;
  float: right;
  font-weight: bold;
  cursor: pointer;
}
@media (max-width: 991px) {
  .tx-sitproductsneu .download-area .opener-tab {
    float: none;
  }
}
.tx-sitproductsneu .download-area .download-block {
  margin-bottom: 20px;
}
.tx-sitproductsneu .download-area .download-block span {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
}
.tx-sitproductsneu .download-area .download-block a {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  text-decoration: none;
  display: block;
}
.tx-sitproductsneu .download-area .download-block a:hover, .tx-sitproductsneu .download-area .download-block a:focus {
  color: #fff;
}
.tx-sitproductsneu form button span {
  white-space: normal;
}
.tx-sitproductsneu form .dropdown-item {
  white-space: normal;
}
.tx-sitproductsneu form .dropdown-item:focus {
  border: none;
}
.tx-sitproductsneu form .dropdown-item .dropdown-item-inner:focus {
  border: none;
}
.tx-sitproductsneu form .dropdown-item .dropdown-item-inner .text:focus {
  border: none;
}
.tx-sitproductsneu .container.variants {
  padding-top: 4.375rem;
}
.tx-sitproductsneu .col-pos-1 {
  order: 10;
}
.tx-sitproductsneu .col-pos-2 {
  order: 20;
}
.tx-sitproductsneu .col-pos-3 {
  order: 30;
}
.tx-sitproductsneu .col-pos-4 {
  order: 40;
}
.tx-sitproductsneu .col-pos-5 {
  order: 50;
}
.tx-sitproductsneu .col-pos-6 {
  order: 60;
}
.tx-sitproductsneu .layout-family-variants .no-padding {
  padding: 0;
}
.tx-sitproductsneu .layout-family-variants .web_bulletpoints ul, .tx-sitproductsneu .layout-family-variants .web_tech_dat_1 ul {
  padding: 0;
  font-weight: 600;
  padding-left: 20px;
}
.tx-sitproductsneu .layout-family-variants .web_bulletpoints ul li, .tx-sitproductsneu .layout-family-variants .web_tech_dat_1 ul li {
  list-style: none;
  padding: 0;
}
.tx-sitproductsneu .layout-family-variants .web_bulletpoints ul li:before, .tx-sitproductsneu .layout-family-variants .web_tech_dat_1 ul li:before {
  content: "+";
  color: #fff;
  padding-right: 15px;
  position: absolute;
  left: 15px;
}
.tx-sitproductsneu .layout-family-variants .web_tech_dat_1 ul li {
  color: #fff;
}
.tx-sitproductsneu .layout-family-variants .family-img, .tx-sitproductsneu .layout-family-variants .variant-img, .tx-sitproductsneu .layout-family-variants .detail-img {
  max-height: 250px;
}
.tx-sitproductsneu .layout-family-variants .yellow-header {
  padding-top: 2rem;
}
.tx-sitproductsneu .layout-family-variants .yellow-header .headers.h2 h1, .tx-sitproductsneu .layout-family-variants .yellow-header .headers.h2 h2, .tx-sitproductsneu .layout-family-variants .yellow-header .headers.h2 h3, .tx-sitproductsneu .layout-family-variants .yellow-header .headers.h2 h4, .tx-sitproductsneu .layout-family-variants .yellow-header .headers.h2 h5, .tx-sitproductsneu .layout-family-variants .yellow-header .headers.h2 h6 {
  font-size: 1.75rem;
  margin-bottom: 0;
}
.tx-sitproductsneu .layout-family-variants .yellow-header h2, .tx-sitproductsneu .layout-family-variants .yellow-header .h2 {
  margin-bottom: 0.8rem;
}
.tx-sitproductsneu .layout-family-variants .yellow-header ul {
  font-size: 1rem;
}
@media (max-width: 575px) {
  .tx-sitproductsneu .layout-family-variants .bg-white .line-right {
    border: none;
  }
}
.tx-sitproductsneu .layout-family-variants .accordion-pane .installationExample a {
  hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
}
.tx-sitproductsneu .layout-family-variants .accordion-pane .installationExample .installationImageSet__image {
  display: block;
}
.tx-sitproductsneu .layout-family-variants .accordion-pane .installationExample .installationImageSet img {
  max-width: 100%;
  max-height: 600px;
}
.tx-sitproductsneu .layout-family-variants .accordion-pane .installationExample .installationImageSet .two-column {
  column-count: 2;
}
.tx-sitproductsneu .layout-family-variants .accordion-pane .installationExample .installationImageSet .two-column ul {
  padding: 0;
}
.tx-sitproductsneu .layout-family-variants .accordion-pane .installationExample .installationImageSet .attributes {
  -webkit-padding-start: 0;
}
.tx-sitproductsneu .layout-family-variants .accordion-pane .installationExample .installationImageSet .attributes ul {
  padding-left: 22px;
}
.tx-sitproductsneu .layout-family-variants .accordion-pane .download-block h3 {
  padding-top: 20px;
  padding-bottom: 10px;
}
.tx-sitproductsneu .layout-family-variants .accordion-pane .download-block a {
  display: block;
}
.tx-sitproductsneu .layout-family-variants .accordion-pane .article-table {
  overflow: auto;
}
.tx-sitproductsneu .layout-family-variants .accordion-pane .pane-body .col-12, .tx-sitproductsneu .layout-family-variants .accordion-pane .pane-body .col {
  padding: 50px 1.875rem;
}
.tx-sitproductsneu .layout-family-variants .table {
  display: table;
}
.tx-sitproductsneu .layout-family-variants .table .table-row {
  display: table-row;
  text-decoration: none;
}
.tx-sitproductsneu .layout-family-variants .table .table-row.hidden {
  display: none;
}
.tx-sitproductsneu .layout-family-variants .table .table-row .table-caption {
  border: solid 1px #fbde2d;
  padding: 0.5rem 5px;
  display: table-cell;
  font-weight: bold;
}
.tx-sitproductsneu .layout-family-variants .table .table-row .table-caption:first-of-type {
  border-left: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .table .table-row .table-caption:last-of-type {
  border-right: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .table .table-row .table-cell {
  border: solid 1px #fbde2d;
  padding: 0.5rem 5px;
  display: table-cell;
}
.tx-sitproductsneu .layout-family-variants .table .table-row .table-cell:first-of-type {
  border-left: solid 2px #fbde2d;
  border-right: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .table .table-row .table-cell:last-of-type {
  border-right: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .abflussmenge {
  overflow: auto;
  text-align: center;
  font-weight: 600;
  padding-top: 0.5rem;
  border-top: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .abflussmenge .table {
  margin-top: -50px;
  border: none;
  border-right: solid 2px #fbde2d;
  font-weight: normal;
}
.tx-sitproductsneu .layout-family-variants .abflussmenge .table .table-row .table-caption {
  border: none;
  font-weight: 600;
  border-bottom: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .abflussmenge .table .table-row .table-caption:first-of-type {
  padding-top: 55px;
  border-left: solid 2px #fbde2d;
  border-right: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .abflussmenge .table .table-row .table-caption.has-border {
  border-right: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .abflussmenge .table .table-row .table-cell {
  border: none;
  border-bottom: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .abflussmenge .table .table-row .table-cell:first-of-type {
  border-left: solid 2px #fbde2d;
  border-right: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .abflussmenge .table .table-row .table-cell.has-border {
  border-right: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .combiTable {
  border-width: 0;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.tx-sitproductsneu .layout-family-variants .combiTable tr {
  border: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .combiTable tr th {
  text-align: center;
  font-weight: 600;
  border: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .combiTable tr td {
  text-align: center;
  border: solid 2px #fbde2d;
}
.tx-sitproductsneu .layout-family-variants .outer-article {
  margin-bottom: 1.25rem;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table {
  border: solid #fbde2d;
  border-width: 1px 2px 2px 2px;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table {
  border: none;
  margin-bottom: 0;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-row:hover {
  background-image: -webkit-linear-gradient(left, rgba(254, 208, 0, 0.5) 0%, rgba(255, 234, 12, 0.5) 100%);
  background-image: -moz-linear-gradient(left, rgba(254, 208, 0, 0.5) 0%, rgba(255, 234, 12, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(254, 208, 0, 0.5) 0%, rgba(255, 234, 12, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(254, 208, 0, 0.5) 0%, rgba(255, 234, 12, 0.5) 100%);
  background-repeat: repeat-y;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-row:hover .table-cell {
  color: #393b42;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-row .table-cell {
  padding: 0;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-row .table-cell a {
  padding: 0.5rem 1.5rem;
  display: block;
  text-decoration: none;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-row .table-cell a:hover, .tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-row .table-cell a:focus {
  color: #393b42;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-row .table-cell.hidden {
  display: none !important;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-row .table-cell:last-of-type {
  border-right: none;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-head .table-caption {
  vertical-align: unset;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-head .table-caption:first-of-type {
  border-left: none;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-head .table-caption:last-of-type {
  border-right: none;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-head .table-caption.filter {
  background-image: linear-gradient(to right bottom, #fed000 0%, #ffea0c 100%);
  background-repeat: repeat-x;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-head .table-caption.filter .btn-group {
  height: auto;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-head .table-caption.filter .btn-group button:after {
  color: #393b42;
  opacity: 1;
  padding: 0;
  -webkit-animation-name: filterSelector;
  -moz-animation-name: filterSelector;
  -o-animation-name: filterSelector;
  animation-name: filterSelector;
  -webkit-animation-delay: 0s;
  -moz-animation-delay: 0s;
  -o-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-duration: 2s;
  -moz-animation-duration: 2s;
  -o-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.tx-sitproductsneu .layout-family-variants .outer-article .article-table .table .table-head .table-caption.filter .btn-group.show button:after {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}
.tx-sitproductsneu .bg-white .container.variants {
  padding-top: 0;
}
.tx-sitproductsneu .bg-white .headers {
  padding-top: 0rem;
}
.tx-sitproductsneu .bg-white .headers.has-border {
  padding-top: 2.875rem;
}
.tx-sitproductsneu #product-sidebar {
  max-height: calc(100% - 70px);
  position: fixed;
  top: 70px;
  overflow: auto;
}
.tx-sitproductsneu #product-sidebar .accordion .accordion-head {
  font-size: 14px;
  text-decoration: none;
  font-weight: normal;
  hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
}
.tx-sitproductsneu #product-sidebar .accordion .accordion-head p.area-name {
  margin-bottom: 0;
  padding-top: 13px;
  float: left;
  padding-left: 10px;
  hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  width: calc(100% - 50px);
  max-height: 40px;
  overflow: hidden;
}
.tx-sitproductsneu #product-sidebar .accordion .accordion-pane .pane-body ul {
  padding-left: 50px;
}
.tx-sitproductsneu #product-sidebar .accordion .accordion-pane .pane-body ul li {
  list-style: none;
}
.tx-sitproductsneu #product-sidebar .accordion .accordion-pane .pane-body ul li.active a {
  font-weight: 700;
}
.tx-sitproductsneu #product-sidebar .accordion .accordion-pane .pane-body ul li a {
  font-size: 14px;
  text-decoration: none;
}
.tx-sitproductsneu #product-sidebar .anwendungsgebiet {
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
}
.tx-sitproductsneu #product-sidebar .anwendungsgebiet.default-icon {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/all.png);
}
.tx-sitproductsneu #product-sidebar .anwendungsgebiet.IMIDNodenode13972363172084 {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/a.png);
}
.tx-sitproductsneu #product-sidebar .anwendungsgebiet.IMIDNodenode13972357870189 {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/b.png);
}
.tx-sitproductsneu #product-sidebar .anwendungsgebiet.IMIDNodenode13972822826235 {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/bt.png);
}
.tx-sitproductsneu #product-sidebar .anwendungsgebiet.IMIDNodenode13972695080860 {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/d.png);
}
.tx-sitproductsneu #product-sidebar .anwendungsgebiet.IMIDNodenode13972796517392 {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/ds.png);
}
.tx-sitproductsneu #product-sidebar .anwendungsgebiet.IMIDNodenode13972280676787 {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/f.png);
}
.tx-sitproductsneu #product-sidebar .anwendungsgebiet.IMIDNodenode13972220073389 {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/lr.png);
}
.tx-sitproductsneu #product-sidebar .anwendungsgebiet.IMIDNodenode13972612944466 {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/n.png);
}
.tx-sitproductsneu #product-sidebar .anwendungsgebiet.IMIDNodenode13972773063778 {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/s.png);
}
@media (min-width: 768px) {
  .tx-sitproductsneu #product-sidebar {
    right: 5px;
    max-width: 19vw;
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-head {
    display: block;
    height: 40px !important;
    margin-bottom: 2px;
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-head .anwendungsgebiet {
    height: 40px;
    width: 40px;
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-head.active .area-name {
    font-weight: 700;
  }
  .tx-sitproductsneu #product-sidebar .accordion .pane-body ul {
    margin-top: 0 !important;
  }
}
@media (max-width: 767px) {
  .tx-sitproductsneu #product-sidebar {
    background-color: #fff;
    overflow: hidden;
    top: 70px !important;
    width: 100%;
    max-width: 100% !important;
    right: 0;
    left: 0 !important;
    z-index: 1;
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-head {
    display: inline-block;
    width: 11.1111111111%;
    position: absolute;
    top: 0;
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-head:not(.active) .anwendungsgebiet:before {
    padding: 100%;
    background: rgba(255, 255, 255, 0.45);
    content: " ";
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-head p.area-name {
    display: none;
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-pane .pane-body {
    background: #fff;
    width: 100%;
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-pane .pane-body ul {
    padding-top: 10px;
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-pane .pane-body ul:nth-child(even) {
    padding-left: 5px;
    padding-right: 20px;
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-pane .pane-body ul:nth-child(odd) {
    padding-left: 20px;
    padding-right: 5px;
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-pane .pane-body ul li {
    width: 50%;
    display: block;
    float: left;
    padding-bottom: 10px;
    padding-right: 10px;
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-pane .pane-body ul li.hidden-md-up {
    width: 100%;
    font-weight: 700;
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-pane .pane-body ul li a {
    font-size: 18px;
  }
  .tx-sitproductsneu #product-sidebar .accordion .accordion-pane .pane-body ul li:last-of-type {
    clear: right;
    padding-bottom: 20px;
  }
  .tx-sitproductsneu #product-sidebar .anwendungsgebiet {
    width: 100%;
    height: 100%;
  }
}
.tx-sitproductsneu .articlefilter-table {
  width: 100%;
}
.tx-sitproductsneu .articlefilter-table .btn-group.bootstrap-select > .dropdown-toggle {
  background-color: transparent;
  height: auto;
}
.tx-sitproductsneu .articlefilter-table .btn-group.bootstrap-select.form-control {
  margin-bottom: 0.5rem;
  padding: 0.5rem 0.75rem 0.5rem 0;
  height: 40px;
  background: transparent;
  min-width: 25%;
}
.tx-sitproductsneu .articlefilter-table .btn-group.bootstrap-select.form-control button {
  margin-bottom: 0;
}
.tx-sitproductsneu .articlefilter-table .btn-group.bootstrap-select.form-control button span {
  font-weight: 600;
}
.tx-sitproductsneu .articlefilter-table .btn-group.bootstrap-select.form-control:hover, .tx-sitproductsneu .articlefilter-table .btn-group.bootstrap-select.form-control:focus {
  background-color: transparent;
}
.tx-sitproductsneu .articlefilter-table .btn-group .dropdown-menu.open {
  background: #fff;
  min-height: 170px;
  top: 70px;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  width: auto;
}
.tx-sitproductsneu .articlefilter-table .btn-group .dropdown-item:focus, .tx-sitproductsneu .articlefilter-table .btn-group .dropdown-item:hover {
  color: #fbde2d;
}
.tx-sitproductsneu .articlefilter-table tr.hidden {
  display: none;
}
.tx-sitproductsneu .articlefilter-table tr th {
  border: solid 2px #fbde2d;
  min-width: auto;
}
.tx-sitproductsneu .articlefilter-table tr th span {
  white-space: normal !important;
  hyphens: none !important;
}
.tx-sitproductsneu .articlefilter-table tr th button {
  white-space: normal !important;
}
.tx-sitproductsneu .articlefilter-table tr th div {
  margin-right: 30px;
}
.tx-sitproductsneu .articlefilter-table tr th div button {
  background: #fff;
}
.tx-sitproductsneu .articlefilter-table tr:first-of-type td {
  width: 25%;
}
.tx-sitproductsneu .articlefilter-table tr td {
  border: solid 2px #fbde2d;
}
.tx-sitproductsneu .articlefilter-table tr td img {
  max-height: 160px;
}
.tx-sitproductsneu .attributes {
  -webkit-padding-start: 22px;
}
.tx-sitproductsneu .attributes li {
  list-style-type: none;
}
.tx-sitproductsneu .attributes li:before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  border: 0.25rem solid #fbde2d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: -22px;
  margin-right: 1.125rem;
}
.tx-sitproductsneu .breadcrumb .breadcrumb-item.start + li a:before {
  content: unset;
}
.tx-sitproductsneu .breadcrumb .breadcrumb-item:not(:first-of-type):after {
  content: unset;
}
.tx-sitproductsneu .breadcrumb .breadcrumb-item:not(:first-of-type):not(last-of-type) a p:after {
  content: "|";
  padding: 0 0 0 0.5rem;
}

.anwendungsgebiet .radio {
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}
.anwendungsgebiet .radio input {
  position: absolute;
  left: -2000em !important;
}
.anwendungsgebiet .radio label {
  height: 40px;
  position: relative;
  display: block;
  padding-left: 55px;
  padding-top: 0.5rem;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.4);
}
.anwendungsgebiet .radio label.disabled {
  background-color: rgba(255, 255, 255, 0.2);
  cursor: default;
}
.anwendungsgebiet .radio label:not(.disabled):hover, .anwendungsgebiet .radio label:not(.disabled):focus {
  background-color: rgba(255, 255, 255, 0.8);
}
.anwendungsgebiet .radio label.activated {
  background-color: rgb(255, 255, 255);
}
.anwendungsgebiet .radio label:before {
  position: absolute;
  left: 0;
  content: "";
  background-size: contain;
  width: 42px;
  height: 40px;
  top: 0;
}
.anwendungsgebiet .radio label.default-icon:before {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/all.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal5828477216213:before {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/a.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal1252939722153:before {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/b.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal9532423772857:before {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/bt.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal8312244930878:before {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/d.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal7984887082584:before {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/ds.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal6048930121223:before {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/f.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal9556320982837:before {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/lr.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal2196955598342:before {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/n.png);
}
.anwendungsgebiet .radio label.IMIDObjectDiskVal65681069217468:before {
  background-image: url(/typo3conf/ext/sit_productsneu/Resources/Public/Images/s.png);
}

.showmoreAnw,
.showmoreOpt {
  border: none;
  background: transparent;
  padding-left: 0;
  margin-bottom: 0.5rem;
  cursor: pointer;
  font-size: 0.9rem;
}
.showmoreAnw:focus, .showmoreAnw:active,
.showmoreOpt:focus,
.showmoreOpt:active {
  outline: none;
  -webkit-appearance: none;
}
.showmoreAnw.down .more,
.showmoreOpt.down .more {
  display: inline-block;
}
.showmoreAnw.down .less,
.showmoreOpt.down .less {
  display: none;
}
.showmoreAnw.up .more,
.showmoreOpt.up .more {
  display: none;
}
.showmoreAnw.up .less,
.showmoreOpt.up .less {
  display: inline-block;
}
.showmoreAnw .fa,
.showmoreOpt .fa {
  color: #fff;
  font-size: 1.5rem;
}

@media (max-width: 767px) {
  .show-mobile {
    height: auto;
  }
  .hide-mobile {
    height: 0;
    overflow: hidden;
  }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .product-family-details.col-pos-1,
.product-family-details.col-pos-2 {
    order: 25;
  }
  .product-family-details.col-pos-3,
.product-family-details.col-pos-4 {
    order: 45;
  }
  .product-family-details.col-pos-5,
.product-family-details.col-pos-6 {
    order: 65;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .product-family-details.col-pos-1,
.product-family-details.col-pos-2,
.product-family-details.col-pos-3 {
    order: 35;
  }
  .product-family-details.col-pos-4,
.product-family-details.col-pos-5,
.product-family-details.col-pos-6 {
    order: 65;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .product-family-details.col-pos-1,
.product-family-details.col-pos-2,
.product-family-details.col-pos-3,
.product-family-details.col-pos-4,
.product-family-details.col-pos-5,
.product-family-details.col-pos-6 {
    order: 65;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@keyframes filterSelector {
  0% {
    padding-top: 0;
    opacity: 1;
  }
  100% {
    padding-top: 20%;
    opacity: 0.5;
  }
}
.tx_sitproducts-searchresult .searchbox {
  width: 100%;
}
.tx_sitproducts-searchresult .form-group {
  width: 100%;
}
.tx_sitproducts-searchresult .form-group .searchParam {
  width: 100%;
}
.tx_sitproducts-searchresult .form-group .input-group-btn .btn {
  padding: 8px;
}
.tx_sitproducts-searchresult p.bfprochat__button:after {
  content: "\f054";
  font-family: FontAwesome;
  width: 30px;
  padding-left: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  border: none;
  font-weight: normal;
}

.video-js-box {
  text-align: center;
  background: #393b42;
  color: #fff;
}
.video-js-box p {
  margin-bottom: 0;
}
.video-js-box .video-js {
  margin: 0 auto;
  width: 100%;
}
.video-js-box .video-js .vjs-big-play-button {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("/typo3conf/ext/cyclos_provider/Resources/Public/images/video/button-play2.png");
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: center center;
  background-color: transparent;
  border: none;
}
.video-js-box .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  display: none;
}
.video-js-box .video-js:hover .vjs-big-play-button, .video-js-box .video-js .vjs-big-play-button:focus {
  background-color: transparent;
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transition: all 0.4s;
}
.video-js-box .video-js .vjs-progress-holder {
  height: 1.2em;
  padding: 1px;
}
.video-js-box .video-js .vjs-slider {
  background-color: transparent;
  border: 1px solid #fff;
  padding: 1px;
}
.video-js-box .video-js .vjs-load-progress, .video-js-box .video-js .vjs-load-progress div {
  background-color: rgba(255, 255, 255, 0.5);
}
.video-js-box .video-js .vjs-live-control {
  display: none !important;
}
.video-js-box .video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: inherit;
}
.video-js-box .video-js .vjs-play-progress,
.video-js-box .video-js .vjs-load-progress {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
}
.video-js-box .video-js .vjs-poster {
  background-size: cover;
}
.video-js-box .video-js .vjs-play-control .vjs-icon-placeholder:before {
  margin: 5px;
  border-radius: 2px;
  padding: 2px;
  line-height: 1;
  height: calc(100% - 10px);
  width: calc(100% - 10px);
}
.video-js-box .video-js .vjs-play-control:focus {
  outline: none;
}
.video-js-box .vjs-play-progress:before {
  display: none;
}
.video-js-box .play-icon {
  background: red;
}

.container-fluid .html5videoplayer {
  margin-top: -1px;
  overflow: hidden;
  margin-left: -15px;
  margin-right: -15px;
}
.container-fluid .html5videoplayer .video-js-box {
  position: relative;
}
.container-fluid .html5videoplayer .video-js-box .video-js {
  height: 60vw;
  max-height: 600px;
}
@media (max-width: 991px) {
  .container-fluid .html5videoplayer .video-js-box .video-js {
    max-height: 400px;
  }
}
@media (max-width: 575px) {
  .container-fluid .html5videoplayer .video-js-box .video-js {
    max-height: 230px;
  }
}
.container-fluid .html5videoplayer .video-js-box .video-js:before {
  content: attr(title) "";
  position: relative;
  display: block;
  color: #fff;
  font-size: 5vw;
  top: 0;
  left: auto;
  right: auto;
  margin: auto 30px;
  width: 100%;
  padding-right: 50%;
  font-family: "Avenir", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  width: 1110px;
  padding-right: 510px;
  font-size: 3.125rem;
  text-align: left;
  z-index: 99;
  opacity: 0;
  text-shadow: 0 0 1vw rgba(0, 0, 0, 0.3);
  transition: all 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .container-fluid .html5videoplayer .video-js-box .video-js:before {
    margin: auto;
    width: 510px;
    padding-right: 255px;
  }
}
@media (max-width: 991px) {
  .container-fluid .html5videoplayer .video-js-box .video-js:before {
    width: 690px;
    padding-right: 345px;
  }
}
@media (max-width: 1199px) {
  .container-fluid .html5videoplayer .video-js-box .video-js:before {
    width: 930px;
    padding-right: 465px;
  }
}
.container-fluid .html5videoplayer .video-js-box .video-js.vjs-paused:before {
  top: 5rem;
  opacity: 1;
}
.container-fluid .html5videoplayer .video-js-box .video-js:hover:before {
  top: 0rem;
  opacity: 0;
}

.tx_cyc_a21glossary .listMarker a {
  text-decoration: none;
  float: left;
}
.tx_cyc_a21glossary .listMarker a:first-of-type {
  padding-left: 0;
}
.tx_cyc_a21glossary .listMarker a:not(:last-of-type):after {
  content: "|";
  color: #393b42;
  padding-right: 8px;
  padding-left: 8px;
}
.tx_cyc_a21glossary .glossaryList {
  margin-top: 85px;
}
.tx_cyc_a21glossary .glossaryList ul {
  padding-left: 0;
}
.tx_cyc_a21glossary .glossaryList ul li {
  list-style: none;
}
.tx_cyc_a21glossary .glossaryList ul li a {
  text-decoration: none;
  font-weight: bold;
}
.tx_cyc_a21glossary .backToTop {
  float: right;
}

.glossaryHover {
  display: none;
  position: absolute;
  width: auto;
  min-width: 200px;
  max-width: 300px;
  height: auto;
  min-height: 60px;
  padding: 15px;
  margin-top: -18px;
  margin-left: 0px;
  font-size: 14px;
  line-height: 1.6;
  font-weight: normal;
  z-index: 999;
  background: #fff;
  background-size: contain;
  color: #393b42;
}

.glossaryLink {
  color: inherit !important;
  font-weight: inherit !important;
}
.glossaryLink acronym, .glossaryLink dfn, .glossaryLink abbr, .glossaryLink span.abbr {
  border-bottom: none;
  cursor: help;
  font-style: normal;
  color: inherit;
}

img.category_icon {
  max-width: 40px;
  height: auto;
}

@media only screen and (max-width: 580px) {
  img.category_icon {
    padding-bottom: 10px;
  }
}
.description-padding-after {
  padding-bottom: 1em;
}

.tx-cycimagemap {
  /* Extra small devices */
  /* Small devices */
  /* Medium devices */
  /* Large devices */
}
.tx-cycimagemap .tx-cycimagemap-tooltip {
  background-color: #19a7db;
  border-radius: 50%;
  opacity: 1;
  text-decoration: none !important;
  font-weight: bold;
}
.tx-cycimagemap .tx-cycimagemap-tooltip span {
  visibility: visible;
  color: #fff;
  text-decoration: none !important;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.1rem;
  padding-top: 0;
  padding-right: 2px;
}
.tx-cycimagemap .tx-cycimagemap-tooltip:hover {
  opacity: 1;
}
@media (min-width: 1200px) {
  .tx-cycimagemap .tx-cycimagemap-tooltip span {
    padding-top: 6px;
    padding-right: 4px;
  }
}

.tx_sit_seminare_detail .headers {
  position: absolute;
  top: 20%;
  margin-left: 50px;
}
.tx_sit_seminare_detail .header__image {
  height: 550px;
  width: 100%;
  background-size: cover;
}
.tx_sit_seminare_detail .header__image .container {
  border: none !important;
  padding-top: 14.375rem;
}
.tx_sit_seminare_detail .header__image .container .h1 {
  font-size: 4.125rem;
}
.tx_sit_seminare_detail div[class^=agenda-] {
  border-top: 1px solid #fbde2d;
  border-bottom: 1px solid #fbde2d;
  padding-top: 13px;
}
.tx_sit_seminare_detail div[class^=agenda-]:first-of-type {
  border-top: 2px solid #fbde2d;
}
.tx_sit_seminare_detail div[class^=agenda-]:last-of-type {
  border-bottom: 2px solid #fbde2d;
  margin-bottom: 50px;
}
.tx_sit_seminare_detail .seminar__dates {
  border-top: 2px solid #fbde2d;
  padding-top: 13px;
}
.tx_sit_seminare_detail .summary__icon {
  padding-top: 13px;
  width: 20%;
  height: auto;
  margin: auto;
}
.tx_sit_seminare_detail .summary__icon.face {
  width: 50%;
}
.tx_sit_seminare_detail .seminar__summary .container > .row {
  border-top: 1px solid #fbde2d;
  border-bottom: 1px solid #fbde2d;
}
.tx_sit_seminare_detail .seminar__summary .container > .row:first-of-type {
  border-top: 2px solid #fbde2d;
}
.tx_sit_seminare_detail .seminar__summary .container > .row:last-of-type {
  border-bottom: none;
}
.tx_sit_seminare_detail .seminar__summary div[class^=chapter-] {
  border-bottom: 2px solid #fbde2d;
  padding-top: 13px;
}
.tx_sit_seminare_detail .seminar__summary div[class^=chapter-]:last-of-type {
  border-bottom: none;
}
.tx_sit_seminare_detail ul {
  padding-left: 20px;
}
.tx_sit_seminare_detail ul li {
  position: relative;
  list-style: none;
}
.tx_sit_seminare_detail ul li:before {
  content: "+";
  font-size: 20px;
  left: -17px;
  top: -3px;
  color: #fbde2d;
  position: absolute;
}

.frame-type-textmedia .ce-left .ce-gallery, .frame-type-textmedia .ce-right .ce-gallery {
  width: 50%;
}
.frame-type-textmedia .ce-left .ce-gallery .ce-column, .frame-type-textmedia .ce-right .ce-gallery .ce-column {
  width: 100%;
}
.frame-type-textmedia .ce-left .ce-gallery .ce-column .image, .frame-type-textmedia .ce-right .ce-gallery .ce-column .image {
  width: 100%;
}
.frame-type-textmedia .ce-left .ce-gallery .ce-column .image img, .frame-type-textmedia .ce-right .ce-gallery .ce-column .image img {
  width: 100%;
}
.frame-type-textmedia .ce-left .ce-gallery .ce-column .video video, .frame-type-textmedia .ce-right .ce-gallery .ce-column .video video {
  width: 100%;
  height: auto;
}
.frame-type-textmedia .ce-below .ce-gallery {
  margin-top: 3rem;
}
@media (max-width: 1199px) {
  .frame-type-textmedia ce-gallery {
    width: 100%;
  }
}

.tx_mask_accordion .accordion {
  padding-bottom: 1.5rem;
}
.tx_mask_accordion .accordion .media-list .media-body h4 {
  font-size: 1.125rem;
}
.tx_mask_accordion .accordion::after {
  display: block;
  content: "";
  clear: both;
}
.tx_mask_accordion .accordion .accordion-head {
  cursor: pointer;
  border-left: 4px solid #fed000;
  border-right: 4px solid #ffea0c;
  font-weight: bold;
  padding: 1.25rem 4rem 1.125rem 1.5rem;
  margin-top: -4px;
  margin-bottom: 0px;
  display: block;
  position: relative;
  color: #393b42;
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  background-position: 0 0, 0 100%;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 4px;
  -moz-background-size: 100% 4px;
  background-size: 100% 4px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAKCAYAAADxeBEhAAABYklEQVRoQ+1ZSRLDIAyz//+5vqh0wuIYMAQXDu2MeqEhEZDgTYLfLwpUfkwUr6RtOpiJQiC6WnlQ0Ao3GNCNz+NonDV/t261puvvFJ/fp7x3A42XGc/MFCgQU9Ne/c0wcTj1udJ9CxdS/y5e1lVvXz3uZP4lfN71uN6y7txqfPferVnN8JPvUaxOzd+MnJ6IHz7bsd5Pj31nPIuDmMarvGVz0p8zgq1NtH2uji3KCDxOZRjBaafsvPFbIzoZJLeCnA7qduyuolWdBaZOdTtIjJTIIFYCQQbxZABn8CiZSAeRUUZFBnkoQ5bKgMUyAhlkvwxBBgEHAQepS/rErcBB+noLHEQRdGcZAQ5y29NIqAEHKeqCRwWDiiUq1JMKdrL8lFr/Fi2HAkTHIZzBAxwkFftQsRalYahYA25kkEbNgTwZCCoWzkG6c5hY5CwKGMgg4qQ4B9GBqTojPUhEwUH+loN8AGNvQN4RdfftAAAAAElFTkSuQmCC);
  background-image: -webkit-linear-gradient(left, #fed000 0%, #ffea0c 100%), -webkit-linear-gradient(left, #fed000 0%, #ffea0c 100%);
  background-image: -moz-linear-gradient(left, #fed000 0%, #ffea0c 100%), -moz-linear-gradient(left, #fed000 0%, #ffea0c 100%);
  background-image: -o-linear-gradient(left, #fed000 0%, #ffea0c 100%), -o-linear-gradient(left, #fed000 0%, #ffea0c 100%);
  background-image: linear-gradient(to right, #fed000 0%, #ffea0c 100%), linear-gradient(to right, #fed000 0%, #ffea0c 100%);
}
.tx_mask_accordion .accordion .accordion-head .sita-icon {
  font-size: 160%;
  line-height: 0;
  top: 0.4rem;
  position: relative;
  margin-right: 1rem;
}
.tx_mask_accordion .accordion .accordion-head .sita-icon.sita-bildung {
  top: 0.55rem;
}
.tx_mask_accordion .accordion .accordion-head .fa {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  margin-top: -15px;
}
.tx_mask_accordion .accordion .accordion-head .fa:before {
  content: "\f078";
  font-family: FontAwesome;
  color: #393b42;
}
@media (max-width: 991px) {
  .tx_mask_accordion .accordion .accordion-head .sita-icon {
    top: 0.3rem;
  }
  .tx_mask_accordion .accordion .accordion-head .sita-icon.sita-bildung {
    top: 0.45rem;
  }
  .tx_mask_accordion .accordion .accordion-head .fa {
    margin-top: -10px;
  }
}
.tx_mask_accordion .accordion .accordion-head:hover {
  text-decoration: none;
  color: #fbde2d;
}
.tx_mask_accordion .accordion .accordion-head.active {
  background-color: #fbde2d;
  background-image: -webkit-linear-gradient(left, #fed000 0%, #ffea0c 100%);
  background-image: -moz-linear-gradient(left, #fed000 0%, #ffea0c 100%);
  background-image: -o-linear-gradient(left, #fed000 0%, #ffea0c 100%);
  background-image: linear-gradient(to right, #fed000 0%, #ffea0c 100%);
  background-repeat: repeat-y;
  color: #393b42;
}
.tx_mask_accordion .accordion .accordion-head.active .fa:before {
  content: "\f077";
  font-family: FontAwesome;
  color: #393b42;
}
.tx_mask_accordion .accordion .accordion-pane .pane-body {
  margin-top: 4px;
  margin-bottom: 8px;
}
.tx_mask_accordion .accordion .accordion-pane h1, .tx_mask_accordion .accordion .accordion-pane h2, .tx_mask_accordion .accordion .accordion-pane h3, .tx_mask_accordion .accordion .accordion-pane h4, .tx_mask_accordion .accordion .accordion-pane h5, .tx_mask_accordion .accordion .accordion-pane h6 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin: 0px;
}
.tx_mask_accordion .accordion .accordion-toggle {
  margin-top: 1rem;
}
.tx_mask_accordion .accordion .accordion-pane .headers {
  margin-bottom: 1.5625rem;
}
.tx_mask_accordion .accordion .accordion-pane .headers h1, .tx_mask_accordion .accordion .accordion-pane .headers h2, .tx_mask_accordion .accordion .accordion-pane .headers h3, .tx_mask_accordion .accordion .accordion-pane .headers h4, .tx_mask_accordion .accordion .accordion-pane .headers h5, .tx_mask_accordion .accordion .accordion-pane .headers h6, .tx_mask_accordion .accordion .accordion-pane .headers .h1, .tx_mask_accordion .accordion .accordion-pane .headers .h2, .tx_mask_accordion .accordion .accordion-pane .headers .h3, .tx_mask_accordion .accordion .accordion-pane .headers .h4, .tx_mask_accordion .accordion .accordion-pane .headers .h5, .tx_mask_accordion .accordion .accordion-pane .headers .h6 {
  font-size: 1.5rem;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .tx_mask_accordion .accordion .accordion-pane .headers h1, .tx_mask_accordion .accordion .accordion-pane .headers h2, .tx_mask_accordion .accordion .accordion-pane .headers h3, .tx_mask_accordion .accordion .accordion-pane .headers h4, .tx_mask_accordion .accordion .accordion-pane .headers h5, .tx_mask_accordion .accordion .accordion-pane .headers h6, .tx_mask_accordion .accordion .accordion-pane .headers .h1, .tx_mask_accordion .accordion .accordion-pane .headers .h2, .tx_mask_accordion .accordion .accordion-pane .headers .h3, .tx_mask_accordion .accordion .accordion-pane .headers .h4, .tx_mask_accordion .accordion .accordion-pane .headers .h5, .tx_mask_accordion .accordion .accordion-pane .headers .h6 {
    font-size: 1.125rem;
  }
}
.tx_mask_accordion .accordion .imageorient > div {
  padding: 50px 1.875rem;
}
.tx_mask_accordion .accordion .imageorient .ce-textpic .ce-gallery {
  width: auto;
}
.tx_mask_accordion .accordion .imageorient .ce-textpic .ce-gallery .ce-column {
  width: 100%;
}
.tx_mask_accordion .accordion .imageorient .ce-textpic .ce-gallery .ce-column .image {
  width: 100%;
}
.tx_mask_accordion .accordion .imageorient .ce-textpic.ce-intext.ce-right .ce-gallery {
  max-width: 320px;
  margin-left: 15px !important;
}
.tx_mask_accordion .accordion .imageorient .ce-textpic.ce-intext.ce-left .ce-gallery {
  max-width: 320px;
  margin-right: 15px !important;
}
@media (max-width: 991px) {
  .tx_mask_accordion .accordion .imageorient .ce-textpic .ce-bodytext {
    clear: none !important;
  }
}
@media (max-width: 767px) {
  .tx_mask_accordion .accordion .imageorient .ce-textpic .ce-gallery {
    width: 100%;
    max-width: none !important;
  }
  .tx_mask_accordion .accordion .imageorient .ce-textpic .ce-gallery .ce-column {
    width: 100%;
  }
  .tx_mask_accordion .accordion .imageorient .ce-textpic .ce-gallery .ce-column img {
    width: 100%;
  }
  .tx_mask_accordion .accordion .imageorient .ce-textpic .ce-bodytext {
    clear: both !important;
  }
  .tx_mask_accordion .accordion .imageorient .ce-textpic.ce-intext.ce-right .ce-gallery, .tx_mask_accordion .accordion .imageorient .ce-textpic.ce-intext.ce-left .ce-gallery {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}
.tx_mask_accordion .accordion .imageorient-0 .ce-textpic,
.tx_mask_accordion .accordion .imageorient-8 .ce-textpic {
  overflow: visible;
}
.tx_mask_accordion .accordion .imageorient-0 .ce-textpic .ce-gallery,
.tx_mask_accordion .accordion .imageorient-8 .ce-textpic .ce-gallery {
  width: auto;
  margin-left: -1.875rem;
  margin-right: -1.875rem;
}
.tx_mask_accordion .accordion .imageorient-0 .ce-textpic .ce-gallery .ce-outer,
.tx_mask_accordion .accordion .imageorient-8 .ce-textpic .ce-gallery .ce-outer {
  float: none;
  right: 0;
}
.tx_mask_accordion .accordion .imageorient-0 .ce-textpic .ce-gallery .ce-outer .ce-inner,
.tx_mask_accordion .accordion .imageorient-8 .ce-textpic .ce-gallery .ce-outer .ce-inner {
  float: none;
  right: 0;
}
.tx_mask_accordion .accordion .imageorient-0 .ce-textpic .ce-gallery .ce-outer .ce-inner .ce-column,
.tx_mask_accordion .accordion .imageorient-8 .ce-textpic .ce-gallery .ce-outer .ce-inner .ce-column {
  width: 100%;
}
.tx_mask_accordion .accordion .imageorient-0 .ce-textpic .ce-gallery .ce-outer .ce-inner .ce-column .image,
.tx_mask_accordion .accordion .imageorient-8 .ce-textpic .ce-gallery .ce-outer .ce-inner .ce-column .image {
  width: 100%;
}
.tx_mask_accordion .accordion .imageorient-0 .ce-textpic .ce-gallery .ce-outer .ce-inner .ce-column .image picture,
.tx_mask_accordion .accordion .imageorient-8 .ce-textpic .ce-gallery .ce-outer .ce-inner .ce-column .image picture {
  width: 100%;
}
.tx_mask_accordion .accordion .imageorient-0 .ce-textpic .ce-gallery .ce-outer .ce-inner .ce-column .image picture img,
.tx_mask_accordion .accordion .imageorient-8 .ce-textpic .ce-gallery .ce-outer .ce-inner .ce-column .image picture img {
  width: 100%;
}
.tx_mask_accordion .accordion .imageorient-0 .ce-textpic .ce-gallery {
  margin-top: -50px;
  margin-bottom: 50px;
}
.tx_mask_accordion .accordion .imageorient-8 > div {
  padding: 50px 1.875rem 0;
}
.tx_mask_accordion .accordion .imageorient-8 .ce-textpic .ce-gallery {
  margin-top: 50px;
  margin-bottom: 0;
}

.carousel-fade .carousel-inner .carousel-item {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .carousel-inner .carousel-item-next,
.carousel-fade .carousel-inner .carousel-item-prev,
.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel,
.carousel-inner,
.carousel-inner .carousel-item {
  height: 100%;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
.tx_mask_carousel {
  position: relative;
}
.tx_mask_carousel .carousel .carousel-item {
  max-height: 800px;
  height: 60vw;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.tx_mask_carousel .carousel .image-wrapper {
  display: block;
  width: 100%;
}
.tx_mask_carousel .carousel .image-wrapper img {
  width: 100%;
}
.tx_mask_carousel .carousel .carousel-content-wrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  padding-top: 70px;
}
.tx_mask_carousel .carousel .carousel-content-wrapper .container {
  position: relative;
  height: 100%;
}
.tx_mask_carousel .carousel .carousel-indicators {
  display: inline-block;
  position: absolute;
  width: 25px;
  bottom: 20px;
  right: 20px;
  left: auto;
  top: auto;
  margin: 0px;
  text-align: center;
  opacity: 0.7;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 991px) {
  .tx_mask_carousel .carousel .carousel-indicators {
    bottom: 16px;
    right: 16px;
  }
}
.tx_mask_carousel .carousel .carousel-indicators:hover {
  opacity: 1;
}
.tx_mask_carousel .carousel .carousel-indicators li {
  display: block;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  border: 0 solid #fff;
  border-radius: 50%;
  background-color: #fff;
  height: 12px;
  width: 12px;
  margin: 6px auto;
  text-indent: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.tx_mask_carousel .carousel .carousel-indicators li.active {
  width: 22px;
  height: 22px;
  background-color: transparent;
  border: 5px solid #fff;
  margin-top: 2px;
}
.tx_mask_carousel .carousel .carousel-indicators li:before, .tx_mask_carousel .carousel .carousel-indicators li:after {
  display: none;
}
.tx_mask_carousel .carousel .carousel-control-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}
.tx_mask_carousel .carousel .carousel-control-wrapper .carousel-control {
  position: absolute;
  top: 50%;
  margin-top: -1.25rem;
  transition: all 0.2s ease-in-out;
}
.tx_mask_carousel .carousel .carousel-control-wrapper .carousel-control.left {
  left: -100px;
}
.tx_mask_carousel .carousel .carousel-control-wrapper .carousel-control.right {
  right: -100px;
}
.tx_mask_carousel .carousel .carousel-control-wrapper .carousel-control span.fa {
  color: #fff;
  font-size: 2.5rem;
  position: relative;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.tx_mask_carousel .carousel .carousel-control-wrapper:hover .carousel-control.left {
  left: 20px;
}
.tx_mask_carousel .carousel .carousel-control-wrapper:hover .carousel-control.right {
  right: 20px;
}
@media (max-width: 991px) {
  .tx_mask_carousel .carousel mindspace .mindspace-wrapper {
    transform: scale(1.15);
  }
  .tx_mask_carousel .carousel .carousel-item {
    max-height: 54vw;
    overflow: hidden;
  }
}
@media (max-width: 767px) {
  .tx_mask_carousel .carousel .carousel-item {
    background-image: unset !important;
    height: unset;
    max-height: unset !important;
  }
  .tx_mask_carousel .carousel .carousel-item img {
    display: block !important;
  }
  .tx_mask_carousel .carousel .carousel-item a {
    text-decoration: none;
  }
  .tx_mask_carousel .carousel .carousel-item .container.hidden-md-up .col-12 {
    height: 100%;
    background-image: url(/typo3conf/ext/cyclos_provider/Resources/Public/Mask/images/mindspace-var-3.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
  }
  .tx_mask_carousel .carousel .carousel-item .container.hidden-md-up .mindspace-text .h2, .tx_mask_carousel .carousel .carousel-item .container.hidden-md-up .mindspace-text p {
    margin: 0;
  }
  .tx_mask_carousel .carousel .carousel-item .container.hidden-md-up .mindspace-text .h2 br, .tx_mask_carousel .carousel .carousel-item .container.hidden-md-up .mindspace-text p br {
    display: none;
  }
  .tx_mask_carousel .carousel .carousel-item .container.hidden-md-up .mindspace-text .h2.header-color-white, .tx_mask_carousel .carousel .carousel-item .container.hidden-md-up .mindspace-text p.header-color-white {
    color: #393b42 !important;
  }
  .tx_mask_carousel .carousel .carousel-item:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .tx_mask_carousel .carousel .carousel-item .carousel-content-wrapper {
    padding-top: 14vw;
  }
  .tx_mask_carousel .carousel .carousel-item:not(.hasMindspaceBorder) .mindspace-text {
    padding-top: 35px;
    padding-bottom: 50px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .tx_mask_carousel .carousel .carousel-indicators {
    bottom: 435px;
  }
  .tx_mask_carousel .carousel .carousel-item.hasMindspaceBorder .container.hidden-md-up {
    padding-top: 25px;
    padding-bottom: 35px;
    height: 425px;
  }
  .tx_mask_carousel .carousel .carousel-item.hasMindspaceBorder .container.hidden-md-up .mindspace-text {
    padding: 60px 40px;
  }
  .tx_mask_carousel .carousel .carousel-item.hasMindspaceBorder .container.hidden-md-up .mindspace-text .h2, .tx_mask_carousel .carousel .carousel-item.hasMindspaceBorder .container.hidden-md-up .mindspace-text p {
    font-size: 2.75rem;
  }
  .tx_mask_carousel .carousel .carousel-item:not(.hasMindspaceBorder) .container.hidden-md-up {
    border-right: 1px solid #fbde2d;
    border-left: 1px solid #fbde2d;
  }
  .tx_mask_carousel .carousel .carousel-item:not(.hasMindspaceBorder) .container.hidden-md-up .mindspace-text .h2, .tx_mask_carousel .carousel .carousel-item:not(.hasMindspaceBorder) .container.hidden-md-up .mindspace-text p {
    font-size: 2.75rem;
  }
}
@media (max-width: 575px) {
  .tx_mask_carousel .carousel .carousel-indicators {
    bottom: 330px;
  }
  .tx_mask_carousel .carousel .carousel-item.hasMindspaceBorder .container.hidden-md-up {
    border-right: unset;
    border-left: unset;
    padding-top: 25px;
    padding-bottom: 35px;
    height: 320px;
  }
  .tx_mask_carousel .carousel .carousel-item.hasMindspaceBorder .container.hidden-md-up .mindspace-text {
    padding: 40px 30px;
    max-width: 320px;
  }
  .tx_mask_carousel .carousel .carousel-item.hasMindspaceBorder .container.hidden-md-up .mindspace-text .h2, .tx_mask_carousel .carousel .carousel-item.hasMindspaceBorder .container.hidden-md-up .mindspace-text p {
    font-size: 2rem;
  }
  .tx_mask_carousel .carousel .carousel-item:not(.hasMindspaceBorder) .container.hidden-md-up .mindspace-text .h2, .tx_mask_carousel .carousel .carousel-item:not(.hasMindspaceBorder) .container.hidden-md-up .mindspace-text p {
    font-size: 2rem;
  }
}
@media (max-width: 390px) {
  .tx_mask_carousel .carousel .container.hidden-md-up .mindspace-text .h2, .tx_mask_carousel .carousel .container.hidden-md-up .mindspace-text p {
    font-size: 1.5rem !important;
  }
}

@media only screen and (min-width: 1199px) {
  .tx_mask_carousel .carousel-item .carousel-inner {
    height: 800px !important;
  }
}
.tx_mask_download {
  background-image: linear-gradient(to right, #fed000 0%, #ffea0c 100%);
  background-repeat: repeat-x;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 120;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transform: translateY(95%);
  -moz-transform: translateY(95%);
  -ms-transform: translateY(95%);
  -o-transform: translateY(95%);
  transform: translateY(95%);
}
.tx_mask_download.download-visible {
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  -o-transform: translateY(0) !important;
  transform: translateY(0) !important;
}
.tx_mask_download .download-opener {
  background-color: #fbde2d;
  border: none;
  padding: 0.625rem 2.5rem;
  position: absolute;
  top: 0px;
  right: 0px;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.tx_mask_download .download-opener:hover {
  cursor: pointer;
}

.tx_mask_infoslider {
  position: relative;
}
.tx_mask_infoslider .col-left,
.tx_mask_infoslider .col-right {
  position: relative;
}
.tx_mask_infoslider .col-top {
  min-height: 60px;
}
.tx_mask_infoslider .head-wrapper {
  width: 100%;
}
.tx_mask_infoslider .head-wrapper .infolabel {
  font-size: 60px;
  line-height: 1;
  font-weight: 600;
  margin-top: -5px;
  float: left;
  color: #393b42;
  margin-right: 1rem;
  width: 3rem;
}
.tx_mask_infoslider .head-wrapper .headers {
  float: left;
  width: calc(100% - 4rem);
}
.tx_mask_infoslider .head-wrapper .headers .subheader {
  color: #878e92;
}
.tx_mask_infoslider .image-wrapper {
  margin-bottom: 1rem;
  display: block;
}
.tx_mask_infoslider .text-wrapper p {
  margin: 0;
}
.tx_mask_infoslider .slider .carousel-item {
  flex-wrap: wrap;
}
.tx_mask_infoslider .slider .carousel-control-wrapper {
  position: absolute;
  right: 0;
  top: -60px;
  width: 50px;
}
.tx_mask_infoslider .slider .carousel-control-wrapper .carousel-control {
  text-decoration: none;
}
.tx_mask_infoslider .slider .carousel-control-wrapper .carousel-control.left {
  float: left;
}
.tx_mask_infoslider .slider .carousel-control-wrapper .carousel-control.right {
  float: right;
}
.tx_mask_infoslider .slider .carousel-control-wrapper .carousel-control .fa {
  font-size: 1.5rem;
  color: #393b42;
  transition: all 0.2s ease-in-out;
}
.tx_mask_infoslider .slider .carousel-control-wrapper .carousel-control:hover .fa {
  color: #fbde2d;
}
@media (max-width: 767px) {
  .tx_mask_infoslider .slider .carousel-item {
    padding-top: 4rem;
  }
  .tx_mask_infoslider .slider .head-wrapper {
    min-height: 70px;
  }
  .tx_mask_infoslider .slider .carousel-control-wrapper {
    top: 0;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .tx_mask_infoslider .vline {
    position: relative;
  }
  .tx_mask_infoslider .vline:before {
    position: absolute;
    content: "";
    border-left: 2px dashed #fbde2d;
    height: calc(100% - 30px);
    width: 0;
    left: 50%;
    margin-left: -1px;
    top: 0;
    z-index: 10;
  }
  .tx_mask_infoslider:after {
    position: absolute;
    content: "";
    background-image: url(/typo3conf/ext/cyclos_provider/Resources/Public/Mask/images/info-plus.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 50px;
    width: 50px;
    margin-left: -25px;
    left: 50%;
    top: calc(100% - 70px);
    z-index: 10;
  }
  .tx_mask_infoslider .head-wrapper {
    position: absolute;
    top: 0;
    padding-left: 1rem;
  }
  .tx_mask_infoslider .head-wrapper .infolabel {
    font-size: 50px;
    margin-right: 1rem;
    width: 2.5rem;
  }
  .tx_mask_infoslider .head-wrapper .headers {
    width: calc(100% - 3.5rem);
  }
  .tx_mask_infoslider .col-top .h2, .tx_mask_infoslider .col-top h2 {
    margin-bottom: 0;
  }
  .tx_mask_infoslider .text-wrapper {
    font-size: 0.9rem;
  }
  .tx_mask_infoslider .col-left {
    padding-right: 0;
  }
  .tx_mask_infoslider .col-left .image-wrapper {
    text-align: right;
  }
  .tx_mask_infoslider .col-left .text-wrapper {
    padding-right: 2rem;
  }
  .tx_mask_infoslider .col-right {
    padding-left: 0;
  }
  .tx_mask_infoslider .col-right .text-wrapper {
    padding-left: 2rem;
  }
  .tx_mask_infoslider .col-left,
.tx_mask_infoslider .carousel-item {
    padding-top: 90px;
  }
  .tx_mask_infoslider .carousel-inner {
    min-height: 450px;
  }
}
@media (min-width: 992px) {
  .tx_mask_infoslider:after {
    top: calc(100% - 90px);
    height: 70px;
    width: 70px;
    margin-left: -35px;
  }
  .tx_mask_infoslider .vline:before {
    border-left: 3px dashed #fbde2d;
    height: calc(100% - 55px);
    margin-left: -2px;
  }
  .tx_mask_infoslider .head-wrapper .infolabel {
    font-size: 70px;
    margin-right: 1rem;
    width: 3.5rem;
  }
  .tx_mask_infoslider .head-wrapper .headers {
    width: calc(100% - 5rem);
  }
  .tx_mask_infoslider .text-wrapper {
    font-size: 1.125rem;
  }
  .tx_mask_infoslider .carousel-inner {
    min-height: 580px;
  }
}
@media (min-width: 1200px) {
  .tx_mask_infoslider:after {
    top: calc(100% - 105px);
    height: 85px;
    width: 85px;
    margin-left: -42.5px;
  }
  .tx_mask_infoslider .vline:before {
    border-left: 3px dashed #fbde2d;
    height: calc(100% - 70px);
    margin-left: -2px;
  }
  .tx_mask_infoslider .carousel-inner {
    min-height: 600px;
  }
}

.tx_mask_mediacollection {
  position: relative;
}
.tx_mask_mediacollection h4.slider_title {
  position: absolute;
  bottom: 5%;
  left: 4%;
  font-size: 1.5rem;
}
.tx_mask_mediacollection .media-items {
  margin: 0px;
  padding: 0px;
  list-style: none;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
}
.tx_mask_mediacollection .media-items .image-wrapper {
  display: block;
  position: relative;
}
.tx_mask_mediacollection .media-items .image-wrapper .play-button {
  width: 100px;
  height: 100px;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: -50px;
  background-color: rgba(0, 0, 0, 0.7);
  border: none;
  border-radius: 50%;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
  opacity: 1;
  transition: all 0.2s ease;
}
.tx_mask_mediacollection .media-items .image-wrapper .play-button i.fa {
  position: relative;
  left: 2px;
}
.tx_mask_mediacollection .media-items .image-wrapper .play-button:hover {
  background-color: rgba(0, 0, 0, 0.9);
  color: #fbde2d;
}
.tx_mask_mediacollection .media-items .image-wrapper .label {
  top: 100%;
  padding-right: 30px;
}
.tx_mask_mediacollection .media-items a.overlay .file-type-2 .play-button {
  display: none;
}
.tx_mask_mediacollection .media-items a.overlay.play .file-type-2 .play-button {
  display: block;
}
.tx_mask_mediacollection .media-items .item-content {
  padding-top: 35px;
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  padding-bottom: 55px;
}
@media (min-width: 992px) {
  .tx_mask_mediacollection .media-items .item-content {
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .item-content .headers .subheader:not(.header-color-blue) {
  color: #393b42;
}
.tx_mask_mediacollection .media-items .item-content .link-wrapper {
  margin-top: 16px;
  position: relative;
}
.tx_mask_mediacollection .media-items .item-content .link-wrapper::after {
  display: block;
  content: "";
  clear: both;
}
.tx_mask_mediacollection .media-items .item-content .link-wrapper a {
  color: #393b42;
  font-weight: 600;
}
.tx_mask_mediacollection .media-items .item-content .link-wrapper a:first-child {
  float: left !important;
}
.tx_mask_mediacollection .media-items .item-content .link-wrapper a:last-child {
  float: right;
}
@media (min-width: 576px) {
  .tx_mask_mediacollection .media-items .media-item:nth-child(2n) .item-without-overlay:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #fbde2d;
    left: 0;
    margin-left: -0.03rem;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tx_mask_mediacollection .media-items .media-item:nth-child(2n) .item-has-overlay:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #fbde2d;
    left: 0;
    margin-left: -0.03rem;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 1200px) {
  .tx_mask_mediacollection .media-items .media-item:nth-child(2n) .item-without-overlay:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #fbde2d;
    right: 0;
    margin-left: -0.03rem;
    top: 0;
    z-index: -1;
  }
  .tx_mask_mediacollection .media-items .media-item:nth-child(6n) .item-without-overlay:before {
    background-color: transparent;
  }
}
.tx_mask_mediacollection .media-items .media-item {
  padding: 0px;
  flex-direction: column;
}
.tx_mask_mediacollection .media-items .media-item .item-without-overlay {
  height: 100%;
}
.tx_mask_mediacollection .media-items .media-item .item-without-overlay .item-content {
  flex: 1;
}
@media (min-width: 992px) {
  .tx_mask_mediacollection .media-items .media-item .item-without-overlay .item-content {
    min-height: 350px;
  }
}
.tx_mask_mediacollection .media-items .media-item .item-has-overlay {
  overflow: hidden;
}
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper {
  height: 100%;
}
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay,
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content {
  height: 100%;
}
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .h3 h2 {
  text-transform: uppercase;
}
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}
@media (min-width: 1200px) and (max-width: 1499px) {
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content {
    font-size: 1.2vw;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .headers {
    margin-bottom: 1vw;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .headers h1, .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .headers h2, .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .headers h3, .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .headers h4, .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .headers h5, .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .headers h6,
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .headers .h1, .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .headers .h2, .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .headers .h3, .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .headers .h4, .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .headers .h5, .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .headers .h6 {
    font-size: 1.6vw;
  }
}
@media (min-width: 1550px) {
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content {
    padding-left: 50px;
    padding-right: 50px;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .overlay-text {
    flex: 1;
    overflow-y: auto;
    padding-bottom: 10px;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content .link-wrapper {
    margin-top: 16px;
  }
}
@media (min-width: 1800px) {
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-content {
    padding-top: 80px;
    padding-bottom: 70px;
  }
}
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .item-headline,
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .link-wrapper .play-button {
  display: none;
}
@media (min-width: 992px) {
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper {
    position: relative;
    width: 100%;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-f p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-f .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-ds p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-ds .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-a p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-a .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-n p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-n .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-bt p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-bt .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-d p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-d .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-s p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-s .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-lr p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-lr .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-b p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-b .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-p p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-p .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-st p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-st .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-k p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-k .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-gr p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-gr .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg03 p {
    color: #fff !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg03 .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg04 p {
    color: #fff !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg04 .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg05 p {
    color: #fff !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg05 .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg07 p {
    color: #fff !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg07 .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg09 p {
    color: #fff !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg09 .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg10 p {
    color: #fff !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg10 .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg11 p {
    color: #fff !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg11 .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg12 p {
    color: #fff !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg12 .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg13 p {
    color: #fff !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg13 .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg15 p {
    color: #fff !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg15 .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg16 p {
    color: #fff !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg16 .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg17 p {
    color: #fff !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer-sdg17 .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer- p {
    color: #393b42 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .label_mediacontainer- .h3 h2 {
    font-size: 3rem !important;
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .media-item-overlay {
    background-color: rgba(0, 0, 0, 0.8);
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-f {
    background-color: rgba(141, 168, 218, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-ds {
    background-color: rgba(160, 203, 189, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-a {
    background-color: rgba(103, 200, 242, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-n {
    background-color: rgba(219, 155, 99, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-bt {
    background-color: rgba(189, 212, 114, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-d {
    background-color: rgba(126, 167, 131, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-s {
    background-color: rgba(146, 147, 199, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-lr {
    background-color: rgba(179, 149, 197, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-b {
    background-color: rgba(218, 149, 153, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-p {
    background-color: rgba(175, 66, 85, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-st {
    background-color: rgba(158, 162, 162, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-k {
    background-color: rgba(181, 132, 140, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-gr {
    background-color: rgba(109, 139, 92, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-sdg03 {
    background-color: rgba(79, 169, 96, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-sdg04 {
    background-color: rgba(205, 69, 85, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-sdg05 {
    background-color: rgba(235, 91, 79, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-sdg07 {
    background-color: rgba(252, 198, 65, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-sdg09 {
    background-color: rgba(240, 132, 66, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-sdg10 {
    background-color: rgba(229, 60, 148, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-sdg11 {
    background-color: rgba(246, 176, 65, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-sdg12 {
    background-color: rgba(219, 164, 62, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-sdg13 {
    background-color: rgba(112, 145, 94, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-sdg15 {
    background-color: rgba(101, 184, 93, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-sdg16 {
    background-color: rgba(57, 112, 159, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .label_mediacontainer-color-sdg17 {
    background-color: rgba(75, 92, 128, 0.95) !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .item-headline {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .item-content {
    -webkit-transform: translateY(0) !important;
    -moz-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    -o-transform: translateY(0) !important;
    transform: translateY(0) !important;
    opacity: 1 !important;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper:hover .play-button.play-button-overlay {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay {
    overflow: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition: all 0.3s ease;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content {
    opacity: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    color: #b8c2c7;
    -webkit-transform: translateY(-20%);
    -ms-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    transform: translateY(-20%);
    transition: all 0.4s ease;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .header:not(.header-color-blue),
.tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-yellow) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-white) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-black) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-grey) .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .headers .subheader:not(.header-color-blue) {
    color: #fff;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content a {
    color: #fbde2d;
    font-weight: 600;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .link-wrapper {
    margin-top: 0;
    position: relative;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .link-wrapper .play-button {
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
    border: none;
    border-radius: 50%;
    color: #393b42;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .link-wrapper .play-button:hover {
    background-color: #fbde2d;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .media-item-overlay .item-content .link-wrapper .play-button i.fa {
    position: relative;
    left: 2px;
  }
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-headline {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    opacity: 1;
    color: #fff;
    margin: 0px;
    padding: 0px 1.5625rem 15px 1.5625rem;
    display: block;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: all 0.3s ease;
  }
}
@media (min-width: 992px) and (min-width: 1550px) {
  .tx_mask_mediacollection .media-items .media-item .item-has-overlay .media-item-wrapper .item-headline {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tx_mask_mediacollection.jcarousel .media-items .media-item .item-has-overlay:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #fbde2d;
    left: 0;
    margin-left: -0.03rem;
    top: 0;
    z-index: -1;
  }
}
@media (min-width: 1200px) {
  .tx_mask_mediacollection.jcarousel .media-items .media-item:nth-child(6n) .item-without-overlay:before {
    background-color: #fbde2d;
  }
}
.tx_mask_mediacollection.jcarousel .jcarousel-prev,
.tx_mask_mediacollection.jcarousel .jcarousel-next {
  padding: 0;
  cursor: pointer;
  opacity: 0.4;
  z-index: 10;
}
.tx_mask_mediacollection.jcarousel .jcarousel-prev .fa,
.tx_mask_mediacollection.jcarousel .jcarousel-next .fa {
  top: 2px;
}
.tx_mask_mediacollection.jcarousel .jcarousel-prev {
  left: 10px;
}
.tx_mask_mediacollection.jcarousel .jcarousel-prev .fa {
  left: -1px;
}
.tx_mask_mediacollection.jcarousel .jcarousel-next {
  right: 10px;
}
.tx_mask_mediacollection.jcarousel .jcarousel-next .fa {
  right: -3px;
}
@media (max-width: 991px) {
  .tx_mask_mediacollection .header-color-white {
    color: #393b42 !important;
  }
}

.tx_mask_textimagefullwidth .col-text {
  padding: 70px 30px 70px;
}
.tx_mask_textimagefullwidth .col-text p + a {
  position: relative;
  top: 20px;
}
.tx_mask_textimagefullwidth .col-text a {
  color: #fff;
  font-weight: 600;
}
.tx_mask_textimagefullwidth .col-text a:hover, .tx_mask_textimagefullwidth .col-text a:focus {
  color: #393b42;
}
.tx_mask_textimagefullwidth .full-wrapper,
.tx_mask_textimagefullwidth .col-image {
  position: relative;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  min-height: 400px;
}
.tx_mask_textimagefullwidth .full-wrapper .container {
  min-height: 400px;
}
.tx_mask_textimagefullwidth .label {
  width: 370px;
}
.tx_mask_textimagefullwidth .mindspace-wrapper.mindspace-var-1,
.tx_mask_textimagefullwidth .mindspace-wrapper.mindspace-var-2,
.tx_mask_textimagefullwidth .mindspace-wrapper.mindspace-var-3,
.tx_mask_textimagefullwidth .mindspace-wrapper.mindspace-var-4 {
  top: 40px;
  margin-top: 0;
}
@media (max-width: 767px) {
  .tx_mask_textimagefullwidth .hasMindspace:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .tx_mask_textimagefullwidth .quotation {
    left: 30px;
    right: 30px;
  }
  .tx_mask_textimagefullwidth .full-wrapper .quotation {
    left: 15px;
    right: 15px;
  }
}
@media (min-width: 768px) {
  .tx_mask_textimagefullwidth .mindspace-wrapper.mindspace-var-1,
.tx_mask_textimagefullwidth .mindspace-wrapper.mindspace-var-2,
.tx_mask_textimagefullwidth .mindspace-wrapper.mindspace-var-3,
.tx_mask_textimagefullwidth .mindspace-wrapper.mindspace-var-4 {
    top: 80px;
  }
  .tx_mask_textimagefullwidth .full-wrapper,
.tx_mask_textimagefullwidth .col-image {
    min-height: 600px;
  }
  .tx_mask_textimagefullwidth .full-wrapper .container {
    min-height: 600px;
  }
  .tx_mask_textimagefullwidth .label {
    width: 570px;
  }
  .tx_mask_textimagefullwidth .wrapper {
    display: flex;
    flex: 1;
  }
  .tx_mask_textimagefullwidth .col-image,
.tx_mask_textimagefullwidth .col-text {
    width: 50%;
  }
  .tx_mask_textimagefullwidth .image-left .col-image {
    order: 1;
  }
  .tx_mask_textimagefullwidth .image-left .col-text {
    order: 2;
  }
  .tx_mask_textimagefullwidth .image-right .col-image {
    order: 2;
  }
  .tx_mask_textimagefullwidth .image-right .col-text {
    order: 1;
  }
}
@media (min-width: 992px) {
  .tx_mask_textimagefullwidth .col-text {
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 100px;
  }
}
@media (min-width: 1200px) {
  .tx_mask_textimagefullwidth .col-text .inner {
    max-width: 800px;
  }
  .tx_mask_textimagefullwidth .image-right .col-text .inner {
    margin-left: auto;
  }
  .tx_mask_textimagefullwidth .image-left .col-text .inner {
    margin-right: auto;
  }
}
@media (max-width: 991px) {
  .tx_mask_textimagefullwidth mindspace .mindspace-wrapper {
    transform: scale(1.25);
  }
}
@media (max-width: 767px) {
  .tx_mask_textimagefullwidth .full-wrapper,
.tx_mask_textimagefullwidth .col-image {
    min-height: 600px !important;
  }
  .tx_mask_textimagefullwidth .full-wrapper .container {
    min-height: 600px !important;
  }
  .tx_mask_textimagefullwidth .hidden-md-up.hasMindspaceBorder {
    height: 205px;
  }
  .tx_mask_textimagefullwidth .hidden-md-up .col-12 {
    height: 100%;
    background-image: url(/typo3conf/ext/cyclos_provider/Resources/Public/Mask/images/mindspace-var-3.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
  }
  .tx_mask_textimagefullwidth .hidden-md-up .mindspace-text {
    padding-top: 35px;
    padding-bottom: 50px;
  }
  .tx_mask_textimagefullwidth .hidden-md-up .mindspace-text .headers {
    margin-bottom: 0;
  }
  .tx_mask_textimagefullwidth .hidden-md-up .mindspace-text .headers p {
    margin-bottom: 0;
  }
  .tx_mask_textimagefullwidth .hidden-md-up .mindspace-text .headers p br {
    display: none;
  }
  .tx_mask_textimagefullwidth .hidden-md-up .mindspace-text .headers .h2.header-color-white, .tx_mask_textimagefullwidth .hidden-md-up .mindspace-text .headers p.header-color-white {
    color: #393b42 !important;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .tx_mask_textimagefullwidth .container.hidden-md-up.hasMindspaceBorder {
    padding-top: 25px;
    padding-bottom: 35px;
    height: 425px;
  }
  .tx_mask_textimagefullwidth .container.hidden-md-up.hasMindspaceBorder .mindspace-text {
    padding: 60px 40px;
  }
  .tx_mask_textimagefullwidth .container.hidden-md-up.hasMindspaceBorder .mindspace-text .h2, .tx_mask_textimagefullwidth .container.hidden-md-up.hasMindspaceBorder .mindspace-text p {
    font-size: 2.75rem;
  }
  .tx_mask_textimagefullwidth .container.hidden-md-up.hasMindspaceBorder .mindspace-text .h2 br, .tx_mask_textimagefullwidth .container.hidden-md-up.hasMindspaceBorder .mindspace-text p br {
    display: none;
  }
}
@media (max-width: 575px) {
  .tx_mask_textimagefullwidth .full-wrapper,
.tx_mask_textimagefullwidth .col-image {
    min-height: 400px !important;
  }
  .tx_mask_textimagefullwidth .col-text {
    padding: 30px;
  }
  .tx_mask_textimagefullwidth .full-wrapper .container {
    min-height: 400px !important;
  }
  .tx_mask_textimagefullwidth .container.hidden-md-up.hasMindspaceBorder {
    padding-top: 25px;
    padding-bottom: 35px;
    height: 320px;
  }
  .tx_mask_textimagefullwidth .container.hidden-md-up.hasMindspaceBorder .mindspace-text {
    padding: 40px 30px;
    max-width: 320px;
  }
  .tx_mask_textimagefullwidth .container.hidden-md-up.hasMindspaceBorder .mindspace-text .h2, .tx_mask_textimagefullwidth .container.hidden-md-up.hasMindspaceBorder .mindspace-text p {
    font-size: 2rem;
  }
}
@media (max-width: 390px) {
  .tx_mask_textimagefullwidth .container.hidden-md-up .mindspace-text .h2, .tx_mask_textimagefullwidth .container.hidden-md-up .mindspace-text p {
    font-size: 1.5rem !important;
  }
}

.tx_mask_twocoloneline {
  position: relative;
}
@media (min-width: 992px) {
  .tx_mask_twocoloneline .row .left-col {
    padding-right: 30px;
  }
  .tx_mask_twocoloneline .row .right-col {
    padding-left: 30px;
  }
}
.tx_mask_twocoloneline .iconlegend {
  margin-bottom: 1.25rem;
  margin-left: 1rem;
}
.tx_mask_twocoloneline .iconlegend::after {
  display: block;
  content: "";
  clear: both;
}
.tx_mask_twocoloneline .iconlegend dt, .tx_mask_twocoloneline .iconlegend dd {
  float: left;
}
.tx_mask_twocoloneline .iconlegend dt {
  clear: both;
  width: 30px;
  margin-right: 10px;
  margin-bottom: 0.5rem;
  padding-top: 0.2rem;
}
.tx_mask_twocoloneline .iconlegend dt .legendicon {
  float: left;
}
.tx_mask_twocoloneline .iconlegend dd {
  width: calc(100% - 40px);
  font-weight: 600;
  margin: 0;
}
.tx_mask_twocoloneline .video-embed-item:not(iframe) {
  width: 100%;
}

.tx_mask_zweispalter {
  position: relative;
}
.tx_mask_zweispalter .container .ce-gallery {
  margin-bottom: 1.25rem;
}
@media (max-width: 991px) {
  .tx_mask_zweispalter .container .row .left-col {
    margin-bottom: 4.375rem;
  }
}
@media (min-width: 992px) {
  .tx_mask_zweispalter .row:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #fbde2d;
  }
  .tx_mask_zweispalter.bg-gray-light .row:after, .tx_mask_zweispalter.bg-gray-lighter .row:after {
    background-color: #fff;
  }
  .tx_mask_zweispalter .left-col {
    padding-right: 30px;
  }
  .tx_mask_zweispalter .right-col {
    padding-left: 30px;
  }
}
.tx_mask_zweispalter .video-embed-item:not(iframe) {
  width: 100%;
}

.tx_mask_titleimage .inner {
  position: relative;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vw;
  max-height: 850px;
}
.tx_mask_titleimage .titleimage-container {
  position: relative;
  height: 100%;
  max-width: 1440px;
  margin: auto;
}
.tx_mask_titleimage .video-container {
  position: relative;
  width: 100%;
  height: 60vw;
  max-height: 800px;
}
.tx_mask_titleimage .video-container .video-wrapper {
  position: absolute;
  top: 0;
  overflow: hidden;
  z-index: -1; /* for accessing the video by click */
}
.tx_mask_titleimage .video-container .video-wrapper .media-item {
  width: 1920px;
  height: 1080px;
}
.tx_mask_titleimage .titleimagelayer {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  height: 50vw;
  max-height: 800px;
  z-index: 20;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -ms-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tx_mask_titleimage .titleimagelayer .img-fluid {
  height: 100%;
  width: auto;
}
.tx_mask_titleimage .titleimagelayer .mindspace-text {
  position: absolute;
  top: 0;
  padding: 2.5vw;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-duration: 1.5s;
  -moz-animation-duration: 1.5s;
  -ms-animation-duration: 1.5s;
  -o-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -o-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.tx_mask_titleimage .titleimagelayer .mindspace-text .h2 {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .tx_mask_titleimage .titleimagelayer .mindspace-text .h2 {
    font-size: 2.8vw;
  }
}
.tx_mask_titleimage .fixed-max-height .titleimagelayer {
  max-height: 100%;
}

:root {
  --dyn-icon: $yellow-start;
  --dyn-bg: $yellow-end;
  --dyn-char: "";
}

.intro-f {
  --dyn-icon: rgb(141,168,218);
  --dyn-bg: rgb(182,203,233);
  --dyn-char: "F";
}

.intro-n {
  --dyn-icon: rgb(219,155,99);
  --dyn-bg: rgb(229,187,118);
  --dyn-char: "N";
}

.intro-a {
  --dyn-icon: rgb(103,200,242);
  --dyn-bg: rgb(181,215,240);
  --dyn-char: "A";
}

.intro-bt {
  --dyn-icon: rgb(189,212,114);
  --dyn-bg: rgb(196,216,152);
  --dyn-char: "BT";
}

.intro-ds {
  --dyn-icon: rgb(160,203,189);
  --dyn-bg: rgb(204,225,202);
  --dyn-char: "DS";
}

.intro-s {
  --dyn-icon: rgb(146,147,199);
  --dyn-bg: rgb(186,191,223);
  --dyn-char: "S";
}

.intro-b {
  --dyn-icon: rgb(218,149,153);
  --dyn-bg: rgb(226,175,177);
  --dyn-char: "B";
}

.intro-lr {
  --dyn-icon: rgb(179,149,197);
  --dyn-bg: rgb(202,181,213);
  --dyn-char: "LR";
}

.intro-d {
  --dyn-icon: rgb(126,167,131);
  --dyn-bg: rgb(166,195,170);
  --dyn-char: "D";
}

.intro-p {
  --dyn-icon: rgb(175,66,85);
  --dyn-bg: rgb(171, 103, 115);
  --dyn-char: "P";
}

.intro-st {
  --dyn-icon: rgb(158,162,162);
  --dyn-bg: rgb(159, 161, 161);
  --dyn-char: "ST";
}

.intro-k {
  --dyn-icon: rgb(181, 132, 140);
  --dyn-bg: rgb(182, 160, 163);
  --dyn-char: "K";
}

.intro-gr {
  --dyn-icon: rgb(109, 139, 92);
  --dyn-bg: rgb(126, 140, 117);
  --dyn-char: "K";
}

.tx_mask_intro.intro-bg {
  background-color: var(--dyn-bg);
}
@media (min-width: 768px) {
  .tx_mask_intro.intro-bg .container:before {
    position: absolute;
    width: 100px;
    height: 90px;
    top: -90px;
    color: #fff;
    font-weight: 700;
    font-size: 4rem;
    text-align: center;
    letter-spacing: -0.05em;
    text-indent: -0.2rem;
    text-transform: uppercase;
    content: var(--dyn-char);
    background-color: var(--dyn-icon);
  }
}
.tx_mask_intro.no-before .container:before {
  display: none !important;
}
.tx_mask_intro .intro-label {
  color: #fff;
  line-height: 0.75;
  font-weight: 700;
  font-size: 9rem;
  letter-spacing: -0.05em;
  text-transform: uppercase;
  margin-bottom: 2rem;
  margin-left: -0.625rem;
}
@media (min-width: 576px) {
  .tx_mask_intro .intro-label {
    margin-left: -2rem;
    font-size: 10rem;
  }
}
@media (min-width: 768px) {
  .tx_mask_intro .intro-label {
    font-size: 20rem;
    margin-left: -1.325rem;
  }
}
@media (min-width: 992px) {
  .tx_mask_intro .intro-label {
    font-size: 20rem;
    margin-left: -6rem;
    margin-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .tx_mask_intro .intro-label {
    font-size: 24rem;
    margin-left: -7.375rem;
  }
}
.tx_mask_intro.intro-ds .intro-label, .tx_mask_intro.intro-bt .intro-label {
  font-size: 10rem;
}
@media (min-width: 768px) {
  .tx_mask_intro.intro-ds .intro-label, .tx_mask_intro.intro-bt .intro-label {
    font-size: 14rem;
  }
}
@media (min-width: 1200px) {
  .tx_mask_intro.intro-ds .intro-label, .tx_mask_intro.intro-bt .intro-label {
    font-size: 18rem;
  }
}

.tx-mask-timeline {
  position: relative;
  height: 700px;
  background-color: #b8c2c7;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.tx-mask-timeline .container {
  position: static;
}
.tx-mask-timeline .carousel,
.tx-mask-timeline .carousel-inner,
.tx-mask-timeline .carousel-inner .carousel-item {
  height: 580px;
}

.timetable {
  height: 100%;
}
.timetable .timeline {
  position: absolute;
  left: 0;
  bottom: -100px;
  width: 100%;
  overflow: hidden;
  padding: 0 1px 15px;
}
.timetable .timeline .carousel-indicators {
  position: relative;
  width: calc(100% - 2px);
  left: 0;
  margin-left: 0 !important;
  bottom: 0;
  display: table !important;
  padding: 0 50px;
  margin-bottom: 0;
  -webkit-transition: left 1s ease-in-out;
  transition: left 1s ease-in-out;
}
.timetable .timeline .carousel-indicators li {
  position: relative;
  display: table-cell;
  border: none;
  border-radius: 0;
  color: #fbde2d;
  background-color: transparent !important;
  text-indent: 0;
  z-index: 1;
  padding: 20px 1rem 25px;
  font-size: 1rem;
  line-height: 27px;
  max-width: none;
  width: 100px;
  -webkit-transition: color, font-size 0.5s ease-in-out;
  transition: color, font-size 0.5s ease-in-out;
}
.timetable .timeline .carousel-indicators li:before {
  position: absolute;
  content: "";
  left: 1.1rem;
  bottom: 0;
  width: 3px;
  height: 10px;
  top: auto;
  background-color: #393b42;
}
.timetable .timeline .carousel-indicators li:after {
  position: absolute;
  content: "";
  left: 1.1rem;
  margin-left: 0px;
  bottom: 5px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-radius: 0;
  background-color: transparent;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.timetable .timeline .carousel-indicators li.active {
  color: #fbde2d;
  background-color: transparent !important;
  font-size: 1.4rem;
}
.timetable .timeline .carousel-indicators li.active:after {
  background-color: #fff;
  border-color: #fbde2d;
  border-radius: 13px;
  margin-left: -13px;
  bottom: -8px;
  width: 26px;
  height: 26px;
}
.timetable .timeline .carousel-indicators:after {
  position: absolute;
  bottom: 0;
  content: "";
  width: 100%;
  left: 0;
  height: 10px;
  background-color: #fff;
  border: 1px solid #393b42;
  outline: 1px solid #fff;
}
.timetable:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 120px;
  background-color: rgba(0, 0, 0, 0.5);
}
.timetable .carousel-inner .carousel-item .carousel-caption {
  animation: none;
  visibility: inherit;
  bottom: auto;
  top: 90px;
  right: 2rem;
  left: auto;
  padding: 50px 30px 30px;
  text-align: left;
  width: 540px;
  height: 430px;
  background-color: rgba(255, 255, 255, 0.9);
}
.timetable .carousel-inner .carousel-item .carousel-caption .year {
  display: block;
  font-weight: 600;
  font-size: 50px;
  line-height: 1;
  margin-bottom: 25px;
  color: #fbde2d;
}
.timetable .carousel-inner .carousel-item .carousel-caption .timelineheadline {
  font-weight: normal;
  font-size: 32px;
  line-height: 1.2;
  margin-bottom: 15px;
  color: #393b42;
}
.timetable .carousel-inner .carousel-item .carousel-caption p {
  color: #393b42;
}
.timetable .carousel-control {
  opacity: 1;
  height: 100%;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.timetable .carousel-control span {
  margin-top: 0;
  position: absolute;
  top: 50%;
}
.timetable .carousel-control span:before {
  position: absolute;
  top: -13px;
  font-size: 2rem;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.timetable .carousel-control.left span {
  left: 0;
}
.timetable .carousel-control.left span:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.timetable .carousel-control.right span {
  right: 0;
}
.timetable .carousel-control.right span:before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  right: 0;
}
.timetable .carousel-control:hover {
  color: #393b42;
}

@media (max-width: 767px) {
  .tx-mask-timeline {
    height: 120vw;
  }
  .tx-mask-timeline .carousel,
.tx-mask-timeline .carousel-inner,
.tx-mask-timeline .carousel-inner .carousel-item {
    height: 104vw;
  }
  .tx-mask-timeline .timetable {
    height: 104vw;
  }
  .tx-mask-timeline .timetable .carousel-inner .carousel-item .carousel-caption {
    width: 90%;
    height: auto;
    max-height: 80vw;
    overflow: auto;
    left: 5%;
    top: 13vw;
    padding: 7vw 6vw 7vw;
  }
  .tx-mask-timeline .timetable .carousel-inner .carousel-item .carousel-caption .year {
    font-size: 7vw;
    margin-bottom: 2.5vw;
  }
  .tx-mask-timeline .timetable .carousel-inner .carousel-item .carousel-caption .timelineheadline {
    font-size: 4vw;
    margin-bottom: 1.5vw;
  }
  .tx-mask-timeline .timetable .carousel-inner .carousel-item .carousel-caption p {
    font-size: 3vw;
    margin: 1.5vw 0;
  }
  .tx-mask-timeline .timetable .carousel-control.left {
    left: -1rem;
  }
  .tx-mask-timeline .timetable .carousel-control.right {
    right: -1rem;
  }
  .tx-mask-timeline .timetable .timeline {
    bottom: -13vw;
  }
  .tx-mask-timeline .timetable .timeline .carousel-indicators li,
.tx-mask-timeline .timetable .timeline .carousel-indicators li.active {
    width: 1%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.tx_mask_disturber {
  height: 0;
  position: relative;
  z-index: 101;
}
.tx_mask_disturber a {
  display: contents;
}
.tx_mask_disturber a:hover {
  color: unset;
}
.tx_mask_disturber .tx_mask_disturber_wrapper {
  position: relative;
  line-height: 1.4;
}
.tx_mask_disturber .tx_mask_disturber_wrapper .tx_mask_disturber_wrapper_bg {
  background-image: url("/_assets/e808fa8a2e607695cd394f0ba2177c09/Mask/images/Sita-HG-Stoerer.svg");
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  padding: 45px;
  width: 260px;
  height: 260px;
  position: absolute;
  top: -130px;
}
.tx_mask_disturber .tx_mask_disturber_wrapper .tx_mask_disturber_wrapper_bg.left {
  left: 0;
}
.tx_mask_disturber .tx_mask_disturber_wrapper .tx_mask_disturber_wrapper_bg.center {
  left: calc(50% - 130px);
}
.tx_mask_disturber .tx_mask_disturber_wrapper .tx_mask_disturber_wrapper_bg.right {
  right: 0;
}
.tx_mask_disturber .tx_mask_disturber_wrapper .tx_mask_disturber_firstText {
  font-weight: 800;
  padding-top: 13px;
  padding-bottom: 8px;
}
.tx_mask_disturber .tx_mask_disturber_wrapper .tx_mask_disturber_firstText p {
  margin: 0;
}
.tx_mask_disturber .tx_mask_disturber_wrapper .tx_mask_disturber_secondText {
  font-weight: 600;
  color: #fff;
}
.tx_mask_disturber .tx_mask_disturber_wrapper .tx_mask_disturber_secondText p {
  margin: 0;
}
.tx_mask_disturber .tx_mask_disturber_wrapper .tx_mask_disturber_secondText p strong {
  display: inline-block;
  position: relative;
  color: #393b42;
}
.tx_mask_disturber .tx_mask_disturber_wrapper .tx_mask_disturber_secondText p strong:after {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  bottom: 3px;
  height: 1px;
  border-bottom: 2px solid;
}
@media (max-width: 767px) {
  .tx_mask_disturber {
    display: none;
  }
}

.tx_mask_headlinefullwidth {
  /*margin-bottom: 2.125rem;*/
}
.tx_mask_headlinefullwidth h1 {
  padding-top: 2.125rem;
}
.tx_mask_headlinefullwidth h2 {
  padding-top: 1.8rem;
}
.tx_mask_headlinefullwidth h3 {
  padding-top: 0.9rem;
}
.tx_mask_headlinefullwidth h4 {
  padding-top: 0;
}
.tx_mask_headlinefullwidth h5 {
  padding-top: 0;
}
.tx_mask_headlinefullwidth h6 {
  padding-top: 0;
}
.tx_mask_headlinefullwidth .col {
  padding-right: 20px;
  padding-left: 20px;
}

.sita__contact .sita__contacts {
  border-top: 1px solid #fbde2d;
  border-bottom: 1px solid #fbde2d;
  padding-top: 13px;
}
.sita__contact .sita__contacts:first-of-type {
  border-top: 2px solid #fbde2d;
}
.sita__contact .sita__contacts:last-of-type {
  border-bottom: 2px solid #fbde2d;
  margin-bottom: 50px;
}
.sita__contact .container > .row {
  border-top: 1px solid #fbde2d;
  border-bottom: 1px solid #fbde2d;
}
.sita__contact .container > .row:first-of-type {
  border-top: 2px solid #fbde2d;
}
.sita__contact .container > .row:last-of-type {
  border-bottom: none;
}
.sita__contact div[class^=contact-] {
  border-bottom: 2px solid #fbde2d;
  padding-top: 13px;
  padding-bottom: 13px;
}
.sita__contact div[class^=contact-]:last-of-type {
  border-bottom: none;
}
.sita__contact img {
  max-width: 100%;
  height: auto;
  margin: 0 auto auto 0;
}
.sita__contact ul {
  padding-left: 20px;
}
.sita__contact ul li {
  position: relative;
  list-style: none;
}
.sita__contact ul li:before {
  content: "+";
  font-size: 20px;
  left: -17px;
  top: -3px;
  color: #fbde2d;
  position: absolute;
}

.contact-int .tx-contactfinder-wrapper .ce-outer {
  float: none;
  right: inherit;
}
.contact-int .tx-contactfinder-wrapper .ce-inner {
  float: none;
  right: inherit;
}
.contact-int .tx-contactfinder-wrapper img {
  max-width: 82.7%;
}
.contact-int .tx-contactfinder-wrapper a {
  text-decoration: none;
}
.contact-int .tx-contactfinder-wrapper a:hover {
  color: #424649;
}
.contact-int .tx-contactfinder-wrapper .pane-body :last-child {
  margin-bottom: 0;
}
.contact-int .tx-contactfinder-wrapper .contact-image-wrapper {
  margin-top: 10px;
}
.contact-int .tx-contactfinder-wrapper .accordion {
  padding-bottom: 0;
}

/*# sourceMappingURL=styles-extensions.css.map */