/* #region - ANIMATION ---------------------- */

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-ms-keyframes fadeIn {
    0% {opacity:0;}
    0100% {opacity:1;}
}

@keyframes fadeOut {
    0% { opacity: 1; height: 100%;}
    99% { opacity: 0; height: 100%;}
    100% { opacity: 0; height: 0;}
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; height: 100%;}
    99% { opacity: 0; height: 100%;}
    100% { opacity: 0; height: 0;}
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; height: 100%;}
    99% { opacity: 0; height: 100%;}
    100% { opacity: 0; height: 0;}
}

@-o-keyframes fadeOut {
    0% { opacity: 1; height: 100%;}
    99% { opacity: 0; height: 100%;}
    100% { opacity: 0; height: 0;}
}

@-ms-keyframes fadeOut {
    0% { opacity: 1; height: 100%;}
    99% { opacity: 0; height: 100%;}
    100% { opacity: 0; height: 0;}
}

@-moz-keyframes growDown {
    0% { transform: scaleY(0); }
    80% { transform: scaleY(1.1); }
    100% { transform: scaleY(1); }
}
@-webkit-keyframes growDown {
    0% { transform: scaleY(0); }
    80% { transform: scaleY(1.1); }
    100% { transform: scaleY(1); }
}
@-o-keyframes growDown {
    0% { transform: scaleY(0); }
    80% { transform: scaleY(1.1); }
    100% { transform: scaleY(1); }
}
@keyframes growDown {
    0% { transform: scaleY(0); }
    80% { transform: scaleY(1.1); }
    100% { transform: scaleY(1); }
}

@-moz-keyframes rotateMenu {
    0% { transform: rotateX(-90deg); }
    70% { transform: rotateX(20deg); }
    100% { transform: rotateX(0deg); }
}
@-webkit-keyframes rotateMenu {
    0% { transform: rotateX(-90deg); }
    70% { transform: rotateX(20deg); }
    100% { transform: rotateX(0deg); }
}
@-o-keyframes rotateMenu {
    0% { transform: rotateX(-90deg); }
    70% { transform: rotateX(20deg); }
    100% { transform: rotateX(0deg); }
}
@keyframes rotateMenu {
    0% { transform: rotateX(-90deg); }
    70% { transform: rotateX(20deg); }
    100% { transform: rotateX(0deg); }
}

@-moz-keyframes downOut {
    0% { transform: translateZ(200px) transLateY(40px); }
    80% { transform: translateZ(-10px) transLateY(0px); }
    100% { transform: translateZ(0px) transLateY(0px); }
}
@-webkit-keyframes downOut {
    0% { transform: translateZ(200px) transLateY(40px); }
    80% { transform: translateZ(-10px) transLateY(0px); }
    100% { transform: translateZ(0px) transLateY(0px); }
}
@-o-keyframes downOut {
    0% { transform: translateZ(200px) transLateY(40px); }
    80% { transform: translateZ(-10px) transLateY(0px); }
    100% { transform: translateZ(0px) transLateY(0px); }
}
@keyframes downOut {
    0% { transform: translateZ(200px) transLateY(40px); }
    80% { transform: translateZ(-10px) transLateY(0px); }
    100% { transform: translateZ(0px) transLateY(0px); }
}

@-moz-keyframes growOut {
    0% { transform: scale(0); }
    80% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
@-webkit-keyframes growOut {
    0% { transform: scale(0); }
    80% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
@-o-keyframes growOut {
    0% { transform: scale(0); }
    80% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
@keyframes growOut {
    0% { transform: scale(0); }
    80% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@-moz-keyframes rotateY {
    0% { transform: rotateY(90deg); }
    80% { transform: rotateY(-10deg); }
    100% { transform: rotateY(0); }
}
@-webkit-keyframes rotateY {
    0% { transform: rotateY(90deg); }
    80% { transform: rotateY(-10deg); }
    100% { transform: rotateY(0); }
}
@-o-keyframes rotateY {
    0% { transform: rotateY(90deg); }
    80% { transform: rotateY(-10deg); }
    100% { transform: rotateY(0); }
}
@keyframes rotateY {
    0% { transform: rotateY(90deg); }
    80% { transform: rotateY(-10deg); }
    100% { transform: rotateY(0); }
}

@-moz-keyframes slideDown {
    0% { opacity: 0; transform: translateY(-60px); }
    100% { opacity: 1; transform: translateY(0); }
}
@-webkit-keyframes slideDown {
    0% { opacity: 0; transform: translateY(-60px); }
    100% { opacity: 1; transform: translateY(0); }
}
@-o-keyframes slideDown {
    0% { opacity: 0; transform: translateY(-60px); }
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes slideDown {
    0% { opacity: 0; transform: translateY(-60px); }
    100% { opacity: 1; transform: translateY(0); }
}

@-moz-keyframes rotateX {
    0% { opacity: 0; transform: rotateX(-90deg); }
    50% { transform: rotateX(-20deg); }
    100% { opacity: 1; transform: rotateX(0deg); }
}
@-webkit-keyframes rotateX {
    0% { opacity: 0; transform: rotateX(-90deg); }
    50% { transform: rotateX(-20deg); }
    100% { opacity: 1; transform: rotateX(0deg); }
}
@-o-keyframes rotateX {
    0% { opacity: 0; transform: rotateX(-90deg); }
    50% { transform: rotateX(-20deg); }
    100% { opacity: 1; transform: rotateX(0deg); }
}
@keyframes rotateX {
    0% { opacity: 0; transform: rotateX(-90deg); }
    50% { transform: rotateX(-20deg); }
    100% { opacity: 1; transform: rotateX(0deg); }
}

@-moz-keyframes rotateZ {
    0% { opacity: 0; transform: translateZ(290px); }
    80% { transform: translateZ(10px); }
    100% { opacity: 1; transform: translateZ(0); }
}
@-webkit-keyframes rotateZ {
    0% { opacity: 0; transform: translateZ(290px); }
    80% { transform: translateZ(10px); }
    100% { opacity: 1; transform: translateZ(0); }
}
@-o-keyframes rotateZ {
    0% { opacity: 0; transform: translateZ(290px); }
    80% { transform: translateZ(10px); }
    100% { opacity: 1; transform: translateZ(0); }
}
@keyframes rotateZ {
    0% { opacity: 0; transform: translateZ(290px); }
    80% { transform: translateZ(10px); }
    100% { opacity: 1; transform: translateZ(0); }
}

@-moz-keyframes scaleZ {
    0% { opacity: 0; transform: scale(0); }
    80% { transform: scale(1.07); }
    100% { opacity: 1; transform: scale(1); }
}
@-webkit-keyframes scaleZ {
    0% { opacity: 0; transform: scale(0); }
    80% { transform: scale(1.07); }
    100% { opacity: 1; transform: scale(1); }
}
@-o-keyframes scaleZ {
    0% { opacity: 0; transform: scale(0); }
    80% { transform: scale(1.07); }
    100% { opacity: 1; transform: scale(1); }
}
@keyframes scaleZ {
    0% { opacity: 0; transform: scale(0); }
    80% { transform: scale(1.07); }
    100% { opacity: 1; transform: scale(1); }
}

@-moz-keyframes translateX {
    0% { opacity: 0; transform: translateX(60px); }
    80% { transform: translateX(-5px); }
    100% { opacity: 1; transform: translateX(0px); }
}
@-webkit-keyframes translateX {
    0% { opacity: 0; transform: translateX(60px); }
    80% { transform: translateX(-5px); }
    100% { opacity: 1; transform: translateX(0px); }
}
@-o-keyframes translateX {
    0% { opacity: 0; transform: translateX(60px); }
    80% { transform: translateX(-5px); }
    100% { opacity: 1; transform: translateX(0px); }
}
@keyframes translateX {
    0% { opacity: 0; transform: translateX(60px); }
    80% { transform: translateX(-5px); }
    100% { opacity: 1; transform: translateX(0px); }
}
/* #endregion */