/* -------------- [ CSS GERAL ] --------------

 -------- [ AUTOR: Paulo Sérgio] --------

 ------------- [ AGÊNCIA SIX] ------------- */



/*********** HOME ***********/

/* ----- CABEÇALHO ----- */


#login-cliente {

    background: #f5811e;

}



#login-cliente .conteudo-area-cliente {

    display: flex;

    justify-content: flex-end;

    flex-wrap: wrap;

    padding: 1% 0;

    color: white;

}



#login-cliente .conteudo-area-cliente .fa-arrow-right {

    margin: 0 1%;

}



#login-cliente .area-cliente {

    display: flex;

    flex-wrap: wrap;

}



#login-cliente .btn-logar {

    padding: 1% 3%;

    border: 1px solid white;

    background: transparent;

    border-radius: 25px;

    color: white;

}



#login-cliente .btn-logar:hover {

    background: white;

    color: black;

    transition: .6s;

}



#login-cliente .inp-mail, #login-cliente .inp-pass {

    width: 30%;

    margin-right: 2%;

    height: 85%;

    border-top-right-radius: 5px !important;

    border-bottom-right-radius: 5px !important;

    border-top-left-radius: 0 !important;

    border-bottom-left-radius: 0 !important;

}



#login-cliente .recuperar {

    width: 74%;

}



#login-cliente .recuperar .btn-recuperar {

    font-size: 10px;

    text-decoration: underline;

}

#login-cliente .btn-recuperar a {

    color: white;

}




#login-cliente .recuperar div {

    display: flex;

    justify-content: flex-end;

}



#login-cliente .icone-login, #login-cliente .icone-senha {

    background: white;

    padding: .5% 2%;

    height: 85%;

    border-top-left-radius: 5px;

    border-bottom-left-radius: 5px;

}



#login-cliente .icone-login i, #login-cliente .icone-senha i {

    color: black;

}



#login-cliente input {

    outline: none;

    border: none;

}



/* ----- MENU ----- */

a.active {
    color: #e63531 !important;
    font-weight: bold;
    border-bottom: 2px solid;
}



#menu {

    display: flex;

}



#menu .menu-item {

    list-style: none;

    margin: 0 4%;

}



.menu {

    align-self: center;

}



#menu .menu-item a {

    color: #373737;

}



#menu .menu-item a:hover {

    color: #E43733;

    font-weight: bold;

    transition: .6s;

}



/* ----- BANNER  ----- */


.banner-boletim {
    background-image: url("../imagens/bg-boletim.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 100%;
    padding: 5% 0;
}



.banner01 {

    background-image: url("../imagens/bolsinha-banner.jpg");

    background-repeat: no-repeat;

    background-size: 100% 100%;

    height: 100%;

    padding: 5% 0;

}



#banner .carousel-item > div {

    max-height: 670px;

    height: 670px;

}



.conteudo-banner .row {

    align-self: center;
    width: 75%;
    margin: auto;  

    /*    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 80%;
    margin: 5%;  */
}



.conteudo-banner .col-6 {
    padding-top: 6%;
}



.conteudo-banner h2 {

    width: 100%;

    color: white;

}


.conteudo-banner .btn-assinar-agora {

    text-decoration: none;

    color: white;

    background: #F79F38;

    padding: 6% 5%;

    border-radius: 25px;

    font-size: 15px;

    width: 100%;

    font-weight: 600;

    letter-spacing: 2px;

}



.conteudo-banner .btn-assinar-agora:hover {

    text-decoration: none;

    color: #F79F38;

    background: white;

    transition: .6s;

}



.banner01, .conteudo-banner {

    display: flex;

}



.conteudo-banner li {

    color: white;

    list-style: none;

    font-size: 22px;

    margin-bottom: 4%;

}



.conteudo-banner li.btn {

    margin-top: 6%;

    width: 56%;

    display: flex;

}



/* ----- SECTION COTAÇÃO  ----- */

#cotacao-ampla {

    padding: 5% 0;

}



#cotacao-ampla .cotacao {

    background: #FEE2C6;

    border-radius: 20px;

    padding: 3% 5%;

}



#cotacao-ampla .cotacao h2 {

    color: #363940;

}



#cotacao-ampla .bg-feijao {

    background-image: url(../imagens/bolsinha-bg-feijao.jpg);

    background-size: 100%;

    background-repeat: no-repeat;

    border-top-right-radius: 20px;

    border-top-left-radius: 20px;

    background-size: cover;

    display: flex;

    height: 45%;

    width: 100%;

    max-width: 82%;

    padding: 6% 8%;

    filter: drop-shadow(2px 4px 10px rgba(94, 94, 94, 0.25));

}



#cotacao-ampla .btn-assinar-agora {

    color: white;

    background: #F79F38;

    padding: 4% 10%;

    font-weight: 600;

    border-radius: 25px;

    font-size: 14px;

    letter-spacing: 2px;

}



#cotacao-ampla .btn-assinar-agora:hover {

    color: #F79F38;

    background: white;

    text-decoration: none;

    transition: .6s;

}



#cotacao-ampla .bg-feijao h4 {

    color: white;

    margin: 0;

    align-self: flex-end;

}



#cotacao-ampla .card-feijao .noticia, #cotacao .card-feijao .continuar {

    font-size: 12px;

    padding-bottom: 1.8rem;

    margin: 0;

}



#cotacao-ampla .card-feijao .continuar {

    color: #4F4F4F;

    font-weight: 600;

}



#cotacao-ampla .card-feijao {

    display: flex;

    flex-wrap: wrap;

    background: white;

    border-bottom-right-radius: 20px;

    border-bottom-left-radius: 20px;

    padding: 6% 8%;

    max-width: 82%;

    filter: drop-shadow(2px 4px 10px rgba(94, 94, 94, 0.25));

}



#cotacao-ampla .card-noticia {

    display: flex !important;

    flex-wrap: wrap;

    justify-content: flex-end;

}



#cotacao-ampla .cotacao thead tr {

    border-bottom: 1px solid #FFA852;

}



#cotacao-ampla .cotacao tr td {

    line-height: 60px;

    font-size: 18px;

}



#cotacao-ampla table {

    width: 100%;

}



#cotacao-ampla th {

    font-size: 24px;

}



#cotacao-ampla .btn-assinante {

    color: #F5811E;

    background: transparent;

    padding: 3% 10%;

    font-weight: 700;

    border-radius: 25px;

    border: 2px solid #F5811E;

    letter-spacing: 1px;

}



#cotacao-ampla .btn-assinante:hover {

    color: #F79F38;

    background: white;

    text-decoration: none;

    transition: .6s;

}



#cotacao-ampla th {

    color: #4F4F4F;

}



#cotacao-ampla .col-6 {

    display: flex;

    padding: 0;

}



#cotacao-ampla .acesso {

    margin: 5% 0;

}



#cotacao-ampla .sp {

    margin: 3% 0 10%;

}



/* ----- SECTION SOBRE NÓS  ----- */

#sobre-nos {

    background: linear-gradient(0deg, #F5811E 90%, #fff 60%);

}



#sobre-nos .row-quem {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



#sobre-nos .div-conteudo, #sobre-nos .div-img {

    width: 50%;

}



#sobre-nos .div-img img {

    width: 100%;

}



#sobre-nos .div-conteudo {

    color: white;

    padding: 10% 6% 0;

}



#sobre-nos .div-conteudo .titulo-pequeno {

    font-size: 10px;

    letter-spacing: 2px;

}



#sobre-nos .div-conteudo p {

    padding: 0px 12%;

    line-height: 29px;

    font-size: 15px;

    position: relative;

    left: -12%;

    margin-top: 7%;

}



/* ----- SECTION PUBLICIDADE  ----- */

#publicidade {

    background: #f5f5f5;

    padding: 5% 0;

}



#publicidade img {

    width: 100%;

}



#publicidade .row {

    justify-content: center;

    width: 100%;

}



#publicidade .titulo-publicidade {

    text-align: right;

    color: #A5A5A5;

}





/* ----- SECTION MARKETPLACE  ----- */

#marketplace {
    background-image: url('../imagens/bolsinha-bg-marketplace.jpg');
    background-size: cover;
    background-size: 100% 100%;
    color: white;
    padding: 5% 0;
}


/*
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: antiquewhite;
*/

#marketplace .foto-app img {

    width: 100%;

}



#marketplace .row-mkt {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    width: 80%;

    margin: 5%;

}



#marketplace .titulo {

    margin: 2% 0;

    padding: 0 0 0 8%;

}



#marketplace .titulo .col-6 {

    padding: 6% 0;

}



#marketplace h4 {

    padding: 4% 0;

}



#marketplace .titulo, #marketplace .foto-app {

    width: 50%;

}



#marketplace .btn-conheca {

    color: black;

    text-decoration: none;

    background: white;

    padding: 5% 15%;

    font-weight: 700;

    border-radius: 25px;

}



#marketplace .btn-conheca:hover {

    color: white;

    text-decoration: none;

    background: black;

    transition: .6s;

}


/* ----- SECTION MARKETPLACE PAGE  ----- */

.marketplace-page {
    background-image: url('../imagens/bg-marketplace.jpg') !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: white;
    height: 100%;
    padding: 5% 0;
}




.marketplace-page .row-mkt-page {
        /*display: flex;
        justify-content: left; 
        flex-wrap: wrap;  */
        align-self: center; 
        width: 85%;
        margin: auto;
}



#marketplace-page .titulo {
    margin: 2% 0;
    padding: 0 0 0 8%;
}



#marketplace-page .titulo .col-6 {
        padding: 6% 0;
}



#marketplace-page h4 {
    padding: 4% 0;
}



#marketplace-page .titulo, #marketplace .foto-app {
    width: 50%;
}



#marketplace-page .btn-conheca {
    color: black;
    text-decoration: none;
    background: white;
    padding: 5% 15%;
    font-weight: 700;
    border-radius: 25px;
}



#marketplace-page .btn-conheca:hover {
        color: white;
        text-decoration: none;
        background: black;
        transition: .6s;
}





/* ----- SECTION CONTATO  ----- */

#contato .contato {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



#contato .contato .row {

    width: 100%;

    justify-content: center;

}



#contato .contato button {

    border: none;

    outline: none;

    border-radius: 25px;

    background: #F79F38;

    color: white;

    padding: 2% 5%;

    width: 30%;

}



#contato .contato button:hover {

    color: #F79F38;

    background: white;

    text-decoration: none;

    transition: .6s;

}



#contato .nome, #contato .mail, #contato .telefone, #contato .assunto {

    width: 45%;

    border: none;

    margin: 10px 15px 10px 0;

    padding: 1.3% 3%;

    outline: none;

}



#contato .mensagem {

    width: 93%;

    border: none;

    padding: 1.3% 3%;

    height: 120px;

    outline: none;

    margin: 10px 15px 10px 0;

}



#contato {

    background: #F5F5F5;

    padding: 6% 0 8% 0;

}



/* ----- SECTION CONTATO REDES ----- */



#contato-redes {

    padding: 2% 0;

}



#contato-redes .row {

    display: flex;

    justify-content: center;

}



#contato-redes .bg-orange {

    background: #F5811E;

}



#contato-redes .titulo {

    color: white;

    padding: 0 2%;

}



#contato-redes .facebook {

    font-size: 50px;

}



#contato-redes .fone {

    transform: rotate(260deg);
    
}



#contato-redes .mail, #contato-redes .fone, #contato-redes .whats {

    font-size: 25px;

    margin-right: 3%;

}



#contato-redes .mail-a, #contato-redes .fone-a, #contato-redes .whats-a {

    color: black;

    text-decoration: none;

    font-size: 18px;

    font-weight: 600;

}



#contato-redes .mail-a:hover, #contato-redes .fone-a:hover, #contato-redes .whats-a:hover {

    color: #F5811E;

}



#contato-redes .assinar {

    padding: 10% 11%;

    border-radius: 7px;

    width: 90%;

}



#contato-redes .assinar .btn {

    width: 100%;

    margin-top: 10%;

}



#contato-redes .assinar .btn, #contato-redes .assinar .titulo {

    text-align: center;

}



#contato-redes .btn-assinar-agora {

    color: black;

    background: white;

    border-radius: 25px;

    padding: 9% 13%;

    font-weight: 600;

}



#contato-redes .btn-assinar-agora:hover {

    color: white;

    background: black;

    text-decoration: none;

    transition: .6s;

}



#contato-redes .bloco-mid a :hover {

    color: black;

}



#contato-redes .bloco-mid i, #contato-redes .bloco-mid h5 {

    width: 35%;

    text-align: center;

}



/* ----- RODAPÉ  ----- */

footer {

    background: #f5811e;

    color: white;

    padding: 2% 0;

}



footer .six {

    text-align: right;

}



footer .six img {

    text-align: right;

    transform: scale(.8);

}



footer .six img:hover {

    text-align: right;

    transform: scale(1);

}



/*********** PAGE MKT ***********/

/* ----- VANTAGENS ----- */



.page-mkt #vantagens h2, .page-mkt #vantagens h4, .page-mkt #vantagens h6 {

    text-align: center;

}



.page-mkt #video .responsive-iframe {

    width: 850px;
    height: 480px;
}



.page-mkt #vantagens {

    padding: 7% 0 10%;

}



.page-mkt #vantagens .icone {

    text-align: center;

    margin: 4%;

}



.page-mkt #vantagens .conteudo p {

    text-align: center;

    padding: 0 8%;

    color: #6C6C6C;

    font-size: 14px;

}



.page-mkt #vantagens .titulo p {

    color: #30233D;

}



.page-mkt #vantagens .icone svg {

    background: #f5811e;

    padding: 5%;

    border-radius: 50%;

}



.page-mkt #vantagens .titulo-menor {

    letter-spacing: 6px;

    font-size: 10px;

    color: #F5811E;

    font-weight: 700;

}



.page-mkt #vantagens h2 {

    margin: 1% 0 1%;

}



.page-mkt #vantagens .row-icones {

    margin-top: 10%;

}



.page-mkt #vantagens .row-icones h4 {

    color: #30233D;

}



.page-mkt #vantagens .row-icones .conteudo {

    margin-top: 5%;

}



/* -----  Ajuda ----------*/






.page-ajuda #ajudaespaco {
    background: #f5811e;
    height: 70px;
}



.page-ajuda #ajuda .ajudatitulo {
    letter-spacing: 6px;
    font-size: 14px;
    font-weight: bold;
    color: #F5811E;
    text-align: center;
}

.page-ajuda #ajuda .ajudatitulo2 {
    text-align: center;
    font-size: 42px;
}

.page-ajuda #ajudatit1 .ajudatitulo3 {
    padding: 30px 0px 20px 0px;
    text-align: center;
    font-size: 24px;
}

.page-ajuda #ajudatit2 .ajudatitulo3 {
    padding: 30px 0px 20px 0px;
    text-align: center;
    font-size: 24px;
}

.page-ajuda #ajuda2 {
    padding: 10px 30px 20px 30px;
}

.page-ajuda #ajuda3 a {
    color:blue;
}




/* ----- PARCEIROS ----- */



.page-mkt #parceiros h2, .page-mkt #parceiros h4, .page-mkt #parceiros h6 {

    text-align: center;

}



.page-mkt #parceiros {

    padding: 7% 0 10%;

}



.page-mkt #parceiros .titulo-menor {

    letter-spacing: 6px;

    font-size: 10px;

    color: #F5811E;

    font-weight: 700;

}



.page-mkt #parceiros h2 {

    margin: 1% 0 4%;

}



.page-mkt #parceiros .foto-parceiro {

    margin-bottom: 5%;

    display: flex;

    justify-content: center;

}



.page-mkt #parceiros .row-fotos {

    margin-top: 10%;

}



/* ----- COMPRADORES ----- */



#compradores {

    background: #71AF0C;

    max-height: 350px;

    margin-bottom: 8%;

}



#compradores img {

    width: 100%;

}



#compradores .foto {

    margin-top: -5%;

}



#compradores .texto {

    padding: 6% 10%;

}



#compradores h2, #compradores p {

    color: white;

}



/* ----- VENDEDORES ----- */



#vendedores img {

    width: 100%;

}



#vendedores {

    background: #F79F38;

    max-height: 350px;

}



#vendedores .foto {

    margin-top: -5%;

}



#vendedores .texto {

    padding: 6% 10%;

}



#vendedores h2, #vendedores p {

    color: white;

}





/*********** PAGE MARKETPLACE ***********/



/* ----- ASSINATURA ----- */



#assinatura {

    background: #71AF0C;

    max-height: 350px;

    margin-bottom: 8%;

}



#assinatura h2, #assinatura p {

    color: white;

}



/* ----- VANTAGENS ----- */



.page-boletim #vantagens_mkt h2, .page-boletim #vantagens_mkt .center, .page-boletim #vantagens_mkt h6 {

    text-align: center;

}



.page-boletim #vantagens_mkt {

    padding: 7% 0 4%;

}



.page-boletim #vantagens_mkt .icone div {

    background: #F5811E;

    text-align: center;

    border-radius: 50%;

    width: 80%;

    padding: 25% 15%;

}



.page-boletim #vantagens_mkt .row-icones {

    margin: 10% 3% 0;

}



.page-boletim #vantagens_mkt .row-icones .card-icone {

    margin-bottom: 7%;

}



.page-boletim #vantagens_mkt .titulo-menor {

    letter-spacing: 6px;

    font-size: 10px;

    color: #F5811E;

    font-weight: 700;

}



.page-boletim #vantagens_mkt .conteudo p {

    color: #776C82;

    font-size: 14px;

    font-weight: 500;

}



.page-boletim #vantagens_mkt .direita {

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-end;

}



.page-boletim #vantagens_mkt .esquerda {

    display: flex;

    flex-wrap: wrap;

}



.page-boletim #vantagens_mkt .esquerda .row, .page-boletim #vantagens_mkt .direita .row {

    width: 100%;

}



.page-boletim #vantagens_mkt .titulo h4 {

    color: #30233D;

}



.page-boletim #vantagens_mkt h2 {

    margin: 1% 0 1%;

}



.page-boletim #vantagens_mkt .btn {

    display: flex;

    justify-content: center;

}



.page-boletim #vantagens_mkt .btn-assinar {

    text-decoration: none;

    color: white;

    background: #F79F38;

    padding: 2% 0%;

    border-radius: 25px;

    font-size: 15px;

    width: 35%;

    font-weight: 600;

    letter-spacing: 2px;

}



.page-boletim #vantagens_mkt .btn-assinar:hover {

    color: #F79F38;

    background: white;

    text-decoration: none;

    transition: .6s;

}



/* ----- VALORES ----- */



.page-boletim #valores {

    background-image: url("../imagens/bg-feijao.png");

    background-size: 100%;

    padding: 5% 0;

}



.page-boletim #valores .row-form {

    justify-content: center;

}



.page-boletim #valores .row-form .col-6 {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    background: #FEE2C6;

    border-radius: 20px;

    padding: 4% 0 6%;

}



.page-boletim #valores .row-form h2 {

    width: 100%;

    text-align: center;

    color: #363940;

}



.page-boletim #valores .btn-assinar {

    background: #F79F38;

    border-radius: 50px;

    color: white;

    text-decoration: none;

    padding: 2.5% 4%;

    font-weight: 600;

    letter-spacing: 2px;

    font-size: 14px;

}



.page-boletim #valores .btn-assinar :hover {

    color: #F79F38;

    background: white;

    text-decoration: none;

}



.page-boletim #valores .div-assinatura {

    text-align: center;

    font-size: 12px;

    font-weight: 600;

    padding: 0 25%;

    margin-bottom: 7%;

    color: #4F4F4F;

}



.page-boletim #valores thead th {

    font-size: 22px;

    color: #4F4F4F;

}



.page-boletim #valores th, .page-boletim #valores td {

    color: #4F4F4F;

}



.page-boletim #valores table {

    margin: 10% 0;

}



.page-boletim #valores table tbody tr td {

    padding: 5% 0;

}



.page-boletim #valores table thead tr {

    border-bottom: 2px solid #FFA852;

}



.page-boletim #valores table thead tr th:nth-child(1) {

    padding-right: 35%;

}



/* ----- VALORES ----- */



.page-boletim #pagamento .col-12 {

    text-align: center;

}



.page-boletim #pagamento {

    padding: 5% 0;

}



.page-boletim #pagamento h2 {

    color: #363940

}



.page-boletim #pagamento .imagens {

    margin-top: 3%;

}



/* ----- ASSINATURA ----- */



.page-boletim #assinatura_mkt {

    margin-bottom: 0%;

    padding: 5% 0;

    background: #71AF0C;

}



.page-boletim #assinatura_mkt .texto {

    text-align: center;

    color: white;

}



.page-boletim #assinatura_mkt p {

    font-size: 14px;

    font-weight: 300;

    margin-top: 2%;

}



.page-boletim #assinatura_mkt .texto input {

    border: none;

    padding: .4% 1%;

    border-radius: 4px;

    margin: 2% 0 3%;

}



.page-boletim #assinatura_mkt .texto button {

    border: none;

    background: #F79F38;

    border-radius: 50px;

    color: white;

    padding: 1% 4%;

    font-family: 'Montserrat';

    font-weight: 500;

    font-size: 12px;

    letter-spacing: 2px;

}





/*********** RESPONSIVO ***********/



/* ----- HOME ----- */

@media (max-width: 992px) {

    .ampla {

        display: none !important;

    }



    .movel {

        display: block !important;

    }



    .menu-mobile {

        display: none;

    }



    #menu-mobile .row {

        width: 100%;

    }



    .row {

        margin: 0 !important;

    }



    .menu {

        text-align: right;

    }



    .logo-bolsinha img {

        width: 100%;

    }



    .menu-mobile {

        display: none;

        background: rgb(245, 129, 30);

        padding: 10%;

        list-style: none;

        position: fixed;

        z-index: 99;

        height: 100%;

    }



    .menu-mobile li {

        margin: 10% 0;

    }



    .menu-mobile a {

        color: white;

        font-weight: 600;

    }



    /* GENERAL STYLES */

    .visuallyHidden {

        position: absolute;

        overflow: hidden;

        clip: rect(0 0 0 0);

        height: 1px;

        width: 1px;

        margin: -1px;

        padding: 0;

        border: 0;

    }



    h1 {

        text-align: center;

    }



    .hamburger {

        margin: 0 auto;

        margin-top: 30px;

        width: 30px;

        height: 30px;

        position: relative;

    }



    .hamburger .bar {

        padding: 0;

        width: 30px;

        height: 4px;

        background-color: #373737;

        display: block;

        border-radius: 4px;

        transition: all 0.4s ease-in-out;

        position: absolute;

    }



    .bar1 {

        top: 0;

    }



    .bar2,

    .bar3 {

        top: 13.5px;

    }



    .bar3 {

        right: 0;

    }



    .bar4 {

        bottom: 0;

    }



    /* HAMBURGER 1 */

    .checkbox1:checked + label > .hamburger1 > .bar1 {

        transform: rotate(45deg);

        transform-origin: 5%;

        width: 41px

    }



    .checkbox1:checked + label > .hamburger1 > .bar2 {

        transform: translateX(-40px);

        background-color: transparent;

    }



    .checkbox1:checked + label > .hamburger1 > .bar3 {

        transform: translateX(40px);

        background-color: transparent;

    }



    .checkbox1:checked + label > .hamburger1 > .bar4 {

        transform-origin: 5%;

        transform: rotate(-45deg);

        width: 41px;

    }



    /* HAMBURGER 2 */

    .checkbox2:checked + label > .hamburger2 > .bar1 {

        transform: translateX(40px);

        background-color: transparent;

    }



    .checkbox2:checked + label > .hamburger2 > .bar2 {

        transform: rotate(45deg);

    }



    .checkbox2:checked + label > .hamburger2 > .bar3 {

        transform: rotate(-45deg);

    }



    .checkbox2:checked + label > .hamburger2 > .bar4 {

        transform: translateX(-40px);

        background-color: transparent;

    }



    /* HAMBURGER 3 */

    .hamburger3 .bar1 {

        transform-origin: 5%;

    }



    .hamburger3 .bar4 {

        transform-origin: 5%;

    }



    .checkbox3:checked + label > .hamburger3 > .bar1 {

        transform: rotate(45deg);

        height: 3px;

        width: 42px;

    }



    .checkbox3:checked + label > .hamburger3 > .bar3 {

        transform: rotate(45deg);

        height: 3px;

        background-color: transparent;

    }



    .checkbox3:checked + label > .hamburger3 > .bar2 {

        transform: rotate(-45deg);

        height: 3px;

        background-color: transparent;

    }



    .checkbox3:checked + label > .hamburger3 > .bar4 {

        transform: rotate(-45deg);

        height: 3px;

        width: 42px;

    }



    /* HAMBURGER 4 */

    .hamburger2 .bar2,

    .hamburger3 .bar3,

    .hamburger4 .bar4 {

        top: 13.5px;

    }



    .hamburger4 .bar5 {

        bottom: 0px;

    }



    .hamburger4 .bar {

        transition: all 0.4s ease-in-out, transform 0.4s ease-in-out 0.4s;

    }



    .hamburger4 .bar2 {

        width: 1px;

        transform: rotate(90deg);

        left: 13.5px;

    }



    .hamburger4 .bar3 {

        width: 1px;

        left: 13.5px;



    }



    .checkbox4:checked + label > .hamburger4 > .bar1 {

        top: 13.5px;

        background-color: transparent;

    }



    .checkbox4:checked + label > .hamburger4 > .bar2 {

        left: 0px;

        width: 30px;

        transform: rotate(45deg);

    }



    .checkbox4:checked + label > .hamburger4 > .bar3 {

        left: 0;

        width: 30px;

        transform: rotate(-45deg);

    }



    .checkbox4:checked + label > .hamburger4 > .bar4 {

        background-color: transparent;

    }



    .checkbox4:checked + label > .hamburger4 > .bar5 {

        bottom: 13.5px;

        background-color: transparent;

    }



    h2 {

        font-size: 1.8rem !important;

    }



    h4 {

        font-size: 1.2rem !important;

    }



    .trava-menu {

        z-index: 100;

        position: fixed;

        top: 0;

    }

}



@media (min-width: 993px) {

    .ampla {

        display: block !important;

    }



    .movel {

        display: none !important;

    }

}



@media (max-width: 575.98px) {


    #marketplace .row-mkt {

        width: 79%;

        margin: 15% auto;

    }



    .menu-mobile {

        padding: 20% 10%;

        margin-left: -14%;

        width: 66%;

        top: 0;

    }



    .container {

        margin: 0 !important;

        padding: 0 15px !important;

        width: 100% !important;

    }



    #login-cliente .conteudo-area-cliente {

        padding: 3% 0;

    }



    #login-cliente .inp-mail, #login-cliente .inp-pass {

        height: 100%;

    }



    #login-cliente .icone-login, #login-cliente .icone-senha {

        height: 100%;

        appearance: none;

        -moz-appearance: none;

        -webkit-appearance: none;

        padding: 1.5% 2%;

    }



    #login-cliente .recuperar .btn-recuperar {

        margin-left: -3%;

        margin-top: 2%;

    }



    #login-cliente .recuperar {

        width: 100%;

    }



    #login-cliente .area-movel {

        width: 100%;

        font-size: 14px;

        margin-bottom: 2%;

        font-weight: 600;

    }



    #login-cliente .btn-logar {

        width: 20%;

        font-size: 10px;

    }



    .conteudo-banner {

        width: 100%;

    }



    .conteudo-banner h1 {

        font-size: 32px;

    }



    .conteudo-banner h2 {

        text-align: center;

    }



    .conteudo-banner .row {

        width: 100%;

    }



    .conteudo-banner ul {

        margin: 2%;

        padding: 0 10%;

    }



    .conteudo-banner li.btn {

        width: 100%;

    }



    .conteudo-banner li {

        font-size: 18px;

    }



    .conteudo-banner .imagem {

        text-align: center;

    }



    .conteudo-banner .imagem img {

        width: 70%;

    }



    .conteudo-banner .col-6 {

        width: 100%;

        max-width: 100%;

        flex: 0 0 100%;

    }



    #card-noticia .bg-feijao {

        background-image: url(../imagens/bolsinha-bg-feijao.jpg);

        background-size: 100%;

        background-repeat: no-repeat;

        border-top-right-radius: 20px;

        border-top-left-radius: 20px;

        background-size: cover;

        display: flex;

        height: 220px;

        width: 100%;

        max-width: 100%;

        padding: 6% 8%;

        filter: drop-shadow(2px 4px 10px rgba(94, 94, 94, 0.25));

    }



    #card-noticia .btn-assinar-agora {

        color: white;

        background: #F79F38;

        padding: 4% 10%;

        font-weight: 600;

        border-radius: 25px;

        font-size: 14px;

        letter-spacing: 2px;

    }



    #card-noticia .bg-feijao h4 {

        color: white;

        margin: 0;

        align-self: flex-end;

    }



    #card-noticia .card-feijao .noticia, #card-noticia .card-feijao .continuar {

        font-size: 12px;

        padding-bottom: 1.8rem;

        margin: 0;

    }



    #card-noticia .card-feijao .continuar {

        color: #4F4F4F;

        font-weight: 600;

    }



    #card-noticia .card-feijao {

        display: flex;

        flex-wrap: wrap;

        background: white;

        border-bottom-right-radius: 20px;

        border-bottom-left-radius: 20px;

        padding: 6% 8%;

        max-width: 100%;

        filter: drop-shadow(2px 4px 10px rgba(94, 94, 94, 0.25));

    }



    #card-noticia {

        padding: 8% 0;

    }



    .card-noticia {

        display: flex;

        flex-wrap: wrap;

        justify-content: flex-end;

    }



    #cotacao-movel h2, #cotacao-movel p {

        text-align: center;

        width: 100%;

    }



    #cotacao-movel .btn-assinar {

        text-align: center;

        width: 100%;

        margin: 10% 0 5%;

    }



    #cotacao-movel thead tr {

        border-bottom: 1px solid #FFA852;

    }



    #cotacao-movel tr td {

        line-height: 60px;

        font-size: 16px;

    }



    #cotacao-movel table {

        width: 100%;

    }



    #cotacao-movel {

        background: #FEE2C6;

        padding: 8% 0;

    }



    #cotacao-movel th {

        font-size: 18px;

    }



    #cotacao-movel .btn-assinante {

        color: #F5811E;

        background: transparent;

        padding: 3% 10%;

        font-weight: 700;

        border-radius: 25px;

        border: 2px solid #F5811E;

        letter-spacing: 1px;

    }



    #cotacao-movel th {

        color: #4F4F4F;

    }



    #publicidade {

        padding: 15% 0;

    }



    #marketplace .titulo, #marketplace .foto-app {

        width: 100%;

        text-align: center;



    }



    #marketplace .titulo p {

        margin: 5% 0;

    }



    #marketplace .titulo {

        padding: 0 !important;

    }



    #marketplace .titulo .col-6 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    #marketplace .foto-app img {

        width: 80%;

    }



    #sobre-nos {

        background: #F5811E;

    }



    #sobre-nos .div-conteudo {

        width: 100%;

        text-align: center;

    }



    #sobre-nos .div-conteudo p {

        left: 0;

        padding: 0 !important;

    }



    #contato {

        padding: 10% 0 8% 0;

    }



    #contato .nome, #contato .mail, #contato .telefone, #contato .assunto {

        width: 90% !important;

        margin: 10px 15px 10px 15px;

    }



    #contato .row {

        width: 100%;

    }



    #contato .container {

        width: 100%;

    }



    #contato .col-6 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

        text-align: center;

    }



    #contato-redes .container {

        width: 100%;

    }



    #contato-redes h2 {

        text-align: center;

        padding: 5% 0;

    }



    #contato-redes .col-4 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    #contato-redes .assinar {

        width: 100%;

    }



    #contato-redes .margin {

        margin: 5% 0;

    }



    #contato-redes .btn-assinar-agora {

        padding: 9%;

    }



    #contato .mensagem {

        margin: 10px 15px 25px 15px;

        width: 90%;

    }



    #contato .contato button {

        padding: 4% 5%;

        width: 55%;

        margin-bottom: 25px;

    }



    #contato-redes .bloco-mid {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        padding: 10% 0;

    }



    #contato-redes .bloco-mid i, #contato-redes .bloco-mid h5 {

        width: 100%;

        text-align: center;

        padding: 0 5%;

    }



    #contato-redes {

        padding: 15% 0;

    }



    footer .container {

        width: 100%;

    }



    footer .col-6 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

        text-align: center;

        font-size: 12px !important;

    }



    footer {

        padding: 8% 0;

    }



    /* PAGE MKT */

    .page-boletim #vantagens_mkt .row-icones .card-icone {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .page-boletim #vantagens_mkt .conheca h4 {

        font-size: 12px !important;

        padding-bottom: 5%;

    }

    .page-boletim #vantagens_mkt h2 {

        margin: 1% 0 10%;

    }



    .page-boletim #vantagens_mkt .icone div {

        width: 75%;

        padding: 10% 1%;

    }



    .page-boletim #vantagens_mkt .icone svg {

        width: 22px;

        height: 14px;

    }



    .page-boletim #vantagens_mkt .btn-assinar {

        padding: 4% 5%;

        font-size: 14px;

        width: 80%;

    }



    .page-boletim #vantagens_mkt .titulo-menor {

        font-size: 8px;

    }



    .page-boletim #valores .col-6 {

        flex: 0 0 100%;

        max-width: 100%;

        width: 100%;

    }



    .page-boletim #valores .row-form h2 {

        padding: 10%;

    }



    .page-boletim #valores .col-aux {

        padding: 0;

    }



    .page-boletim #valores .row-aux {

        width: 100%;

    }



    .page-boletim #valores .div-assinatura {

        padding: 0 5%;

    }



    .page-boletim #valores table {

        margin: 0 0 10% 0;

    }



    #pagamento .img01 {

        width: 50%;

    }



    #pagamento .img02 {

        width: 25%;

    }



    .page-boletim #pagamento {

        padding: 10% 0;

    }



    .page-boletim #pagamento .texto {

        padding-bottom: 5%;

    }



    .page-boletim #assinatura_mkt {

        padding: 10% 0;

    }



    .page-boletim #assinatura_mkt .texto {

        padding: 0 5%;

    }



    .page-boletim #assinatura_mkt p {

        font-size: 12px;

    }



    .page-boletim #assinatura_mkt .texto button {

        padding: 2% 6%;

    }



    /* PAGE BOLETIM */

    .marketplace-page {
        background-image: url('../imagens/bg-marketplace2.jpg') !important;
    }


    .page-mkt #video .responsive-iframe {
        width: 426px;
        height: 240px;
    }


    .page-mkt #vantagens .row-icones .col-4 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .page-mkt #vantagens .textos h4 {

        font-size: 12px !important;

    }



    #compradores .texto, #vendedores .texto {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

        text-align: center;

    }



    #compradores .texto h2, #vendedores .texto h2 {

        margin: 10% 0;

    }



    #compradores .texto p, #vendedores .texto p {

        font-size: 12px !important;

    }



    #compradores {

        margin-bottom: 0 !important;

    }



    #parceiros h4 {

        font-size: 12px !important;

        margin-bottom: 10%;

    }

}



@media (min-width: 576px) and (max-width: 767.98px) {

    .menu-mobile {

        padding: 20% 10%;

        margin-left: -14%;

        width: 66%;

        top: 0;

    }



    #login-cliente .conteudo-area-cliente {

        padding: 3% 0;

    }



    #login-cliente .inp-mail, #login-cliente .inp-pass {

        height: 100%;

    }



    #login-cliente .icone-login, #login-cliente .icone-senha {

        height: 100%;

    }





    #login-cliente .recuperar {

        width: 100%;

    }



    #login-cliente .area-movel {

        width: 100%;

        font-size: 12px;

    }



    #login-cliente .btn-logar {

        width: 20%;

        font-size: 10px;

    }



    .conteudo-banner {

        width: 100%;

    }



    .conteudo-banner h1 {

        font-size: 32px;

    }



    .conteudo-banner h2 {

        text-align: center;

    }



    .conteudo-banner .row {

        width: 100%;

    }



    .conteudo-banner ul {

        margin: 2%;

        padding: 0 10%;

    }



    .conteudo-banner li.btn {

        width: 100%;

    }



    .conteudo-banner li {

        font-size: 18px;

    }



    .conteudo-banner .imagem {

        text-align: center;

    }



    .conteudo-banner .imagem img {

        width: 70%;

    }



    .conteudo-banner .col-6 {

        width: 100%;

        max-width: 100%;

        flex: 0 0 100%;

    }



    .conteudo-banner .btn-assinar-agora {

        padding: 3% !important;

        width: 55%;

    }



    #card-noticia .bg-feijao {

        background-image: url(../imagens/bolsinha-bg-feijao.jpg);

        background-size: 100%;

        background-repeat: no-repeat;

        border-top-right-radius: 20px;

        border-top-left-radius: 20px;

        background-size: cover;

        display: flex;

        height: 220px;

        width: 100%;

        max-width: 100%;

        padding: 6% 8%;

        filter: drop-shadow(2px 4px 10px rgba(94, 94, 94, 0.25));

    }



    #card-noticia .btn-assinar-agora {

        color: white;

        background: #F79F38;

        padding: 4% 10%;

        font-weight: 600;

        border-radius: 25px;

        font-size: 14px;

        letter-spacing: 2px;

    }



    #card-noticia .bg-feijao h4 {

        color: white;

        margin: 0;

        align-self: flex-end;

    }



    #card-noticia .card-feijao .noticia, #card-noticia .card-feijao .continuar {

        font-size: 12px;

        padding-bottom: 1.8rem;

        margin: 0;

    }



    #card-noticia .card-feijao .continuar {

        color: #4F4F4F;

        font-weight: 600;

    }



    #card-noticia .card-feijao {

        display: block;

        background: white;

        border-bottom-right-radius: 20px;

        border-bottom-left-radius: 20px;

        padding: 6% 8%;

        max-width: 100%;

        filter: drop-shadow(2px 4px 10px rgba(94, 94, 94, 0.25));

    }



    #card-noticia {

        padding: 8% 0;

    }



    .card-noticia {

        display: flex;

        flex-wrap: wrap;

        justify-content: flex-end;

    }



    #cotacao-movel h2, #cotacao-movel p {

        text-align: center;

        width: 100%;

    }



    #cotacao-movel thead tr {

        border-bottom: 1px solid #FFA852;

    }



    #cotacao-movel tr td {

        line-height: 60px;

        font-size: 16px;

    }



    #cotacao-movel table {

        width: 100%;

    }



    #cotacao-movel {

        background: #FEE2C6;

        padding: 8% 0;

    }



    #cotacao-movel th {

        font-size: 18px;

    }



    #cotacao-movel .btn-assinante {

        color: #F5811E;

        background: transparent;

        padding: 3% 10%;

        font-weight: 700;

        border-radius: 25px;

        border: 2px solid #F5811E;

        letter-spacing: 1px;

    }



    #cotacao-movel th {

        color: #4F4F4F;

    }



    #cotacao-movel .btn-assinar {

        width: 100%;

        display: flex;

        justify-content: center;

    }



    #publicidade {

        padding: 10% 0;

    }



    #marketplace .titulo, #marketplace .foto-app {

        width: 100%;

        text-align: center;



    }



    #marketplace .titulo {

        padding: 0 !important;

    }



    #marketplace .titulo .col-6 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    #marketplace .foto-app img {

        width: 80%;

    }



    #marketplace .btn-conheca {

        padding: 3% 10%;

    }

    .marketplace-page {
        background-image: url('../imagens/bg-marketplace2.jpg') !important;
    }



    #sobre-nos .div-conteudo {

        width: 100%;

        text-align: center;

        padding: 15% 6% 6%;

    }



    #sobre-nos .div-conteudo p {

        left: 0;

        padding: 0 !important;

    }



    #contato {

        padding: 10% 0 8% 0;

    }



    #contato .nome, #contato .mail, #contato .telefone, #contato .assunto {

        width: 93% !important;

    }



    #contato .row {

        width: 100%;

    }



    #contato .container {

        width: 100%;

    }



    #contato .col-6 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

        text-align: center;

    }



    #contato-redes .container {

        width: 100%;

    }



    #contato-redes .col-4 div {

        text-align: center;

    }



    #contato-redes h2 {

        text-align: center;

        padding: 5% 0;

    }



    #contato-redes .col-4 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    #contato-redes .assinar {

        width: 100%;

    }



    #contato-redes .btn-assinar-agora {

        padding: 5%;

    }



    #contato .mensagem {

        margin: 10px 15px 25px 0;

    }



    #contato .contato button {

        padding: 2% 3%;

        width: 35%;

        margin-bottom: 25px;

    }



    #contato-redes .bloco-mid {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        padding: 10% 0;

    }



    #contato-redes .bloco-mid i, #contato-redes .bloco-mid h5 {

        width: 100%;

        text-align: center;

        padding: 0 5%;

    }



    #contato-redes {

        padding: 15% 0;

    }



    footer .container {

        width: 100%;

    }



    footer .col-6 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

        text-align: center;

        font-size: 12px !important;

    }



    footer {

        padding: 8% 0;

    }



    /* PAGE MKT */

    .page-boletim #vantagens_mkt .row-icones .card-icone {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .page-boletim #vantagens_mkt .conheca h4 {

        font-size: 12px !important;

        padding-bottom: 5%;

    }


    .page-boletim #vantagens_mkt h2 {

        margin: 1% 0 10%;

    }



    .page-boletim #vantagens_mkt .icone div {

        width: 65%;

        padding: 20% 15%;

    }



    .page-boletim #vantagens_mkt .btn {

        width: 100%;

        max-width: 100%;

        flex: 0 0 100%;

    }



    .page-boletim #vantagens_mkt .btn-assinar {

        padding: 4% 0;

        font-size: 10px;

        width: 55%;

    }



    .page-boletim #vantagens_mkt .titulo-menor {

        font-size: 8px;

    }



    .page-boletim #valores .col-6 {

        flex: 0 0 100%;

        max-width: 100%;

        width: 100%;

    }



    .page-boletim #valores .row-form h2 {

        padding: 10%;

    }



    .page-boletim #valores .col-aux {

        padding: 0;

    }



    .page-boletim #valores .row-aux {

        width: 100%;

    }



    .page-boletim #valores .div-assinatura {

        padding: 0 5%;

    }



    .page-boletim #valores table {

        margin: 0 0 10% 0;

    }



    #pagamento .img01 {

        width: 50%;

    }



    #pagamento .img02 {

        width: 25%;

    }



    .page-boletim #pagamento {

        padding: 10% 0;

    }



    .page-boletim #pagamento .texto {

        padding-bottom: 5%;

    }



    .page-boletim #assinatura_mkt {

        padding: 10% 0;

    }



    .page-boletim #assinatura_mkt .texto {

        padding: 0 5%;

    }



    .page-boletim #assinatura_mkt p {

        font-size: 12px;

    }



    .page-boletim #assinatura_mkt .texto button {

        padding: 2% 6%;

    }



    /* PAGE BOLETIM */


    .page-mkt #video .responsive-iframe {
        width: 426px;
        height: 240px;
    }


    .page-mkt #vantagens .row-icones .col-4 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .page-mkt #vantagens .textos h4 {

        font-size: 12px !important;

    }



    #compradores .texto, #vendedores .texto {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

        text-align: center;

    }



    #compradores .texto h2, #vendedores .texto h2 {

        margin: 10% 0;

    }



    #compradores .texto p, #vendedores .texto p {

        font-size: 12px !important;

    }



    #compradores {

        margin-bottom: 0 !important;

    }



    #parceiros h4 {

        font-size: 12px !important;

        margin-bottom: 10%;

    }

}



@media (min-width: 768px) and (max-width: 991.98px) {

    .menu-mobile {

        padding: 20% 10%;

        margin-left: -14%;

        width: 66%;

        top: 0;

    }



    .logo-bolsinha img {

        width: 55% !important;

    }



    #login-cliente .conteudo-area-cliente {

        padding: 3% 0;

    }



    #login-cliente .inp-mail, #login-cliente .inp-pass {

        height: 100%;

    }



    #login-cliente .icone-login, #login-cliente .icone-senha {

        height: 100%;

    }





    #login-cliente .recuperar {

        width: 100%;

    }



    #login-cliente .area-movel {

        width: 100%;

        font-size: 12px;

    }



    #login-cliente .btn-logar {

        width: 20%;

        font-size: 10px;

    }



    .conteudo-banner {

        width: 100%;

    }



    .conteudo-banner h1 {

        font-size: 32px;

    }



    .conteudo-banner h2 {

        text-align: center;

    }



    .conteudo-banner .row {

        width: 100%;

    }



    .conteudo-banner ul {

        margin: 2%;

        padding: 0 10%;

    }



    .conteudo-banner li.btn {

        width: 100%;

    }



    .conteudo-banner li {

        font-size: 18px;

    }



    .conteudo-banner .imagem {

        text-align: center;

    }



    .conteudo-banner .imagem img {

        width: 70%;

    }



    .conteudo-banner .col-6 {

        width: 100%;

        max-width: 100%;

        flex: 0 0 100%;

    }



    .conteudo-banner .btn-assinar-agora {

        padding: 3% !important;

        width: 55%;

    }



    #card-noticia .bg-feijao {

        background-image: url(../imagens/bolsinha-bg-feijao.jpg);

        background-size: 100%;

        background-repeat: no-repeat;

        border-top-right-radius: 20px;

        border-top-left-radius: 20px;

        background-size: cover;

        display: flex;

        height: 220px;

        width: 100%;

        max-width: 100%;

        padding: 6% 8%;

        filter: drop-shadow(2px 4px 10px rgba(94, 94, 94, 0.25));

    }



    #card-noticia .btn-assinar-agora {

        color: white;

        background: #F79F38;

        padding: 4% 10%;

        font-weight: 600;

        border-radius: 25px;

        font-size: 14px;

        letter-spacing: 2px;

    }



    #card-noticia .bg-feijao h4 {

        color: white;

        margin: 0;

        align-self: flex-end;

    }



    #card-noticia .card-feijao .noticia, #card-noticia .card-feijao .continuar {

        font-size: 12px;

        padding-bottom: 1.8rem;

        margin: 0;

    }



    #card-noticia .card-feijao .continuar {

        color: #4F4F4F;

        font-weight: 600;

    }



    #card-noticia .card-feijao {

        display: block;

        background: white;

        border-bottom-right-radius: 20px;

        border-bottom-left-radius: 20px;

        padding: 6% 8%;

        max-width: 100%;

        filter: drop-shadow(2px 4px 10px rgba(94, 94, 94, 0.25));

    }



    #card-noticia {

        padding: 8% 0;

    }



    .card-noticia {

        display: flex;

        flex-wrap: wrap;

        justify-content: flex-end;

    }



    #cotacao-movel h2, #cotacao-movel p {

        text-align: center;

        width: 100%;

    }



    #cotacao-movel thead tr {

        border-bottom: 1px solid #FFA852;

    }



    #cotacao-movel tr td {

        line-height: 60px;

        font-size: 16px;

    }



    #cotacao-movel table {

        width: 100%;

    }



    #cotacao-movel {

        background: #FEE2C6;

        padding: 8% 0;

    }



    #cotacao-movel th {

        font-size: 18px;

    }



    #cotacao-movel .btn-assinante {

        color: #F5811E;

        background: transparent;

        padding: 3% 10%;

        font-weight: 700;

        border-radius: 25px;

        border: 2px solid #F5811E;

        letter-spacing: 1px;

    }



    #cotacao-movel th {

        color: #4F4F4F;

    }



    #cotacao-movel .btn-assinar {

        width: 100%;

        display: flex;

        justify-content: center;

    }



    #publicidade {

        padding: 10% 0;

    }



    #marketplace .titulo, #marketplace .foto-app {

        width: 100%;

        text-align: center;



    }



    #marketplace .titulo {

        padding: 0 !important;

    }



    #marketplace .titulo .col-6 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    #marketplace .foto-app img {

        width: 80%;

    }



    #marketplace .btn-conheca {

        padding: 3% 10%;

    }



    #sobre-nos .div-conteudo {

        width: 100%;

        text-align: center;

        padding: 15% 6% 6%;

    }



    #sobre-nos .div-conteudo p {

        left: 0;

        padding: 0 !important;

    }



    #contato {

        padding: 10% 0 8% 0;

    }



    #contato .nome, #contato .mail, #contato .telefone, #contato .assunto {

        width: 93% !important;

    }



    #contato .row {

        width: 100%;

    }



    #contato .container {

        width: 100%;

    }



    #contato .col-6 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

        text-align: center;

    }



    #contato-redes .container {

        width: 100%;

    }



    #contato-redes .col-4 div {

        text-align: center;

    }



    #contato-redes h2 {

        text-align: center;

        padding: 5% 0;

    }



    #contato-redes .col-4 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    #contato-redes .assinar {

        width: 100%;

    }



    #contato-redes .btn-assinar-agora {

        padding: 5%;

    }



    #contato .mensagem {

        margin: 10px 15px 25px 0;

    }



    #contato .contato button {

        padding: 2% 3%;

        width: 35%;

        margin-bottom: 25px;

    }



    #contato-redes .bloco-mid {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

        padding: 10% 0;

    }



    #contato-redes .bloco-mid i, #contato-redes .bloco-mid h5 {

        width: 100%;

        text-align: center;

        padding: 0 5%;

    }



    #contato-redes {

        padding: 15% 0;

    }



    footer .container {

        width: 100%;

    }



    footer .col-6 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

        text-align: center;

        font-size: 12px !important;

    }



    footer {

        padding: 8% 0;

    }



    /* PAGE MKT */

    .page-boletim #vantagens_mkt .row-icones .card-icone {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .page-boletim #vantagens_mkt .conheca h4 {

        font-size: 12px !important;

        padding-bottom: 5%;

    }


    .page-boletim #vantagens_mkt h2 {

        margin: 1% 0 10%;

    }


    .page-boletim #vantagens_mkt .icone div {

        width: 65%;

        padding: 20% 15%;

    }



    .page-boletim #vantagens_mkt .btn {

        width: 100%;

        max-width: 100%;

        flex: 0 0 100%;

    }



    .page-boletim #vantagens_mkt .btn-assinar {

        padding: 3% 0;

        font-size: 10px;

        width: 43%;

    }



    .page-boletim #vantagens_mkt .titulo-menor {

        font-size: 8px;

    }



    .page-boletim #valores .col-6 {

        flex: 0 0 100%;

        max-width: 100%;

        width: 100%;

    }



    .page-boletim #valores .row-form h2 {

        padding: 10%;

    }



    .page-boletim #valores .col-aux {

        padding: 0;

    }



    .page-boletim #valores .row-aux {

        width: 100%;

    }



    .page-boletim #valores .div-assinatura {

        padding: 0 5%;

    }



    .page-boletim #valores table {

        margin: 0 0 10% 0;

    }



    #pagamento .img01 {

        width: 50%;

    }



    #pagamento .img02 {

        width: 25%;

    }



    .page-boletim #pagamento {

        padding: 10% 0;

    }



    .page-boletim #pagamento .texto {

        padding-bottom: 5%;

    }



    .page-boletim #assinatura_mkt {

        padding: 10% 0;

    }



    .page-boletim #assinatura_mkt .texto {

        padding: 0 5%;

    }



    .page-boletim #assinatura_mkt p {

        font-size: 12px;

    }



    .page-boletim #assinatura_mkt .texto button {

        padding: 2% 6%;

    }



    /* PAGE BOLETIM */

    .marketplace-page {
        background-image: url('../imagens/bg-marketplace2.jpg') !important;
    }


    .page-mkt #video .responsive-iframe {
        width: 640px;
        height: 360px;
    }

    .page-mkt #vantagens .row-icones .col-4 {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

    }



    .page-mkt #vantagens .textos h4 {

        font-size: 12px !important;

    }



    .page-mkt #vantagens .icone svg {

        padding: 3%;

    }



    #compradores .texto, #vendedores .texto {

        width: 100%;

        flex: 0 0 100%;

        max-width: 100%;

        text-align: center;

    }



    #compradores .texto h2, #vendedores .texto h2 {

        margin: 10% 0;

    }



    #compradores .texto p, #vendedores .texto p {

        font-size: 12px !important;

    }



    #compradores {

        margin-bottom: 0 !important;

    }



    #parceiros h4 {

        font-size: 12px !important;

        margin-bottom: 10%;

    }

}



@media (min-width: 992px) and (max-width: 1199.98px) {



}





/* UTILITÁRIOS */





/* UTILIDADES */



.right {

    text-align: right;

}



.orange {

    color: #FF9851;

}



.green {

    color: #4ea92e;

}



.fz-14 {

    font-size: 14px;

}



.marron {

    color: #4F4F4F;

}



/* TIPOGRAFIA */



h1, h2, h3, h4, h5, h6, div, span, a, p, li, button {

    font-family: 'Montserrat', sans-serif;

}



h2 {

    font-size: 2.7rem;

    font-weight: 600;

}