@charset "UTF-8";

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
} @-webkit-keyframes 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;
} @-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;
} @-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;
} @-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;
} @-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;
} @-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;
} @-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;
} @-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;
} @-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;
} @-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;
} @-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;
} @-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;
} @-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;
} @-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;
} @-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;
}