/*                         _          _                      ____                                       */
/*                        / \   _ __ (_)_ __ ___            |  _ \ _ __ ___  _ __ ___   ___             */
/*                       / _ \ | '_ \| | '_ ` _ \   _____   | |_) | '__/ _ \| '_ ` _ \ / _ \            */
/*                      / ___ \| | | | | | | | | | |_____|  |  __/| | | (_) | | | | | | (_) |           */
/*                     /_/   \_\_| |_|_|_| |_| |_|          |_|   |_|  \___/|_| |_| |_|\___/            */
/*                                                                                                      */
/* ------------------------------------ Global animation for hardest part - PROMO --------------------- */
@keyframes divHeightHide {
    100% {
        height: calc(var(--vh) * 42);
    }
}

@keyframes bgColor {
    100% {        
        background-color: rgba(247, 247, 247, 0);
    }
}

@keyframes disapear {
    100% {
        height: 0;
    }
}

@keyframes opacityInOut {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}





/*                           _          _                     _   _                                     */
/*                          / \   _ __ (_)_ __ ___           | | | | ___ _ __ ___                       */
/*                         / _ \ | '_ \| | '_ ` _ \   _____  | |_| |/ _ \ '__/ _ \                      */
/*                        / ___ \| | | | | | | | | | |_____| |  _  |  __/ | | (_) |                     */
/*                       /_/   \_\_| |_|_|_| |_| |_|         |_| |_|\___|_|  \___/                      */
/*                                                                                                      */
/* --------------------------------------------- Global animation for Hero ---------------------------- */
@keyframes blurOut {
    to {
        -webkit-backdrop-filter: blur(0px);
        backdrop-filter: blur(0px);
    }
}

@keyframes divHeight {
    100% {
        height: calc(var(--vh) * 82);
    }
}






/* ------------------------------------------------------ BG animation -------------------------------- */
@keyframes fade_out {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fade_in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}