@keyframes bannerImage {
    0%   {
        background-position: left bottom;
        opacity: 0;
    }
    1%{
        opacity: 1;
    }
    99% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        background-position: right bottom;
    }
}

@keyframes bannerBox {
    0%   {
        opacity: 0;
        top: -300px;
    }
    10%  {
        opacity: 0;
        top: -300px;
    }
    20%  {
        opacity: 1;
        top: 0;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}


@keyframes bannerHr {
    0%   {
        opacity: 0;
        top: 130px;
    }
    2%  {
        opacity: 0;
        top: 130px;
    }
    5%{
        opacity: 1;
        top: 125px;
    }
    45%  {
        opacity: 1;
        top: 125px;
    }
    48%  {
        opacity: 0;
        top: 130px;
    }
    52%  {
        opacity: 0;
        top: 130px;
    }
    55%  {
        opacity: 1;
        top: 125px;
    }
    97%  {
        opacity: 1;
        top: 125px;
    }
    100%  {
        opacity: 0;
        top: 130px;
    }
}

@keyframes bannerTxtCasa {
    0%   {
        opacity: 0;
        top: 0;
    }
    5%  {
        opacity: 1;
        top: 35px;
    }
    45%  {
        opacity: 1;
        top: 35px;
    }
    50%  {
        opacity: 0;
        top: 0;
    }
    100% {
        opacity: 0;
        top: 0;
    }
}

@keyframes bannerTxtVida {
    0%   {
        opacity: 0;
        top: 0;
    }
    50% {
        opacity: 0;
        top: 0;
    }
    55%  {
        opacity: 1;
        top: 35px;
    }
    95% {
        opacity: 1;
        top: 35px;
    }
    100% {
        opacity: 0;
        top: 0;
    }
}

@keyframes bannerBtn {
    0%   {
        opacity: 0;
        top: 225px;
    }
    30%  {
        opacity: 0;
        top: 225px;
    }
    35%  {
        opacity: 1;
        top: 175px;
    }
    100% {
        opacity: 1;
        top: 175px;
    }
}

@keyframes bannerSearchHome {
    0%   {
        opacity: 0;
        top: 500px;
    }
    20%  {
        opacity: 0;
        top: 500px;
    }
    30%  {
        opacity: 1;
        top: 450px;
    }
    100% {
        opacity: 1;
        top: 450px;
    }
}

@keyframes bannerSearch {
    0%   {
        opacity: 0;
        top: 140px;
    }
    100% {
        opacity: 1;
        top: 97px;
    }
}

@keyframes bannerSearchMobile {
    0%   {
        opacity: 0;
        top: 60px;
    }
    20%  {
        opacity: 0;
        top: 60px;
    }
    30%  {
        opacity: 1;
        top: 50px;
    }
    100% {
        opacity: 1;
        top: 50px;
    }
}