@-webkit-keyframes nba-rotate360Y {
    to { -webkit-transform: rotateY(360deg); }
}
@keyframes nba-rotate360Y {
    to { transform: rotateY(360deg); }
}

@keyframes nba-top-to-bottom-long-animation {
    from {
        opacity: 0;
        transform: translateY(-300%);
        -webkit-transform: translateY(-300%);
    }
    to   {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

@keyframes nba-top-to-bottom-animation {
    from {
        opacity: 0;
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    }

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

@keyframes nba-bottom-to-top-animation {
    from {
        opacity: 0;
        transform: translateY(100%);
        -webkit-transform: translateY(100%);
    }

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

@keyframes slideDown {
    0% {
        bottom: 0;
        opacity: 1;
    }
    100% {
        bottom: -1000px;
        opacity: 0;
    }
}

.cookie-disappear {
    animation: slideDown 1.5s forwards;
}

.nba-rotate360Y{
    -webkit-animation: nba-rotate360Y 1s infinite linear;
    animation: nba-rotate360Y 1s infinite linear;
}

.nba-bottom-to-top-animation {
    animation-name: nba-bottom-to-top-animation;
    animation-duration: 2s;
}

.nba-top-to-bottom-animation {
    animation-name: nba-top-to-bottom-animation;
    animation-duration: 1.5s;
}

.nba-top-to-bottom-long-animation {
    animation-name: nba-top-to-bottom-long-animation;
    animation-duration: 1.5s;
}

.nba-left-to-right-animation {
    opacity: 0;
    transition: all 2s;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}

.nba-active .nba-left-to-right-animation {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}

.nba-right-to-center-animation {
    opacity: 0;
    transition: all 1.5s;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.nba-active .nba-right-to-center-animation {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
}