/* ================= FOOTER ANIMATED LOGO ================= */
footer{
position:relative !important;
overflow:visible !important;
}

.footer-car{
position:absolute !important;
bottom:100px !important;
width:80px !important;
height:80px !important;
z-index:999 !important;
opacity:1 !important;
animation:footerCarMove 30s linear infinite !important;
}

.footer-car img{
width:100% !important;
height:100% !important;
object-fit:contain !important;
background:transparent !important;
mix-blend-mode:darken !important;
}

@keyframes footerCarMove{
0%{transform:translateX(-100px) translateY(0);}
12.5%{transform:translateX(12.5vw) translateY(-80px);}
25%{transform:translateX(25vw) translateY(0);}
37.5%{transform:translateX(37.5vw) translateY(-80px);}
50%{transform:translateX(50vw) translateY(0);}
62.5%{transform:translateX(62.5vw) translateY(-80px);}
75%{transform:translateX(75vw) translateY(0);}
87.5%{transform:translateX(87.5vw) translateY(-80px);}
100%{transform:translateX(calc(100vw + 100px)) translateY(0);}
}

@media(max-width:768px){
.footer-car{
width:60px !important;
height:60px !important;
bottom:80px !important;
opacity:1 !important;
animation:footerCarMoveMobile 25s linear infinite !important;
}

@keyframes footerCarMoveMobile{
0%{transform:translateX(-80px) translateY(0);}
12.5%{transform:translateX(12.5vw) translateY(-60px);}
25%{transform:translateX(25vw) translateY(0);}
37.5%{transform:translateX(37.5vw) translateY(-60px);}
50%{transform:translateX(50vw) translateY(0);}
62.5%{transform:translateX(62.5vw) translateY(-60px);}
75%{transform:translateX(75vw) translateY(0);}
87.5%{transform:translateX(87.5vw) translateY(-60px);}
100%{transform:translateX(calc(100vw + 80px)) translateY(0);}
}
}
