@charset "utf-8";

/* Geral /////////////////////////////////// */
body {
    margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #124794;
    font-family: 'Lota Grotesque';
}

a {
    color: inherit;
}

@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600&display=swap');

/*
.background-image: url("img.jpg");
.height: 50vh;
.style="background-image: url('img/foto1.jpg');"
.width: calc(100% - 150px);
.font-family: 'DM Sans', sans-serif;
.font-family: 'Syncopate', sans-serif;
.rgb(0, 0, 0, 0.2)
.rgb(255, 255, 255, 0.2)
*/

/* Bloco Principais /////////////////////////////////// */
















.infos_venda {
    width: 955px;
    margin: 0 auto;
    font-family: 'Golos Text', sans-serif;
    text-transform: uppercase;
    display: table;
}

.infos_verde {
    width: 50%;
    text-align: center;
    background-color: #5ed1c7;
    color: #fff;
    float: left;
    font-size: 20px;
    padding: 2% 5%;
}

.infos_verde:hover {
    background-color: #14a094;
    cursor: pointer;
}

.infos_rosa {
    width: 30%;
    text-align: center;
    background-color: #f0c6d0;
    color: #fff;
    float: left;
    font-size: 20px;
    padding: 2% 5%;
    text-align: center;
}

.infos_rosa:hover {
    background-color: #ba6076;
    cursor: pointer;
}

.home_conteudo {
    width: 1000px;
    margin: 100px auto;
    font-family: 'Golos Text', sans-serif;
    text-transform: uppercase;
    display: table;
}

.home_conteudo_texto {
    width: 44%;
    margin: 0 3% 0 0;
    float: left;
    font-size: 21px;
    color: #6e391b;
    font-family: 'Golos Text', sans-serif;
    text-align: center;
}

.home_conteudo_texto img {
    width: 100%;
    max-width: 365px;
}

.home_conteudo_texto span {
    font-family: 'Golos Text', sans-serif;
}

.home_conteudo_foto {
    width: 53%;
    margin: 0;
    float: left;
}

.home_conteudo_foto img {
    width: 100%;
}

.lista_cat {
    width: 100%;
    margin: 0;
    font-family: 'Golos Text', sans-serif;
    text-transform: uppercase;
    display: table;
}

.lista_cat_titulo {
    width: 100%;
    margin: 0;
    padding: 50px 0;
    display: table;
    text-align: left;
    background-color: #C43F23;
    font-size: 15px;
    color: #ffffff;
    border-bottom: 2px solid #000000;
    font-family: 'Golos Text', sans-serif;
    
}

.lista_cat_titulo span {
    display: table;
    font-size: 50px;
    width: 90%;
    margin: 0 auto 10px auto;
    font-weight: 600;
    letter-spacing: 1px;
}

.lista_cat_titulo p {
    display: table;
    font-size: 13px;
    width: 90%;
    margin: 0 auto;
    font-weight: 300;
}









.lista_cat_filtro {
    width: 100%;
    margin: 0 0 60px 0;
    font-family: 'Golos Text', sans-serif;
    display: table;
}

.lista_cat_filtro span {
    display: table;
    float: left;
    color: #b8b8b8;
    font-family: 'Golos Text', sans-serif;
    padding: 12px 0 0 0;
}

.lista_cat_filtro select {
    display: table;
    padding: 8px 60px 8px 15px;
    border: 2px solid #acacac;
    color: #646464;
    font-size: 16px;
    font-family: 'Golos Text', sans-serif;
    text-transform: uppercase;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/sel_seta.png) no-repeat center right #fff;
    float: left;
    margin: 0 20px;
}

.lista_produto_g {
    float: left;
    width: 31%;
    margin: 0 1%;
    position: relative;
    min-height: 480px;
}

.lista_produto_img {
    display: table;
}

.lista_produto_mascara {
    width: 100%;
    min-height: 310px;
    display: table;
    position: absolute;
    background-image: url('../img/mascara_lista.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9;
}

.lista_produto_foto {
    display: table;
}

.lista_produto_foto img {
    width: 100%;
}

.lista_produto_mini {
    display: table;
    position: absolute;
    z-index: 99;
    margin: 0 0 0 220px;
}

.lista_produto_mini img {
    max-width: 75px;
}

.lista_produto_mini span {
    position: absolute;
    color: #fff;
    margin: 27px 0 0 15px;
    font-size: 19px;
}

.lista_produto_nome {
    width: 100%;
    display: table;
    text-align: center;
    position: absolute;
    z-index: 999;
    margin: -23px auto 0 auto;
}

.lista_produto_nome span {
    background-color: #fff;
    border: 4px solid #f1617e;
    padding: 11px 35px;
    font-size: 20px;
    color: #f1617e;
    border-radius: 40px;
}

.lista_produto_nome span:hover {
    background-color: #f1617e;
    border: 4px solid #f1617e;
    padding: 11px 35px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    border-radius: 40px;
}

.lista_produto_desc {
    color: #646464;
    margin: 35px 5% 0 5%;
    text-align: center;
    font-size: 14px;
    width: 90%;
}

.produto_janela_a {
    width: 60%;
    float: left;
}

.produto_janela_a img {
    width: 100%
}

.produto_janela_b {
    width: 38%;
    margin: 0 0 0 2%;
    float: left;
}

.produto_janela_b img {
    width: 100%
}

.produto_janela_b_titulo {
    color: #fff;
    font-size: 35px;
    border-bottom: 1px solid #92e7dd;
    padding: 10px 0 20px 0;
    margin: 0 0 25px 0;
    font-family: 'Golos Text', sans-serif;
}

.produto_janela_b_desc {
    color: #fff;
    margin: 0 0 30px 0;
    border-bottom: 1px solid #92e7dd;
    font-size: 15px;
    text-transform: uppercase;
    padding: 0 0 25px 0;
}

.produto_janela_b img {
    width: 32.6%;
    float: left;
    margin: 0.3%;
}

.produto_janela {
    background-image: url('../img/fundo_janela.png');
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    font-family: 'Golos Text', sans-serif;
}

.produto_janela_meio {
    background-color: #5ed2c7;
    margin: 5% auto;
    padding: 1.5%;
    width: 900px;
    display: table;
}













.lista_sabores {
    width: 90%;
    margin: 30px auto;
    display: table;
}
.cat_sabores {
    width: 100%;
    display: table;
    border-bottom: 1px solid #F2F1E2;
    color: #F2F1E2;
    font-size: 20px;
    margin: 0;
    font-weight: 600;
}

.cat_nome_titulos {
    float: left;
    width: 12%;
    padding: 12px 2%;
}

.cat_massa_titulos {
    float: left;
    width: 16%;
    padding: 12px 2%;
    border-left: 1px solid #F2F1E2;
}

.cat_recheio_titulos {
    float: left;
    width: 22%;
    padding: 12px 2%;
    border-right: 1px solid #F2F1E2;
    border-left: 1px solid #F2F1E2;
}

.cat_cobertura_titulos {
    float: left;
    width: 22%;
    padding: 12px 2%;
    border-left: 1px solid #F2F1E2;
}

.cat_foto_titulos {
    float: left;
    width: 6%;
    padding: 12px 2%;
    border-left: 1px solid #F2F1E2;
}

.cat_foto img {
    width: 30px;
}

.cat_sabores_a {
    width: 100%;
    display: table;
    border-bottom: 1px solid #ccc;
    color: #ffffff;
    font-size: 14px;
    margin: 0;
}

.cat_sabores_b {
    background-color: #123262;
    width: 100%;
    display: table;
    border-bottom: 1px solid #ccc;
    color: #ffffff;
    font-size: 14px;
    margin: 0;
}

.cat_nome {
    float: left;
    width: 12%;
    padding: 12px 2%;
}

.cat_massa {
    float: left;
    width: 16%;
    padding: 12px 2%;
    border-left: 1px solid #ccc;
}

.cat_recheio {
    float: left;
    width: 22%;
    padding: 12px 2%;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.cat_cobertura {
    float: left;
    width: 22%;
    padding: 12px 2%;
}

.cat_foto {
    float: left;
    width: 5%;
    padding: 12px 2%;
    border-left: 1px solid #ccc;
}

.cat_foto img {
    max-height: 59px;
}

#submenu {
    position: absolute;
    z-index: 99999;
    display: block;
}

.submenu_seta {
    margin: 0;
    padding: 0;
    display: table;
}

.topo_menu_subcat {
    background-color: #eefffe;
    color: #1a877e;
    border: 3px solid #108a7f;
    text-align: center;
    padding: 15px;
    display: table;
    margin: 0px;
}

.topo_menu_subcat span {
    width: 100%;
    display: table;
    padding: 2px 0;
    border-bottom: 1px solid #108a7f;
}

.topo_menu_subcat a {
    text-decoration: none;
    float: left;
}

.topo_menu_subcat a:hover {
    text-decoration: none;
    color: #0d6a62;
    cursor: pointer;
}

.lista_fotos {
    width: 100%;
    display: table;
}

.lista_foto {
    width: 19.6%;
    margin: 0.1% 0.2%;
    float: left;
    overflow: hidden;
    height: 120px;
}

.lista_foto img {
    width: 100%;
    cursor: pointer;
}

.texto_sobre {
    width: 90%;
    margin: 0 5%;
    display: table;
    text-align: center;
    font-family: 'Golos Text', sans-serif;
    color: #0d6a62;
    font-size: 22px;
}

.contato_box {
    width: 70%;
    margin: 20px auto 0 auto;
    padding: 0 0 50px 0;
    color: #969696;
    font-family: 'Golos Text', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

.contato_box li {
    list-style: none;
}

.contato_box input {
    border: 1px solid #0d6a62;
    padding: 2% 2% 1.5% 2%;
    color: #0d6a62;
    font-size: 12px;
    text-transform: uppercase;
    width: 96%;
    margin: 0 0 7px 0;
    outline: none;
    background-color: #fff;
    letter-spacing: 3px;
}

.contato_box textarea {
    border: 1px solid #0d6a62;
    padding: 2%;
    color: #0d6a62;
    font-size: 12px;
    text-transform: uppercase;
    width: 96%;
    margin: 0 0 7px 0;
    outline: none;
    height: 100px;
    background-color: #fff;
    letter-spacing: 3px;
}

.pg_formulario_botao input {
    margin: 0;
    width: 100%;
    font-family: 'Golos Text', sans-serif;
    color: #fff;
    font-size: 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
    background-color: #5ed1c7;
    display: table;
    padding: 10px;
    border: 0px;
    cursor: pointer;
    letter-spacing: 4px;
}

.pg_formulario_botao input:hover {
    background-color: #f46b6f;
}

.contato_box_texto {
    color: #fff;
    font-family: 'Golos Text', sans-serif;
    font-size: 13px;
    text-align: center;
    margin: 20px auto;
    display: table;
}

.contato_box_titulos {
    width: 100%;
    padding: 0 0 20px 0;
    margin: 30px 0;
    color: #ccc;
    font-size: 30px;
    text-align: center;
    border-bottom: 1px solid #676767;
    font-family: 'Golos Text', sans-serif;
}

.contato_box_ok {
    margin: 0;
    width: 90%;
    font-family: 'Golos Text', sans-serif;
    color: #bbaf84;
    font-size: 24px;
    letter-spacing: 3px;
    text-transform: uppercase;
    background-color: #fff;
    display: table;
    padding: 30px 5%;
    border: 3px solid #bbaf84;
    cursor: pointer;
}

.contato_box_outro {
    margin: auto;
    width: 90%;
    font-family: 'Golos Text', sans-serif;
    color: #666;
    font-size: 24px;
    letter-spacing: 3px;
    text-transform: uppercase;
    background-color: #fff;
    display: table;
    padding: 30px 5% 0px 5%;
    border: 0px;
    cursor: pointer;
    text-align: center;
}

.topo_celular {
    display: none;
}

.slides_celular {
    display: none;
}

@media screen and (max-width:700px) {
    .topo {
        display: none;
    }

    .toldo {
        display: none;
    }

    .slides {
        display: none;
    }

    .camadas {
        display: table;
        width: 100%;
    }

    .topo_celular {
        background-image: url('../img/topo_fundo.png');
        background-position: bottom;
        background-color: #56cfc4;
        width: 100%;
        margin: 0;
        padding: 0;
        background-repeat: repeat-x;
        display: table;
    }

    .topo_meio {
        width: 100%;
        margin: 0 auto;
        display: table;
        font-family: 'Golos Text', sans-serif;
    }

    .topo_meio li {
        list-style: none;
        color: #fff;
        text-transform: uppercase;
        float: left;
        font-size: 16px;
    }

    .topo_meio li:hover {
        color: #f1617e;
        cursor: pointer;
    }

    .t_menu_a {
        width: 100%;
        display: table;
    }

    .t_menu_a li {
        margin: 0 0 5px 0;
        padding: 0 0 5px 0;
        width: 100%;
        display: table;
        text-align: center;
        border-bottom: 1px solid #4fc1b7;
    }

    .marca {
        width: 70%;
        display: table;
        margin: 20px 15%;
    }

    .marca img {
        width: 100%;
    }

    .slides_celular {
        width: 100%;
        display: table;
    }

    .toldo_c {
        background-image: url('../img/toldo.png');
        height: 100px;
        background-size: 150%;
        width: 100%;
        margin: auto;
        background-position: top center;
        background-repeat: no-repeat;
        margin: 0;
        position: absolute;
        z-index: 999;
    }

    .toldo_interna {
        background-image: url('../img/toldo.png');
        height: 100px;
        background-size: 150%;
        width: 100%;
        margin: auto;
        background-position: top center;
        background-repeat: no-repeat;
        margin: 0;
        position: absolute;
        z-index: 999;
        background-color: #efefef;
        padding: 0 0 60px 0;
        display: table;
    }

    .slides_c {
        width: 100%;
        margin: auto;
        background-position: center;
        background-repeat: no-repeat;
        height: 170px;
        margin: 0;
        position: relative;
        z-index: 99;
    }

    .slides_c img {
        margin: 50px 0 0 0;
        width: 100%;
    }

    .infos_venda {
        width: 100%;
        margin: 0 auto;
        font-family: 'quicksandbold';
        text-transform: uppercase;
        0;
        display: table;
    }

    .infos_verde {
        width: 100%;
        text-align: center;
        background-color: #5ed1c7;
        color: #fff;
        float: left;
        padding: 4% 0;
        font-size: 15px;
    }

    .infos_verde:hover {
        background-color: #14a094;
        cursor: pointer;
    }

    .infos_rosa {
        width: 100%;
        text-align: center;
        background-color: #f0c6d0;
        color: #fff;
        float: left;
        padding: 4% 0;
        text-align: center;
        font-size: 15px;
    }

    .infos_rosa:hover {
        background-color: #ba6076;
        cursor: pointer;
    }

    .home_conteudo {
        width: 70%;
        margin: 30px auto;
        font-family: 'quicksandbold';
        text-transform: uppercase;
        display: table;
    }

    .home_conteudo_texto {
        width: 100%;
        margin: 0 3% 0 0;
        display: table;
        font-size: 18px;
        color: #6e391b;
        font-family: 'quicksandbook';
        text-align: center;
    }

    .home_conteudo_texto img {
        width: 100%;
        max-width: 365px;
    }

    .home_conteudo_texto span {
        font-family: 'quicksandbold';
    }

    .home_conteudo_foto {
        width: 100%;
        margin: 50px 0;
        display: table;
    }

    .home_conteudo_foto img {
        width: 100%;
    }

    

    .lista_cat {
        width: 100%;
        margin: 0px auto 40px auto;
        text-transform: uppercase;
        display: table;
    }

  

    .cat_sabores {
        width: 100%;
        display: table;
        border-bottom: 1px solid #F2F1E2;
        color: #F2F1E2;
        font-size: 11px;
        margin: 0;
    }

    .cat_nome_titulos {
        float: left;
        width: 12%;
        padding: 12px 2%;
    }

    .cat_massa_titulos {
        float: left;
        width: 16%;
        padding: 12px 2%;
        border-left: 1px solid #F2F1E2;
        font-weight: 600;
    }

    .cat_recheio_titulos {
        float: left;
        width: 22%;
        padding: 12px 2%;
        border-right: 0px solid #F2F1E2;
        border-left: 1px solid #F2F1E2;
    }

    .cat_cobertura_titulos {
        float: left;
        width: 22%;
        padding: 12px 2%;
        border-left: 1px solid #ccc;
    }

    .cat_foto_titulos {
        float: left;
        width: 6%;
        padding: 12px 2%;
    }

    .cat_foto img {
        width: 30px;
    }

    .cat_sabores_a {
        width: 100%;
        display: table;
        border-bottom: 1px solid #ccc;
        font-size: 10px;
        margin: 0;
    }

    .cat_sabores_b {
        width: 100%;
        display: table;
        border-bottom: 1px solid #ccc;
        font-size: 10px;
        margin: 10px 0;
    }

    .cat_nome {
        float: left;
        width: 12%;
        padding: 12px 2%;
    }

    .cat_massa {
        float: left;
        width: 16%;
        padding: 12px 2%;
        border-left: 1px solid #ccc;
    }

    .cat_recheio {
        float: left;
        width: 22%;
        padding: 12px 2%;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    .cat_cobertura {
        float: left;
        width: 22%;
        padding: 12px 2%;
    }

    .cat_foto {
        float: left;
        width: 5%;
        padding: 12px 2%;
        border-left: 1px solid #ccc;
    }

    .cat_foto img {
        width: 20px;
    }

}