#animation {
        visibility: hidden;
    }


    .fadeOut {
        -webkit-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 1.5s;
        -ms-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut;
        visibility: visible !important;
    }

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

        100% {
            opacity: 0;
        }
    }

    @keyframes fadeOut {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }


    .fadeIn {
        -webkit-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 1.5s;
        -ms-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
        visibility: visible !important;
    }

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

        100% {
            opacity: 1;
        }
    }

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

        100% {
            opacity: 1;
        }
    }

    .fadeInUp {
        -webkit-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 1s;
        -ms-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        visibility: visible !important;
    }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(75px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translateY(75px);
            -ms-transform: translateY(75px);
            transform: translateY(75px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .fadeInDown {
        -webkit-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 1s;
        -ms-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        visibility: visible !important;
    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-75px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-75px);
            -ms-transform: translateY(-75px);
            transform: translateY(-75px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .fadeInRight {
        -webkit-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 1.5s;
        -ms-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
        visibility: visible !important;
    }

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(75px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(75px);
            -ms-transform: translateX(75px);
            transform: translateX(75px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }

    .fadeInLeft {
        -webkit-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 1.5s;
        -ms-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
        visibility: visible !important;
    }

    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-75px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }

    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-75px);
            -ms-transform: translateX(-75px);
            transform: translateX(-75px);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
        }
    }