#footer-container-before {
    padding: 3rem 0;
    background: white;
}

#footer-container-before .footer-seals img {
    max-height: 4rem;
}

#footer-container-before .footer-seals ul li {
    display: inline-block;
    padding-right: 1rem;
    line-height: 4rem;
}

#footer-container-before .footer-seals img,
#footer-container-before .footer-seals svg {
    max-height: 3rem;
}

#footer-container-before .footer-seals ul li {
    display: inline-block;
    margin: 0 1rem;
    vertical-align: middle;
}

#footer-container-before .footer-seals ul li:first-child {
    margin-left: 0;
}

#footer-container-before .footer-seals ul li.double a,
#footer-container-before .footer-seals ul li.double span {
    display: block;
}

#footer-container-before .footer-seals ul li.double a:last-child,
#footer-container-before .footer-seals ul li.double span:last-child {
    margin-top: 1rem;
}

#footer-container-before .footer-seals ul li.double a img {
    max-height: 3rem;
}

#footer-container-before .footer-seals.shippings ul li span {
    display: flex;
}

#footer-container-before .footer-seals.shippings ul li svg {
    height: 2rem;
}

#footer-container-before .footer-seals.payments ul li {
    display: inline-block;
    margin: 0 0.5rem;
}

#footer-container-before .footer-seals.payments ul li svg.visa {
    height: 24px;
}

#footer-container-before .footer-seals.payments ul li svg.mastercard {
    height: 30px;
}

#footer-container-before .footer-seals.payments ul li svg.amex {
    height: 28px;
}

#footer-container-before .footer-seals.payments ul li svg.diners {
    height: 28px;
}

#footer-container-before .footer-seals.payments ul li svg.elo {
    height: 25px;
}

#footer-container-before .footer-seals.payments ul li svg.bb {
    height: 28px;
}

#footer-container-before .footer-seals.payments ul li svg.boleto {
    height: 27px;
}

#footer-container-before .footer-seals.payments svg {
    opacity: 0.75;
    fill: lightgray;
    filter: lightgray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}


/* personalização para o carrinho de compras e checkout */
#cart #footer-container-before,
#checkout #footer-container-before {
    background: #f4f4f4;
}

#checkout #footer-container-before .footer-seals img {
    opacity: 0.75;
    fill: lightgray;
    filter: lightgray;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}


/*** mobile ***/
@media (max-width: 768px) {
    #footer-container-before {
        padding: 3rem 0 0;
    }
    
    #footer-container-before .footer-seals {
        flex: 100%;
        text-align: center;
        margin-bottom: 1rem;
        max-width: 100%;
    }

    #footer-container-before .footer-seals ul li {
        line-height: 4rem;
    }

    #footer-container-before .footer-seals svg {
        max-height: 1.5rem;
    }

    #footer-container-before .footer-seals img {
        max-height: 1.75rem;
    }
}