/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/*============================================================================*/
/*==          IMPORTE STANDARD                                              ==*/
/*============================================================================*/
/* -- IMPORT TEMPLATE ABHAENGIGKEITEN ----------------------------------------*/
/*============================================================================*/
/*==          EXTRA MENÜ DROPDOWN ANIMATIONEN                               ==*/
/*============================================================================*/
/* FIRST: Fix for Gliching + Shadow (Start) !!! ------------------------------*/
.g-main-nav .g-standard .g-dropdown {
  /*box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);*/
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.g-main-nav .g-fullwidth > .g-dropdown {
  /*box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);*/
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* FIRST: Fix for Gliching + Shadow (End) !!! --------------------------------*/
/* Scale In Down -------------------------------------------------------------*/
.g-main-nav .g-standard .g-dropdown-scale-in-down {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: center top 0;
  -moz-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transform-origin: center top 0;
}
.g-main-nav .g-fullwidth > .g-dropdown-scale-in-down {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: center top 0;
  -moz-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transform-origin: center top 0;
}
.g-main-nav .g-standard .g-dropdown-scale-in-down.g-inactive {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.g-main-nav .g-fullwidth > .g-dropdown-scale-in-down.g-inactive {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.g-main-nav .g-standard .g-dropdown-scale-in-down.g-active {
  -webkit-animation-name: g-dropdown-scale-in-down;
  -moz-animation-name: g-dropdown-scale-in-down;
  animation-name: g-dropdown-scale-in-down;
}
.g-main-nav .g-fullwidth > .g-dropdown-scale-in-down.g-active {
  -webkit-animation-name: g-dropdown-scale-in-down;
  -moz-animation-name: g-dropdown-scale-in-down;
  animation-name: g-dropdown-scale-in-down;
}
@-webkit-keyframes g-dropdown-scale-in-down {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes g-dropdown-scale-in-down {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@keyframes g-dropdown-scale-in-down {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
/* Scale In Left -------------------------------------------------------------*/
.g-main-nav .g-standard .g-dropdown-scale-in-left {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  -o-transform-origin: left top 0;
  transform-origin: left top 0;
}
.g-main-nav .g-fullwidth > .g-dropdown-scale-in-left {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  -o-transform-origin: left top 0;
  transform-origin: left top 0;
}
.g-main-nav .g-standard .g-dropdown-scale-in-left.g-inactive {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.g-main-nav .g-fullwidth > .g-dropdown-scale-in-left.g-inactive {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.g-main-nav .g-standard .g-dropdown-scale-in-left.g-active {
  -webkit-animation-name: g-dropdown-scale-in-left;
  -moz-animation-name: g-dropdown-scale-in-left;
  animation-name: g-dropdown-scale-in-left;
}
.g-main-nav .g-fullwidth > .g-dropdown-scale-in-left.g-active {
  -webkit-animation-name: g-dropdown-scale-in-left;
  -moz-animation-name: g-dropdown-scale-in-left;
  animation-name: g-dropdown-scale-in-left;
}
@-webkit-keyframes g-dropdown-scale-in-left {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes g-dropdown-scale-in-left {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@keyframes g-dropdown-scale-in-left {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
/* Scale In Right ------------------------------------------------------------*/
.g-main-nav .g-standard .g-dropdown-scale-in-right {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: right top 0;
  -moz-transform-origin: right top 0;
  -ms-transform-origin: right top 0;
  -o-transform-origin: right top 0;
  transform-origin: right top 0;
}
.g-main-nav .g-fullwidth > .g-dropdown-scale-in-right {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: right top 0;
  -moz-transform-origin: right top 0;
  -ms-transform-origin: right top 0;
  -o-transform-origin: right top 0;
  transform-origin: right top 0;
}
.g-main-nav .g-standard .g-dropdown-scale-in-right.g-inactive {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.g-main-nav .g-fullwidth > .g-dropdown-scale-in-right.g-inactive {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.g-main-nav .g-standard .g-dropdown-scale-in-right.g-active {
  -webkit-animation-name: g-dropdown-scale-in-right;
  -moz-animation-name: g-dropdown-scale-in-right;
  animation-name: g-dropdown-scale-in-right;
}
.g-main-nav .g-fullwidth > .g-dropdown-scale-in-right.g-active {
  -webkit-animation-name: g-dropdown-scale-in-right;
  -moz-animation-name: g-dropdown-scale-in-right;
  animation-name: g-dropdown-scale-in-right;
}
@-webkit-keyframes g-dropdown-scale-in-right {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes g-dropdown-scale-in-right {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
  }
  100% {
    opacity: 1;
    -moz-transform: scale(1);
  }
}
@keyframes g-dropdown-scale-in-right {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
/* Slide In Down -------------------------------------------------------------*/
.g-main-nav .g-standard .g-dropdown-slide-in-down {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
.g-main-nav .g-fullwidth > .g-dropdown-slide-in-down {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
.g-main-nav .g-standard .g-dropdown-slide-in-down.g-inactive {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.g-main-nav .g-fullwidth > .g-dropdown-slide-in-down.g-inactive {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.g-main-nav .g-standard .g-dropdown-slide-in-down.g-active {
  -webkit-animation-name: g-dropdown-slide-in-down;
  -moz-animation-name: g-dropdown-slide-in-down;
  animation-name: g-dropdown-slide-in-down;
}
.g-main-nav .g-fullwidth > .g-dropdown-slide-in-down.g-active {
  -webkit-animation-name: g-dropdown-slide-in-down;
  -moz-animation-name: g-dropdown-slide-in-down;
  animation-name: g-dropdown-slide-in-down;
}
@-webkit-keyframes g-dropdown-slide-in-down {
  0% {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
  }
}
@-moz-keyframes g-dropdown-slide-in-down {
  0% {
    opacity: 0;
    -moz-transform: rotateX(-90deg);
  }
  100% {
    opacity: 1;
    -moz-transform: rotateX(0deg);
  }
}
@keyframes g-dropdown-slide-in-down {
  0% {
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
  }
}
/* Slide In Left -------------------------------------------------------------*/
.g-main-nav .g-standard .g-dropdown-slide-in-left {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
.g-main-nav .g-fullwidth > .g-dropdown-slide-in-left {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  -o-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}
.g-main-nav .g-standard .g-dropdown-slide-in-left.g-inactive {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.g-main-nav .g-fullwidth > .g-dropdown-slide-in-left.g-inactive {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.g-main-nav .g-standard .g-dropdown-slide-in-left.g-active {
  -webkit-animation-name: g-dropdown-slide-in-left;
  -moz-animation-name: g-dropdown-slide-in-left;
  animation-name: g-dropdown-slide-in-left;
}
.g-main-nav .g-fullwidth > .g-dropdown-slide-in-left.g-active {
  -webkit-animation-name: g-dropdown-slide-in-left;
  -moz-animation-name: g-dropdown-slide-in-left;
  animation-name: g-dropdown-slide-in-left;
}
@-webkit-keyframes g-dropdown-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
  }
}
@-moz-keyframes g-dropdown-slide-in-left {
  0% {
    opacity: 0;
    -moz-transform: rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -moz-transform: rotateY(0deg);
  }
}
@keyframes g-dropdown-slide-in-left {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
/* Slide In Right -------------------------------------------------------------*/
.g-main-nav .g-standard .g-dropdown-slide-in-right {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: right top 0;
  -moz-transform-origin: right top 0;
  -ms-transform-origin: right top 0;
  -o-transform-origin: right top 0;
  transform-origin: right top 0;
}
.g-main-nav .g-fullwidth > .g-dropdown-slide-in-right {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: right top 0;
  -moz-transform-origin: right top 0;
  -ms-transform-origin: right top 0;
  -o-transform-origin: right top 0;
  transform-origin: right top 0;
}
.g-main-nav .g-standard .g-dropdown-slide-in-right.g-inactive {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.g-main-nav .g-fullwidth > .g-dropdown-slide-in-right.g-inactive {
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.g-main-nav .g-standard .g-dropdown-slide-in-right.g-active {
  -webkit-animation-name: g-dropdown-slide-in-right;
  -moz-animation-name: g-dropdown-slide-in-right;
  animation-name: g-dropdown-slide-in-right;
}
.g-main-nav .g-fullwidth > .g-dropdown-slide-in-right.g-active {
  -webkit-animation-name: g-dropdown-slide-in-right;
  -moz-animation-name: g-dropdown-slide-in-right;
  animation-name: g-dropdown-slide-in-right;
}
@-webkit-keyframes g-dropdown-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
  }
}
@-moz-keyframes g-dropdown-slide-in-right {
  0% {
    opacity: 0;
    -moz-transform: rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -moz-transform: rotateY(0deg);
  }
}
@keyframes g-dropdown-slide-in-right {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
}
/* Swing In Down -------------------------------------------------------------*/
.g-main-nav .g-standard .g-dropdown-swing-in-down {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: center top 0;
  -moz-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-fullwidth > .g-dropdown-swing-in-down {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: center top 0;
  -moz-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-standard .g-dropdown-swing-in-down.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -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);
}
.g-main-nav .g-fullwidth > .g-dropdown-swing-in-down.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -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);
}
.g-main-nav .g-standard .g-dropdown-swing-in-down.g-active {
  -webkit-animation-name: g-dropdown-swing-in-down;
  -moz-animation-name: g-dropdown-swing-in-down;
  animation-name: g-dropdown-swing-in-down;
}
.g-main-nav .g-fullwidth > .g-dropdown-swing-in-down.g-active {
  -webkit-animation-name: g-dropdown-swing-in-down;
  -moz-animation-name: g-dropdown-swing-in-down;
  animation-name: g-dropdown-swing-in-down;
}
@-webkit-keyframes g-dropdown-swing-in-down {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
  }
}
@-moz-keyframes g-dropdown-swing-in-down {
  0% {
    opacity: 0;
    -moz-transform: perspective(400px) rotateX(-90deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(400px) rotateX(0deg);
  }
}
@keyframes g-dropdown-swing-in-down {
  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);
  }
  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);
  }
}
/* Swing In Left -------------------------------------------------------------*/
.g-main-nav .g-standard .g-dropdown-swing-in-left {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  -o-transform-origin: left top 0;
  transform-origin: left top 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-fullwidth > .g-dropdown-swing-in-left {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: left top 0;
  -moz-transform-origin: left top 0;
  -ms-transform-origin: left top 0;
  -o-transform-origin: left top 0;
  transform-origin: left top 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-standard .g-dropdown-swing-in-left.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: perspective(500px) rotateY(-90deg);
  -moz-transform: perspective(500px) rotateY(-90deg);
  -ms-transform: perspective(500px) rotateY(-90deg);
  -o-transform: perspective(500px) rotateY(-90deg);
  transform: perspective(500px) rotateY(-90deg);
}
.g-main-nav .g-fullwidth > .g-dropdown-swing-in-left.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: perspective(500px) rotateY(-90deg);
  -moz-transform: perspective(500px) rotateY(-90deg);
  -ms-transform: perspective(500px) rotateY(-90deg);
  -o-transform: perspective(500px) rotateY(-90deg);
  transform: perspective(500px) rotateY(-90deg);
}
.g-main-nav .g-standard .g-dropdown-swing-in-left.g-active {
  -webkit-animation-name: g-dropdown-swing-in-left;
  -moz-animation-name: g-dropdown-swing-in-left;
  animation-name: g-dropdown-swing-in-left;
}
.g-main-nav .g-fullwidth > .g-dropdown-swing-in-left.g-active {
  -webkit-animation-name: g-dropdown-swing-in-left;
  -moz-animation-name: g-dropdown-swing-in-left;
  animation-name: g-dropdown-swing-in-left;
}
@-webkit-keyframes g-dropdown-swing-in-left {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(500px) rotateY(0deg);
  }
}
@-moz-keyframes g-dropdown-swing-in-left {
  0% {
    opacity: 0;
    -moz-transform: perspective(500px) rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(500px) rotateY(0deg);
  }
}
@keyframes g-dropdown-swing-in-left {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateY(-90deg);
    -moz-transform: perspective(500px) rotateY(-90deg);
    -ms-transform: perspective(500px) rotateY(-90deg);
    -o-transform: perspective(500px) rotateY(-90deg);
    transform: perspective(500px) rotateY(-90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(500px) rotateY(0deg);
    -moz-transform: perspective(500px) rotateY(0deg);
    -ms-transform: perspective(500px) rotateY(0deg);
    -o-transform: perspective(500px) rotateY(0deg);
    transform: perspective(500px) rotateY(0deg);
  }
}
/* Swing In Right -------------------------------------------------------------*/
.g-main-nav .g-standard .g-dropdown-swing-in-right {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: right top 0;
  -moz-transform-origin: right top 0;
  -ms-transform-origin: right top 0;
  -o-transform-origin: right top 0;
  transform-origin: right top 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-fullwidth > .g-dropdown-swing-in-right {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: right top 0;
  -moz-transform-origin: right top 0;
  -ms-transform-origin: right top 0;
  -o-transform-origin: right top 0;
  transform-origin: right top 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-standard .g-dropdown-swing-in-right.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: perspective(500px) rotateY(90deg);
  -moz-transform: perspective(500px) rotateY(90deg);
  -ms-transform: perspective(500px) rotateY(90deg);
  -o-transform: perspective(500px) rotateY(90deg);
  transform: perspective(500px) rotateY(90deg);
}
.g-main-nav .g-fullwidth > .g-dropdown-swing-in-right.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: perspective(500px) rotateY(90deg);
  -moz-transform: perspective(500px) rotateY(90deg);
  -ms-transform: perspective(500px) rotateY(90deg);
  -o-transform: perspective(500px) rotateY(90deg);
  transform: perspective(500px) rotateY(90deg);
}
.g-main-nav .g-standard .g-dropdown-swing-in-right.g-active {
  -webkit-animation-name: g-dropdown-swing-in-right;
  -moz-animation-name: g-dropdown-swing-in-right;
  animation-name: g-dropdown-swing-in-right;
}
.g-main-nav .g-fullwidth > .g-dropdown-swing-in-right.g-active {
  -webkit-animation-name: g-dropdown-swing-in-right;
  -moz-animation-name: g-dropdown-swing-in-right;
  animation-name: g-dropdown-swing-in-right;
}
@-webkit-keyframes g-dropdown-swing-in-right {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateY(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(500px) rotateY(0deg);
  }
}
@-moz-keyframes g-dropdown-swing-in-right {
  0% {
    opacity: 0;
    -moz-transform: perspective(500px) rotateY(90deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(500px) rotateY(0deg);
  }
}
@keyframes g-dropdown-swing-in-right {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateY(90deg);
    -moz-transform: perspective(500px) rotateY(90deg);
    -ms-transform: perspective(500px) rotateY(90deg);
    -o-transform: perspective(500px) rotateY(90deg);
    transform: perspective(500px) rotateY(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(500px) rotateY(0deg);
    -moz-transform: perspective(500px) rotateY(0deg);
    -ms-transform: perspective(500px) rotateY(0deg);
    -o-transform: perspective(500px) rotateY(0deg);
    transform: perspective(500px) rotateY(0deg);
  }
}
/* Rotate In Down ------------------------------------------------------------*/
.g-main-nav .g-standard .g-dropdown-rotate-in-down {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  transform-origin: center center 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-fullwidth > .g-dropdown-rotate-in-down {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  transform-origin: center center 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-standard .g-dropdown-rotate-in-down.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -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);
}
.g-main-nav .g-fullwidth > .g-dropdown-rotate-in-down.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -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);
}
.g-main-nav .g-standard .g-dropdown-rotate-in-down.g-active {
  -webkit-animation-name: g-dropdown-rotate-in-down;
  -moz-animation-name: g-dropdown-rotate-in-down;
  animation-name: g-dropdown-rotate-in-down;
}
.g-main-nav .g-fullwidth > .g-dropdown-rotate-in-down.g-active {
  -webkit-animation-name: g-dropdown-rotate-in-down;
  -moz-animation-name: g-dropdown-rotate-in-down;
  animation-name: g-dropdown-rotate-in-down;
}
@-webkit-keyframes g-dropdown-rotate-in-down {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(-20deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
  }
}
@-moz-keyframes g-dropdown-rotate-in-down {
  0% {
    opacity: 0;
    -moz-transform: perspective(400px) rotateX(90deg);
  }
  60% {
    opacity: 1;
    -moz-transform: perspective(400px) rotateX(-20deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(400px) rotateX(0deg);
  }
}
@keyframes g-dropdown-rotate-in-down {
  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);
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(-20deg);
    -moz-transform: perspective(400px) rotateX(-20deg);
    -ms-transform: perspective(400px) rotateX(-20deg);
    -o-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
  }
  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);
  }
}
/* Rotate In Up --------------------------------------------------------------*/
.g-main-nav .g-standard .g-dropdown-rotate-in-up {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  transform-origin: center center 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-fullwidth > .g-dropdown-rotate-in-up {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: center center 0;
  -moz-transform-origin: center center 0;
  -ms-transform-origin: center center 0;
  -o-transform-origin: center center 0;
  transform-origin: center center 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-standard .g-dropdown-rotate-in-up.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -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);
}
.g-main-nav .g-fullwidth > .g-dropdown-rotate-in-up.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -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);
}
.g-main-nav .g-standard .g-dropdown-rotate-in-up.g-active {
  -webkit-animation-name: g-dropdown-rotate-in-up;
  -moz-animation-name: g-dropdown-rotate-in-up;
  animation-name: g-dropdown-rotate-in-up;
}
.g-main-nav .g-fullwidth > .g-dropdown-rotate-in-up.g-active {
  -webkit-animation-name: g-dropdown-rotate-in-up;
  -moz-animation-name: g-dropdown-rotate-in-up;
  animation-name: g-dropdown-rotate-in-up;
}
@-webkit-keyframes g-dropdown-rotate-in-up {
  0% {
    opacity: 0;
    -webkit-transform: perspective(400px) rotateX(-90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(20deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(0deg);
  }
}
@-moz-keyframes g-dropdown-rotate-in-up {
  0% {
    opacity: 0;
    -moz-transform: perspective(400px) rotateX(-90deg);
  }
  60% {
    opacity: 1;
    -moz-transform: perspective(400px) rotateX(20deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(400px) rotateX(0deg);
  }
}
@keyframes g-dropdown-rotate-in-up {
  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);
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateX(20deg);
    -moz-transform: perspective(400px) rotateX(20deg);
    -ms-transform: perspective(400px) rotateX(20deg);
    -o-transform: perspective(400px) rotateX(20deg);
    transform: perspective(400px) rotateX(20deg);
  }
  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);
  }
}
/* Rotate In Left ------------------------------------------------------------*/
.g-main-nav .g-standard .g-dropdown-rotate-in-left {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: center top 0;
  -moz-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-fullwidth > .g-dropdown-rotate-in-left {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: center top 0;
  -moz-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-standard .g-dropdown-rotate-in-left.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: perspective(500px) rotateY(-90deg);
  -moz-transform: perspective(500px) rotateY(-90deg);
  -ms-transform: perspective(500px) rotateY(-90deg);
  -o-transform: perspective(500px) rotateY(-90deg);
  transform: perspective(500px) rotateY(-90deg);
}
.g-main-nav .g-fullwidth > .g-dropdown-rotate-in-left.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: perspective(500px) rotateY(-90deg);
  -moz-transform: perspective(500px) rotateY(-90deg);
  -ms-transform: perspective(500px) rotateY(-90deg);
  -o-transform: perspective(500px) rotateY(-90deg);
  transform: perspective(500px) rotateY(-90deg);
}
.g-main-nav .g-standard .g-dropdown-rotate-in-left.g-active {
  -webkit-animation-name: g-dropdown-rotate-in-left;
  -moz-animation-name: g-dropdown-rotate-in-left;
  animation-name: g-dropdown-rotate-in-left;
}
.g-main-nav .g-fullwidth > .g-dropdown-rotate-in-left.g-active {
  -webkit-animation-name: g-dropdown-rotate-in-left;
  -moz-animation-name: g-dropdown-rotate-in-left;
  animation-name: g-dropdown-rotate-in-left;
}
@-webkit-keyframes g-dropdown-rotate-in-left {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateY(-90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(500px) rotateY(20deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(500px) rotateY(0deg);
  }
}
@-moz-keyframes g-dropdown-rotate-in-left {
  0% {
    opacity: 0;
    -moz-transform: perspective(500px) rotateY(-90deg);
  }
  60% {
    opacity: 1;
    -moz-transform: perspective(500px) rotateY(20deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(500px) rotateY(0deg);
  }
}
@keyframes g-dropdown-rotate-in-left {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateY(-90deg);
    -moz-transform: perspective(500px) rotateY(-90deg);
    -ms-transform: perspective(500px) rotateY(-90deg);
    -o-transform: perspective(500px) rotateY(-90deg);
    transform: perspective(500px) rotateY(-90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(500px) rotateY(20deg);
    -moz-transform: perspective(500px) rotateY(20deg);
    -ms-transform: perspective(500px) rotateY(20deg);
    -o-transform: perspective(500px) rotateY(20deg);
    transform: perspective(500px) rotateY(20deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(500px) rotateY(0deg);
    -moz-transform: perspective(500px) rotateY(0deg);
    -ms-transform: perspective(500px) rotateY(0deg);
    -o-transform: perspective(500px) rotateY(0deg);
    transform: perspective(500px) rotateY(0deg);
  }
}
/* Rotate In Right -----------------------------------------------------------*/
.g-main-nav .g-standard .g-dropdown-rotate-in-right {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: center top 0;
  -moz-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-fullwidth > .g-dropdown-rotate-in-right {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-transform-origin: center top 0;
  -moz-transform-origin: center top 0;
  -ms-transform-origin: center top 0;
  -o-transform-origin: center top 0;
  transform-origin: center top 0;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
.g-main-nav .g-standard .g-dropdown-rotate-in-right.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: perspective(500px) rotateY(90deg);
  -moz-transform: perspective(500px) rotateY(90deg);
  -ms-transform: perspective(500px) rotateY(90deg);
  -o-transform: perspective(500px) rotateY(90deg);
  transform: perspective(500px) rotateY(90deg);
}
.g-main-nav .g-fullwidth > .g-dropdown-rotate-in-right.g-inactive {
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: perspective(500px) rotateY(90deg);
  -moz-transform: perspective(500px) rotateY(90deg);
  -ms-transform: perspective(500px) rotateY(90deg);
  -o-transform: perspective(500px) rotateY(90deg);
  transform: perspective(500px) rotateY(90deg);
}
.g-main-nav .g-standard .g-dropdown-rotate-in-right.g-active {
  -webkit-animation-name: g-dropdown-rotate-in-right;
  -moz-animation-name: g-dropdown-rotate-in-right;
  animation-name: g-dropdown-rotate-in-right;
}
.g-main-nav .g-fullwidth > .g-dropdown-rotate-in-right.g-active {
  -webkit-animation-name: g-dropdown-rotate-in-right;
  -moz-animation-name: g-dropdown-rotate-in-right;
  animation-name: g-dropdown-rotate-in-right;
}
@-webkit-keyframes g-dropdown-rotate-in-right {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateY(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(500px) rotateY(-20deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(500px) rotateY(0deg);
  }
}
@-moz-keyframes g-dropdown-rotate-in-right {
  0% {
    opacity: 0;
    -moz-transform: perspective(500px) rotateY(90deg);
  }
  60% {
    opacity: 1;
    -moz-transform: perspective(500px) rotateY(-20deg);
  }
  100% {
    opacity: 1;
    -moz-transform: perspective(500px) rotateY(0deg);
  }
}
@keyframes g-dropdown-rotate-in-right {
  0% {
    opacity: 0;
    -webkit-transform: perspective(500px) rotateY(90deg);
    -moz-transform: perspective(500px) rotateY(90deg);
    -ms-transform: perspective(500px) rotateY(90deg);
    -o-transform: perspective(500px) rotateY(90deg);
    transform: perspective(500px) rotateY(90deg);
  }
  60% {
    opacity: 1;
    -webkit-transform: perspective(500px) rotateY(-20deg);
    -moz-transform: perspective(500px) rotateY(-20deg);
    -ms-transform: perspective(500px) rotateY(-20deg);
    -o-transform: perspective(500px) rotateY(-20deg);
    transform: perspective(500px) rotateY(-20deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: perspective(500px) rotateY(0deg);
    -moz-transform: perspective(500px) rotateY(0deg);
    -ms-transform: perspective(500px) rotateY(0deg);
    -o-transform: perspective(500px) rotateY(0deg);
    transform: perspective(500px) rotateY(0deg);
  }
}
/*============================================================================*/
/*==          IMPORTE TEMPLATE SEKTIONEN HYDROGEN                           ==*/
/*============================================================================*/
/*============================================================================*/
/*==           SECTION TOP                                                  ==*/
/*============================================================================*/
/* HYDROGEN Extended ---------------------------------------------------------*/
#g-top {
  background: #f0f0f0;
  color: #666666;
}
@media print {
  #g-top {
    background: #fff !important;
    color: #000 !important;
  }
}
/*============================================================================*/
/*==           SECTION HEADER                                               ==*/
/*============================================================================*/
/* HYDROGEN Extended ---------------------------------------------------------*/
#g-header {
  background: #2a816d;
  color: #ffffff;
}
@media print {
  #g-header {
    background: #fff !important;
    color: #000 !important;
  }
}
/*============================================================================*/
/*==           SECTION NAVIGATION                                           ==*/
/*============================================================================*/
/* HYDROGEN Extended ---------------------------------------------------------*/
#g-navigation {
  background: #439a86;
  color: #ffffff;
}
@media print {
  #g-navigation {
    background: #fff !important;
    color: #000 !important;
  }
}
/*============================================================================*/
/*==           SECTION SHOWCASE                                             ==*/
/*============================================================================*/
/* HYDROGEN Extended ---------------------------------------------------------*/
#g-showcase {
  background: #354d59;
  color: #ffffff;
}
@media print {
  #g-showcase {
    background: #fff !important;
    color: #000 !important;
  }
}
/*============================================================================*/
/*==           SECTION FEATURE                                              ==*/
/*============================================================================*/
/* HYDROGEN Extended ---------------------------------------------------------*/
#g-feature {
  background: #e0e0e0;
  color: #666666;
}
@media print {
  #g-feature {
    background: #fff !important;
    color: #000 !important;
  }
}
/*============================================================================*/
/*==           SECTION MAIN                                                 ==*/
/*============================================================================*/
/* HYDROGEN Extended ---------------------------------------------------------*/
#g-main {
  background: #ffffff;
  color: #666666;
}
@media print {
  #g-main {
    background: #fff !important;
    color: #000 !important;
  }
}
/*============================================================================*/
/*==           SECTION SUBFEATURE                                           ==*/
/*============================================================================*/
/* HYDROGEN Extended ---------------------------------------------------------*/
#g-subfeature {
  background: #e0e0e0;
  color: #666666;
}
@media print {
  #g-subfeature {
    background: #fff !important;
    color: #000 !important;
  }
}
/*============================================================================*/
/*==           SECTION SUBSHOWCASE                                          ==*/
/*============================================================================*/
/* HYDROGEN Extended ---------------------------------------------------------*/
#g-subshowcase {
  background: #354d59;
  color: #ffffff;
}
@media print {
  #g-subshowcase {
    background: #fff !important;
    color: #000 !important;
  }
}
/*============================================================================*/
/*==           SECTION FOOTER                                               ==*/
/*============================================================================*/
/* HYDROGEN Extended ---------------------------------------------------------*/
#g-footer {
  background: #ffffff;
  color: #666666;
}
@media print {
  #g-footer {
    background: #fff !important;
    color: #000 !important;
  }
}
/*============================================================================*/
/*==           SECTION BOTTOM                                               ==*/
/*============================================================================*/
/* HYDROGEN Extended ---------------------------------------------------------*/
#g-bottom {
  background: #f0f0f0;
  color: #666666;
}
@media print {
  #g-bottom {
    background: #fff !important;
    color: #000 !important;
  }
}
/*============================================================================*/
/*==           SECTION OFFCANVAS                                            ==*/
/*============================================================================*/
/*============================================================================*/
/*==          IMPORTE PARTIKEL                                              ==*/
/*============================================================================*/
/* -- IMPORT ZUSATZ-PARTIKEL -------------------------------------------------*/
.jl-wrapper .jl-container .el-content {
  padding: 0.938rem;
  margin: 0.625rem;
}
.jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
  box-sizing: content-box;
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
.jl-wrapper .g-container .el-content, .tm-header .g-container .el-content, .tm-header-mobile .g-container .el-content {
  padding: 0.938rem;
  margin: 0.625rem;
}
@media only all and (min-width: 75rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 75rem;
  }
}
@media only all and (min-width: 60rem) and (max-width: 74.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 60rem;
  }
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 48rem;
  }
}
@media only all and (min-width: 30.01rem) and (max-width: 47.99rem) {
  .jl-wrapper .g-container, .tm-header .g-container, .tm-header-mobile .g-container {
    max-width: 30rem;
  }
}
.tm-header .navbar-wrapper, .tm-header-mobile .navbar-wrapper {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
[id^="jlnavbar-"][id$="-particle"] {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
.menu-simple .jl-container .g-main-nav {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
.menu-extended .el-navbar-dropbar {
  padding-left: 0.938rem;
  padding-right: 0.938rem;
}
.el-horiz-nav {
  padding: 0 0.938rem;
  margin: 0 0.625rem;
}
[id^="jlnav-"][id$="-particle"] .jl-search-input {
  border-radius: 0;
  box-shadow: none;
}
ul.jl-list, .jl-breadcrumb, .jl-comment-list {
  margin-left: 0;
}
ul.jl-tab, .jl-subnav {
  margin-top: 0;
}
ul.jl-list {
  margin: 0 0 20px 0;
}
.jl-hr, hr {
  overflow: visible;
  text-align: inherit;
  border-top: 1px solid #e5e5e5;
}
.jl-checkbox, .jl-radio {
  display: inline-block !important;
  width: 16px !important;
}
.jl-modal-dialog video {
  vertical-align: middle;
}
.jl-link {
  color: #439a86;
}
.jl-link:hover, .jl-link:focus, .jl-link:active {
  color: #439a86;
}
.jl-link-heading:hover, .jl-link-heading a:hover, .jl-link-toggle:hover .jl-link-heading, .jl-link-toggle:focus .jl-link-heading, .jl-list-primary > ::before, .jl-text-primary {
  color: #439a86 !important;
}
.jl-notification-message-primary, .jl-button-link, .jl-navbar-toggle.jl-open, .jl-navbar-toggle:focus, .jl-navbar-toggle:hover, .jl-iconnav > * > a:hover, .jl-iconnav > .jl-active > a {
  color: #439a86;
}
.jl-search-input {
  box-sizing: border-box !important;
}
.jl-search-navbar .jl-search-input:focus, .jl-tab > .jl-active > a {
  border-color: #439a86;
}
.jl-button-primary, .jl-card-primary.jl-card-hover:hover, .jl-background-primary, .jl-marker, .jl-alert-primary, .jl-subnav-pill > .jl-active > a, .jl-checkbox:checked, .jl-checkbox:indeterminate, .jl-checkbox:checked:focus, .jl-checkbox:indeterminate:focus, .jl-radio:checked, .jl-card-primary > .tm-timeline-arrow, .jl-dotnav > .jl-active > *, .jl-dotnav > * > :focus, .jl-dotnav > * > :hover, .jl-pagination > .jl-active > *, .jl-label:not(.jl-label-success, .jl-label-warning, .jl-label-danger) {
  background-color: #439a86;
}
.jl-button-primary:hover, .jl-button-primary:focus {
  background-color: #3b8877;
}
.jl-light .jl-button-primary:focus {
  background-color: #fff;
  color: #1c1c1c;
}
.jl-icon:not(.jl-preserve) [stroke*="#"]:not(.jl-preserve) {
  stroke: currentcolor;
}
.jl-section-primary, .jl-tile-primary, .jl-card-primary, .jl-badge {
  background: #439a86;
}
.jl-text-background {
  background-color: #439a86;
  background-image: linear-gradient(90deg, #439a86 0, #43749a 100%);
}
.jl-checkbox:focus, .jl-radio:focus {
  border-color: #439a86;
}
.jl-radio:checked:focus {
  background-color: #439a86;
}
.jl-overlay-primary {
  background: rgba(67, 154, 134, 0.8);
}
.jl-button-default {
  background-color: rgba(255, 255, 255, 0);
  color: #439a86;
  border-color: #439a86;
}
.jl-button-default:hover, .jl-button-default:focus, .jl-button-default:active {
  background-color: #439a86;
  border-color: #439a86;
  color: #ffffff;
}
.jl-pagination > * > :hover {
  color: #fff;
  background-color: #439a86;
}
/*@import "particles/onepage-menu";*/
/*@import "particles/slideshow";*/
/*@import "particles/tabs";*/
/* -- IMPORT ZUSATZ-PARTIKEL OVERRIDES ---------------------------------------*/
/*@import "particles";*/
/*============================================================================*/
/*==          IMPORTE KOMPONENTEN                                           ==*/
/*============================================================================*/
/*============================================================================*/
/*==          IMPORTE EXTRAS                                                ==*/
/*============================================================================*/
/*============================================================================*/
/*==           CSS-STANDARDSETTINGS                                         ==*/
/*============================================================================*/
/* -- BASIS-SETTINGS ---------------------------------------------------------*/
.wow {
  visibility: hidden;
}
[data-sr] {
  visibility: hidden;
}
/* -- STICKY FOOTER ----------------------------------------------------------*/
#g-page-surround {
  display: flex;
  flex-direction: column;
}
#g-container-main.g-wrapper {
  flex: 1 0 auto;
  overflow: hidden;
}
/*# sourceMappingURL=custom_12.css.map */