/*=========================================================
                ANIMATIONS.CSS
=========================================================*/

/* Fade Up */

.fade-up{

    opacity:0;

    transform:translateY(60px);

    transition:all .8s ease;

}

.fade-up.show{

    opacity:1;

    transform:translateY(0);

}


/* Fade Left */

.fade-left{

    opacity:0;

    transform:translateX(-70px);

    transition:all .8s ease;

}

.fade-left.show{

    opacity:1;

    transform:translateX(0);

}


/* Fade Right */

.fade-right{

    opacity:0;

    transform:translateX(70px);

    transition:all .8s ease;

}

.fade-right.show{

    opacity:1;

    transform:translateX(0);

}


/* Zoom */

.zoom{

    opacity:0;

    transform:scale(.8);

    transition:all .8s ease;

}

.zoom.show{

    opacity:1;

    transform:scale(1);

}


/* Rotate */

.rotate{

    transition:.5s ease;

}

.rotate:hover{

    transform:rotate(5deg);

}


/* Float */

.float{

    animation:floating 4s ease-in-out infinite;

}

@keyframes floating{

    0%{

        transform:translateY(0);

    }

    50%{

        transform:translateY(-15px);

    }

    100%{

        transform:translateY(0);

    }

}


/* Pulse */

.pulse{

    animation:pulse 2s infinite;

}

@keyframes pulse{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.05);

    }

    100%{

        transform:scale(1);

    }

}


/* Bounce */

.bounce{

    animation:bounce 2s infinite;

}

@keyframes bounce{

    0%,20%,50%,80%,100%{

        transform:translateY(0);

    }

    40%{

        transform:translateY(-15px);

    }

    60%{

        transform:translateY(-8px);

    }

}


/* Shine Effect */

.shine{

    position:relative;

    overflow:hidden;

}

.shine::before{

    content:"";

    position:absolute;

    top:0;

    left:-100%;

    width:60%;

    height:100%;

    background:linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.35),

        transparent

    );

}

.shine:hover::before{

    animation:shine 1s;

}

@keyframes shine{

    100%{

        left:150%;

    }

}


/* Button Hover */

.btn{

    transition:.35s;

}

.btn:hover{

    transform:translateY(-4px);

}


/* Card Hover */

.card,
.about-card,
.sponsor-card,
.gallery-card{

    transition:.35s;

}

.card:hover,
.about-card:hover,
.sponsor-card:hover,
.gallery-card:hover{

    transform:translateY(-10px);

}


/* Image Hover */

.gallery-card img{

    transition:.5s;

}

.gallery-card:hover img{

    transform:scale(1.08);

}


/* Navbar */

.custom-nav{

    transition:.4s;

}


/* Scroll Top */

.scroll-top{

    transition:.35s;

}

.scroll-top:hover{

    transform:translateY(-8px);

}


/* Hero */

.hero-img{

    animation:floating 5s ease-in-out infinite;

}


/* Text Gradient Animation */

.text-gradient{

    background-size:200% auto;

    animation:gradientMove 4s linear infinite;

}

@keyframes gradientMove{

    0%{

        background-position:0% center;

    }

    100%{

        background-position:200% center;

    }

}

/*=========================================================
                    END
=========================================================*/