@charset "UTF-8";

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

/* FadeIn */
@-webkit-keyframes genix-fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes genix-fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.genix-fadeIn {
  -webkit-animation-name: genix-fadeIn;
  animation-name: genix-fadeIn;
}

/* FadeInDown */
@-webkit-keyframes genix-fadeInDown {
  0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes genix-fadeInDown {
  0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.genix-fadeInDown {
  -webkit-animation-name: genix-fadeInDown;
  animation-name: genix-fadeInDown;
}

/* FadeInDownBig */
@-webkit-keyframes genix-fadeInDownBig {
  0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes genix-fadeInDownBig {
  0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.genix-fadeInDownBig {
  -webkit-animation-name: genix-fadeInDownBig;
  animation-name: genix-fadeInDownBig;
}

/* FadeInLeftBig */
@-webkit-keyframes genix-fadeInLeftBig {
  0% { opacity: 0; -webkit-transform: translateX(-200px); transform: translateX(-200px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes genix-fadeInLeftBig {
  0% { opacity: 0; -webkit-transform: translateX(-200px); -ms-transform: translateX(-200px); transform: translateX(-200px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.genix-fadeInLeftBig {
  -webkit-animation-name: genix-fadeInLeftBig;
  animation-name: genix-fadeInLeftBig;
}

/* FadeInRight */
@-webkit-keyframes genix-fadeInRight {
  0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes genix-fadeInRight {
  0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.genix-fadeInRight {
  -webkit-animation-name: genix-fadeInRight;
  animation-name: genix-fadeInRight;
}

/* FadeInRightBig */
@-webkit-keyframes genix-fadeInRightBig {
  0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes genix-fadeInRightBig {
  0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.genix-fadeInRightBig {
  -webkit-animation-name: genix-fadeInRightBig;
  animation-name: genix-fadeInRightBig;
}

/* FadeInUp */
@-webkit-keyframes genix-fadeInUp {
  0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes genix-fadeInUp {
  0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.genix-fadeInUp {
  -webkit-animation-name: genix-fadeInUp;
  animation-name: genix-fadeInUp;
}

/* FadeInUpBig */
@-webkit-keyframes genix-fadeInUpBig {
  0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes genix-fadeInUpBig {
  0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.genix-fadeInUpBig {
  -webkit-animation-name: genix-fadeInUpBig;
  animation-name: genix-fadeInUpBig;
}

/* FadeOut */
@-webkit-keyframes genix-fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes genix-fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.genix-fadeOut {
  -webkit-animation-name: genix-fadeOut;
  animation-name: genix-fadeOut;
}

/* FadeOutDown */
@-webkit-keyframes genix-fadeOutDown {
  0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
}
@keyframes genix-fadeOutDown {
  0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
}
.genix-fadeOutDown {
  -webkit-animation-name: genix-fadeOutDown;
  animation-name: genix-fadeOutDown;
}

/* FadeOutDownBig */
@-webkit-keyframes genix-fadeOutDownBig {
  0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
}
@keyframes genix-fadeOutDownBig {
  0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
}
.genix-fadeOutDownBig {
  -webkit-animation-name: genix-fadeOutDownBig;
  animation-name: genix-fadeOutDownBig;
}

/* FadeOutLeft */
@-webkit-keyframes genix-fadeOutLeft {
  0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
}
@keyframes genix-fadeOutLeft {
  0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
}
.genix-fadeOutLeft {
  -webkit-animation-name: genix-fadeOutLeft;
  animation-name: genix-fadeOutLeft;
}

/* RollIn */
@-webkit-keyframes genix-rollIn {
  0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
}
@keyframes genix-rollIn {
  0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
}
.genix-rollIn {
  -webkit-animation-name: genix-rollIn;
  animation-name: genix-rollIn;
}

/* ZoomIn */
@-webkit-keyframes genix-zoomIn {
  from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
  50% { opacity: 1; }
}
@keyframes genix-zoomIn {
  from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
  50% { opacity: 1; }
}
.genix-zoomIn {
  -webkit-animation-name: genix-zoomIn;
  animation-name: genix-zoomIn;
}

/* Custom Animations (FadeInLeft, FadeInRight, FadeInDown, RollOut) */
@-webkit-keyframes genix-FadeInLeft {
  0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes genix-FadeInLeft {
  0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.genix-FadeInLeft {
  -webkit-animation-name: genix-FadeInLeft;
  animation-name: genix-FadeInLeft;
}

@-webkit-keyframes genix-FadeInRight {
  0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes genix-FadeInRight {
  0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.genix-FadeInRight {
  -webkit-animation-name: genix-FadeInRight;
  animation-name: genix-FadeInRight;
}

@-webkit-keyframes genix-FadeInDown {
  0% { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); }
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes genix-FadeInDown {
  0% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.genix-FadeInDown {
  -webkit-animation-name: genix-FadeInDown;
  animation-name: genix-FadeInDown;
}

@-webkit-keyframes genix-RollOut {
  0% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
}
@keyframes genix-RollOut {
  0% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }
  100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
}
.genix-RollOut {
  -webkit-animation-name: genix-RollOut;
  animation-name: genix-RollOut;
}