@font-face {
    font-family: 'montserrat-light';
    src: url('/font/Montserrat-Light.ttf') format('truetype');
    /*src: url('/font/poppins-regular.ttf') format('truetype');*/
}

@font-face {
    font-family: 'montserrat-medium';
    src: url('/font/Montserrat-Medium.ttf') format('truetype');
    /*src: url('/font/poppins-regular.ttf') format('truetype');*/
}

@font-face {
    font-family: 'montserrat-extrabold';
    src: url('/font/Montserrat-ExtraBold.ttf') format('truetype');
    /*src: url('/font/poppins-regular.ttf') format('truetype');*/
}

@font-face {
    font-family: 'montserrat-bolditalic';
    src: url('/font/Montserrat-BoldItalic.ttf') format('truetype');
    /*src: url('/font/poppins-regular.ttf') format('truetype');*/
}

@font-face {
    font-family: 'montserrat-italic';
    src: url('/font/Montserrat-Italic.ttf') format('truetype');
    /*src: url('/font/poppins-regular.ttf') format('truetype');*/
}

@font-face {
    font-family: 'montserrat-bold';
    src: url('/font/Montserrat-Bold.ttf') format('truetype');
    /*src: url('/font/poppins-regular.ttf') format('truetype');*/
}

@font-face {
    font-family: 'montserrat-regular';
    src: url('/font/Montserrat-Regular.ttf') format('truetype');
    /*src: url('/font/poppins-regular.ttf') format('truetype');*/
}

* {
    font-family: 'montserrat-medium';
    font-size: 14px;
}

LI {
    list-style: none
}

BODY {
    color: #1d1d1b;
    background-color: #fffefa;
}

B {
    font-family: montserrat-bold;
}

H1 {
    font-family: montserrat-extrabold;
    font-size: 26px
}

H2, .h2 {
    font-family: montserrat-bold;
    font-size: 16px;
    line-height: 22px;
}

HR {
    /*border-top: dotted 2px #ccc;*/
    border-top: solid 2px #dc3545;
    opacity: 1;
}

A {
    text-decoration: none;
    color: #1d1d1b;
}

    A:HOVER {
        text-decoration: underline;
        color: #1d1d1b;
    }

BUTTON, INPUT[type=BUTTON], INPUT[type=SUBMIT] {
    font-family: montserrat-bold;
    text-transform: uppercase
}

TEXTAREA {
    resize: none
}

SPAN.vencimento {
    font-family: 'montserrat-light';
    font-size: 13px;
}

I.subtitulo, I.subtitulo * {
    font-size: 13px;
    color: #999;
}

#divCarregando {
    width: 300px;
    margin: 0 auto;
}

#divCarregandoInterna {
    width: 250px;
    border: #ccc 1px dotted;
    padding: 16px;
    background-color: #fff;
}

.forGoogle {
    position: absolute;
    top: -100px;
}

.comprar #txtQuantidade {
    font-family: 'montserrat-bold';
}

.comprar .avaliar {
    top: 35px !important;
}

.comprar .soma, .comprar .subtrai {
    cursor: pointer
}

.modal-body {
    background-color: #eee;
    padding: 1.5rem
}

.modal.fade {
    padding-right: 0px !important
}

.modal-open {
    overflow: scroll;
}

.popover {
    max-width: 100% !important;
}

    .popover ul {
        /*padding-right: 2rem;*/
        /*padding: 0 12px 0 12px*/
        padding: 0;
    }

.col-auto {
    flex: 1 0 0% !important
}

.slick-prev:before {
    color: #999 !important;
}

.slick-next:before {
    color: #999 !important;
}

.bg {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.alinhar-rodape { /* Acima deve estar com position: relative; */
    top: auto;
    bottom: 0;
    position: absolute
}

.metade {
    float: left;
    width: 50%;
}

.ddd {
    width: 25%;
}

.telefone {
    width: 75%;
}

.box {
    background-color: #f5f3e6;
    /*border-radius: 6px;*/
}

.box-escuro {
    font-family: montserrat-italic;
    font-size: 12px;
    color: #dedede !important;
    background-color: #1d1d1b;
    /*border-radius: 2px;*/
    padding: 4px 10px;
}

.box-red {
    font-family: montserrat-italic;
    font-size: 12px;
    color: #dedede !important;
    background-color: #900;
    /*border-radius: 2px;*/
    padding: 4px 10px;
}

    .box-red A {
        font-family: montserrat-extrabold;
        font-size: 26px;
        color: #ccc;
    }

        .box-red A.ativo {
            font-family: montserrat-extrabold;
            font-size: 26px;
            color: #fff;
            text-decoration: underline;
        }

        .box-red A.mes {
            font-size: 17px;
        }

.box-claro {
    font-family: montserrat-italic;
    font-size: 12px;
    color: #1d1d1b !important;
    background-color: #dedede;
    /*border-radius: 2px;*/
    padding: 4px 10px;
}

    .box-claro A {
        font-family: montserrat-italic;
        font-size: 12px;
    }

.header {
    background-color: #ccc;
    position: relative;
    /*max-width: 1320px;*/
}

    .header .conteudo {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .header .alinhar-rodape {
        padding-top: 24px;
        background-color: rgb(0, 0, 0, 0.7);
        left: 0;
        width: 100%
    }

    .header .legenda {
        letter-spacing: -3px;
        text-transform: uppercase;
        padding: 0px 36px 12px 36px;
        font-size: 50px;
        line-height: 49px;
        color: #fff
    }

    .header .descricao {
        margin-top: -24px;
        padding: 0px 36px 12px 36px;
        font-size: 15px;
        line-height: 20px;
        color: #fff;
    }

    /*.header._839 {
        height: 343px
    }*/

    #divBanner {
        margin-top: 65px;
    }

    .header._0 {
        display: none;
    }

    .header._599 {
        padding-top: 45.37%; /* Aspect Ratio - https://andrew.hedges.name/experiments/aspect_ratio/ - Calculated ratio for image size 1320x599 = 45.37% (599/1320) */
    }

    .header._500 {
        padding-top: 37.87%; /* Aspect Ratio - https://andrew.hedges.name/experiments/aspect_ratio/ - Calculated ratio for image size 1320x500 = 37.87% (500/1320) */
    }

    .header._484 {
        padding-top: 36.66%; /* Aspect Ratio - https://andrew.hedges.name/experiments/aspect_ratio/ - Calculated ratio for image size 1320x484 = 36.66% (484/1320) */
    }

    .header._429 {
        padding-top: 32.50%; /* Aspect Ratio - https://andrew.hedges.name/experiments/aspect_ratio/ - Calculated ratio for image size 1320x500 = 32.50% (500/1320) */
    }

    .header._300 {
        padding-top: 22.50%; /* Aspect Ratio - https://andrew.hedges.name/experiments/aspect_ratio/ - Calculated ratio for image size 1320x500 = 32.50% (500/1320) */
    }

    .header .navbar .clube LI SPAN {
        font-size: 10px
    }

    .header .navbar .clube LI .nav-link, .header .navbar .loja LI .nav-link {
        color: #212529 !important;
        font-family: montserrat-medium
    }

.nav-item {
    padding: 0px 10px
}

.resumo TABLE {
    width: 100%;
    margin-top: -0.7rem;
}

    .resumo TABLE THEAD TR, .resumo TABLE TBODY TR {
        border-bottom: solid 1px #ccc
    }

        .resumo TABLE THEAD TR TH, .resumo TABLE TBODY TR TH, .resumo TABLE TFOOT TR TH {
            font-family: montserrat-bold;
            font-size: 14px;
        }

        .resumo TABLE THEAD TR TH, .resumo TABLE TBODY TR TD, .resumo TABLE TFOOT TR TH {
            padding: 0.7rem 0px;
        }

        .resumo TABLE THEAD TR TD.valor, .resumo TABLE TFOOT TR TD.valor {
            white-space: nowrap;
        }

FOOTER {
    padding-top: 0px;
    margin-top: 30px;
    min-height: 470px;
    background-image: url('/img/footer.jpg');
    background-size: cover !important;
}

    FOOTER HR {
        border-top: dotted 2px #ccc;
    }

    FOOTER .container-xxl .row .col UL LI:first-child {
        font-family: montserrat-extrabold;
        font-size: 21px;
        text-transform: uppercase;
        margin-bottom: 8px;
    }

    FOOTER .container-xxl .row .col UL LI HR {
        margin-top: -2px
    }

    FOOTER .container-xxl .row .col UL LI A, .link-black {
        line-height: 24px;
        font-family: montserrat-bold;
        font-size: 12px;
        text-transform: uppercase;
        text-decoration: none;
    }

        FOOTER .container-xxl .row .col UL LI A:HOVER, .link-black:HOVER {
            text-decoration: underline
        }

    FOOTER .container-xxl .row .col .svg LI {
        margin-bottom: 8px
    }

._18anos {
    text-transform: uppercase;
    font-weight: bold;
    opacity: 0.75
}

#alerta_geral {
    display: none;
    padding: 24px;
}

    #alerta_geral H1 {
        white-space: nowrap;
        margin-bottom: 24px
    }

    #alerta_geral UL {
        list-style: inside;
    }

        #alerta_geral UL LI {
            color: #666;
            margin-left: 4px;
        }

    #alerta_geral .btnInput left {
        width: 100%;
    }

#divCarrinho .listagem {
    border-top: dotted 2px #ccc;
}

    #divCarrinho .listagem UL LI {
        background-color: #ededed
    }

    #divCarrinho .listagem .info {
    }

#divCarrinho .resumo {
    border-top: dotted 2px #ccc;
    padding-top: 12px;
}

.correios-info {
    font-size: 11px !important;
    line-height: 19px;
    color: #666;
}

    .correios-info H1 {
        font-size: 14px !important;
        border-bottom: dotted 2px #ccc;
        padding-bottom: 3px;
        margin-bottom: 3px;
    }

    .correios-info B {
        font-size: 12px !important;
    }

.red-clube .destaque {
    background-color: #660000;
    background-size: contain;
    min-width: 146px;
    background-repeat: no-repeat;
    height: 145px;
    background-position: 92% -5px;
    position: relative;
    cursor: pointer;
    box-shadow: inset -2px -2px 10px #500;
}

    .red-clube .destaque DIV {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: left;
        padding: 0 35% 8px 14px;
    }

.label-plano {
    font-size: 20px;
    font-family: montserrat-bold;
    color: #900;
    text-transform: uppercase;
}

.black-style, .black-style * {
    background-color: #000;
    color: #ccc;
}

/**************************Estática Clube**************************/
#estatica VIDEO {
    width: 100%
}

#estatica .container-xxl .tarja-clube {
    font-size: 20px;
    color: #fff;
    background: #900
}

#estatica .container-xxl .label-clube {
    font-size: 20px;
    font-family: montserrat-bold;
    color: #900;
    width: 100%
}

.red-clube {
    background-color: #900;
    color: #fff;
}

/**************************Evento**************************/
#evento SECTION .container-xxl .carousel-indicators [data-bs-target] {
    margin: 0 10px;
    height: 12px;
    width: 12px;
    border-radius: 100%;
    border-bottom: 0;
    border-top: 0;
}

#evento SECTION .container-xxl .carousel, #evento SECTION .container-xxl .carousel-inner {
    height: 100%;
}

#evento SECTION .container-xxl .carousel-item {
    height: 100%;
    transition: transform .6s ease-in-out !important;
}

#evento SECTION .container-xxl .itens .img-evento {
    min-width: 150px;
    min-height: 100px;
    max-height: 150px;
    background: url() no-repeat center -60px !important;
    background-size: 160px !important
}

#evento SECTION .container-xxl .itens .label-evento {
    font-family: montserrat-bold;
    font-size: 20px;
    color: #900;
}

/**************************Coleção**************************/
#colecao .container-xxl {
    text-align: center;
}

    #colecao .container-xxl .busca-container .desktopFlexEnabled, #colecao .container-xxl .busca-container .mobileFlexEnabled {
        margin-top: -28px;
    }

    #colecao .container-xxl .black-style * {
        padding: 12px 0;
    }

/**************************País**************************/
#pais .container-xxl .legenda, #pais .container-xxl .descricao_legenda {
    text-align: center;
}

    #pais .container-xxl .busca-container {
        text-align: center;
    }

    #pais .container-xxl .row .filtro .box INPUT[type=CHECKBOX], #pais .container-xxl .row .filtro .box INPUT[type=RADIO] {
        margin-right: 0.3rem
    }

    #pais .container-xxl .row .filtro .box LABEL {
        font-size: 12px
    }

    #pais .container-xxl .row .filtro .box TABLE TBODY TR TD {
        line-height: 1.5rem;
    }

/**************************Restaurantes**************************/
#restaurante .container-xxl {
    text-align: center;
}

/**************************Uva**************************/
#uva .container-xxl .legenda, #uva .container-xxl .descricao_legenda {
    text-align: center;
}

    #uva .container-xxl .busca-container {
        text-align: center;
    }

    #uva .container-xxl .row .filtro .box INPUT[type=CHECKBOX], #uva .container-xxl .row .filtro .box INPUT[type=RADIO] {
        margin-right: 0.3rem
    }

    #uva .container-xxl .row .filtro .box LABEL {
        font-size: 12px
    }

    #uva .container-xxl .row .filtro .box TABLE TBODY TR TD {
        line-height: 1.5rem;
    }

/**************************Uva**************************/
#tipo .container-xxl .legenda, #tipo .container-xxl .descricao_legenda {
    text-align: center;
}

    #tipo .container-xxl .busca-container {
        text-align: center;
    }

    #tipo .container-xxl .row .filtro .box INPUT[type=CHECKBOX], #tipo .container-xxl .row .filtro .box INPUT[type=RADIO] {
        margin-right: 0.3rem
    }

    #tipo .container-xxl .row .filtro .box LABEL {
        font-size: 12px
    }

    #tipo .container-xxl .row .filtro .box TABLE TBODY TR TD {
        line-height: 1.5rem;
    }

/**************************Harmonização**************************/
#harmonizacao .container-xxl {
    text-align: center;
}

/**************************Uva**************************/
#promocao .container-xxl {
    text-align: center;
}

/**************************Plano**************************/
#plano .container-xxl ARTICLE {
    font-size: 16px;
}

    #plano .container-xxl ARTICLE VIDEO {
        width: 100%;
        max-width: 660px;
    }

    #plano .container-xxl ARTICLE .img-plano {
        max-width: 663px;
    }

    #plano .container-xxl ARTICLE .hr-plano {
        max-width: 863px;
        margin: auto
    }

    #plano .container-xxl ARTICLE .hr-plano {
        max-width: 863px;
        margin: auto
    }

/**************************Assinatura**************************/
#assinatura .box {
    position: unset;
    min-height: auto;
}

    #assinatura .box VIDEO {
        width: 100%;
        max-width: 660px;
    }

    #assinatura .box .cancelar DIV {
        position: unset;
    }

#assinatura INPUT[type=CHECKBOX] {
    position: relative;
    top: 0.09rem;
    margin-right: 0.3rem;
}

/**************************Busca**************************/
#busca_produto .container-xxl .busca-container, #busca_blog .container-xxl .busca-container {
    text-align: center;
}

#busca_produto .container-xxl .row .filtro .box INPUT[type=CHECKBOX], #busca_produto .container-xxl .row .filtro .box INPUT[type=RADIO], #busca_blog .container-xxl .row .filtro .box INPUT[type=CHECKBOX], #busca_blog .container-xxl .row .filtro .box INPUT[type=RADIO] {
    margin-right: 0.3rem
}

#busca_produto .container-xxl .row .filtro .box LABEL, #busca_blog .container-xxl .row .filtro .box LABEL {
    font-size: 12px
}

#busca_produto .container-xxl .row .filtro .box TABLE TBODY TR TD, #busca_blog .container-xxl .row .filtro .box TABLE TBODY TR TD {
    line-height: 1.5rem;
}

#busca_blog .container-xxl .busca-container .blog {
    max-width: 279px;
    min-width: 279px;
    display: inline-flex;
    margin: 0 auto;
    cursor: pointer;
}

    #busca_blog .container-xxl .busca-container .blog .detalhes {
        min-height: 361px;
    }

        #busca_blog .container-xxl .busca-container .blog .detalhes IMG {
            width: 100%;
        }

        #busca_blog .container-xxl .busca-container .blog .detalhes .titulo SPAN {
            text-align: left;
            font-family: montserrat-regular;
            bottom: 0;
            left: 10px;
            line-height: 24px
        }

/**************************Cadastro**************************/
#cadastro_pf .container-xxl .row .col FIELDSET DIV SPAN INPUT[type=RADIO] {
    margin-right: 0.3rem
}

#cadastro_pf .container-xxl .row .col FIELDSET DIV SPAN LABEL {
    margin-right: 8px
}

/**************************Restaurante Plano**************************/
#restaurante_plano #cadastro_pf .row .col FIELDSET DIV SPAN INPUT[type=RADIO] {
    margin-right: 0.3rem
}

#restaurante_plano #cadastro_pf .row .col FIELDSET DIV SPAN LABEL {
    margin-right: 8px
}

#restaurante_plano #divPagamentoCartaoCredito INPUT[type=CHECKBOX], #restaurante_plano .modal-body INPUT[type=CHECKBOX] {
    float: left;
    margin-top: 0.2rem;
    margin-right: 0.3rem;
}

#restaurante_plano .container-xxl #checkout_pagamento LABEL, #restaurante_plano .modal-body LABEL {
    width: auto;
    float: left;
    padding-left: 0.3rem;
    display: contents;
}

#restaurante_plano .container-xxl #checkout_pagamento INPUT[type=RADIO], #restaurante .container-xxl #checkout_pagamento INPUT[type=CHECKBOX] {
    float: left;
    margin-top: 0.2rem;
    margin-right: 0.3rem;
}

#restaurante_plano .container-xxl #checkout_pagamento .pagamento UL {
    padding-left: 0px
}

    #restaurante_plano .container-xxl #checkout_pagamento .pagamento UL LI {
        list-style-type: none;
        float: left
    }

/**************************Blog**************************/
#blog .container-xxl ARTICLE .data {
    font-family: montserrat-italic;
    font-size: 11px;
    margin-top: -6px;
}

/**************************Produto**************************/
#produto .container-xxl .icones._1 DIV {
    background-size: 65px 65px !important;
    background-position: 0px 0px !important;
    min-height: 55px;
    padding-left: 4rem;
    line-height: 1.2rem;
}

#produto .container-xxl .icones._2 DIV {
    background-size: 65px 65px !important;
    background-position: center -10px !important;
    min-height: 55px;
    padding-top: 4rem;
    line-height: 1.2rem;
}

#produto .container-xxl .icones DIV .item {
    font-family: montserrat-bold
}

#produto .container-xxl .icones DIV .descricao, .icones DIV .descricao A {
    font-size: 0.9rem
}

#produto .container-xxl .icones #aroma {
    background-image: url('/img/produto/aroma.png');
}

#produto .container-xxl .icones #harmonizacao {
    background-image: url('/img/produto/harmonizacao.png');
}

#produto .container-xxl .icones #cor {
    background-image: url('/img/produto/cor.png');
}

#produto .container-xxl .icones #sabor {
    background-image: url('/img/produto/sabor.png');
}

#produto .container-xxl .icones #amadurecimento {
    background-image: url('/img/produto/amadurecimento.png');
}

#produto .container-xxl .icones #tipo {
    background-image: url('/img/produto/tipo.png');
}

#produto .container-xxl .icones #safra {
    background-image: url('/img/produto/safra.png');
}

#produto .container-xxl .icones #pais {
    background-image: url('/img/produto/pais.png');
}

#produto .container-xxl .icones #regiao {
    background-image: url('/img/produto/regiao.png');
}

#produto .container-xxl .icones #uva {
    background-image: url('/img/produto/uva.png');
}

#produto .container-xxl .icones #produtor {
    background-image: url('/img/produto/produtor.png');
}

#produto .container-xxl .row .bg {
    background-size: contain !important;
    background-position: center 0 !important;
}

#produto .container-xxl .row .bg-produto {
    margin-left: -1rem;
}

#produto .container-xxl .row .borda-direita {
    border-right: 2px dotted #ccc;
}

#produto .container-xxl .valor {
    font-size: 35px;
}

.busca-container .produto {
    max-width: 279px;
    min-width: 279px;
    height: 357px;
    background-repeat: no-repeat;
    background-position: 188px 40px;
    display: inline-block;
    margin: 0 auto;
}

    .busca-container .produto:HOVER {
        background-color: #d85b1b;
        color: #fff;
        cursor: pointer
    }

        .busca-container .produto:HOVER .socio {
            background-color: #d85b1b;
            border-color: #fff;
        }

            .busca-container .produto:HOVER .socio DIV {
                background-color: #d85b1b;
            }

    .busca-container .produto .comprar {
        height: 26px;
        text-align: center;
    }

        .busca-container .produto .comprar.star-container {
            position: relative;
            top: -30px;
        }

            .busca-container .produto .comprar.star-container.plus {
                float: left;
                width: 100%;
                top: -63px;
            }

        .busca-container .produto .comprar DIV {
            position: relative;
            top: 11px;
        }

            .busca-container .produto .comprar DIV.star {
                top: 5px;
                left: -39px;
            }

            .busca-container .produto .comprar DIV BUTTON {
                display: inline-table;
            }

    .busca-container .produto .socio {
        border: 2px solid #1d1d1b;
        font-size: 18px;
        min-width: 130px;
        font-family: montserrat-italic;
        display: inline-block;
        float: left;
        margin-left: 12px;
        text-align: center;
    }

        .busca-container .produto .socio DIV {
            position: relative;
            background-color: #f5f3e6;
            top: -10px;
            left: 2px;
            font-family: montserrat-bold;
            font-size: 12px;
            width: 80px;
            padding-left: 3px;
            margin-bottom: -12px;
        }

        .busca-container .produto .socio SPAN, .busca-container .produto .detalhes .nao-socio SPAN {
            font-size: 28px;
            font-family: montserrat-italic
        }

    .busca-container .produto .detalhes {
        width: 100%;
        height: 328px;
        padding-top: 40px;
        padding-left: 23px;
        padding-right: 40%;
        position: relative;
    }

        .busca-container .produto .detalhes .off-price {
            position: relative;
        }

            .busca-container .produto .detalhes .off-price DIV {
                background-image: url('/img/off.png');
                font-family: 'montserrat-bold';
                position: absolute;
                width: 80px;
                height: 37px;
                background-repeat: no-repeat;
                float: left;
                top: -175px;
                color: #fff;
                padding: 6px 9px 0px 0px;
                z-index: auto;
                font-size: 12px;
                left: -31px
            }

        .busca-container .produto .detalhes .titulo {
            min-height: 125px;
            position: relative;
        }

            .busca-container .produto .detalhes .titulo SPAN {
                text-align: left;
                font-family: montserrat-regular;
                font-size: 17px;
                position: absolute;
                bottom: 0;
                left: 10px;
                line-height: 24px;
            }

        .busca-container .produto .detalhes .nao-socio {
            text-align: left;
            font-size: 14px;
            min-width: 110px;
            font-family: montserrat-italic;
            display: inline-block;
            margin-bottom: 15px;
            line-height: 22px;
            /*padding-left: 14px*/
        }

        .busca-container .produto .detalhes .carrinhoAdicionado {
            bottom: 0;
            position: absolute;
            text-align: left;
            display: none;
        }

/**************************Carrinho**************************/
#carrinho .container-xxl .row .col:first-child {
    text-align: left;
}

#carrinho .container-xxl .row .col .item .bg {
    background-size: 40px 159px !important;
    background-position: center center !important;
    min-height: 200px;
}

#carrinho .container-xxl .row .col .row .subtotal {
    font-size: 30px;
    float: right;
}

#carrinho .container-xxl .row .col .item .col {
    font-size: 14px;
}

    #carrinho .container-xxl .row .col .item .col .titulo {
        font-family: montserrat-bold;
        font-size: 20px;
    }

    #carrinho .container-xxl .row .col .item .col .row {
        background-color: #dedede;
        border: solid 2px #ccc;
    }

        #carrinho .container-xxl .row .col .item .col .row .col SPAN {
            font-size: 1.5rem;
        }

        #carrinho .container-xxl .row .col .item .col .row .col DIV {
            font-size: 20px;
            font-family: montserrat-bold;
        }

        #carrinho .container-xxl .row .col .item .col .row .col .button {
            cursor: pointer;
        }

        #carrinho .container-xxl .row .col .item .col .row .col INPUT {
            font-size: 1.5rem;
        }

/**************************Pagamento**************************/
#checkout_pagamento .container-xxl LABEL {
    width: auto;
    float: left;
    padding-left: 0.3rem;
    display: contents;
}

#checkout_pagamento .container-xxl INPUT[type=RADIO], #checkout_pagamento .container-xxl INPUT[type=CHECKBOX] {
    float: left;
    margin-top: 0.2rem;
    margin-right: 0.3rem;
}

#checkout_pagamento .container-xxl .frete LABEL {
    width: 90%;
    display: block;
}

#checkout_pagamento .container-xxl .frete .frete-nome {
    width: 35%;
    float: left;
}

#checkout_pagamento .container-xxl .frete .frete-dias {
    width: 35%;
    float: left;
    padding-left: 4px;
    font-style: italic;
    font-size: 12px
}

#checkout_pagamento .container-xxl .frete .frete-valor {
    width: 30%;
    float: left;
    text-align: right
}

#checkout_pagamento .container-xxl .pagamento UL {
    padding-left: 0px
}

    #checkout_pagamento .container-xxl .pagamento UL LI {
        list-style-type: none;
        float: left
    }

.escolher_pagamento LI {
    padding-right: 1rem !important
}

/**************************Pedidos**************************/
#pedido .container-xxl .row .col TABLE {
    width: 100%;
}

    #pedido .container-xxl .row .col TABLE THEAD TR .pedidos-numero {
        width: 10%
    }

    #pedido .container-xxl .row .col TABLE THEAD TR .pedidos-data {
        width: 20%
    }

    #pedido .container-xxl .row .col TABLE THEAD TR .pedidos-valor {
        width: 20%
    }

    #pedido .container-xxl .row .col TABLE THEAD TR .pedidos-status {
        width: 40%
    }

    #pedido .container-xxl .row .col TABLE THEAD TR .pedidos-detalhe {
        width: 10%
    }

    #pedido .container-xxl .row .col TABLE TBODY TR .detalhes {
        cursor: pointer
    }

        #pedido .container-xxl .row .col TABLE TBODY TR .detalhes:HOVER {
            background-color: #ccc
        }

        #pedido .container-xxl .row .col TABLE TBODY TR .detalhes.ativo {
            border-bottom: 0px;
            background-color: #ccc
        }

    #pedido .container-xxl .row .col TABLE THEAD TR TH, #pedido .container-xxl .row .col TABLE TBODY TR TH, #pedido .container-xxl .row .col TABLE TFOOT TR TH {
        font-family: montserrat-bold;
        border-bottom: solid 1px #ccc;
        font-size: 14px;
    }

    #pedido .container-xxl .row .col TABLE THEAD TR TD, #pedido .container-xxl .row .col TABLE TBODY TR TD, #pedido .container-xxl .row .col TABLE TFOOT TR TD {
        white-space: nowrap;
        border-bottom: solid 1px #ccc;
        padding: 8px 0px;
    }

    #pedido .container-xxl .row .col TABLE TBODY TR .detalhes-pedido {
        background-color: #ccc
    }

    #pedido .container-xxl .row .col TABLE TBODY TR TD .row .resumo {
        min-width: 40%;
    }

/* -------------------------------------------- */
/* ----------------- Site v2 ------------------ */
/* -------------------------------------------- */

.garrafa {
    background-size: auto 200px;
    background-repeat: no-repeat;
    background-position: center 0px;
    display: inline-block;
    min-height: 200px;
}

    .garrafa.grande {
        min-height: 450px;
        background-size: auto 450px;
    }

        .garrafa.grande:first-child .info {
            float: right;
        }

        .garrafa.grande .info {
            max-width: 375px;
        }

            .garrafa.grande .info .icones DIV {
                background-size: 55px 55px !important;
                background-position: 0px -13px !important;
                min-height: 45px;
                padding-left: 4rem !important;
                padding-top: 0.5rem !important;
                line-height: 1.2rem;
            }

                .garrafa.grande .info .icones DIV .descricao, .icones DIV .descricao A {
                    font-size: 0.9rem;
                    font-family: montserrat-bold
                }

            .garrafa.grande .info .icones #safra {
                background-image: url('/img/produto/safra.png');
            }

            .garrafa.grande .info .icones #produtor {
                background-image: url('/img/produto/produtor.png');
                background-position: 0px -16px !important;
            }

        .garrafa.grande:first-child .info .icones DIV {
            background-position-x: 100% !important;
            padding-right: 4rem !important;
        }

        .garrafa.grande:first-child .info .icones #produtor {
            background-position-x: 100% !important;
        }

.plano-harmonizacao {
    width: 850px;
}

    .plano-harmonizacao DIV {
        height: 325px;
    }

#planos .row .garrafa {
    padding-top: 70px;
    background-position-x: 0%;
    padding-left: 60px;
    padding-right: 20px;
    text-align: left;
}

    #planos .row .garrafa.grande {
        padding-left: 130px;
    }

    #planos .row .garrafa:first-child {
        background-position-x: 100%;
        padding-left: 20px;
        padding-right: 60px;
        text-align: right;
    }

    #planos .row .garrafa.grande:first-child {
        padding-right: 130px;
    }

.accordion-item {
    margin-top: 12px;
    border: none;
    background-color: #fffefa;
}

.accordion-button:focus {
    box-shadow: none;
    border: 0px;
    color: inherit;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
    border: 0px;
    color: #212529;
}

.accordion-body {
    background-color: #fffefa;
}

.bola-red {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #dc3545;
    text-align: center;
    padding-top: 5px;
    font-size: 15px;
    font-family: 'montserrat-extrabold';
    color: #fff;
}

.bola-red-big {
    width: 50px;
    height: 50px;
    background: #dc3545;
    text-indent: -9999px;
    border-radius: 100%;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    margin: auto;
}

    .bola-red-big.comodidade {
        background-image: url('/img/assinatura/comodidade.png');
    }

    .bola-red-big.desconto {
        background-image: url('/img/assinatura/desconto.png');
    }

    .bola-red-big.especial {
        background-image: url('/img/assinatura/especial.png');
    }

    .bola-red-big.mais {
        background-image: url('/img/assinatura/mais.png');
    }

    .bola-red-big.evento {
        background-image: url('/img/assinatura/evento.png');
    }

    .bola-red-big.compromisso {
        background-image: url('/img/assinatura/compromisso.png');
    }

.bola-red-bigger {
    width: 100px;
    height: 100px;
    background: #dc3545;
    text-indent: -9999px;
    border-radius: 100%;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    margin: auto;
}

    .bola-red-bigger.frete {
        background-image: url('/img/assinatura/frete-big.png');
    }

    .bola-red-bigger.vip {
        background-image: url('/img/assinatura/vip-big.png');
    }

    .bola-red-bigger.desconto {
        background-image: url('/img/assinatura/desconto-big.png');
    }

.traco-red {
    background: #dc3545;
    width: 6px;
    height: 30px;
    margin-left: 13px;
    top: -8px;
    position: relative;
}

.fw-bold {
    font-family: 'montserrat-bold';
    font-size: inherit;
}

.fs-small {
    font-size: 12px;
}

.fs-big {
    font-size: 20px;
}

.title {
    color: #fff;
    padding: 8px 12px;
    border-radius: 50rem !important;
    position: relative;
    top: -10px;
}

    .title.descomplicado {
        background-color: #f38300;
    }

    .title.explorador {
        background-color: #ff001e;
    }

    .title.extravagante {
        background-color: #be2128;
    }

    .title.solar {
        background-color: #fdb532;
    }

    .title.padrao {
        font-size: 2.4rem;
        background-color: #dc3545;
        font-family: montserrat-light;
    }

        .title.padrao .banner {
            background-image: url('/img/areasocio/icones.png');
            background-position-x: 4px;
            background-repeat: no-repeat;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: #f5f3e6;
            float: left;
        }

            .title.padrao .banner.revista {
                background-position-y: -4px;
            }

            .title.padrao .banner.assinatura {
                background-position-y: -98px;
            }

            .title.padrao .banner.historico {
                background-position-y: -51px;
            }

.btn.descomplicado, .button.descomplicado {
    background-color: #f38300;
    border-color: #f38300;
}

.btn.explorador, .button.explorador {
    background-color: #ff001e;
    border-color: #ff001e;
}

.btn.extravagante, .button.extravagante {
    background-color: #be2128;
    border-color: #be2128;
}

.btn.solar, .button.solar {
    background-color: #fdb532; 
    border-color: #fdb532;
}

.button.descomplicado {
    cursor: pointer;
    font-size: 1.5rem;
    font-family: montserrat-bold;
    color: #fff;
}

.button.explorador {
    cursor: pointer;
    font-size: 1.5rem;
    font-family: montserrat-bold;
    color: #fff;
}

.button.extravagante {
    cursor: pointer;
    font-size: 1.5rem;
    font-family: montserrat-bold;
    color: #fff;
}

.button.extravagante {
    cursor: pointer;
    font-size: 1.5rem;
    font-family: montserrat-bold;
    color: #fff;
}

.row.descomplicado .quantidade {
    border: solid 1px #f38300;
}

.row.explorador .quantidade {
    border: solid 1px #ff001e;
}

.row.extravagante .quantidade {
    border: solid 1px #be2128;
}

.row.solar .quantidade {
    border: solid 1px #fdb532;
}

.btn-shadow {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    border-radius: 50rem !important;
}

    .btn-shadow:hover {
        box-shadow: 0px 0px 0px rgba(0,0,0,0.5);
    }

.box-shadow {
    padding: 0 10px;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
    border-radius: 2rem !important;
    background-color: #f5f3e6;
}

.box-wt-shadow {
    padding: 0 10px;
    border-radius: 2rem !important;
    background-color: #f5f3e6;
}

.box-wt-shadow-wt-radius {
    padding: 0 10px;
    background-color: #f5f3e6;
}

.navbar .box-wt-shadow {
    border-radius: 0.5rem !important;
    padding: 8px 0;
}

/* -------------------------------------------- */
/* -------------- Responsividade -------------- */
/* -------------------------------------------- */

.desktopEnabled {
    display: none
}

.desktopContentsEnabled {
    display: none
}

.desktopFlexEnabled {
    display: none
}

.mobileEnabled {
    display: block
}

.mobileContentsEnabled {
    display: contents
}

.mobileFlexEnabled {
    display: flex
}

.header {
    margin-top: 5.8rem !important;
}

#cadastro_pf .container-xxl .row .col.separador, #contato .container-xxl .row .col.separador, #restaurante_plano .container-xxl .row .col.separador {
    border-bottom: 2px dotted #ccc;
    border-right: 0px;
}

#restaurante_plano #cadastro_pf .row .col.separador {
    padding-bottom: 2rem !important;
    border-bottom: 2px dotted #ccc;
    border-right: 0px;
}

/*960px*/
@media (min-width: 992px) {
    .desktopEnabled {
        display: block
    }

    .desktopContentsEnabled {
        display: contents
    }

    .desktopFlexEnabled {
        display: flex
    }

    .mobileEnabled {
        display: none
    }

    .mobileContentsEnabled {
        display: none
    }

    .mobileFlexEnabled {
        display: none
    }

    #divBanner {
        margin-top: 0;
    }

    .header {
        margin-top: 0 !important;
    }

    FOOTER {
        padding-top: 30px;
    }

    #cadastro_pf .container-xxl .row .col.separador, #contato .container-xxl .row .col.separador, #restaurante_plano .container-xxl .row .col.separador {
        border-right: 2px dotted #ccc;
        border-bottom: 0px;
    }

    #restaurante_plano #cadastro_pf .row .col.separador {
        padding-bottom: 1rem !important;
        border-right: 2px dotted #ccc;
        border-bottom: 0px;
    }

    #carrinho .container-xxl .row .col .item .bg {
        background-size: contain !important;
    }

    #assinatura .box {
        position: relative;
        min-height: 400px;
    }

        #assinatura .box .cancelar DIV {
            position: absolute;
            bottom: 10px;
            left: 0;
            margin: 0 20%;
            width: 60% !important;
        }
}